logitude-dashboard-library 3.1.130 → 3.1.132

package/dist/assets/styles/dl-dashboard.scss

@@ -1327,6 +1327,7 @@ $dark-grey: #717585;
     gap: 4px;
     z-index: 1000;
     white-space: nowrap;
+    width: calc(100% - 16px);
     max-width: calc(100% - 16px);
     animation: widgetCopiedFadeIn 0.2s ease;
 
@@ -1340,7 +1341,7 @@ $dark-grey: #717585;
         font-weight: 600;
         font-size: 12px;
         line-height: 16px;
-        max-width: 150px;
+        max-width: calc(100% - 50px);
         overflow: hidden;
         text-overflow: ellipsis;
     }

package/dist/index.js

@@ -1845,7 +1845,7 @@ var TableChart = function TableChart(props) {
       rowDate = null;
     }
 
-    return fieldCode == "ShipmentNumber" && objectTableName == "Shipment" || IsShipmentMasterFieldClickable(fieldCode, rowDate) || fieldCode == "InvoiceNumber" && objectTableName == "APInvoice" || fieldCode == "InvoiceNumber" && objectTableName == "ARInvoice" || fieldCode == "ContainerNumber" && objectTableName == "Container" || fieldCode == "QuoteNumber" && objectTableName == "Quote" || fieldCode == "Subject" && objectTableName == "Opportunity" || fieldCode == "EnglishName" && objectTableName == "Customer" || fieldCode == "TaskNumber" && objectTableName == "Task" || fieldCode == "Subject" && objectTableName == "Activity" || fieldCode == "TicketNumber" && objectTableName == "Ticket";
+    return fieldCode == "ShipmentNumber" && objectTableName == "Shipment" || IsShipmentMasterFieldClickable(fieldCode, rowDate) || fieldCode == "InvoiceNumber" && objectTableName == "APInvoice" || fieldCode == "InvoiceNumber" && objectTableName == "ARInvoice" || fieldCode == "ContainerNumber" && objectTableName == "Container" || fieldCode == "QuoteNumber" && objectTableName == "Quote" || fieldCode == "Subject" && objectTableName == "Opportunity" || fieldCode == "EnglishName" && objectTableName == "Customer" || fieldCode == "TaskNumber" && objectTableName == "Task" || fieldCode == "Subject" && objectTableName == "Activity" || fieldCode == "TicketNumber" && objectTableName == "Ticket" || fieldCode == "ReleaseNumber" && objectTableName == "WarehouseRelease";
   };
 
   var IsShipmentMasterFieldClickable = function IsShipmentMasterFieldClickable(fieldCode, rowData) {
@@ -4120,10 +4120,7 @@ var WidgetCard = React.forwardRef(function (props, comRef) {
       showCopiedNotification = _useState5[0],
       setShowCopiedNotification = _useState5[1];
 
-  var _useState6 = React.useState(false),
-      copyMenuOpen = _useState6[0],
-      setCopyMenuOpen = _useState6[1];
-
+  var copyPopupRef = React.useRef(null);
   var copiedNotificationTimer = React.useRef(null);
 
   var editWidget = function editWidget() {
@@ -4131,8 +4128,6 @@ var WidgetCard = React.forwardRef(function (props, comRef) {
   };
 
   var duplicateWidget = function duplicateWidget() {
-    setCopyMenuOpen(false);
-
     if (props && props.duplicateBtnClicked) {
       var _widget$current;
 
@@ -4145,8 +4140,6 @@ var WidgetCard = React.forwardRef(function (props, comRef) {
   };
 
   var copyWidgetToClipboard = function copyWidgetToClipboard() {
-    setCopyMenuOpen(false);
-
     if (props && props.copyToClipboardBtnClicked && widget.current) {
       var _widget$current3;
 
@@ -4370,17 +4363,11 @@ var WidgetCard = React.forwardRef(function (props, comRef) {
       return editWidget();
     }
   }), " "), 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",
-      onClick: function onClick() {
-        return setCopyMenuOpen(true);
-      }
+      className: "widget-card-copy-icon"
     })),
-    open: copyMenuOpen,
-    onClose: function onClose() {
-      return setCopyMenuOpen(false);
-    },
     position: ['bottom left', 'bottom center'],
     closeOnDocumentClick: true,
     closeOnEscape: true,
@@ -4390,14 +4377,18 @@ var WidgetCard = React.forwardRef(function (props, comRef) {
     className: "widget-copy-dropdown-menu"
   }, React__default.createElement("div", {
     className: "widget-copy-dropdown-item",
-    onClick: function onClick(e) {
-      e.stopPropagation();
+    onClick: function onClick() {
+      var _copyPopupRef$current;
+
+      (_copyPopupRef$current = copyPopupRef.current) === null || _copyPopupRef$current === void 0 ? void 0 : _copyPopupRef$current.close();
       duplicateWidget();
     }
   }, "Duplicate"), React__default.createElement("div", {
     className: "widget-copy-dropdown-item",
-    onClick: function onClick(e) {
-      e.stopPropagation();
+    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, {