logitude-dashboard-library 3.2.55 → 3.2.57

package/dist/index.modern.js

@@ -2538,6 +2538,7 @@ var quarters = ["Q", "Q1", "Q2", "Q3", "Q4"];
 function getCategoriesBasedDataSource(chartInfo, seriesMeasures, widget) {
   if (seriesMeasuresIsEmpty(seriesMeasures)) return null;
   handelNullLabels(seriesMeasures);
+  setSafeYAxisMaxValue(chartInfo, seriesMeasures, widget);
   return {
     chart: chartInfo,
     categories: buildCategories(seriesMeasures, widget),
@@ -2547,6 +2548,7 @@ function getCategoriesBasedDataSource(chartInfo, seriesMeasures, widget) {
 function getStackedDataSource(chartInfo, seriesMeasures, widget) {
   if (seriesMeasuresIsEmpty(seriesMeasures)) return null;
   handelNullLabels(seriesMeasures);
+  setSafeYAxisMaxValue(chartInfo, seriesMeasures, widget);
   return {
     chart: chartInfo,
     categories: buildStackedCategories(seriesMeasures, widget),
@@ -2579,6 +2581,66 @@ function seriesMeasuresIsEmpty(seriesMeasures) {
   return !hasValue;
 }
 
+function setSafeYAxisMaxValue(chartInfo, seriesMeasures, widget) {
+  if (!isColumnOrBarChart(widget)) return;
+  var maxMeasureValue = getMaxMeasureValue(seriesMeasures, widget);
+  if (maxMeasureValue === null) return;
+  var safeYAxisMaxValue = Math.max(1, Math.ceil(maxMeasureValue * 1.2));
+  chartInfo.yAxisMaxValue = safeYAxisMaxValue.toString();
+}
+
+function getMaxMeasureValue(seriesMeasures, widget) {
+  if (!seriesMeasures || seriesMeasures.length === 0) return null;
+
+  if (widget !== null && widget !== void 0 && widget.IsStacked) {
+    var stackedTotalsByGroupId = new Map();
+    seriesMeasures.forEach(function (seriesMeasure) {
+      var _seriesMeasure$Values;
+
+      seriesMeasure === null || seriesMeasure === void 0 ? void 0 : (_seriesMeasure$Values = seriesMeasure.Values) === null || _seriesMeasure$Values === void 0 ? void 0 : _seriesMeasure$Values.forEach(function (valueItem) {
+        var numericValue = toNumericValue(valueItem === null || valueItem === void 0 ? void 0 : valueItem.Value);
+        if (numericValue === null) return;
+        var groupId = valueItem === null || valueItem === void 0 ? void 0 : valueItem.GroupById;
+        var currentTotal = stackedTotalsByGroupId.get(groupId) || 0;
+        stackedTotalsByGroupId.set(groupId, currentTotal + numericValue);
+      });
+    });
+    var maxStackedTotal = null;
+    stackedTotalsByGroupId.forEach(function (total) {
+      if (maxStackedTotal === null || total > maxStackedTotal) {
+        maxStackedTotal = total;
+      }
+    });
+    return maxStackedTotal;
+  }
+
+  var maxValue = null;
+  seriesMeasures.forEach(function (seriesMeasure) {
+    var _seriesMeasure$Values2;
+
+    seriesMeasure === null || seriesMeasure === void 0 ? void 0 : (_seriesMeasure$Values2 = seriesMeasure.Values) === null || _seriesMeasure$Values2 === void 0 ? void 0 : _seriesMeasure$Values2.forEach(function (valueItem) {
+      var numericValue = toNumericValue(valueItem === null || valueItem === void 0 ? void 0 : valueItem.Value);
+      if (numericValue === null) return;
+
+      if (maxValue === null || numericValue > maxValue) {
+        maxValue = numericValue;
+      }
+    });
+  });
+  return maxValue;
+}
+
+function toNumericValue(value) {
+  if (value === null || value === undefined || value === "") return null;
+  var numericValue = typeof value === "number" ? value : Number(value);
+  if (!Number.isFinite(numericValue)) return null;
+  return numericValue;
+}
+
+function isColumnOrBarChart(widget) {
+  return (widget === null || widget === void 0 ? void 0 : widget.TypeCode) === "column" || (widget === null || widget === void 0 ? void 0 : widget.TypeCode) === "bar";
+}
+
 function buildDataSource(values, widget) {
   var data = [];
   if (!values || !values[0]) return data;
@@ -3048,11 +3110,15 @@ function getDefaultChartInfo(widget) {
   chart.valuePosition = widget.ShowValue && widget.ValuePosition ? widget.ValuePosition : 'Outside';
   var isValuePositionInside = widget.ShowValue && widget.ValuePosition && widget.ValuePosition.toLowerCase() == 'inside';
 
-  if (widget.ShowValue && widget.ValuePosition && isColumnOrBarChart(widget)) {
+  if (isColumnOrBarChart$1(widget)) {
+    chart.canvasTopPadding = "40";
+  }
+
+  if (widget.ShowValue && widget.ValuePosition && isColumnOrBarChart$1(widget)) {
     chart.placeValuesInside = widget.ValuePosition.toLowerCase() == 'inside' ? "1" : "0";
   }
 
-  if (widget.IsStacked && isValuePositionInside && isColumnOrBarChart(widget)) {
+  if (widget.IsStacked && isValuePositionInside && isColumnOrBarChart$1(widget)) {
     chart.minPlotHeightForValue = "15";
   }
 
@@ -3120,7 +3186,7 @@ function getWidgetLegendPosition(widget) {
   return widget.TypeCode == 'pie' || widget.TypeCode == 'donut' ? "right" : "bottom";
 }
 
-function isColumnOrBarChart(widget) {
+function isColumnOrBarChart$1(widget) {
   if (!widget) return false;
   return widget.TypeCode == 'column' || widget.TypeCode == 'bar';
 }
@@ -4024,7 +4090,7 @@ var FusionChart$1 = forwardRef(function (props, comRef) {
 });
 
 var WidgetCard = forwardRef(function (props, comRef) {
-  var _widget$current13, _widget$current14, _widget$current15;
+  var _widget$current15, _widget$current16, _widget$current17, _widget$current18;
 
   var widget = useRef();
 
@@ -4046,15 +4112,39 @@ var WidgetCard = forwardRef(function (props, comRef) {
       headerErrorMessages = _useState4[0],
       setHeaderErrorMessages = _useState4[1];
 
+  var _useState5 = useState(false),
+      showCopiedNotification = _useState5[0],
+      setShowCopiedNotification = _useState5[1];
+
+  var copyPopupRef = useRef(null);
+  var copiedNotificationTimer = useRef(null);
+
   var editWidget = function editWidget() {
     props.editBtnClicked(widget.current);
   };
 
-  var copyWidget = function copyWidget() {
-    if (props && props.copyBtnClicked) {
+  var duplicateWidget = function duplicateWidget() {
+    if (props && props.duplicateBtnClicked) {
       var _widget$current;
 
-      props.copyBtnClicked((_widget$current = widget.current) === null || _widget$current === void 0 ? void 0 : _widget$current.key);
+      props.duplicateBtnClicked((_widget$current = widget.current) === null || _widget$current === void 0 ? void 0 : _widget$current.key);
+    } else if (props && props.copyBtnClicked) {
+      var _widget$current2;
+
+      props.copyBtnClicked((_widget$current2 = widget.current) === null || _widget$current2 === void 0 ? void 0 : _widget$current2.key);
+    }
+  };
+
+  var copyWidgetToClipboard = function copyWidgetToClipboard() {
+    if (props && props.copyToClipboardBtnClicked && widget.current) {
+      var _widget$current3;
+
+      props.copyToClipboardBtnClicked((_widget$current3 = widget.current) === null || _widget$current3 === void 0 ? void 0 : _widget$current3.key, widget.current);
+      setShowCopiedNotification(true);
+      if (copiedNotificationTimer.current) clearTimeout(copiedNotificationTimer.current);
+      copiedNotificationTimer.current = setTimeout(function () {
+        setShowCopiedNotification(false);
+      }, 700);
     }
   };
 
@@ -4063,20 +4153,23 @@ var WidgetCard = forwardRef(function (props, comRef) {
 
     widget.current = props.widget;
     (_props$dataBinding = props.dataBinding) === null || _props$dataBinding === void 0 ? void 0 : _props$dataBinding.onEditWidget.subscribe(function (e) {
-      var _widget$current2;
+      var _widget$current4;
 
-      if ((e === null || e === void 0 ? void 0 : e.key) != ((_widget$current2 = widget.current) === null || _widget$current2 === void 0 ? void 0 : _widget$current2.key)) return;
+      if ((e === null || e === void 0 ? void 0 : e.key) != ((_widget$current4 = widget.current) === null || _widget$current4 === void 0 ? void 0 : _widget$current4.key)) return;
       setIsLoading(true);
       widget.current = _extends({}, e);
       setIsLoading(false);
     });
     (_props$dataBinding2 = props.dataBinding) === null || _props$dataBinding2 === void 0 ? void 0 : _props$dataBinding2.widgetUpdated.subscribe(function (updatedWidget) {
-      var _widget$current3;
+      var _widget$current5;
 
-      if ((updatedWidget === null || updatedWidget === void 0 ? void 0 : updatedWidget.key) != ((_widget$current3 = widget.current) === null || _widget$current3 === void 0 ? void 0 : _widget$current3.key)) return;
+      if ((updatedWidget === null || updatedWidget === void 0 ? void 0 : updatedWidget.key) != ((_widget$current5 = widget.current) === null || _widget$current5 === void 0 ? void 0 : _widget$current5.key)) return;
       widget.current = _extends({}, updatedWidget);
       setTriggerId(v4());
     });
+    return function () {
+      if (copiedNotificationTimer.current) clearTimeout(copiedNotificationTimer.current);
+    };
   }, []);
   useImperativeHandle(comRef, function () {
     return {
@@ -4101,10 +4194,10 @@ var WidgetCard = forwardRef(function (props, comRef) {
   };
 
   var GetChartComponent = function GetChartComponent() {
-    var _widget$current4, _widget$current5, _widget$current6, _widget$current7, _widget$current8;
+    var _widget$current6, _widget$current7, _widget$current8, _widget$current9, _widget$current10;
 
-    if (isLoading || !((_widget$current4 = widget.current) !== null && _widget$current4 !== void 0 && _widget$current4.TypeCode)) return "";
-    if (((_widget$current5 = widget.current) === null || _widget$current5 === void 0 ? void 0 : _widget$current5.TypeCode) == "kpi") return React__default.createElement(CustomChart, {
+    if (isLoading || !((_widget$current6 = widget.current) !== null && _widget$current6 !== void 0 && _widget$current6.TypeCode)) return "";
+    if (((_widget$current7 = widget.current) === null || _widget$current7 === void 0 ? void 0 : _widget$current7.TypeCode) == "kpi") return React__default.createElement(CustomChart, {
       isInEditMode: props.isInEditMode,
       isPreviewModeActive: props.isPreviewModeActive,
       dataBinding: props.dataBinding,
@@ -4115,7 +4208,7 @@ var WidgetCard = forwardRef(function (props, comRef) {
         return showErrorMsg(errorMsg);
       }
     });
-    if (((_widget$current6 = widget.current) === null || _widget$current6 === void 0 ? void 0 : _widget$current6.TypeCode) == "table" || ((_widget$current7 = widget.current) === null || _widget$current7 === void 0 ? void 0 : _widget$current7.TypeCode) == "pivot") return React__default.createElement(CustomChart, {
+    if (((_widget$current8 = widget.current) === null || _widget$current8 === void 0 ? void 0 : _widget$current8.TypeCode) == "table" || ((_widget$current9 = widget.current) === null || _widget$current9 === void 0 ? void 0 : _widget$current9.TypeCode) == "pivot") return React__default.createElement(CustomChart, {
       isInEditMode: props.isInEditMode,
       isPreviewModeActive: props.isPreviewModeActive,
       dataBinding: props.dataBinding,
@@ -4123,7 +4216,7 @@ var WidgetCard = forwardRef(function (props, comRef) {
       widgetRef: props.widgetRef,
       onSelectDataPoint: props.onSelectDataPoint
     });
-    if (((_widget$current8 = widget.current) === null || _widget$current8 === void 0 ? void 0 : _widget$current8.TypeCode) == "gauge") return React__default.createElement(FusionChart$1, {
+    if (((_widget$current10 = widget.current) === null || _widget$current10 === void 0 ? void 0 : _widget$current10.TypeCode) == "gauge") return React__default.createElement(FusionChart$1, {
       ref: fusionChartRef,
       dataBinding: props.dataBinding,
       widget: widget.current,
@@ -4182,15 +4275,15 @@ var WidgetCard = forwardRef(function (props, comRef) {
   };
 
   var isThereTitle = function isThereTitle() {
-    var _widget$current9, _widget$current10;
+    var _widget$current11, _widget$current12;
 
-    return ((_widget$current9 = widget.current) === null || _widget$current9 === void 0 ? void 0 : _widget$current9.Title) && ((_widget$current10 = widget.current) === null || _widget$current10 === void 0 ? void 0 : _widget$current10.Title.length) > 0;
+    return ((_widget$current11 = widget.current) === null || _widget$current11 === void 0 ? void 0 : _widget$current11.Title) && ((_widget$current12 = widget.current) === null || _widget$current12 === void 0 ? void 0 : _widget$current12.Title.length) > 0;
   };
 
   var isThereSubtitle = function isThereSubtitle() {
-    var _widget$current11, _widget$current12;
+    var _widget$current13, _widget$current14;
 
-    return ((_widget$current11 = widget.current) === null || _widget$current11 === void 0 ? void 0 : _widget$current11.Subtitle) && ((_widget$current12 = widget.current) === null || _widget$current12 === void 0 ? void 0 : _widget$current12.Subtitle.length) > 0;
+    return ((_widget$current13 = widget.current) === null || _widget$current13 === void 0 ? void 0 : _widget$current13.Subtitle) && ((_widget$current14 = widget.current) === null || _widget$current14 === void 0 ? void 0 : _widget$current14.Subtitle.length) > 0;
   };
 
   var tableHintMessage = function tableHintMessage() {
@@ -4239,7 +4332,7 @@ var WidgetCard = forwardRef(function (props, comRef) {
         color: getCSSPropertyValue(widget.current, 'TitleFontColor', ''),
         textAlign: getCSSPropertyValue(widget === null || widget === void 0 ? void 0 : widget.current, 'TitleAlignment', '', undefined)
       }
-    }, (_widget$current13 = widget.current) === null || _widget$current13 === void 0 ? void 0 : _widget$current13.Title),
+    }, (_widget$current15 = widget.current) === null || _widget$current15 === void 0 ? void 0 : _widget$current15.Title),
     position: ['top center'],
     arrowStyle: {
       color: '#19395C'
@@ -4248,7 +4341,7 @@ var WidgetCard = forwardRef(function (props, comRef) {
     on: ['hover', 'focus']
   }, React__default.createElement("span", {
     className: "widget-title-tooltip-text"
-  }, (_widget$current14 = widget.current) === null || _widget$current14 === void 0 ? void 0 : _widget$current14.Title))), isTableOrPivotWidget() && isThereTitle() && isThereSubtitle() && React__default.createElement("div", {
+  }, (_widget$current16 = widget.current) === null || _widget$current16 === void 0 ? void 0 : _widget$current16.Title))), isTableOrPivotWidget() && isThereTitle() && isThereSubtitle() && React__default.createElement("div", {
     className: "titles-vertical-seeparator"
   }), React__default.createElement("div", {
     className: isThereSubtitle() ? "subtitle" : "subtitle margin-top-4",
@@ -4258,25 +4351,57 @@ var WidgetCard = forwardRef(function (props, comRef) {
       color: getCSSPropertyValue(widget.current, 'SubtitleFontColor', ''),
       minWidth: isThereSubtitle() && isTableOrPivotWidget() ? '5%' : undefined
     }
-  }, (_widget$current15 = widget.current) === null || _widget$current15 === void 0 ? void 0 : _widget$current15.Subtitle)), !isTitleAligmentRight() && isTableOrPivotWidget() && tableHintMessage(), props.isInEditMode && React__default.createElement("div", {
+  }, (_widget$current17 = widget.current) === null || _widget$current17 === void 0 ? void 0 : _widget$current17.Subtitle)), !isTitleAligmentRight() && isTableOrPivotWidget() && tableHintMessage(), props.isInEditMode && React__default.createElement("div", {
     className: isThereTitle() ? "widget-options-container" : "widget-options-container margin-top-6"
   }, React__default.createElement("div", null, " ", React__default.createElement(SvgEditIcon, {
     className: "widget-card-edit-icon",
     onClick: function onClick() {
       return editWidget();
     }
-  }), " "), React__default.createElement("div", null, " ", React__default.createElement(SvgCopyIcon, {
-    className: "widget-card-copy-icon",
+  }), " "), React__default.createElement(Popup, {
+    ref: copyPopupRef,
+    className: "widget-copy-dropdown-container",
+    trigger: React__default.createElement("div", null, React__default.createElement(SvgCopyIcon, {
+      className: "widget-card-copy-icon"
+    })),
+    position: ['bottom left', 'bottom center'],
+    closeOnDocumentClick: true,
+    closeOnEscape: true,
+    arrow: false,
+    offsetY: 2
+  }, React__default.createElement("div", {
+    className: "widget-copy-dropdown-menu"
+  }, React__default.createElement("div", {
+    className: "widget-copy-dropdown-item",
     onClick: function onClick() {
-      return copyWidget();
+      var _copyPopupRef$current;
+
+      (_copyPopupRef$current = copyPopupRef.current) === null || _copyPopupRef$current === void 0 ? void 0 : _copyPopupRef$current.close();
+      duplicateWidget();
     }
-  }), " "), React__default.createElement("div", null, " ", React__default.createElement(SvgDeleteIcon, {
+  }, "Duplicate"), React__default.createElement("div", {
+    className: "widget-copy-dropdown-item",
+    onClick: function onClick() {
+      var _copyPopupRef$current2;
+
+      (_copyPopupRef$current2 = copyPopupRef.current) === null || _copyPopupRef$current2 === void 0 ? void 0 : _copyPopupRef$current2.close();
+      copyWidgetToClipboard();
+    }
+  }, "Copy"))), React__default.createElement("div", null, " ", React__default.createElement(SvgDeleteIcon, {
     onClick: function onClick() {
       var _props$widget;
 
       return props.deleteBtnClicked((_props$widget = props.widget) === null || _props$widget === void 0 ? void 0 : _props$widget.key);
     }
-  }), " ")), !props.isInEditMode && showHeaderErrorMessages && React__default.createElement("div", {
+  }), " ")), showCopiedNotification && React__default.createElement("div", {
+    className: "widget-copied-notification"
+  }, React__default.createElement("span", {
+    className: "widget-copied-notification-check"
+  }, "\u2713"), React__default.createElement("span", {
+    className: "widget-copied-notification-title"
+  }, (_widget$current18 = widget.current) === null || _widget$current18 === void 0 ? void 0 : _widget$current18.Title), React__default.createElement("span", {
+    className: "widget-copied-notification-text"
+  }, "widget copied")), !props.isInEditMode && showHeaderErrorMessages && React__default.createElement("div", {
     className: "header-message-error"
   }, React__default.createElement(Popup, {
     className: "header-message-error-tooltip-container",
@@ -4452,6 +4577,12 @@ var DashboardDesigner = function DashboardDesigner(props) {
     }
   }
 
+  function copyWidgetToClipboard(key, widget) {
+    if (props && props.onCopyWidgetToClipboard) {
+      props.onCopyWidgetToClipboard(key, widget);
+    }
+  }
+
   function UpdatePlaceholderDimensions(layouts) {
     if (!layouts) return;
     var max = minimumPlaceholderRowsCount;
@@ -4524,7 +4655,8 @@ var DashboardDesigner = function DashboardDesigner(props) {
       editBtnClicked: editWidget,
       deleteBtnClicked: confirmDeleteWidget,
       onSelectDataPoint: props.onSelectDataPoint,
-      copyBtnClicked: copyWidget,
+      duplicateBtnClicked: copyWidget,
+      copyToClipboardBtnClicked: copyWidgetToClipboard,
       ref: function ref(el) {
         var _widget$Layout3;
 
@@ -4606,6 +4738,12 @@ var Dashboard = function Dashboard(props) {
     }
   };
 
+  var copyWidgetToClipboard = function copyWidgetToClipboard(key, widget) {
+    if (props && props.onCopyWidgetToClipboard) {
+      props.onCopyWidgetToClipboard(key, widget);
+    }
+  };
+
   var updateWidgets = function updateWidgets(layouts) {
     var layoutsDic = {};
     Object.keys(layouts).forEach(function (sizeType) {
@@ -4673,6 +4811,7 @@ var Dashboard = function Dashboard(props) {
       return props.openDeleteWidgetConfirmWindow(deleteProps);
     },
     onCopyWidget: copyWidget,
+    onCopyWidgetToClipboard: copyWidgetToClipboard,
     openEditWidget: function openEditWidget(widget) {
       return props.openEditWidget(widget);
     }