@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 +16 -0
- package/dist/legacy/index.cjs +33 -35
- package/dist/legacy/index.js +33 -35
- package/dist/modern/index.cjs +33 -35
- package/dist/modern/index.js +33 -35
- package/package.json +5 -4
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
|
package/dist/legacy/index.cjs
CHANGED
|
@@ -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-
|
|
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
|
|
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.
|
|
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--
|
|
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
|
-
.
|
|
7948
|
+
._contextPanelWrapper_199bk_7168 {
|
|
7951
7949
|
position: relative;
|
|
7952
7950
|
flex-grow: 1;
|
|
7953
7951
|
}
|
|
7954
7952
|
|
|
7955
|
-
.
|
|
7953
|
+
._contextPanelBody_199bk_7173 {
|
|
7956
7954
|
width: clamp(380px, 400px, 100%);
|
|
7957
7955
|
}
|
|
7958
7956
|
|
|
7959
|
-
._contextPanel-
|
|
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-
|
|
7964
|
+
._filters-list_199bk_7184 {
|
|
7967
7965
|
padding: 0;
|
|
7968
7966
|
margin: 0;
|
|
7969
7967
|
}
|
|
7970
|
-
._filters-
|
|
7968
|
+
._filters-list_199bk_7184 ol {
|
|
7971
7969
|
padding: 0;
|
|
7972
7970
|
margin: 0;
|
|
7973
7971
|
}
|
|
7974
7972
|
|
|
7975
|
-
._col-drag-column-
|
|
7973
|
+
._col-drag-column-icon_199bk_7193 {
|
|
7976
7974
|
color: #6a767c;
|
|
7977
7975
|
}
|
|
7978
7976
|
|
|
7979
|
-
._tabular-
|
|
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": "
|
|
7985
|
-
"contextPanel--hidden": "_contextPanel--
|
|
7986
|
-
"contextPanelWrapper": "
|
|
7987
|
-
"contextPanelBody": "
|
|
7988
|
-
"contextPanel-stickyHeader": "_contextPanel-
|
|
7989
|
-
"filters-list": "_filters-
|
|
7990
|
-
"col-drag-column-icon": "_col-drag-column-
|
|
7991
|
-
"tabular-nums": "_tabular-
|
|
7992
|
-
"ag-shake-left-to-right": "_ag-shake-left-to-
|
|
7993
|
-
"spin": "
|
|
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
|
package/dist/legacy/index.js
CHANGED
|
@@ -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-
|
|
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
|
|
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.
|
|
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--
|
|
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
|
-
.
|
|
7934
|
+
._contextPanelWrapper_199bk_7168 {
|
|
7937
7935
|
position: relative;
|
|
7938
7936
|
flex-grow: 1;
|
|
7939
7937
|
}
|
|
7940
7938
|
|
|
7941
|
-
.
|
|
7939
|
+
._contextPanelBody_199bk_7173 {
|
|
7942
7940
|
width: clamp(380px, 400px, 100%);
|
|
7943
7941
|
}
|
|
7944
7942
|
|
|
7945
|
-
._contextPanel-
|
|
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-
|
|
7950
|
+
._filters-list_199bk_7184 {
|
|
7953
7951
|
padding: 0;
|
|
7954
7952
|
margin: 0;
|
|
7955
7953
|
}
|
|
7956
|
-
._filters-
|
|
7954
|
+
._filters-list_199bk_7184 ol {
|
|
7957
7955
|
padding: 0;
|
|
7958
7956
|
margin: 0;
|
|
7959
7957
|
}
|
|
7960
7958
|
|
|
7961
|
-
._col-drag-column-
|
|
7959
|
+
._col-drag-column-icon_199bk_7193 {
|
|
7962
7960
|
color: #6a767c;
|
|
7963
7961
|
}
|
|
7964
7962
|
|
|
7965
|
-
._tabular-
|
|
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": "
|
|
7971
|
-
"contextPanel--hidden": "_contextPanel--
|
|
7972
|
-
"contextPanelWrapper": "
|
|
7973
|
-
"contextPanelBody": "
|
|
7974
|
-
"contextPanel-stickyHeader": "_contextPanel-
|
|
7975
|
-
"filters-list": "_filters-
|
|
7976
|
-
"col-drag-column-icon": "_col-drag-column-
|
|
7977
|
-
"tabular-nums": "_tabular-
|
|
7978
|
-
"ag-shake-left-to-right": "_ag-shake-left-to-
|
|
7979
|
-
"spin": "
|
|
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
|
package/dist/modern/index.cjs
CHANGED
|
@@ -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-
|
|
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
|
|
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.
|
|
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--
|
|
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
|
-
.
|
|
7946
|
+
._contextPanelWrapper_199bk_7168 {
|
|
7949
7947
|
position: relative;
|
|
7950
7948
|
flex-grow: 1;
|
|
7951
7949
|
}
|
|
7952
7950
|
|
|
7953
|
-
.
|
|
7951
|
+
._contextPanelBody_199bk_7173 {
|
|
7954
7952
|
width: clamp(380px, 400px, 100%);
|
|
7955
7953
|
}
|
|
7956
7954
|
|
|
7957
|
-
._contextPanel-
|
|
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-
|
|
7962
|
+
._filters-list_199bk_7184 {
|
|
7965
7963
|
padding: 0;
|
|
7966
7964
|
margin: 0;
|
|
7967
7965
|
}
|
|
7968
|
-
._filters-
|
|
7966
|
+
._filters-list_199bk_7184 ol {
|
|
7969
7967
|
padding: 0;
|
|
7970
7968
|
margin: 0;
|
|
7971
7969
|
}
|
|
7972
7970
|
|
|
7973
|
-
._col-drag-column-
|
|
7971
|
+
._col-drag-column-icon_199bk_7193 {
|
|
7974
7972
|
color: #6a767c;
|
|
7975
7973
|
}
|
|
7976
7974
|
|
|
7977
|
-
._tabular-
|
|
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": "
|
|
7983
|
-
"contextPanel--hidden": "_contextPanel--
|
|
7984
|
-
"contextPanelWrapper": "
|
|
7985
|
-
"contextPanelBody": "
|
|
7986
|
-
"contextPanel-stickyHeader": "_contextPanel-
|
|
7987
|
-
"filters-list": "_filters-
|
|
7988
|
-
"col-drag-column-icon": "_col-drag-column-
|
|
7989
|
-
"tabular-nums": "_tabular-
|
|
7990
|
-
"ag-shake-left-to-right": "_ag-shake-left-to-
|
|
7991
|
-
"spin": "
|
|
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
|
package/dist/modern/index.js
CHANGED
|
@@ -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-
|
|
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
|
|
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.
|
|
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--
|
|
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
|
-
.
|
|
7932
|
+
._contextPanelWrapper_199bk_7168 {
|
|
7935
7933
|
position: relative;
|
|
7936
7934
|
flex-grow: 1;
|
|
7937
7935
|
}
|
|
7938
7936
|
|
|
7939
|
-
.
|
|
7937
|
+
._contextPanelBody_199bk_7173 {
|
|
7940
7938
|
width: clamp(380px, 400px, 100%);
|
|
7941
7939
|
}
|
|
7942
7940
|
|
|
7943
|
-
._contextPanel-
|
|
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-
|
|
7948
|
+
._filters-list_199bk_7184 {
|
|
7951
7949
|
padding: 0;
|
|
7952
7950
|
margin: 0;
|
|
7953
7951
|
}
|
|
7954
|
-
._filters-
|
|
7952
|
+
._filters-list_199bk_7184 ol {
|
|
7955
7953
|
padding: 0;
|
|
7956
7954
|
margin: 0;
|
|
7957
7955
|
}
|
|
7958
7956
|
|
|
7959
|
-
._col-drag-column-
|
|
7957
|
+
._col-drag-column-icon_199bk_7193 {
|
|
7960
7958
|
color: #6a767c;
|
|
7961
7959
|
}
|
|
7962
7960
|
|
|
7963
|
-
._tabular-
|
|
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": "
|
|
7969
|
-
"contextPanel--hidden": "_contextPanel--
|
|
7970
|
-
"contextPanelWrapper": "
|
|
7971
|
-
"contextPanelBody": "
|
|
7972
|
-
"contextPanel-stickyHeader": "_contextPanel-
|
|
7973
|
-
"filters-list": "_filters-
|
|
7974
|
-
"col-drag-column-icon": "_col-drag-column-
|
|
7975
|
-
"tabular-nums": "_tabular-
|
|
7976
|
-
"ag-shake-left-to-right": "_ag-shake-left-to-
|
|
7977
|
-
"spin": "
|
|
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.
|
|
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
|
|
34
|
-
"cypress:dev:run": "start-server-and-test storybook
|
|
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.
|
|
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",
|