@carbon/ibm-products 1.31.0 → 1.32.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/css/index-full-carbon.css +71 -5
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon.css +67 -5
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +67 -5
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +1 -0
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +2 -1
- package/es/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridContent.js +43 -18
- package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +9 -1
- package/es/components/Datagrid/Datagrid/DatagridRow.js +10 -2
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +12 -3
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +1 -4
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +16 -8
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +9 -1
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +153 -87
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +66 -0
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +1 -1
- package/es/components/Datagrid/useActionsColumn.js +28 -12
- package/es/components/Datagrid/useExpandedRow.js +0 -1
- package/es/components/Datagrid/useNestedRowExpander.js +42 -0
- package/es/components/Datagrid/useNestedRows.js +2 -2
- package/es/components/Datagrid/useSelectAllToggle.js +17 -4
- package/es/components/Datagrid/utils/DatagridActions.js +121 -0
- package/es/components/Datagrid/utils/DatagridPagination.js +33 -0
- package/es/components/Datagrid/utils/Wrapper.js +21 -0
- package/es/components/Datagrid/utils/getArgTypes.js +85 -0
- package/es/components/Datagrid/utils/makeData.js +25 -5
- package/es/components/InlineEdit/InlineEdit.js +7 -7
- package/es/components/OptionsTile/OptionsTile.js +4 -2
- package/es/global/js/utils/story-helper.js +5 -1
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +1 -0
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +2 -1
- package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +2 -2
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +44 -18
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +9 -1
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +19 -2
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +14 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +1 -4
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +16 -8
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +10 -7
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +155 -87
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +78 -0
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +1 -1
- package/lib/components/Datagrid/useActionsColumn.js +28 -13
- package/lib/components/Datagrid/useExpandedRow.js +0 -1
- package/lib/components/Datagrid/useNestedRowExpander.js +57 -0
- package/lib/components/Datagrid/useNestedRows.js +3 -3
- package/lib/components/Datagrid/useSelectAllToggle.js +18 -4
- package/lib/components/Datagrid/utils/DatagridActions.js +139 -0
- package/lib/components/Datagrid/utils/DatagridPagination.js +46 -0
- package/lib/components/Datagrid/utils/Wrapper.js +33 -0
- package/lib/components/Datagrid/utils/getArgTypes.js +93 -0
- package/lib/components/Datagrid/utils/makeData.js +26 -5
- package/lib/components/InlineEdit/InlineEdit.js +7 -7
- package/lib/components/OptionsTile/OptionsTile.js +4 -2
- package/lib/global/js/utils/story-helper.js +5 -1
- package/package.json +12 -12
- package/scss/components/Datagrid/styles/_datagrid.scss +0 -4
- package/scss/components/Datagrid/styles/_useActionsColumn.scss +12 -0
- package/scss/components/Datagrid/styles/_useExpandedRow.scss +30 -0
- package/scss/components/Datagrid/styles/_useInlineEdit.scss +6 -0
- package/scss/components/Datagrid/styles/_useNestedRows.scss +15 -1
- package/scss/components/Datagrid/styles/_useStickyColumn.scss +6 -0
- package/scss/components/OptionsTile/_options-tile.scss +4 -0
|
@@ -18938,6 +18938,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
18938
18938
|
}
|
|
18939
18939
|
|
|
18940
18940
|
.c4p--options-tile__heading {
|
|
18941
|
+
overflow: hidden;
|
|
18941
18942
|
grid-column: 2;
|
|
18942
18943
|
}
|
|
18943
18944
|
|
|
@@ -18946,7 +18947,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
18946
18947
|
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
|
18947
18948
|
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
|
18948
18949
|
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
|
18950
|
+
overflow: hidden;
|
|
18949
18951
|
color: var(--cds-text-01, #161616);
|
|
18952
|
+
text-overflow: ellipsis;
|
|
18953
|
+
white-space: nowrap;
|
|
18950
18954
|
}
|
|
18951
18955
|
|
|
18952
18956
|
.c4p--options-tile__summary {
|
|
@@ -19745,10 +19749,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
19745
19749
|
flex: 1 1 auto;
|
|
19746
19750
|
}
|
|
19747
19751
|
|
|
19748
|
-
.c4p--datagrid__with-pagination table tr:last-of-type > td {
|
|
19749
|
-
border-bottom: none;
|
|
19750
|
-
}
|
|
19751
|
-
|
|
19752
19752
|
.c4p--datagrid__resizer {
|
|
19753
19753
|
position: absolute;
|
|
19754
19754
|
z-index: 1;
|
|
@@ -19976,7 +19976,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
19976
19976
|
/*
|
|
19977
19977
|
* Licensed Materials - Property of IBM
|
|
19978
19978
|
* 5724-Q36
|
|
19979
|
-
* (c) Copyright IBM Corp. 2020 -
|
|
19979
|
+
* (c) Copyright IBM Corp. 2020 - 2022
|
|
19980
19980
|
* US Government Users Restricted Rights - Use, duplication or disclosure
|
|
19981
19981
|
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
|
19982
19982
|
*/
|
|
@@ -19987,6 +19987,18 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
19987
19987
|
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
|
19988
19988
|
}
|
|
19989
19989
|
|
|
19990
|
+
.c4p--datagrid .c4p--datagrid__expander-icon {
|
|
19991
|
+
transition: transform 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
|
19992
|
+
}
|
|
19993
|
+
|
|
19994
|
+
.c4p--datagrid .c4p--datagrid__expander-icon--open {
|
|
19995
|
+
transform: rotate(90deg);
|
|
19996
|
+
}
|
|
19997
|
+
|
|
19998
|
+
.c4p--datagrid__expanded-row .c4p--datagrid__carbon-row-expanded td:first-child {
|
|
19999
|
+
border-bottom: none;
|
|
20000
|
+
}
|
|
20001
|
+
|
|
19990
20002
|
/*
|
|
19991
20003
|
* Licensed Materials - Property of IBM
|
|
19992
20004
|
* 5724-Q36
|
|
@@ -20160,6 +20172,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
20160
20172
|
right: 6px !important;
|
|
20161
20173
|
}
|
|
20162
20174
|
|
|
20175
|
+
.c4p--datagrid__select-all-toggle-on.c4p--datagrid__select-all-sticky-left {
|
|
20176
|
+
position: sticky;
|
|
20177
|
+
z-index: 1;
|
|
20178
|
+
left: 0;
|
|
20179
|
+
}
|
|
20180
|
+
|
|
20163
20181
|
/*
|
|
20164
20182
|
* Licensed Materials - Property of IBM
|
|
20165
20183
|
* 5724-Q36
|
|
@@ -20182,6 +20200,18 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
20182
20200
|
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
|
20183
20201
|
}
|
|
20184
20202
|
|
|
20203
|
+
.c4p--datagrid .c4p--datagrid__disabled-row-action-button {
|
|
20204
|
+
cursor: not-allowed;
|
|
20205
|
+
}
|
|
20206
|
+
|
|
20207
|
+
.c4p--datagrid .c4p--datagrid__disabled-row-action {
|
|
20208
|
+
pointer-events: none;
|
|
20209
|
+
}
|
|
20210
|
+
|
|
20211
|
+
.c4p--datagrid .c4p--datagrid__disabled-row-action svg {
|
|
20212
|
+
fill: var(--cds-disabled-03, #8d8d8d);
|
|
20213
|
+
}
|
|
20214
|
+
|
|
20185
20215
|
/*
|
|
20186
20216
|
* Licensed Materials - Property of IBM
|
|
20187
20217
|
* 5724-Q36
|
|
@@ -20319,6 +20349,32 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
|
20319
20349
|
* US Government Users Restricted Rights - Use, duplication or disclosure
|
|
20320
20350
|
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
|
20321
20351
|
*/
|
|
20352
|
+
.c4p--datagrid .c4p--datagrid__expanded-row-content {
|
|
20353
|
+
position: relative;
|
|
20354
|
+
padding: var(--cds-spacing-05, 1rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-06, 1.5rem) var(--cds-spacing-09, 3rem);
|
|
20355
|
+
}
|
|
20356
|
+
|
|
20357
|
+
.c4p--datagrid .c4p--datagrid__expanded-row-content::before {
|
|
20358
|
+
position: absolute;
|
|
20359
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
|
20360
|
+
top: -1px;
|
|
20361
|
+
right: 0;
|
|
20362
|
+
width: calc(100% - var(--cds-spacing-09, 3rem));
|
|
20363
|
+
height: 1px;
|
|
20364
|
+
background-color: var(--cds-ui-03, #e0e0e0);
|
|
20365
|
+
content: "";
|
|
20366
|
+
}
|
|
20367
|
+
|
|
20368
|
+
.c4p--datagrid .c4p--datagrid__expanded-row-content::after {
|
|
20369
|
+
position: absolute;
|
|
20370
|
+
bottom: 0;
|
|
20371
|
+
left: 0;
|
|
20372
|
+
width: 100%;
|
|
20373
|
+
height: 1px;
|
|
20374
|
+
background-color: var(--cds-ui-03, #e0e0e0);
|
|
20375
|
+
content: "";
|
|
20376
|
+
}
|
|
20377
|
+
|
|
20322
20378
|
/*
|
|
20323
20379
|
* Licensed Materials - Property of IBM
|
|
20324
20380
|
* 5724-Q36
|
|
@@ -20508,6 +20564,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
|
20508
20564
|
outline: 0;
|
|
20509
20565
|
}
|
|
20510
20566
|
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__label-icon {
|
|
20567
|
+
height: var(--cds-spacing-05, 1rem);
|
|
20511
20568
|
padding-right: var(--cds-spacing-05, 1rem);
|
|
20512
20569
|
}
|
|
20513
20570
|
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--non-edit {
|
|
@@ -20621,6 +20678,11 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
|
20621
20678
|
white-space: nowrap;
|
|
20622
20679
|
}
|
|
20623
20680
|
|
|
20681
|
+
.bx--data-table .c4p--datagrid__carbon-row-hover-active td {
|
|
20682
|
+
border-top-color: var(--cds-hover-ui, #e5e5e5);
|
|
20683
|
+
background-color: var(--cds-hover-ui, #e5e5e5);
|
|
20684
|
+
}
|
|
20685
|
+
|
|
20624
20686
|
.c4p--datagrid__datagridWrap {
|
|
20625
20687
|
display: block;
|
|
20626
20688
|
width: 100%;
|
|
@@ -27400,6 +27462,10 @@ button.bx--dropdown-text:focus {
|
|
|
27400
27462
|
background-color: transparent;
|
|
27401
27463
|
}
|
|
27402
27464
|
|
|
27465
|
+
.bx--multi-select:not(.bx--list-box--expanded) .bx--list-box__menu {
|
|
27466
|
+
visibility: hidden;
|
|
27467
|
+
}
|
|
27468
|
+
|
|
27403
27469
|
.bx--inline-notification {
|
|
27404
27470
|
position: relative;
|
|
27405
27471
|
display: flex;
|