@carbon/ibm-products 1.40.0 → 1.41.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.
Files changed (94) hide show
  1. package/css/index-full-carbon.css +39 -65
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +2 -2
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +1 -0
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +39 -65
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +2 -2
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +39 -65
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +2 -2
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/APIKeyModal/APIKeyDownloader.js +21 -23
  18. package/es/components/APIKeyModal/APIKeyModal.js +43 -45
  19. package/es/components/AddSelect/AddSelectBody.js +1 -1
  20. package/es/components/AddSelect/hooks/usePath.js +7 -1
  21. package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +1 -1
  22. package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +1 -1
  23. package/es/components/CreateFullPage/CreateFullPage.js +8 -2
  24. package/es/components/CreateTearsheet/CreateTearsheet.js +8 -2
  25. package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +4 -2
  26. package/es/components/DataSpreadsheet/DataSpreadsheet.js +1 -3
  27. package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +5 -4
  28. package/es/components/Datagrid/Datagrid/DatagridContent.js +18 -6
  29. package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +9 -3
  30. package/es/components/Datagrid/Datagrid/DatagridRow.js +2 -8
  31. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +27 -8
  32. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +7 -9
  33. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +11 -13
  34. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +26 -24
  35. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/{CustomizeColumnsModal.js → CustomizeColumnsTearsheet.js} +32 -32
  36. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +51 -0
  37. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +6 -7
  38. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +26 -36
  39. package/es/components/Datagrid/Datagrid.stories/index.js +1 -1
  40. package/es/components/Datagrid/useCustomizeColumns.js +13 -15
  41. package/es/components/Datagrid/useFiltering.js +0 -2
  42. package/es/components/Datagrid/useParentDimensions.js +3 -1
  43. package/es/components/Datagrid/utils/getArgTypes.js +5 -0
  44. package/es/components/Datagrid/utils/getInlineEditColumns.js +6 -1
  45. package/es/components/ImportModal/ImportModal.js +42 -44
  46. package/es/components/index.js +1 -1
  47. package/es/global/js/hooks/useCreateComponentFocus.js +31 -10
  48. package/es/global/js/hooks/useCreateComponentStepChange.js +73 -79
  49. package/es/global/js/utils/test-helper.js +12 -14
  50. package/es/global/js/utils/unwrap-if-fragment.js +1 -1
  51. package/lib/components/APIKeyModal/APIKeyDownloader.js +21 -23
  52. package/lib/components/APIKeyModal/APIKeyModal.js +43 -45
  53. package/lib/components/AddSelect/AddSelectBody.js +1 -1
  54. package/lib/components/AddSelect/hooks/usePath.js +6 -0
  55. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +1 -1
  56. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +1 -1
  57. package/lib/components/CreateFullPage/CreateFullPage.js +8 -2
  58. package/lib/components/CreateTearsheet/CreateTearsheet.js +8 -2
  59. package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +4 -2
  60. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +1 -3
  61. package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +5 -4
  62. package/lib/components/Datagrid/Datagrid/DatagridContent.js +18 -6
  63. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +9 -3
  64. package/lib/components/Datagrid/Datagrid/DatagridRow.js +2 -11
  65. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +27 -8
  66. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +7 -9
  67. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +6 -6
  68. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +26 -24
  69. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/{CustomizeColumnsModal.js → CustomizeColumnsTearsheet.js} +26 -25
  70. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/{ModalWrapper.js → TearsheetWrapper.js} +30 -33
  71. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +3 -3
  72. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +26 -36
  73. package/lib/components/Datagrid/Datagrid.stories/index.js +1 -1
  74. package/lib/components/Datagrid/useCustomizeColumns.js +7 -7
  75. package/lib/components/Datagrid/useFiltering.js +0 -2
  76. package/lib/components/Datagrid/useParentDimensions.js +3 -1
  77. package/lib/components/Datagrid/utils/getArgTypes.js +5 -0
  78. package/lib/components/Datagrid/utils/getInlineEditColumns.js +6 -1
  79. package/lib/components/ImportModal/ImportModal.js +42 -44
  80. package/lib/components/index.js +6 -0
  81. package/lib/global/js/hooks/useCreateComponentFocus.js +32 -10
  82. package/lib/global/js/hooks/useCreateComponentStepChange.js +73 -79
  83. package/lib/global/js/utils/test-helper.js +12 -14
  84. package/lib/global/js/utils/unwrap-if-fragment.js +1 -1
  85. package/package.json +10 -10
  86. package/scss/components/Datagrid/_storybook-styles.scss +7 -0
  87. package/scss/components/Datagrid/styles/_datagrid.scss +22 -0
  88. package/scss/components/Datagrid/styles/_draggableElement.scss +9 -8
  89. package/scss/components/Datagrid/styles/_index.scss +8 -8
  90. package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +60 -0
  91. package/scss/components/FilterSummary/_filter-summary.scss +1 -0
  92. package/scss/components/Tearsheet/_tearsheet.scss +2 -0
  93. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +0 -56
  94. package/scss/components/Datagrid/styles/addons/_CustomizeColumnsModal.scss +0 -86
@@ -12403,6 +12403,7 @@ a.bx--side-nav__link--current::before {
12403
12403
  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
12404
12404
  -webkit-box-orient: vertical;
12405
12405
  -webkit-line-clamp: 2;
12406
+ word-break: break-all;
12406
12407
  }
12407
12408
  @media (min-width: 42rem) {
12408
12409
  .c4p--tearsheet .c4p--tearsheet__header-description {
@@ -13223,6 +13224,7 @@ a.bx--side-nav__link--current::before {
13223
13224
  width: 100%;
13224
13225
  align-items: center;
13225
13226
  padding: var(--cds-spacing-03, 0.5rem);
13227
+ border-top: 1px solid var(--cds-ui-03, #e0e0e0);
13226
13228
  background: var(--cds-ui-01, #f4f4f4);
13227
13229
  }
13228
13230
 
@@ -21000,13 +21002,6 @@ button.c4p--add-select__global-filter-toggle--open {
21000
21002
  overscroll-behavior: none;
21001
21003
  }
21002
21004
 
21003
- /*
21004
- * Licensed Materials - Property of IBM
21005
- * 5724-Q36
21006
- * (c) Copyright IBM Corp. 2020, 2021
21007
- * US Government Users Restricted Rights - Use, duplication or disclosure
21008
- * restricted by GSA ADP Schedule Contract with IBM Corp.
21009
- */
21010
21005
  /*
21011
21006
  * Licensed Materials - Property of IBM
21012
21007
  * 5724-Q36
@@ -21454,6 +21449,28 @@ button.c4p--add-select__global-filter-toggle--open {
21454
21449
  height: var(--cds-spacing-09, 3rem);
21455
21450
  }
21456
21451
 
21452
+ .c4p--datagrid__customize-columns-checkbox-wrapper.bx--form-item {
21453
+ flex: 0 0 auto;
21454
+ margin-right: var(--cds-spacing-03, 0.5rem);
21455
+ }
21456
+
21457
+ .c4p--datagrid__virtual-scrollbar::-webkit-scrollbar {
21458
+ width: 10px;
21459
+ height: 7px;
21460
+ }
21461
+
21462
+ .c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-track {
21463
+ background: var(--cds-layer, #f4f4f4);
21464
+ }
21465
+
21466
+ .c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-thumb {
21467
+ border-radius: 5px;
21468
+ }
21469
+
21470
+ .c4p--datagrid__virtualScrollContainer {
21471
+ width: 100%;
21472
+ }
21473
+
21457
21474
  .bx--body--with-modal-open .c4p--datagrid__grid-container {
21458
21475
  overflow: hidden;
21459
21476
  height: 100vh;
@@ -21740,55 +21757,20 @@ button.c4p--add-select__global-filter-toggle--open {
21740
21757
  fill: var(--cds-disabled-03, #8d8d8d);
21741
21758
  }
21742
21759
 
21743
- /*
21744
- * Licensed Materials - Property of IBM
21745
- * 5724-Q36
21746
- * (c) Copyright IBM Corp. 2021
21747
- * US Government Users Restricted Rights - Use, duplication or disclosure
21748
- * restricted by GSA ADP Schedule Contract with IBM Corp.
21749
- */
21750
- .c4p--datagrid__customize-columns-modal .bx--modal-content {
21751
- position: inherit;
21760
+ .c4p--datagrid__customize-columns-tearsheet .c4p--tearsheet__content {
21752
21761
  display: flex;
21753
21762
  flex-flow: column;
21754
- padding: 0;
21755
- margin: 0;
21756
21763
  }
21757
21764
 
21758
- .c4p--datagrid__customize-columns-checkbox-wrapper {
21759
- margin-bottom: 0;
21765
+ .c4p--datagrid__customize-columns-tearsheet--actions .bx--search-input {
21766
+ border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
21760
21767
  }
21761
21768
 
21762
21769
  .c4p--datagrid__customize-columns-checkbox-wrapper {
21763
21770
  display: flex;
21764
21771
  justify-content: center;
21765
- }
21766
-
21767
- .c4p--datagrid__customize-columns-modal--actions {
21768
- display: flex;
21769
- height: var(--cds-spacing-09, 3rem);
21770
- flex-flow: row;
21771
- background-color: var(--cds-field-02, #ffffff);
21772
- }
21773
-
21774
- .c4p--datagrid__customize-columns-modal--actions input[role=searchbox] {
21775
- height: var(--cds-spacing-09, 3rem);
21776
- padding-left: var(--cds-spacing-08, 2.5rem);
21777
- border-bottom: none;
21778
- }
21779
-
21780
- .c4p--datagrid__customize-columns-modal--actions > button {
21781
- margin-left: var(--cds-spacing-05, 1rem);
21782
- }
21783
-
21784
- .c4p--datagrid__customize-columns-instructions {
21785
- padding-left: var(--cds-spacing-05, 1rem);
21786
- margin-bottom: var(--cds-spacing-06, 1.5rem);
21787
- font-size: var(--cds-body-long-01-font-size, 0.875rem);
21788
- font-weight: var(--cds-body-long-01-font-weight, 400);
21789
- line-height: var(--cds-body-long-01-line-height, 1.42857);
21790
- letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
21791
- color: var(--cds-text-01, #161616);
21772
+ padding-left: var(--cds-spacing-03, 0.5rem);
21773
+ margin-bottom: 0;
21792
21774
  }
21793
21775
 
21794
21776
  .c4p--datagrid__customize-columns-column-list {
@@ -21797,33 +21779,31 @@ button.c4p--add-select__global-filter-toggle--open {
21797
21779
  }
21798
21780
 
21799
21781
  .c4p--datagrid__customize-columns-select-all {
21782
+ position: sticky;
21783
+ z-index: 1;
21784
+ top: 0;
21800
21785
  display: flex;
21801
21786
  height: var(--cds-spacing-09, 3rem);
21802
21787
  padding-left: var(--cds-spacing-08, 2.5rem);
21803
21788
  border-bottom: 1px solid var(--cds-layer-active, #c6c6c6);
21804
21789
  background-color: var(--cds-layer, #f4f4f4);
21805
21790
  }
21791
+ .c4p--datagrid__customize-columns-select-all .bx--checkbox-label-text {
21792
+ font-weight: 600;
21793
+ }
21806
21794
 
21807
21795
  .c4p--datagrid__customize-columns-select-all:hover {
21808
21796
  background-color: var(--cds-layer-hover, #e5e5e5);
21809
21797
  }
21810
21798
 
21811
- .c4p--datagrid__customize-columns-select-all-selected {
21812
- display: flex;
21813
- height: var(--cds-spacing-09, 3rem);
21814
- padding-left: var(--cds-spacing-08, 2.5rem);
21815
- border-bottom: 1px solid var(--cds-layer-active, #c6c6c6);
21799
+ .c4p--datagrid__customize-columns-select-all--selected {
21816
21800
  background-color: var(--cds-layer-selected, #e0e0e0);
21817
21801
  }
21818
21802
 
21819
- .c4p--datagrid__customize-columns-select-all-selected:hover {
21803
+ .c4p--datagrid__customize-columns-select-all--selected:hover {
21820
21804
  background-color: var(--cds-hover-selected-ui, #cacaca);
21821
21805
  }
21822
21806
 
21823
- .c4p--datagrid .c4p--datagrid__customize-columns-modal .bx--modal-content {
21824
- margin-bottom: 0;
21825
- }
21826
-
21827
21807
  /*
21828
21808
  * Licensed Materials - Property of IBM
21829
21809
  * 5724-Q36
@@ -21995,13 +21975,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
21995
21975
  fill: var(--cds-ui-05, #161616);
21996
21976
  }
21997
21977
 
21998
- /*
21999
- * Licensed Materials - Property of IBM
22000
- * 5724-Q36
22001
- * (c) Copyright IBM Corp. 2021
22002
- * US Government Users Restricted Rights - Use, duplication or disclosure
22003
- * restricted by GSA ADP Schedule Contract with IBM Corp.
22004
- */
22005
21978
  .c4p--datagrid__draggable-handleStyle {
22006
21979
  display: flex;
22007
21980
  align-items: center;
@@ -22013,7 +21986,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
22013
21986
  pointer-events: none;
22014
21987
  }
22015
21988
 
22016
- svg.c4p--datagrid__draggable-handleStyle.disable {
21989
+ .c4p--datagrid__draggable-handleStyle.disabled svg {
22017
21990
  fill: var(--cds-disabled-02, #c6c6c6);
22018
21991
  }
22019
21992
 
@@ -22049,6 +22022,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
22049
22022
  .c4p--datagrid__draggable-handleHolder-droppable {
22050
22023
  display: flex;
22051
22024
  width: 100%;
22025
+ align-items: center;
22052
22026
  }
22053
22027
 
22054
22028
  .c4p--datagrid__draggable-handleHolder-grabbed {