@carbon/ibm-products 1.31.0 → 1.32.0

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 (58) hide show
  1. package/css/index-full-carbon.css +57 -5
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon.css +57 -5
  6. package/css/index-without-carbon.css.map +1 -1
  7. package/css/index-without-carbon.min.css +1 -1
  8. package/css/index-without-carbon.min.css.map +1 -1
  9. package/css/index.css +57 -5
  10. package/css/index.css.map +1 -1
  11. package/css/index.min.css +1 -1
  12. package/css/index.min.css.map +1 -1
  13. package/es/components/DataSpreadsheet/DataSpreadsheet.js +1 -0
  14. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +2 -1
  15. package/es/components/Datagrid/Datagrid/DatagridContent.js +26 -5
  16. package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +9 -1
  17. package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +12 -3
  18. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +1 -4
  19. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +16 -8
  20. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +9 -1
  21. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +153 -87
  22. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +66 -0
  23. package/es/components/Datagrid/useActionsColumn.js +28 -12
  24. package/es/components/Datagrid/useExpandedRow.js +0 -1
  25. package/es/components/Datagrid/useNestedRowExpander.js +42 -0
  26. package/es/components/Datagrid/useNestedRows.js +2 -2
  27. package/es/components/Datagrid/useSelectAllToggle.js +17 -4
  28. package/es/components/Datagrid/utils/DatagridActions.js +121 -0
  29. package/es/components/Datagrid/utils/DatagridPagination.js +33 -0
  30. package/es/components/Datagrid/utils/Wrapper.js +21 -0
  31. package/es/components/Datagrid/utils/getArgTypes.js +85 -0
  32. package/es/global/js/utils/story-helper.js +5 -1
  33. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +1 -0
  34. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +2 -1
  35. package/lib/components/Datagrid/Datagrid/DatagridContent.js +27 -5
  36. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +9 -1
  37. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +14 -3
  38. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +1 -4
  39. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +16 -8
  40. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +10 -7
  41. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +155 -87
  42. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +78 -0
  43. package/lib/components/Datagrid/useActionsColumn.js +28 -13
  44. package/lib/components/Datagrid/useExpandedRow.js +0 -1
  45. package/lib/components/Datagrid/useNestedRowExpander.js +57 -0
  46. package/lib/components/Datagrid/useNestedRows.js +3 -3
  47. package/lib/components/Datagrid/useSelectAllToggle.js +18 -4
  48. package/lib/components/Datagrid/utils/DatagridActions.js +139 -0
  49. package/lib/components/Datagrid/utils/DatagridPagination.js +46 -0
  50. package/lib/components/Datagrid/utils/Wrapper.js +33 -0
  51. package/lib/components/Datagrid/utils/getArgTypes.js +93 -0
  52. package/lib/global/js/utils/story-helper.js +5 -1
  53. package/package.json +2 -2
  54. package/scss/components/Datagrid/styles/_datagrid.scss +0 -4
  55. package/scss/components/Datagrid/styles/_useActionsColumn.scss +12 -0
  56. package/scss/components/Datagrid/styles/_useExpandedRow.scss +30 -0
  57. package/scss/components/Datagrid/styles/_useNestedRows.scss +15 -1
  58. package/scss/components/Datagrid/styles/_useStickyColumn.scss +6 -0
@@ -19745,10 +19745,6 @@ button.c4p--add-select__global-filter-toggle--open {
19745
19745
  flex: 1 1 auto;
19746
19746
  }
19747
19747
 
19748
- .c4p--datagrid__with-pagination table tr:last-of-type > td {
19749
- border-bottom: none;
19750
- }
19751
-
19752
19748
  .c4p--datagrid__resizer {
19753
19749
  position: absolute;
19754
19750
  z-index: 1;
@@ -19976,7 +19972,7 @@ button.c4p--add-select__global-filter-toggle--open {
19976
19972
  /*
19977
19973
  * Licensed Materials - Property of IBM
19978
19974
  * 5724-Q36
19979
- * (c) Copyright IBM Corp. 2020 - 2021
19975
+ * (c) Copyright IBM Corp. 2020 - 2022
19980
19976
  * US Government Users Restricted Rights - Use, duplication or disclosure
19981
19977
  * restricted by GSA ADP Schedule Contract with IBM Corp.
19982
19978
  */
@@ -19987,6 +19983,18 @@ button.c4p--add-select__global-filter-toggle--open {
19987
19983
  border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
19988
19984
  }
19989
19985
 
19986
+ .c4p--datagrid .c4p--datagrid__expander-icon {
19987
+ transition: transform 70ms cubic-bezier(0, 0, 0.38, 0.9);
19988
+ }
19989
+
19990
+ .c4p--datagrid .c4p--datagrid__expander-icon--open {
19991
+ transform: rotate(90deg);
19992
+ }
19993
+
19994
+ .c4p--datagrid__expanded-row .c4p--datagrid__carbon-row-expanded td:first-child {
19995
+ border-bottom: none;
19996
+ }
19997
+
19990
19998
  /*
19991
19999
  * Licensed Materials - Property of IBM
19992
20000
  * 5724-Q36
@@ -20160,6 +20168,12 @@ button.c4p--add-select__global-filter-toggle--open {
20160
20168
  right: 6px !important;
20161
20169
  }
20162
20170
 
20171
+ .c4p--datagrid__select-all-toggle-on.c4p--datagrid__select-all-sticky-left {
20172
+ position: sticky;
20173
+ z-index: 1;
20174
+ left: 0;
20175
+ }
20176
+
20163
20177
  /*
20164
20178
  * Licensed Materials - Property of IBM
20165
20179
  * 5724-Q36
@@ -20182,6 +20196,18 @@ button.c4p--add-select__global-filter-toggle--open {
20182
20196
  margin-bottom: var(--cds-spacing-03, 0.5rem);
20183
20197
  }
20184
20198
 
20199
+ .c4p--datagrid .c4p--datagrid__disabled-row-action-button {
20200
+ cursor: not-allowed;
20201
+ }
20202
+
20203
+ .c4p--datagrid .c4p--datagrid__disabled-row-action {
20204
+ pointer-events: none;
20205
+ }
20206
+
20207
+ .c4p--datagrid .c4p--datagrid__disabled-row-action svg {
20208
+ fill: var(--cds-disabled-03, #8d8d8d);
20209
+ }
20210
+
20185
20211
  /*
20186
20212
  * Licensed Materials - Property of IBM
20187
20213
  * 5724-Q36
@@ -20319,6 +20345,32 @@ th.c4p--datagrid__select-all-toggle-on.button {
20319
20345
  * US Government Users Restricted Rights - Use, duplication or disclosure
20320
20346
  * restricted by GSA ADP Schedule Contract with IBM Corp.
20321
20347
  */
20348
+ .c4p--datagrid .c4p--datagrid__expanded-row-content {
20349
+ position: relative;
20350
+ padding: var(--cds-spacing-05, 1rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-06, 1.5rem) var(--cds-spacing-09, 3rem);
20351
+ }
20352
+
20353
+ .c4p--datagrid .c4p--datagrid__expanded-row-content::before {
20354
+ position: absolute;
20355
+ /* stylelint-disable-next-line carbon/layout-token-use */
20356
+ top: -1px;
20357
+ right: 0;
20358
+ width: calc(100% - var(--cds-spacing-09, 3rem));
20359
+ height: 1px;
20360
+ background-color: var(--cds-ui-03, #e0e0e0);
20361
+ content: "";
20362
+ }
20363
+
20364
+ .c4p--datagrid .c4p--datagrid__expanded-row-content::after {
20365
+ position: absolute;
20366
+ bottom: 0;
20367
+ left: 0;
20368
+ width: 100%;
20369
+ height: 1px;
20370
+ background-color: var(--cds-ui-03, #e0e0e0);
20371
+ content: "";
20372
+ }
20373
+
20322
20374
  /*
20323
20375
  * Licensed Materials - Property of IBM
20324
20376
  * 5724-Q36