@carbon/ibm-products 1.31.0 → 1.32.0

Sign up to get free protection for your applications and to get access to all the features.
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