logitude-dashboard-library 3.2.49 → 3.2.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/dist/Utils/WidgetLoadLogger.d.ts +2 -0
  2. package/dist/assets/images/copy-icon.svg +2 -2
  3. package/dist/assets/images/delete-icon.svg +2 -2
  4. package/dist/assets/images/edit-icon.svg +2 -2
  5. package/dist/assets/styles/dl-dashboard.scss +20 -10
  6. package/dist/{copy-icon~bdmUelWT.svg → copy-icon~QJBrwULu.svg} +2 -2
  7. package/dist/delete-icon~bhWTpwqD.svg +3 -0
  8. package/dist/edit-icon~bfefKISd.svg +3 -0
  9. package/dist/images/copy-icon.svg +2 -2
  10. package/dist/images/delete-icon.svg +2 -2
  11. package/dist/images/edit-icon.svg +2 -2
  12. package/dist/index.js +32 -16
  13. package/dist/index.js.map +1 -1
  14. package/dist/index.modern.js +32 -16
  15. package/dist/index.modern.js.map +1 -1
  16. package/dist/styles/dl-dashboard.scss +20 -10
  17. package/dist/types/WidgetLoadLog.d.ts +1 -0
  18. package/package.json +1 -1
  19. package/dist/delete-icon~fYbwNrdz.svg +0 -3
  20. package/dist/edit-icon~binDxVAt.svg +0 -3
package/dist/Utils/WidgetLoadLogger.d.ts CHANGED
@@ -5,6 +5,8 @@ export declare class WidgetLoadLogger {
5
5
  private Widget;
6
6
  constructor(widget: ReactWidgetPM, isPreviewMode: boolean | null | undefined);
7
7
  log(loadDataResponse: AxiosResponse<any, any>): void;
8
+ private canCreateLog;
8
9
  private getLoadTime;
9
10
  private isNumber;
11
+ private isClickHouse;
10
12
  }
package/dist/assets/images/copy-icon.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M3.24985 3.5V1.25C3.24985 0.83579 3.58564 0.5 3.99985 0.5H12.9998C13.4141 0.5 13.7498 0.83579 13.7498 1.25V11.75C13.7498 12.1642 13.4141 12.5 12.9998 12.5H10.7498V14.7493C10.7498 15.1639 10.4124 15.5 9.99475 15.5H1.00499C0.587942 15.5 0.25 15.1665 0.25 14.7493L0.25195 4.25065C0.252025 3.83608 0.58948 3.5 1.00706 3.5H3.24985ZM1.75181 5L1.75014 14H9.24985V5H1.75181ZM4.74985 3.5H10.7498V11H12.2498V2H4.74985V3.5Z" fill="#5FAFDA"/>
1
+ <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M3.24985 3.5V1.25C3.24985 0.83579 3.58564 0.5 3.99985 0.5H12.9998C13.4141 0.5 13.7498 0.83579 13.7498 1.25V11.75C13.7498 12.1642 13.4141 12.5 12.9998 12.5H10.7498V14.7493C10.7498 15.1639 10.4124 15.5 9.99475 15.5H1.00499C0.587942 15.5 0.25 15.1665 0.25 14.7493L0.25195 4.25065C0.252025 3.83608 0.58948 3.5 1.00706 3.5H3.24985ZM1.75181 5L1.75014 14H9.24985V5H1.75181ZM4.74985 3.5H10.7498V11H12.2498V2H4.74985V3.5Z" fill="#6E7072"/>
3
3
  </svg>
package/dist/assets/images/delete-icon.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M8.99983 3.51152H11.9998V4.7757H10.7998V12.9929C10.7998 13.1605 10.7366 13.3213 10.6241 13.4398C10.5116 13.5584 10.359 13.625 10.1998 13.625H1.79983C1.6407 13.625 1.48809 13.5584 1.37557 13.4398C1.26305 13.3213 1.19983 13.1605 1.19983 12.9929V4.7757H-0.000167847V3.51152H2.99983V1.61525C2.99983 1.4476 3.06305 1.28683 3.17557 1.16829C3.28809 1.04975 3.4407 0.983154 3.59983 0.983154H8.39983C8.55896 0.983154 8.71158 1.04975 8.8241 1.16829C8.93662 1.28683 8.99983 1.4476 8.99983 1.61525V3.51152ZM9.59983 4.7757H2.39983V12.3608H9.59983V4.7757ZM4.19983 6.67197H5.39983V10.4645H4.19983V6.67197ZM6.59983 6.67197H7.79983V10.4645H6.59983V6.67197ZM4.19983 2.24734V3.51152H7.79983V2.24734H4.19983Z" fill="#5FAFDA"/>
1
+ <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M10.333 2.99992H13.6663V4.33325H12.333V12.9999C12.333 13.3681 12.0345 13.6666 11.6663 13.6666H2.33301C1.96482 13.6666 1.66634 13.3681 1.66634 12.9999V4.33325H0.333008V2.99992H3.66634V0.999919C3.66634 0.631732 3.96482 0.333252 4.33301 0.333252H9.66634C10.0345 0.333252 10.333 0.631732 10.333 0.999919V2.99992ZM10.9997 4.33325H2.99967V12.3333H10.9997V4.33325ZM4.99967 6.33325H6.33301V10.3333H4.99967V6.33325ZM7.66634 6.33325H8.99967V10.3333H7.66634V6.33325ZM4.99967 1.66659V2.99992H8.99967V1.66659H4.99967Z" fill="#6E7072"/>
3
3
  </svg>
package/dist/assets/images/edit-icon.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M8.48527 5.38322L7.54247 4.4404L1.33333 10.6496V11.5924H2.27614L8.48527 5.38322ZM9.42807 4.4404L10.3709 3.4976L9.42807 2.55479L8.48527 3.4976L9.42807 4.4404ZM2.82843 12.9257H0V10.0973L8.95667 1.14058C9.21707 0.880224 9.63913 0.880224 9.89947 1.14058L11.7851 3.02619C12.0455 3.28654 12.0455 3.70865 11.7851 3.969L2.82843 12.9257Z" fill="#5FAFDA"/>
1
+ <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8.48527 5.38419L7.54247 4.44138L1.33333 10.6505V11.5933H2.27614L8.48527 5.38419ZM9.42807 4.44138L10.3709 3.49858L9.42807 2.55576L8.48527 3.49858L9.42807 4.44138ZM2.82843 12.9267H0V10.0982L8.95667 1.14155C9.21707 0.881202 9.63913 0.881202 9.89947 1.14155L11.7851 3.02717C12.0455 3.28752 12.0455 3.70963 11.7851 3.96998L2.82843 12.9267Z" fill="#6E7072"/>
3
3
  </svg>
package/dist/assets/styles/dl-dashboard.scss CHANGED
@@ -265,7 +265,7 @@ $dark-grey: #717585;
265
265
  &::after {
266
266
  content: "";
267
267
  border-bottom: 1px solid #E7E7E7;
268
- width: calc(100% - 24px);
268
+ width: 100%;
269
269
  display: block;
270
270
  margin: 0 auto;
271
271
  }
@@ -423,7 +423,7 @@ $dark-grey: #717585;
423
423
  align-self: center;
424
424
 
425
425
  .show-more-records {
426
- color: #5FAFDA;
426
+ color: #369CFB;
427
427
  cursor: pointer;
428
428
  }
429
429
 
@@ -436,16 +436,26 @@ $dark-grey: #717585;
436
436
  display: flex;
437
437
  align-items: center;
438
438
  width: 68px;
439
- column-gap: 6px;
440
- padding-top: 6px;
441
439
 
442
- svg {
443
- width: 20px;
444
- height: 20px;
445
- transform: scale(1.2);
440
+ div {
441
+ width: 22px;
442
+ height: 23px;
443
+ padding: 4px 4px;
444
+
445
+ .widget-card-copy-icon {
446
+ width: 15px;
447
+ height: 16px;
448
+ transform: scale(0.95);
449
+ }
450
+
451
+ .widget-card-edit-icon {
452
+ transform: scale(1.15);
453
+ }
446
454
 
447
455
  &:hover {
448
456
  cursor: pointer;
457
+ background-color: #EBECED;
458
+ border-radius: 4px;
449
459
  }
450
460
  }
451
461
  }
@@ -1208,11 +1218,11 @@ $dark-grey: #717585;
1208
1218
  font-family: 'Manrope';
1209
1219
  font-weight: 500;
1210
1220
  font-size: 12px;
1211
- background-color: #262626;
1221
+ background-color: #19395C;
1212
1222
  color: white;
1213
1223
  text-align: left;
1214
1224
  border-radius: 2px;
1215
- padding: 4px;
1225
+ padding: 5px 6px;
1216
1226
  width: 100%;
1217
1227
  display: block;
1218
1228
  max-width: 220px;
package/dist/{copy-icon~bdmUelWT.svg → copy-icon~QJBrwULu.svg} RENAMED
@@ -1,3 +1,3 @@
1
- <svg viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M3.24985 3.5V1.25C3.24985 0.83579 3.58564 0.5 3.99985 0.5H12.9998C13.4141 0.5 13.7498 0.83579 13.7498 1.25V11.75C13.7498 12.1642 13.4141 12.5 12.9998 12.5H10.7498V14.7493C10.7498 15.1639 10.4124 15.5 9.99475 15.5H1.00499C0.587942 15.5 0.25 15.1665 0.25 14.7493L0.25195 4.25065C0.252025 3.83608 0.58948 3.5 1.00706 3.5H3.24985ZM1.75181 5L1.75014 14H9.24985V5H1.75181ZM4.74985 3.5H10.7498V11H12.2498V2H4.74985V3.5Z" fill="#5FAFDA"/>
1
+ <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M3.24985 3.5V1.25C3.24985 0.83579 3.58564 0.5 3.99985 0.5H12.9998C13.4141 0.5 13.7498 0.83579 13.7498 1.25V11.75C13.7498 12.1642 13.4141 12.5 12.9998 12.5H10.7498V14.7493C10.7498 15.1639 10.4124 15.5 9.99475 15.5H1.00499C0.587942 15.5 0.25 15.1665 0.25 14.7493L0.25195 4.25065C0.252025 3.83608 0.58948 3.5 1.00706 3.5H3.24985ZM1.75181 5L1.75014 14H9.24985V5H1.75181ZM4.74985 3.5H10.7498V11H12.2498V2H4.74985V3.5Z" fill="#6E7072"/>
3
3
  </svg>
package/dist/delete-icon~bhWTpwqD.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M10.333 2.99992H13.6663V4.33325H12.333V12.9999C12.333 13.3681 12.0345 13.6666 11.6663 13.6666H2.33301C1.96482 13.6666 1.66634 13.3681 1.66634 12.9999V4.33325H0.333008V2.99992H3.66634V0.999919C3.66634 0.631732 3.96482 0.333252 4.33301 0.333252H9.66634C10.0345 0.333252 10.333 0.631732 10.333 0.999919V2.99992ZM10.9997 4.33325H2.99967V12.3333H10.9997V4.33325ZM4.99967 6.33325H6.33301V10.3333H4.99967V6.33325ZM7.66634 6.33325H8.99967V10.3333H7.66634V6.33325ZM4.99967 1.66659V2.99992H8.99967V1.66659H4.99967Z" fill="#6E7072"/>
3
+ </svg>
package/dist/edit-icon~bfefKISd.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8.48527 5.38419L7.54247 4.44138L1.33333 10.6505V11.5933H2.27614L8.48527 5.38419ZM9.42807 4.44138L10.3709 3.49858L9.42807 2.55576L8.48527 3.49858L9.42807 4.44138ZM2.82843 12.9267H0V10.0982L8.95667 1.14155C9.21707 0.881202 9.63913 0.881202 9.89947 1.14155L11.7851 3.02717C12.0455 3.28752 12.0455 3.70963 11.7851 3.96998L2.82843 12.9267Z" fill="#6E7072"/>
3
+ </svg>
package/dist/images/copy-icon.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M3.24985 3.5V1.25C3.24985 0.83579 3.58564 0.5 3.99985 0.5H12.9998C13.4141 0.5 13.7498 0.83579 13.7498 1.25V11.75C13.7498 12.1642 13.4141 12.5 12.9998 12.5H10.7498V14.7493C10.7498 15.1639 10.4124 15.5 9.99475 15.5H1.00499C0.587942 15.5 0.25 15.1665 0.25 14.7493L0.25195 4.25065C0.252025 3.83608 0.58948 3.5 1.00706 3.5H3.24985ZM1.75181 5L1.75014 14H9.24985V5H1.75181ZM4.74985 3.5H10.7498V11H12.2498V2H4.74985V3.5Z" fill="#5FAFDA"/>
1
+ <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M3.24985 3.5V1.25C3.24985 0.83579 3.58564 0.5 3.99985 0.5H12.9998C13.4141 0.5 13.7498 0.83579 13.7498 1.25V11.75C13.7498 12.1642 13.4141 12.5 12.9998 12.5H10.7498V14.7493C10.7498 15.1639 10.4124 15.5 9.99475 15.5H1.00499C0.587942 15.5 0.25 15.1665 0.25 14.7493L0.25195 4.25065C0.252025 3.83608 0.58948 3.5 1.00706 3.5H3.24985ZM1.75181 5L1.75014 14H9.24985V5H1.75181ZM4.74985 3.5H10.7498V11H12.2498V2H4.74985V3.5Z" fill="#6E7072"/>
3
3
  </svg>
package/dist/images/delete-icon.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M8.99983 3.51152H11.9998V4.7757H10.7998V12.9929C10.7998 13.1605 10.7366 13.3213 10.6241 13.4398C10.5116 13.5584 10.359 13.625 10.1998 13.625H1.79983C1.6407 13.625 1.48809 13.5584 1.37557 13.4398C1.26305 13.3213 1.19983 13.1605 1.19983 12.9929V4.7757H-0.000167847V3.51152H2.99983V1.61525C2.99983 1.4476 3.06305 1.28683 3.17557 1.16829C3.28809 1.04975 3.4407 0.983154 3.59983 0.983154H8.39983C8.55896 0.983154 8.71158 1.04975 8.8241 1.16829C8.93662 1.28683 8.99983 1.4476 8.99983 1.61525V3.51152ZM9.59983 4.7757H2.39983V12.3608H9.59983V4.7757ZM4.19983 6.67197H5.39983V10.4645H4.19983V6.67197ZM6.59983 6.67197H7.79983V10.4645H6.59983V6.67197ZM4.19983 2.24734V3.51152H7.79983V2.24734H4.19983Z" fill="#5FAFDA"/>
1
+ <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M10.333 2.99992H13.6663V4.33325H12.333V12.9999C12.333 13.3681 12.0345 13.6666 11.6663 13.6666H2.33301C1.96482 13.6666 1.66634 13.3681 1.66634 12.9999V4.33325H0.333008V2.99992H3.66634V0.999919C3.66634 0.631732 3.96482 0.333252 4.33301 0.333252H9.66634C10.0345 0.333252 10.333 0.631732 10.333 0.999919V2.99992ZM10.9997 4.33325H2.99967V12.3333H10.9997V4.33325ZM4.99967 6.33325H6.33301V10.3333H4.99967V6.33325ZM7.66634 6.33325H8.99967V10.3333H7.66634V6.33325ZM4.99967 1.66659V2.99992H8.99967V1.66659H4.99967Z" fill="#6E7072"/>
3
3
  </svg>
package/dist/images/edit-icon.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M8.48527 5.38322L7.54247 4.4404L1.33333 10.6496V11.5924H2.27614L8.48527 5.38322ZM9.42807 4.4404L10.3709 3.4976L9.42807 2.55479L8.48527 3.4976L9.42807 4.4404ZM2.82843 12.9257H0V10.0973L8.95667 1.14058C9.21707 0.880224 9.63913 0.880224 9.89947 1.14058L11.7851 3.02619C12.0455 3.28654 12.0455 3.70865 11.7851 3.969L2.82843 12.9257Z" fill="#5FAFDA"/>
1
+ <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8.48527 5.38419L7.54247 4.44138L1.33333 10.6505V11.5933H2.27614L8.48527 5.38419ZM9.42807 4.44138L10.3709 3.49858L9.42807 2.55576L8.48527 3.49858L9.42807 4.44138ZM2.82843 12.9267H0V10.0982L8.95667 1.14155C9.21707 0.881202 9.63913 0.881202 9.89947 1.14155L11.7851 3.02717C12.0455 3.28752 12.0455 3.70963 11.7851 3.96998L2.82843 12.9267Z" fill="#6E7072"/>
3
3
  </svg>
package/dist/index.js CHANGED
@@ -980,7 +980,7 @@ var WidgetLoadLogger = /*#__PURE__*/function () {
980
980
  var _proto = WidgetLoadLogger.prototype;
981
981
 
982
982
  _proto.log = function log(loadDataResponse) {
983
- if (this.StartTime && this.Widget && loadDataResponse) {
983
+ if (this.canCreateLog(loadDataResponse)) {
984
984
  var totalExecutionTime = new Date().getTime() - this.StartTime;
985
985
  var widgetLoadLogService = new WidgetLoadLogService();
986
986
  var widgetLoadLog = {
@@ -988,7 +988,8 @@ var WidgetLoadLogger = /*#__PURE__*/function () {
988
988
  WidgetId: this.Widget.Id,
989
989
  DashboardId: this.Widget.DashboardId,
990
990
  LoadTime: this.getLoadTime(loadDataResponse),
991
- TotalExecutionTime: totalExecutionTime
991
+ TotalExecutionTime: totalExecutionTime,
992
+ IsClickHouse: this.isClickHouse(loadDataResponse)
992
993
  };
993
994
  widgetLoadLogService.create(widgetLoadLog).then(function (_response) {}, function (_error) {});
994
995
  }
@@ -997,6 +998,10 @@ var WidgetLoadLogger = /*#__PURE__*/function () {
997
998
  this.Widget = null;
998
999
  };
999
1000
 
1001
+ _proto.canCreateLog = function canCreateLog(loadDataResponse) {
1002
+ return this.StartTime !== null && this.StartTime !== undefined && this.Widget !== null && this.Widget !== undefined && this.Widget.Id !== null && this.Widget.Id !== undefined && this.Widget.Id !== "" && this.Widget.DashboardId !== null && this.Widget.DashboardId !== undefined && this.Widget.DashboardId !== "" && this.Widget.Tenant !== null && this.Widget.Tenant !== undefined && loadDataResponse !== null && loadDataResponse !== undefined;
1003
+ };
1004
+
1000
1005
  _proto.getLoadTime = function getLoadTime(loadDataResponse) {
1001
1006
  var loadTimeHeaderKey = "load-time";
1002
1007
  var loadTimeHeader = loadDataResponse && loadDataResponse.headers && loadDataResponse.headers[loadTimeHeaderKey] ? loadDataResponse.headers[loadTimeHeaderKey] : "";
@@ -1007,6 +1012,12 @@ var WidgetLoadLogger = /*#__PURE__*/function () {
1007
1012
  return value !== null && value !== undefined && value !== "" && !isNaN(Number(value.toString()));
1008
1013
  };
1009
1014
 
1015
+ _proto.isClickHouse = function isClickHouse(loadDataResponse) {
1016
+ var clickHouseHeaderKey = "click-house";
1017
+ var clickHouseHeader = loadDataResponse && loadDataResponse.headers && loadDataResponse.headers[clickHouseHeaderKey] ? loadDataResponse.headers[clickHouseHeaderKey] : null;
1018
+ return clickHouseHeader === "true";
1019
+ };
1020
+
1010
1021
  return WidgetLoadLogger;
1011
1022
  }();
1012
1023
 
@@ -3673,12 +3684,13 @@ function _extends$2() {
3673
3684
 
3674
3685
  function SvgDeleteIcon(props) {
3675
3686
  return /*#__PURE__*/React.createElement("svg", _extends$2({
3676
- viewBox: "0 0 20 20",
3687
+ width: 14,
3688
+ height: 14,
3677
3689
  fill: "none",
3678
3690
  xmlns: "http://www.w3.org/2000/svg"
3679
3691
  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
3680
- d: "M9 3.512h3v1.264h-1.2v8.217a.65.65 0 01-.176.447.585.585 0 01-.424.185H1.8a.585.585 0 01-.424-.185.65.65 0 01-.176-.447V4.776H0V3.512h3V1.615a.65.65 0 01.176-.447A.585.585 0 013.6.983h4.8c.159 0 .312.067.424.185A.65.65 0 019 1.615v1.897zm.6 1.264H2.4v7.585h7.2V4.776zM4.2 6.672h1.2v3.792H4.2V6.672zm2.4 0h1.2v3.792H6.6V6.672zM4.2 2.247v1.265h3.6V2.247H4.2z",
3681
- fill: "#5FAFDA"
3692
+ d: "M10.333 3h3.333v1.333h-1.333V13a.667.667 0 01-.667.667H2.333A.667.667 0 011.666 13V4.333H.333V3h3.333V1c0-.368.299-.667.667-.667h5.333c.368 0 .667.299.667.667v2zM11 4.333H3v8h8v-8zm-6 2h1.333v4H5v-4zm2.666 0H9v4H7.666v-4zM5 1.667V3h4V1.667H5z",
3693
+ fill: "#6E7072"
3682
3694
  })));
3683
3695
  }
3684
3696
 
@@ -3703,12 +3715,13 @@ function _extends$3() {
3703
3715
 
3704
3716
  function SvgEditIcon(props) {
3705
3717
  return /*#__PURE__*/React.createElement("svg", _extends$3({
3706
- viewBox: "0 0 20 20",
3718
+ width: 12,
3719
+ height: 13,
3707
3720
  fill: "none",
3708
3721
  xmlns: "http://www.w3.org/2000/svg"
3709
3722
  }, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
3710
- d: "M8.485 5.383l-.943-.943-6.209 6.21v.942h.943l6.21-6.209zm.943-.943l.943-.942-.943-.943-.943.943.943.942zm-6.6 8.486H0v-2.829l8.957-8.956c.26-.26.682-.26.942 0l1.886 1.885c.26.26.26.683 0 .943l-8.957 8.957z",
3711
- fill: "#5FAFDA"
3723
+ d: "M8.485 5.384l-.943-.943-6.209 6.21v.942h.943l6.21-6.209zm.943-.943l.943-.942-.943-.943-.943.943.943.942zm-6.6 8.486H0v-2.829l8.957-8.956c.26-.26.682-.26.942 0l1.886 1.885c.26.26.26.683 0 .943l-8.957 8.957z",
3724
+ fill: "#6E7072"
3712
3725
  })));
3713
3726
  }
3714
3727
 
@@ -3733,12 +3746,13 @@ function _extends$4() {
3733
3746
 
3734
3747
  function SvgCopyIcon(props) {
3735
3748
  return /*#__PURE__*/React.createElement("svg", _extends$4({
3736
- viewBox: "0 0 22 22",
3749
+ width: 14,
3750
+ height: 16,
3737
3751
  fill: "none",
3738
3752
  xmlns: "http://www.w3.org/2000/svg"
3739
3753
  }, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
3740
3754
  d: "M3.25 3.5V1.25A.75.75 0 014 .5h9a.75.75 0 01.75.75v10.5a.75.75 0 01-.75.75h-2.25v2.25c0 .414-.338.75-.755.75h-8.99a.751.751 0 01-.755-.75l.002-10.5c0-.414.337-.75.755-.75H3.25zM1.752 5l-.002 9h7.5V5H1.752zM4.75 3.5h6V11h1.5V2h-7.5v1.5z",
3741
- fill: "#5FAFDA"
3755
+ fill: "#6E7072"
3742
3756
  })));
3743
3757
  }
3744
3758
 
@@ -4227,7 +4241,7 @@ var WidgetCard = React.forwardRef(function (props, comRef) {
4227
4241
  }, (_widget$current13 = widget.current) === null || _widget$current13 === void 0 ? void 0 : _widget$current13.Title),
4228
4242
  position: ['top center'],
4229
4243
  arrowStyle: {
4230
- color: '#262626'
4244
+ color: '#19395C'
4231
4245
  },
4232
4246
  offsetY: -8,
4233
4247
  on: ['hover', 'focus']
@@ -4245,28 +4259,30 @@ var WidgetCard = React.forwardRef(function (props, comRef) {
4245
4259
  }
4246
4260
  }, (_widget$current15 = widget.current) === null || _widget$current15 === void 0 ? void 0 : _widget$current15.Subtitle)), !isTitleAligmentRight() && isTableOrPivotWidget() && tableHintMessage(), props.isInEditMode && React__default.createElement("div", {
4247
4261
  className: isThereTitle() ? "widget-options-container" : "widget-options-container margin-top-6"
4248
- }, React__default.createElement(SvgEditIcon, {
4262
+ }, React__default.createElement("div", null, " ", React__default.createElement(SvgEditIcon, {
4263
+ className: "widget-card-edit-icon",
4249
4264
  onClick: function onClick() {
4250
4265
  return editWidget();
4251
4266
  }
4252
- }), React__default.createElement(SvgCopyIcon, {
4267
+ }), " "), React__default.createElement("div", null, " ", React__default.createElement(SvgCopyIcon, {
4268
+ className: "widget-card-copy-icon",
4253
4269
  onClick: function onClick() {
4254
4270
  return copyWidget();
4255
4271
  }
4256
- }), React__default.createElement(SvgDeleteIcon, {
4272
+ }), " "), React__default.createElement("div", null, " ", React__default.createElement(SvgDeleteIcon, {
4257
4273
  onClick: function onClick() {
4258
4274
  var _props$widget;
4259
4275
 
4260
4276
  return props.deleteBtnClicked((_props$widget = props.widget) === null || _props$widget === void 0 ? void 0 : _props$widget.key);
4261
4277
  }
4262
- })), !props.isInEditMode && showHeaderErrorMessages && React__default.createElement("div", {
4278
+ }), " ")), !props.isInEditMode && showHeaderErrorMessages && React__default.createElement("div", {
4263
4279
  className: "header-message-error"
4264
4280
  }, React__default.createElement(Popup, {
4265
4281
  className: "header-message-error-tooltip-container",
4266
4282
  trigger: React__default.createElement("div", null, React__default.createElement(SvgRedCircleWarning, null)),
4267
4283
  position: ['top center'],
4268
4284
  arrowStyle: {
4269
- color: '#262626'
4285
+ color: '#19395C'
4270
4286
  },
4271
4287
  offsetY: -2,
4272
4288
  on: ['hover', 'focus']