logitude-dashboard-library 3.1.63 → 3.1.64

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

@@ -920,6 +920,7 @@ $dark-grey: #717585;
         font-weight: 500;
         text-align: right;
         color: #46494A;
+        cursor: pointer;
     }
 
     .dx-widget {

package/dist/index.js

@@ -1630,7 +1630,27 @@ var PivotTable = React.forwardRef(function (props, comRef) {
   }, []);
   var onCellClick = React.useCallback(function (e) {
     if (e.area === 'data') {
-      console.log("Pivot Cell Data", e);
+      var pivotFields = [];
+      e.columnFields.forEach(function (c, index) {
+        var fieldValue = e.cell.columnPath[index];
+        pivotFields.push(_extends({}, c.fieldData, {
+          FieldValue: fieldValue
+        }));
+      });
+      e.rowFields.forEach(function (r, index) {
+        var fieldValue = e.cell.rowPath[index];
+        pivotFields.push(_extends({}, r.fieldData, {
+          FieldValue: fieldValue
+        }));
+      });
+      props.customChartProps.onSelectDataPoint({
+        MeasureFieldId: '',
+        Widget: props.customChartProps.widget,
+        MeasureCode: '',
+        Formula: '',
+        GroupById: '',
+        PivotFields: pivotFields
+      });
     }
   }, []);
 
@@ -1701,6 +1721,12 @@ var PivotTable = React.forwardRef(function (props, comRef) {
           },
           expanded: false,
           wordWrapEnabled: true,
+          fieldData: {
+            FieldId: field.FieldId,
+            FieldType: field.FieldType ? field.FieldType : "Field",
+            FieldValue: '',
+            DateCode: field.DateCode
+          },
           customizeText: function customizeText(cellInfo) {
             return getColumnNameByColumnId(field.PivotName, field.PivotCode, cellInfo.value);
           }