@carbon/ibm-products 1.40.0 → 1.41.1

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