@datorama/core 22.13.0-beta.10 → 22.13.0-beta.11

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.
package/bundle.scss CHANGED
@@ -8236,6 +8236,10 @@ dato-grid-header span {
8236
8236
  display: block;
8237
8237
  }
8238
8238
 
8239
+ .ag-dato-core .ag-header .ag-header-cell .ag-header-select-all .ag-icon.ag-icon-checkbox-checked:before {
8240
+ display: none;
8241
+ }
8242
+
8239
8243
  .ag-dato-core .ag-header .ag-header-cell .ag-header-select-all .ag-icon.ag-icon-checkbox-unchecked,
8240
8244
  .ag-dato-core .ag-header .ag-header-cell .ag-header-select-all .ag-icon.ag-icon-checkbox-indeterminate {
8241
8245
  background-color: themify(primary-0);
@@ -8366,6 +8370,10 @@ dato-grid-header span {
8366
8370
  display: block;
8367
8371
  }
8368
8372
 
8373
+ .ag-dato-core .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-checked:before {
8374
+ display: none;
8375
+ }
8376
+
8369
8377
  .ag-dato-core .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-unchecked,
8370
8378
  .ag-dato-core .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-indeterminate {
8371
8379
  background-color: themify(primary-0);
@@ -8481,16 +8489,31 @@ dato-grid-header span {
8481
8489
  line-height: 19px;
8482
8490
  }
8483
8491
 
8484
- .ag-dato-core .ag-menu .ag-menu-option-icon span {
8485
- margin-top: 0;
8492
+ .ag-dato-core .ag-menu .ag-menu-list .ag-menu-option {
8493
+ padding-left: 15px;
8486
8494
  }
8487
8495
 
8488
- .ag-dato-core .ag-menu .ag-menu-option-icon span.context-item-icon {
8489
- width: 18px;
8496
+ .ag-dato-core .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon {
8497
+ display: none;
8498
+ }
8499
+
8500
+ .ag-dato-core .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-popup-pointer {
8501
+ width: 20px;
8502
+ }
8503
+
8504
+ .ag-dato-core .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-popup-pointer .ag-icon-small-right {
8505
+ height: 12px;
8506
+ background-position-y: center;
8507
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDEwIiBmaWxsPSIjOWNhMGEwIj48cGF0aCBkPSJNMC45Miw5LjQxQTAuNSwwLjUsMCwwLDEsLjU3LDguNTZMNC4yMyw1LDAuNTcsMS40NkEwLjUsMC41LDAsMSwxLDEuMjcuNzRsNCwzLjkxYTAuNSwwLjUsMCwwLDEsMCwuNzJsLTQsMy45MUEwLjUsMC41LDAsMCwxLC45Miw5LjQxWiIvPjwvc3ZnPg==");
8508
+ }
8509
+
8510
+ .ag-dato-core .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-popup-pointer .ag-icon-small-right:before {
8511
+ display: none;
8490
8512
  }
8491
8513
 
8492
8514
  .ag-dato-core .ag-menu .ag-menu-separator {
8493
8515
  border-top: themify(primary-200) 1px solid;
8516
+ height: unset;
8494
8517
  }
8495
8518
 
8496
8519
  .ag-dato-core .ag-menu .ag-menu-separator .ag-menu-separator-cell {
@@ -8558,11 +8581,6 @@ dato-grid-header span {
8558
8581
  padding: 8px 0;
8559
8582
  }
8560
8583
 
8561
- .ag-dato-core .ag-menu-list .ag-menu-option .ag-menu-option-popup-pointer.ag-icon-small-right {
8562
- background-position-y: center;
8563
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDEwIiBmaWxsPSIjOWNhMGEwIj48cGF0aCBkPSJNMC45Miw5LjQxQTAuNSwwLjUsMCwwLDEsLjU3LDguNTZMNC4yMyw1LDAuNTcsMS40NkEwLjUsMC41LDAsMSwxLDEuMjcuNzRsNCwzLjkxYTAuNSwwLjUsMCwwLDEsMCwuNzJsLTQsMy45MUEwLjUsMC41LDAsMCwxLC45Miw5LjQxWiIvPjwvc3ZnPg==");
8564
- }
8565
-
8566
8584
  .ag-dato-core .ag-filter {
8567
8585
  /* CAUTION: IE hackery ahead */
8568
8586
  }
@@ -8690,6 +8708,10 @@ dato-grid-header span {
8690
8708
  fill: themify(primary-200);
8691
8709
  }
8692
8710
 
8711
+ .ag-dato-core .ag-filter .ag-filter-filter {
8712
+ margin: 0;
8713
+ }
8714
+
8693
8715
  .ag-dato-core .ag-filter select.ag-filter-select {
8694
8716
  -webkit-appearance: none;
8695
8717
  appearance: none;
@@ -8757,6 +8779,10 @@ dato-grid-header span {
8757
8779
  display: block;
8758
8780
  }
8759
8781
 
8782
+ .ag-dato-core .ag-filter .ag-filter-checkbox .ag-icon.ag-icon-checkbox-checked:before {
8783
+ display: none;
8784
+ }
8785
+
8760
8786
  .ag-dato-core .ag-filter .ag-filter-checkbox .ag-icon.ag-icon-checkbox-unchecked,
8761
8787
  .ag-dato-core .ag-filter .ag-filter-checkbox .ag-icon.ag-icon-checkbox-indeterminate {
8762
8788
  background-color: themify(primary-0);
@@ -8916,6 +8942,10 @@ dato-grid-header span {
8916
8942
  display: block;
8917
8943
  }
8918
8944
 
8945
+ .ag-dato-core .ag-column-select-panel .ag-column-select-header .ag-column-tool-panel .ag-icon.ag-icon-checkbox-checked:before {
8946
+ display: none;
8947
+ }
8948
+
8919
8949
  .ag-dato-core .ag-column-select-panel .ag-column-select-header .ag-column-tool-panel .ag-icon.ag-icon-checkbox-unchecked,
8920
8950
  .ag-dato-core .ag-column-select-panel .ag-column-select-header .ag-column-tool-panel .ag-icon.ag-icon-checkbox-indeterminate {
8921
8951
  background-color: themify(primary-0);
@@ -9009,6 +9039,10 @@ dato-grid-header span {
9009
9039
  display: block;
9010
9040
  }
9011
9041
 
9042
+ .ag-dato-core .ag-column-select-panel .ag-column-container .ag-column-select-column .ag-column-select-checkbox > span .ag-icon.ag-icon-checkbox-checked:before {
9043
+ display: none;
9044
+ }
9045
+
9012
9046
  .ag-dato-core .ag-column-select-panel .ag-column-container .ag-column-select-column .ag-column-select-checkbox > span .ag-icon.ag-icon-checkbox-unchecked,
9013
9047
  .ag-dato-core .ag-column-select-panel .ag-column-container .ag-column-select-column .ag-column-select-checkbox > span .ag-icon.ag-icon-checkbox-indeterminate {
9014
9048
  background-color: themify(primary-0);
@@ -14799,6 +14833,10 @@ dato-input input:disabled:hover {
14799
14833
  flex-grow: 1;
14800
14834
  }
14801
14835
 
14836
+ .dato-grid .ag-menu .ag-menu-separator {
14837
+ height: unset;
14838
+ }
14839
+
14802
14840
  .dato-grid .ag-menu .ag-menu-separator > span {
14803
14841
  height: 1px;
14804
14842
  margin: 7px 0;
@@ -14866,6 +14904,10 @@ dato-input input:disabled:hover {
14866
14904
  display: block;
14867
14905
  }
14868
14906
 
14907
+ .dato-grid .ag-header .ag-header-cell .ag-header-select-all .ag-icon.ag-icon-checkbox-checked:before {
14908
+ display: none;
14909
+ }
14910
+
14869
14911
  .dato-grid .ag-header .ag-header-cell .ag-header-select-all .ag-icon.ag-icon-checkbox-unchecked,
14870
14912
  .dato-grid .ag-header .ag-header-cell .ag-header-select-all .ag-icon.ag-icon-checkbox-indeterminate {
14871
14913
  background-color: themify(primary-0);
@@ -15003,6 +15045,10 @@ dato-input input:disabled:hover {
15003
15045
  display: block;
15004
15046
  }
15005
15047
 
15048
+ .dato-grid .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-checked:before {
15049
+ display: none;
15050
+ }
15051
+
15006
15052
  .dato-grid .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-unchecked,
15007
15053
  .dato-grid .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-indeterminate {
15008
15054
  background-color: themify(primary-0);
@@ -15028,10 +15074,6 @@ dato-input input:disabled:hover {
15028
15074
  margin-left: 0;
15029
15075
  }
15030
15076
 
15031
- .dato-grid .ag-cell .ag-selection-checkbox .ag-icon-checkbox-checked:before {
15032
- display: none;
15033
- }
15034
-
15035
15077
  .dato-grid .ag-cell .search-highlight {
15036
15078
  background-color: #FDF2CF;
15037
15079
  }
@@ -5907,7 +5907,35 @@
5907
5907
  rowDeselection: true,
5908
5908
  unSortIcon: true,
5909
5909
  animateRows: true,
5910
- rememberGroupStateWhenNewData: true
5910
+ rememberGroupStateWhenNewData: true,
5911
+ getContextMenuItems: function (params) {
5912
+ return [
5913
+ {
5914
+ name: 'Copy',
5915
+ action: function () {
5916
+ var value = params.value;
5917
+ copyToClipboard(value);
5918
+ }
5919
+ },
5920
+ {
5921
+ name: 'Copy with Headers',
5922
+ action: function () {
5923
+ var value = params.value;
5924
+ var headerName = params.column.getColDef().headerName;
5925
+ copyToClipboard(headerName + "\n" + value);
5926
+ }
5927
+ },
5928
+ {
5929
+ name: 'Paste',
5930
+ action: function () {
5931
+ //
5932
+ },
5933
+ disabled: true
5934
+ },
5935
+ 'separator',
5936
+ 'export'
5937
+ ];
5938
+ }
5911
5939
  };
5912
5940
  _this.infinitePagination = false;
5913
5941
  _this.isRowsCollapsed = true;
@@ -5955,7 +5983,8 @@
5955
5983
  this.gridColumnApi = event.columnApi;
5956
5984
  if (this.gridColumnApi.getRowGroupColumns().length >= 1) {
5957
5985
  this.gridComponent.rowGroupOpened.pipe(ngxTakeUntilDestroy.untilDestroyed(this)).subscribe(function (event) { return _this.rowGroupStateChange(event); });
5958
- this.paginationComponent.toggleRowGroup.pipe(ngxTakeUntilDestroy.untilDestroyed(this)).subscribe(function () { return _this.toggleCollapseState(); });
5986
+ this.paginationComponent &&
5987
+ this.paginationComponent.toggleRowGroup.pipe(ngxTakeUntilDestroy.untilDestroyed(this)).subscribe(function () { return _this.toggleCollapseState(); });
5959
5988
  }
5960
5989
  this.cdr.detectChanges();
5961
5990
  this.gridReady.emit(event);