@procore/data-table 14.21.1 → 14.22.1

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/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # Change Log
2
2
 
3
+ ## 14.22.1
4
+
5
+ ### Patch Changes
6
+
7
+ - b045b8186e: Prevent de-sync of row selection ref from table api when rowSelectionEnabled is changed
8
+
9
+ ## 14.22.0
10
+
11
+ ### Minor Changes
12
+
13
+ - bacb48a473: Added filterValueFormatter prop for format URL params in getParams
14
+
15
+ ### Patch Changes
16
+
17
+ - 82b2e1b714: Refactor styles for Header column. Fix issue with not showing tooltip when suppressColumnVirtualisation false
18
+
3
19
  ## 14.21.1
4
20
 
5
21
  ### Patch Changes
@@ -1424,7 +1424,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
1424
1424
  animation-iteration-count: infinite;
1425
1425
  animation-name: ag-shake-left-to-right;
1426
1426
  }
1427
- @keyframes _ag-shake-left-to-right_18odb_369 {
1427
+ @keyframes _ag-shake-left-to-right_199bk_369 {
1428
1428
  from {
1429
1429
  padding-left: 6px;
1430
1430
  padding-right: 2px;
@@ -5425,7 +5425,7 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
5425
5425
  animation-iteration-count: infinite;
5426
5426
  animation-timing-function: linear;
5427
5427
  }
5428
- @keyframes _spin_18odb_1 {
5428
+ @keyframes _spin_199bk_1 {
5429
5429
  from {
5430
5430
  transform: rotate(0deg);
5431
5431
  }
@@ -7615,17 +7615,25 @@ input[class^=ag-][type=range]:disabled {
7615
7615
  padding: 8px 0;
7616
7616
  }
7617
7617
  .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name-container {
7618
- display: -webkit-box;
7619
7618
  width: 100%;
7619
+ display: -webkit-box;
7620
7620
  overflow: hidden;
7621
7621
  white-space: normal;
7622
7622
  -webkit-box-orient: vertical;
7623
- -webkit-line-clamp: 4;
7624
7623
  }
7625
7624
  .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name {
7626
7625
  word-wrap: break-word;
7627
- text-overflow: ellipsis;
7628
7626
  overflow: hidden;
7627
+ -webkit-box-orient: vertical;
7628
+ text-overflow: ellipsis;
7629
+ display: -webkit-box;
7630
+ }
7631
+ @supports (-webkit-line-clamp: 4) {
7632
+ .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name {
7633
+ white-space: initial;
7634
+ -webkit-line-clamp: 4;
7635
+ -webkit-box-orient: vertical;
7636
+ }
7629
7637
  }
7630
7638
  .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell.ag-right-aligned-header .data-table-header-cell-container {
7631
7639
  flex-direction: row-reverse;
@@ -7637,16 +7645,6 @@ input[class^=ag-][type=range]:disabled {
7637
7645
  .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-cell-label .data-table-header-display-name {
7638
7646
  padding-left: 4px;
7639
7647
  }
7640
- @supports (-webkit-line-clamp: 4) {
7641
- .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine.ag-suppress-column-virtualization .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name {
7642
- overflow: hidden;
7643
- text-overflow: ellipsis;
7644
- white-space: initial;
7645
- display: -webkit-box;
7646
- -webkit-line-clamp: 4;
7647
- -webkit-box-orient: vertical;
7648
- }
7649
- }
7650
7648
  .ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
7651
7649
  margin-right: 4px;
7652
7650
  }
@@ -7930,7 +7928,7 @@ input[class^=ag-][type=range]:disabled {
7930
7928
  padding-left: 16px;
7931
7929
  }
7932
7930
 
7933
- div._contextPanel_18odb_7153 {
7931
+ div._contextPanel_199bk_7151 {
7934
7932
  width: 400px;
7935
7933
  transition: all ease 500ms;
7936
7934
  flex: 0 0 auto;
@@ -7939,7 +7937,7 @@ div._contextPanel_18odb_7153 {
7939
7937
  border: 1px solid #d6dadc;
7940
7938
  display: flex;
7941
7939
  }
7942
- div._contextPanel--hidden_18odb_7162 {
7940
+ div._contextPanel--hidden_199bk_7160 {
7943
7941
  border: none;
7944
7942
  overflow: hidden;
7945
7943
  padding: 0px;
@@ -7947,50 +7945,50 @@ div._contextPanel--hidden_18odb_7162 {
7947
7945
  width: 0px;
7948
7946
  }
7949
7947
 
7950
- ._contextPanelWrapper_18odb_7170 {
7948
+ ._contextPanelWrapper_199bk_7168 {
7951
7949
  position: relative;
7952
7950
  flex-grow: 1;
7953
7951
  }
7954
7952
 
7955
- ._contextPanelBody_18odb_7175 {
7953
+ ._contextPanelBody_199bk_7173 {
7956
7954
  width: clamp(380px, 400px, 100%);
7957
7955
  }
7958
7956
 
7959
- ._contextPanel-stickyHeader_18odb_7179 {
7957
+ ._contextPanel-stickyHeader_199bk_7177 {
7960
7958
  background-color: #ffffff;
7961
7959
  position: sticky;
7962
7960
  top: 0;
7963
7961
  z-index: 5;
7964
7962
  }
7965
7963
 
7966
- ._filters-list_18odb_7186 {
7964
+ ._filters-list_199bk_7184 {
7967
7965
  padding: 0;
7968
7966
  margin: 0;
7969
7967
  }
7970
- ._filters-list_18odb_7186 ol {
7968
+ ._filters-list_199bk_7184 ol {
7971
7969
  padding: 0;
7972
7970
  margin: 0;
7973
7971
  }
7974
7972
 
7975
- ._col-drag-column-icon_18odb_7195 {
7973
+ ._col-drag-column-icon_199bk_7193 {
7976
7974
  color: #6a767c;
7977
7975
  }
7978
7976
 
7979
- ._tabular-nums_18odb_7199 {
7977
+ ._tabular-nums_199bk_7197 {
7980
7978
  font-variant-numeric: tabular-nums;
7981
7979
  }`;
7982
7980
  document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
7983
7981
  var styles_default = {
7984
- "contextPanel": "_contextPanel_18odb_7153",
7985
- "contextPanel--hidden": "_contextPanel--hidden_18odb_7162",
7986
- "contextPanelWrapper": "_contextPanelWrapper_18odb_7170",
7987
- "contextPanelBody": "_contextPanelBody_18odb_7175",
7988
- "contextPanel-stickyHeader": "_contextPanel-stickyHeader_18odb_7179",
7989
- "filters-list": "_filters-list_18odb_7186",
7990
- "col-drag-column-icon": "_col-drag-column-icon_18odb_7195",
7991
- "tabular-nums": "_tabular-nums_18odb_7199",
7992
- "ag-shake-left-to-right": "_ag-shake-left-to-right_18odb_369",
7993
- "spin": "_spin_18odb_1"
7982
+ "contextPanel": "_contextPanel_199bk_7151",
7983
+ "contextPanel--hidden": "_contextPanel--hidden_199bk_7160",
7984
+ "contextPanelWrapper": "_contextPanelWrapper_199bk_7168",
7985
+ "contextPanelBody": "_contextPanelBody_199bk_7173",
7986
+ "contextPanel-stickyHeader": "_contextPanel-stickyHeader_199bk_7177",
7987
+ "filters-list": "_filters-list_199bk_7184",
7988
+ "col-drag-column-icon": "_col-drag-column-icon_199bk_7193",
7989
+ "tabular-nums": "_tabular-nums_199bk_7197",
7990
+ "ag-shake-left-to-right": "_ag-shake-left-to-right_199bk_369",
7991
+ "spin": "_spin_199bk_1"
7994
7992
  };
7995
7993
 
7996
7994
  // src/utils/getCellValueTypographyProps.ts
@@ -82987,7 +82985,7 @@ var Table = (props) => {
82987
82985
  }, [isRowSelectable]);
82988
82986
  React77__default.default.useEffect(() => {
82989
82987
  rowSelectionRef.current = {
82990
- affectedRows: {},
82988
+ affectedRows: (rowSelectionRef == null ? void 0 : rowSelectionRef.current.affectedRows) ?? {},
82991
82989
  enabled: props.rowSelectionEnabled,
82992
82990
  getRowId: internalTableContext.getRowId,
82993
82991
  siblingGroupsRowDisabled: props.siblingGroupsRowSelectionDisabled
@@ -1410,7 +1410,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
1410
1410
  animation-iteration-count: infinite;
1411
1411
  animation-name: ag-shake-left-to-right;
1412
1412
  }
1413
- @keyframes _ag-shake-left-to-right_18odb_369 {
1413
+ @keyframes _ag-shake-left-to-right_199bk_369 {
1414
1414
  from {
1415
1415
  padding-left: 6px;
1416
1416
  padding-right: 2px;
@@ -5411,7 +5411,7 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
5411
5411
  animation-iteration-count: infinite;
5412
5412
  animation-timing-function: linear;
5413
5413
  }
5414
- @keyframes _spin_18odb_1 {
5414
+ @keyframes _spin_199bk_1 {
5415
5415
  from {
5416
5416
  transform: rotate(0deg);
5417
5417
  }
@@ -7601,17 +7601,25 @@ input[class^=ag-][type=range]:disabled {
7601
7601
  padding: 8px 0;
7602
7602
  }
7603
7603
  .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name-container {
7604
- display: -webkit-box;
7605
7604
  width: 100%;
7605
+ display: -webkit-box;
7606
7606
  overflow: hidden;
7607
7607
  white-space: normal;
7608
7608
  -webkit-box-orient: vertical;
7609
- -webkit-line-clamp: 4;
7610
7609
  }
7611
7610
  .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name {
7612
7611
  word-wrap: break-word;
7613
- text-overflow: ellipsis;
7614
7612
  overflow: hidden;
7613
+ -webkit-box-orient: vertical;
7614
+ text-overflow: ellipsis;
7615
+ display: -webkit-box;
7616
+ }
7617
+ @supports (-webkit-line-clamp: 4) {
7618
+ .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name {
7619
+ white-space: initial;
7620
+ -webkit-line-clamp: 4;
7621
+ -webkit-box-orient: vertical;
7622
+ }
7615
7623
  }
7616
7624
  .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell.ag-right-aligned-header .data-table-header-cell-container {
7617
7625
  flex-direction: row-reverse;
@@ -7623,16 +7631,6 @@ input[class^=ag-][type=range]:disabled {
7623
7631
  .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-cell-label .data-table-header-display-name {
7624
7632
  padding-left: 4px;
7625
7633
  }
7626
- @supports (-webkit-line-clamp: 4) {
7627
- .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine.ag-suppress-column-virtualization .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name {
7628
- overflow: hidden;
7629
- text-overflow: ellipsis;
7630
- white-space: initial;
7631
- display: -webkit-box;
7632
- -webkit-line-clamp: 4;
7633
- -webkit-box-orient: vertical;
7634
- }
7635
- }
7636
7634
  .ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
7637
7635
  margin-right: 4px;
7638
7636
  }
@@ -7916,7 +7914,7 @@ input[class^=ag-][type=range]:disabled {
7916
7914
  padding-left: 16px;
7917
7915
  }
7918
7916
 
7919
- div._contextPanel_18odb_7153 {
7917
+ div._contextPanel_199bk_7151 {
7920
7918
  width: 400px;
7921
7919
  transition: all ease 500ms;
7922
7920
  flex: 0 0 auto;
@@ -7925,7 +7923,7 @@ div._contextPanel_18odb_7153 {
7925
7923
  border: 1px solid #d6dadc;
7926
7924
  display: flex;
7927
7925
  }
7928
- div._contextPanel--hidden_18odb_7162 {
7926
+ div._contextPanel--hidden_199bk_7160 {
7929
7927
  border: none;
7930
7928
  overflow: hidden;
7931
7929
  padding: 0px;
@@ -7933,50 +7931,50 @@ div._contextPanel--hidden_18odb_7162 {
7933
7931
  width: 0px;
7934
7932
  }
7935
7933
 
7936
- ._contextPanelWrapper_18odb_7170 {
7934
+ ._contextPanelWrapper_199bk_7168 {
7937
7935
  position: relative;
7938
7936
  flex-grow: 1;
7939
7937
  }
7940
7938
 
7941
- ._contextPanelBody_18odb_7175 {
7939
+ ._contextPanelBody_199bk_7173 {
7942
7940
  width: clamp(380px, 400px, 100%);
7943
7941
  }
7944
7942
 
7945
- ._contextPanel-stickyHeader_18odb_7179 {
7943
+ ._contextPanel-stickyHeader_199bk_7177 {
7946
7944
  background-color: #ffffff;
7947
7945
  position: sticky;
7948
7946
  top: 0;
7949
7947
  z-index: 5;
7950
7948
  }
7951
7949
 
7952
- ._filters-list_18odb_7186 {
7950
+ ._filters-list_199bk_7184 {
7953
7951
  padding: 0;
7954
7952
  margin: 0;
7955
7953
  }
7956
- ._filters-list_18odb_7186 ol {
7954
+ ._filters-list_199bk_7184 ol {
7957
7955
  padding: 0;
7958
7956
  margin: 0;
7959
7957
  }
7960
7958
 
7961
- ._col-drag-column-icon_18odb_7195 {
7959
+ ._col-drag-column-icon_199bk_7193 {
7962
7960
  color: #6a767c;
7963
7961
  }
7964
7962
 
7965
- ._tabular-nums_18odb_7199 {
7963
+ ._tabular-nums_199bk_7197 {
7966
7964
  font-variant-numeric: tabular-nums;
7967
7965
  }`;
7968
7966
  document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
7969
7967
  var styles_default = {
7970
- "contextPanel": "_contextPanel_18odb_7153",
7971
- "contextPanel--hidden": "_contextPanel--hidden_18odb_7162",
7972
- "contextPanelWrapper": "_contextPanelWrapper_18odb_7170",
7973
- "contextPanelBody": "_contextPanelBody_18odb_7175",
7974
- "contextPanel-stickyHeader": "_contextPanel-stickyHeader_18odb_7179",
7975
- "filters-list": "_filters-list_18odb_7186",
7976
- "col-drag-column-icon": "_col-drag-column-icon_18odb_7195",
7977
- "tabular-nums": "_tabular-nums_18odb_7199",
7978
- "ag-shake-left-to-right": "_ag-shake-left-to-right_18odb_369",
7979
- "spin": "_spin_18odb_1"
7968
+ "contextPanel": "_contextPanel_199bk_7151",
7969
+ "contextPanel--hidden": "_contextPanel--hidden_199bk_7160",
7970
+ "contextPanelWrapper": "_contextPanelWrapper_199bk_7168",
7971
+ "contextPanelBody": "_contextPanelBody_199bk_7173",
7972
+ "contextPanel-stickyHeader": "_contextPanel-stickyHeader_199bk_7177",
7973
+ "filters-list": "_filters-list_199bk_7184",
7974
+ "col-drag-column-icon": "_col-drag-column-icon_199bk_7193",
7975
+ "tabular-nums": "_tabular-nums_199bk_7197",
7976
+ "ag-shake-left-to-right": "_ag-shake-left-to-right_199bk_369",
7977
+ "spin": "_spin_199bk_1"
7980
7978
  };
7981
7979
 
7982
7980
  // src/utils/getCellValueTypographyProps.ts
@@ -82973,7 +82971,7 @@ var Table = (props) => {
82973
82971
  }, [isRowSelectable]);
82974
82972
  React77.useEffect(() => {
82975
82973
  rowSelectionRef.current = {
82976
- affectedRows: {},
82974
+ affectedRows: (rowSelectionRef == null ? void 0 : rowSelectionRef.current.affectedRows) ?? {},
82977
82975
  enabled: props.rowSelectionEnabled,
82978
82976
  getRowId: internalTableContext.getRowId,
82979
82977
  siblingGroupsRowDisabled: props.siblingGroupsRowSelectionDisabled
@@ -1422,7 +1422,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
1422
1422
  animation-iteration-count: infinite;
1423
1423
  animation-name: ag-shake-left-to-right;
1424
1424
  }
1425
- @keyframes _ag-shake-left-to-right_18odb_369 {
1425
+ @keyframes _ag-shake-left-to-right_199bk_369 {
1426
1426
  from {
1427
1427
  padding-left: 6px;
1428
1428
  padding-right: 2px;
@@ -5423,7 +5423,7 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
5423
5423
  animation-iteration-count: infinite;
5424
5424
  animation-timing-function: linear;
5425
5425
  }
5426
- @keyframes _spin_18odb_1 {
5426
+ @keyframes _spin_199bk_1 {
5427
5427
  from {
5428
5428
  transform: rotate(0deg);
5429
5429
  }
@@ -7613,17 +7613,25 @@ input[class^=ag-][type=range]:disabled {
7613
7613
  padding: 8px 0;
7614
7614
  }
7615
7615
  .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name-container {
7616
- display: -webkit-box;
7617
7616
  width: 100%;
7617
+ display: -webkit-box;
7618
7618
  overflow: hidden;
7619
7619
  white-space: normal;
7620
7620
  -webkit-box-orient: vertical;
7621
- -webkit-line-clamp: 4;
7622
7621
  }
7623
7622
  .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name {
7624
7623
  word-wrap: break-word;
7625
- text-overflow: ellipsis;
7626
7624
  overflow: hidden;
7625
+ -webkit-box-orient: vertical;
7626
+ text-overflow: ellipsis;
7627
+ display: -webkit-box;
7628
+ }
7629
+ @supports (-webkit-line-clamp: 4) {
7630
+ .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name {
7631
+ white-space: initial;
7632
+ -webkit-line-clamp: 4;
7633
+ -webkit-box-orient: vertical;
7634
+ }
7627
7635
  }
7628
7636
  .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell.ag-right-aligned-header .data-table-header-cell-container {
7629
7637
  flex-direction: row-reverse;
@@ -7635,16 +7643,6 @@ input[class^=ag-][type=range]:disabled {
7635
7643
  .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-cell-label .data-table-header-display-name {
7636
7644
  padding-left: 4px;
7637
7645
  }
7638
- @supports (-webkit-line-clamp: 4) {
7639
- .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine.ag-suppress-column-virtualization .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name {
7640
- overflow: hidden;
7641
- text-overflow: ellipsis;
7642
- white-space: initial;
7643
- display: -webkit-box;
7644
- -webkit-line-clamp: 4;
7645
- -webkit-box-orient: vertical;
7646
- }
7647
- }
7648
7646
  .ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
7649
7647
  margin-right: 4px;
7650
7648
  }
@@ -7928,7 +7926,7 @@ input[class^=ag-][type=range]:disabled {
7928
7926
  padding-left: 16px;
7929
7927
  }
7930
7928
 
7931
- div._contextPanel_18odb_7153 {
7929
+ div._contextPanel_199bk_7151 {
7932
7930
  width: 400px;
7933
7931
  transition: all ease 500ms;
7934
7932
  flex: 0 0 auto;
@@ -7937,7 +7935,7 @@ div._contextPanel_18odb_7153 {
7937
7935
  border: 1px solid #d6dadc;
7938
7936
  display: flex;
7939
7937
  }
7940
- div._contextPanel--hidden_18odb_7162 {
7938
+ div._contextPanel--hidden_199bk_7160 {
7941
7939
  border: none;
7942
7940
  overflow: hidden;
7943
7941
  padding: 0px;
@@ -7945,50 +7943,50 @@ div._contextPanel--hidden_18odb_7162 {
7945
7943
  width: 0px;
7946
7944
  }
7947
7945
 
7948
- ._contextPanelWrapper_18odb_7170 {
7946
+ ._contextPanelWrapper_199bk_7168 {
7949
7947
  position: relative;
7950
7948
  flex-grow: 1;
7951
7949
  }
7952
7950
 
7953
- ._contextPanelBody_18odb_7175 {
7951
+ ._contextPanelBody_199bk_7173 {
7954
7952
  width: clamp(380px, 400px, 100%);
7955
7953
  }
7956
7954
 
7957
- ._contextPanel-stickyHeader_18odb_7179 {
7955
+ ._contextPanel-stickyHeader_199bk_7177 {
7958
7956
  background-color: #ffffff;
7959
7957
  position: sticky;
7960
7958
  top: 0;
7961
7959
  z-index: 5;
7962
7960
  }
7963
7961
 
7964
- ._filters-list_18odb_7186 {
7962
+ ._filters-list_199bk_7184 {
7965
7963
  padding: 0;
7966
7964
  margin: 0;
7967
7965
  }
7968
- ._filters-list_18odb_7186 ol {
7966
+ ._filters-list_199bk_7184 ol {
7969
7967
  padding: 0;
7970
7968
  margin: 0;
7971
7969
  }
7972
7970
 
7973
- ._col-drag-column-icon_18odb_7195 {
7971
+ ._col-drag-column-icon_199bk_7193 {
7974
7972
  color: #6a767c;
7975
7973
  }
7976
7974
 
7977
- ._tabular-nums_18odb_7199 {
7975
+ ._tabular-nums_199bk_7197 {
7978
7976
  font-variant-numeric: tabular-nums;
7979
7977
  }`;
7980
7978
  document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
7981
7979
  var styles_default = {
7982
- "contextPanel": "_contextPanel_18odb_7153",
7983
- "contextPanel--hidden": "_contextPanel--hidden_18odb_7162",
7984
- "contextPanelWrapper": "_contextPanelWrapper_18odb_7170",
7985
- "contextPanelBody": "_contextPanelBody_18odb_7175",
7986
- "contextPanel-stickyHeader": "_contextPanel-stickyHeader_18odb_7179",
7987
- "filters-list": "_filters-list_18odb_7186",
7988
- "col-drag-column-icon": "_col-drag-column-icon_18odb_7195",
7989
- "tabular-nums": "_tabular-nums_18odb_7199",
7990
- "ag-shake-left-to-right": "_ag-shake-left-to-right_18odb_369",
7991
- "spin": "_spin_18odb_1"
7980
+ "contextPanel": "_contextPanel_199bk_7151",
7981
+ "contextPanel--hidden": "_contextPanel--hidden_199bk_7160",
7982
+ "contextPanelWrapper": "_contextPanelWrapper_199bk_7168",
7983
+ "contextPanelBody": "_contextPanelBody_199bk_7173",
7984
+ "contextPanel-stickyHeader": "_contextPanel-stickyHeader_199bk_7177",
7985
+ "filters-list": "_filters-list_199bk_7184",
7986
+ "col-drag-column-icon": "_col-drag-column-icon_199bk_7193",
7987
+ "tabular-nums": "_tabular-nums_199bk_7197",
7988
+ "ag-shake-left-to-right": "_ag-shake-left-to-right_199bk_369",
7989
+ "spin": "_spin_199bk_1"
7992
7990
  };
7993
7991
 
7994
7992
  // src/utils/getCellValueTypographyProps.ts
@@ -82775,7 +82773,7 @@ var Table = (props) => {
82775
82773
  }, [isRowSelectable]);
82776
82774
  React77__default.default.useEffect(() => {
82777
82775
  rowSelectionRef.current = {
82778
- affectedRows: {},
82776
+ affectedRows: rowSelectionRef?.current.affectedRows ?? {},
82779
82777
  enabled: props.rowSelectionEnabled,
82780
82778
  getRowId: internalTableContext.getRowId,
82781
82779
  siblingGroupsRowDisabled: props.siblingGroupsRowSelectionDisabled
@@ -1408,7 +1408,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
1408
1408
  animation-iteration-count: infinite;
1409
1409
  animation-name: ag-shake-left-to-right;
1410
1410
  }
1411
- @keyframes _ag-shake-left-to-right_18odb_369 {
1411
+ @keyframes _ag-shake-left-to-right_199bk_369 {
1412
1412
  from {
1413
1413
  padding-left: 6px;
1414
1414
  padding-right: 2px;
@@ -5409,7 +5409,7 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
5409
5409
  animation-iteration-count: infinite;
5410
5410
  animation-timing-function: linear;
5411
5411
  }
5412
- @keyframes _spin_18odb_1 {
5412
+ @keyframes _spin_199bk_1 {
5413
5413
  from {
5414
5414
  transform: rotate(0deg);
5415
5415
  }
@@ -7599,17 +7599,25 @@ input[class^=ag-][type=range]:disabled {
7599
7599
  padding: 8px 0;
7600
7600
  }
7601
7601
  .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name-container {
7602
- display: -webkit-box;
7603
7602
  width: 100%;
7603
+ display: -webkit-box;
7604
7604
  overflow: hidden;
7605
7605
  white-space: normal;
7606
7606
  -webkit-box-orient: vertical;
7607
- -webkit-line-clamp: 4;
7608
7607
  }
7609
7608
  .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name {
7610
7609
  word-wrap: break-word;
7611
- text-overflow: ellipsis;
7612
7610
  overflow: hidden;
7611
+ -webkit-box-orient: vertical;
7612
+ text-overflow: ellipsis;
7613
+ display: -webkit-box;
7614
+ }
7615
+ @supports (-webkit-line-clamp: 4) {
7616
+ .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name {
7617
+ white-space: initial;
7618
+ -webkit-line-clamp: 4;
7619
+ -webkit-box-orient: vertical;
7620
+ }
7613
7621
  }
7614
7622
  .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell.ag-right-aligned-header .data-table-header-cell-container {
7615
7623
  flex-direction: row-reverse;
@@ -7621,16 +7629,6 @@ input[class^=ag-][type=range]:disabled {
7621
7629
  .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-cell-label .data-table-header-display-name {
7622
7630
  padding-left: 4px;
7623
7631
  }
7624
- @supports (-webkit-line-clamp: 4) {
7625
- .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine.ag-suppress-column-virtualization .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name {
7626
- overflow: hidden;
7627
- text-overflow: ellipsis;
7628
- white-space: initial;
7629
- display: -webkit-box;
7630
- -webkit-line-clamp: 4;
7631
- -webkit-box-orient: vertical;
7632
- }
7633
- }
7634
7632
  .ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
7635
7633
  margin-right: 4px;
7636
7634
  }
@@ -7914,7 +7912,7 @@ input[class^=ag-][type=range]:disabled {
7914
7912
  padding-left: 16px;
7915
7913
  }
7916
7914
 
7917
- div._contextPanel_18odb_7153 {
7915
+ div._contextPanel_199bk_7151 {
7918
7916
  width: 400px;
7919
7917
  transition: all ease 500ms;
7920
7918
  flex: 0 0 auto;
@@ -7923,7 +7921,7 @@ div._contextPanel_18odb_7153 {
7923
7921
  border: 1px solid #d6dadc;
7924
7922
  display: flex;
7925
7923
  }
7926
- div._contextPanel--hidden_18odb_7162 {
7924
+ div._contextPanel--hidden_199bk_7160 {
7927
7925
  border: none;
7928
7926
  overflow: hidden;
7929
7927
  padding: 0px;
@@ -7931,50 +7929,50 @@ div._contextPanel--hidden_18odb_7162 {
7931
7929
  width: 0px;
7932
7930
  }
7933
7931
 
7934
- ._contextPanelWrapper_18odb_7170 {
7932
+ ._contextPanelWrapper_199bk_7168 {
7935
7933
  position: relative;
7936
7934
  flex-grow: 1;
7937
7935
  }
7938
7936
 
7939
- ._contextPanelBody_18odb_7175 {
7937
+ ._contextPanelBody_199bk_7173 {
7940
7938
  width: clamp(380px, 400px, 100%);
7941
7939
  }
7942
7940
 
7943
- ._contextPanel-stickyHeader_18odb_7179 {
7941
+ ._contextPanel-stickyHeader_199bk_7177 {
7944
7942
  background-color: #ffffff;
7945
7943
  position: sticky;
7946
7944
  top: 0;
7947
7945
  z-index: 5;
7948
7946
  }
7949
7947
 
7950
- ._filters-list_18odb_7186 {
7948
+ ._filters-list_199bk_7184 {
7951
7949
  padding: 0;
7952
7950
  margin: 0;
7953
7951
  }
7954
- ._filters-list_18odb_7186 ol {
7952
+ ._filters-list_199bk_7184 ol {
7955
7953
  padding: 0;
7956
7954
  margin: 0;
7957
7955
  }
7958
7956
 
7959
- ._col-drag-column-icon_18odb_7195 {
7957
+ ._col-drag-column-icon_199bk_7193 {
7960
7958
  color: #6a767c;
7961
7959
  }
7962
7960
 
7963
- ._tabular-nums_18odb_7199 {
7961
+ ._tabular-nums_199bk_7197 {
7964
7962
  font-variant-numeric: tabular-nums;
7965
7963
  }`;
7966
7964
  document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
7967
7965
  var styles_default = {
7968
- "contextPanel": "_contextPanel_18odb_7153",
7969
- "contextPanel--hidden": "_contextPanel--hidden_18odb_7162",
7970
- "contextPanelWrapper": "_contextPanelWrapper_18odb_7170",
7971
- "contextPanelBody": "_contextPanelBody_18odb_7175",
7972
- "contextPanel-stickyHeader": "_contextPanel-stickyHeader_18odb_7179",
7973
- "filters-list": "_filters-list_18odb_7186",
7974
- "col-drag-column-icon": "_col-drag-column-icon_18odb_7195",
7975
- "tabular-nums": "_tabular-nums_18odb_7199",
7976
- "ag-shake-left-to-right": "_ag-shake-left-to-right_18odb_369",
7977
- "spin": "_spin_18odb_1"
7966
+ "contextPanel": "_contextPanel_199bk_7151",
7967
+ "contextPanel--hidden": "_contextPanel--hidden_199bk_7160",
7968
+ "contextPanelWrapper": "_contextPanelWrapper_199bk_7168",
7969
+ "contextPanelBody": "_contextPanelBody_199bk_7173",
7970
+ "contextPanel-stickyHeader": "_contextPanel-stickyHeader_199bk_7177",
7971
+ "filters-list": "_filters-list_199bk_7184",
7972
+ "col-drag-column-icon": "_col-drag-column-icon_199bk_7193",
7973
+ "tabular-nums": "_tabular-nums_199bk_7197",
7974
+ "ag-shake-left-to-right": "_ag-shake-left-to-right_199bk_369",
7975
+ "spin": "_spin_199bk_1"
7978
7976
  };
7979
7977
 
7980
7978
  // src/utils/getCellValueTypographyProps.ts
@@ -82761,7 +82759,7 @@ var Table = (props) => {
82761
82759
  }, [isRowSelectable]);
82762
82760
  React77.useEffect(() => {
82763
82761
  rowSelectionRef.current = {
82764
- affectedRows: {},
82762
+ affectedRows: rowSelectionRef?.current.affectedRows ?? {},
82765
82763
  enabled: props.rowSelectionEnabled,
82766
82764
  getRowId: internalTableContext.getRowId,
82767
82765
  siblingGroupsRowDisabled: props.siblingGroupsRowSelectionDisabled
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@procore/data-table",
3
- "version": "14.21.1",
3
+ "version": "14.22.1",
4
4
  "description": "Complex data grid built on top of ag-grid, with DST components and styles.",
5
5
  "type": "module",
6
6
  "main": "dist/legacy/index.cjs",
@@ -30,8 +30,8 @@
30
30
  "chromatic": "dotenvx run -- chromatic",
31
31
  "chromatic:ci": "chromatic --ci --storybook-build-dir ./storybook-static --project-token=${CHROMATIC_DATA_TABLE_TOKEN} --exit-once-uploaded --only-changed --skip=\"dependabot*\"",
32
32
  "clean": "rimraf dist",
33
- "cypress:dev:open": "start-server-and-test storybook-static:server http://127.0.0.1:6006 cypress:open",
34
- "cypress:dev:run": "start-server-and-test storybook-static:server http://127.0.0.1:6006 cypress:run",
33
+ "cypress:dev:open": "start-server-and-test storybook http://127.0.0.1:6006 'yarn cypress:open'",
34
+ "cypress:dev:run": "start-server-and-test storybook http://127.0.0.1:6006 'yarn cypress:run'",
35
35
  "cypress:open": "cypress open",
36
36
  "cypress:component:run": "cypress run -b ${CYPRESS_BROWSER-chrome} --spec ${CYPRESS_SPEC-src/**/*.cy.tsx} --component",
37
37
  "cypress:performance": "cypress run -b ${CYPRESS_BROWSER-chrome} --spec ${CYPRESS_SPEC-cypress/e2e/**/*.perf.ts}",
@@ -111,7 +111,7 @@
111
111
  "@procore/core-css": "10.17.0",
112
112
  "@procore/core-icons": "12.2.0",
113
113
  "@procore/core-prettier": "10.2.0",
114
- "@procore/core-react": "12.16.0",
114
+ "@procore/core-react": "12.16.2",
115
115
  "@procore/eslint-config": "10.0.0",
116
116
  "@procore/globalization-toolkit": "3.1.0",
117
117
  "@procore/labs-financials-utils": "3.0.1",
@@ -142,6 +142,7 @@
142
142
  "@wojtekmaj/enzyme-adapter-react-17": "0.6.7",
143
143
  "css-loader": "6.7.1",
144
144
  "cypress": "13.6.1",
145
+ "cypress-axe": "1.5.0",
145
146
  "cypress-multi-reporters": "1.6.4",
146
147
  "cypress-real-events": "^1.11.0",
147
148
  "cypress-web-vitals": "^4.1.2",