@carbon/ibm-products 1.38.0 → 1.40.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 (77) hide show
  1. package/css/index-full-carbon.css +124 -3
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +3 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css.map +1 -1
  6. package/css/index-without-carbon-released-only.min.css.map +1 -1
  7. package/css/index-without-carbon.css +124 -3
  8. package/css/index-without-carbon.css.map +1 -1
  9. package/css/index-without-carbon.min.css +3 -1
  10. package/css/index-without-carbon.min.css.map +1 -1
  11. package/css/index.css +124 -3
  12. package/css/index.css.map +1 -1
  13. package/css/index.min.css +3 -1
  14. package/css/index.min.css.map +1 -1
  15. package/es/components/ActionBar/ActionBarOverflowItems.js +1 -0
  16. package/es/components/ButtonMenu/ButtonMenu.js +1 -1
  17. package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +1 -1
  18. package/es/components/Card/Card.js +1 -1
  19. package/es/components/CreateFullPage/CreateFullPage.js +4 -1
  20. package/es/components/Datagrid/Datagrid/Datagrid.js +7 -3
  21. package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +9 -2
  22. package/es/components/Datagrid/Datagrid/DatagridRow.js +35 -2
  23. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +19 -3
  24. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +381 -0
  25. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +35 -46
  26. package/es/components/Datagrid/Datagrid/addons/Filtering/constants.js +19 -0
  27. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +18 -0
  28. package/es/components/Datagrid/Datagrid/addons/Filtering/index.js +7 -0
  29. package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +38 -0
  30. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +10 -8
  31. package/es/components/Datagrid/index.js +2 -1
  32. package/es/components/Datagrid/useFiltering.js +83 -0
  33. package/es/components/Datagrid/useNestedRows.js +11 -2
  34. package/es/components/Datagrid/utils/DatagridActions.js +134 -33
  35. package/es/components/Datagrid/utils/getArgTypes.js +4 -0
  36. package/es/components/Datagrid/utils/makeData.js +23 -16
  37. package/es/components/InlineEditV1/InlineEditV1.js +2 -1
  38. package/es/components/PageHeader/PageHeader.js +1 -1
  39. package/es/components/RemoveModal/RemoveModal.js +17 -3
  40. package/es/global/js/package-settings.js +2 -1
  41. package/lib/components/ActionBar/ActionBarOverflowItems.js +1 -0
  42. package/lib/components/ButtonMenu/ButtonMenu.js +1 -1
  43. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +1 -1
  44. package/lib/components/Card/Card.js +1 -1
  45. package/lib/components/CreateFullPage/CreateFullPage.js +4 -1
  46. package/lib/components/Datagrid/Datagrid/Datagrid.js +7 -3
  47. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +9 -2
  48. package/lib/components/Datagrid/Datagrid/DatagridRow.js +35 -2
  49. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +18 -3
  50. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +382 -0
  51. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +35 -46
  52. package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +33 -0
  53. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +27 -0
  54. package/lib/components/Datagrid/Datagrid/addons/Filtering/index.js +13 -0
  55. package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +45 -0
  56. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +12 -10
  57. package/lib/components/Datagrid/index.js +8 -1
  58. package/lib/components/Datagrid/useFiltering.js +83 -0
  59. package/lib/components/Datagrid/useNestedRows.js +11 -2
  60. package/lib/components/Datagrid/utils/DatagridActions.js +135 -31
  61. package/lib/components/Datagrid/utils/getArgTypes.js +4 -0
  62. package/lib/components/Datagrid/utils/makeData.js +24 -17
  63. package/lib/components/InlineEditV1/InlineEditV1.js +2 -1
  64. package/lib/components/PageHeader/PageHeader.js +1 -1
  65. package/lib/components/RemoveModal/RemoveModal.js +17 -3
  66. package/lib/global/js/package-settings.js +2 -1
  67. package/package.json +2 -2
  68. package/scss/components/ActionSet/_action-set.scss +3 -1
  69. package/scss/components/AddSelect/_add-select.scss +3 -1
  70. package/scss/components/Datagrid/_datagrid.scss +0 -1
  71. package/scss/components/Datagrid/_storybook-styles.scss +4 -0
  72. package/scss/components/Datagrid/styles/_datagrid.scss +48 -4
  73. package/scss/components/Datagrid/styles/_index.scss +1 -0
  74. package/scss/components/Datagrid/styles/_useInlineEdit.scss +9 -3
  75. package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +80 -0
  76. package/scss/components/InlineEditV1/_inline-edit-v1.scss +3 -1
  77. package/scss/components/PageHeader/_page-header.scss +6 -2
@@ -21349,8 +21349,22 @@ button.c4p--add-select__global-filter-toggle--open {
21349
21349
  max-height: 100%;
21350
21350
  }
21351
21351
 
21352
- .c4p--datagrid__carbon-row-expanded.c4p--datagrid__carbon-row-expanded-hover-active ~ .c4p--datagrid__carbon-nested-row {
21352
+ .c4p--datagrid__carbon-row-expanded {
21353
+ position: relative;
21354
+ }
21355
+ .c4p--datagrid__carbon-row-expanded.c4p--datagrid__carbon-row-expanded-hover-active::before {
21356
+ position: absolute;
21357
+ z-index: 2;
21358
+ /* stylelint-disable-next-line carbon/layout-token-use */
21359
+ top: var(--c4p--datagrid--row-height);
21360
+ /* stylelint-disable-next-line carbon/layout-token-use */
21361
+ left: calc(
21362
+ var(--c4p--datagrid--indicator-offset-amount) + var(--cds-spacing-05, 1rem)
21363
+ );
21364
+ width: 1px;
21365
+ height: var(--c4p--datagrid--indicator-height);
21353
21366
  border-left: 1px solid var(--cds-interactive-01, #0f62fe);
21367
+ content: "";
21354
21368
  }
21355
21369
 
21356
21370
  .c4p--datagrid .bx--data-table-header {
@@ -21395,8 +21409,9 @@ button.c4p--add-select__global-filter-toggle--open {
21395
21409
  position: relative;
21396
21410
  }
21397
21411
 
21398
- .c4p--datagrid .bx--data-table--selected:not(.c4p--datagrid__active-row)::before {
21412
+ .c4p--datagrid .bx--data-table--selected:not(.c4p--datagrid__active-row) ::before {
21399
21413
  position: absolute;
21414
+ top: 0;
21400
21415
  left: 0;
21401
21416
  width: var(--cds-spacing-02, 0.25rem);
21402
21417
  height: 100%;
@@ -21439,6 +21454,38 @@ button.c4p--add-select__global-filter-toggle--open {
21439
21454
  height: var(--cds-spacing-09, 3rem);
21440
21455
  }
21441
21456
 
21457
+ .bx--body--with-modal-open .c4p--datagrid__grid-container {
21458
+ overflow: hidden;
21459
+ height: 100vh;
21460
+ }
21461
+
21462
+ .bx--overflow-menu.c4p--datagrid__toolbar-menu__trigger {
21463
+ flex-shrink: 0;
21464
+ background-color: var(--cds-interactive-01, #0f62fe);
21465
+ }
21466
+
21467
+ .bx--overflow-menu.c4p--datagrid__toolbar-menu__trigger svg {
21468
+ fill: var(--cds-ui-background, #ffffff);
21469
+ }
21470
+
21471
+ .bx--overflow-menu.c4p--datagrid__toolbar-menu__trigger:hover,
21472
+ .bx--overflow-menu.c4p--datagrid__toolbar-menu__trigger.bx--overflow-menu--open:hover,
21473
+ .bx--overflow-menu.c4p--datagrid__toolbar-menu__trigger.bx--overflow-menu--open {
21474
+ background-color: var(--cds-hover-primary, #0353e9);
21475
+ }
21476
+
21477
+ .c4p--datagrid__toolbar-options.bx--overflow-menu-options::after {
21478
+ background-color: transparent;
21479
+ }
21480
+
21481
+ .c4p--datagrid__mobile-toolbar-modal .bx--modal-container {
21482
+ position: absolute;
21483
+ }
21484
+
21485
+ .c4p--datagrid .bx--modal {
21486
+ width: 100%;
21487
+ }
21488
+
21442
21489
  /*
21443
21490
  * Licensed Materials - Property of IBM
21444
21491
  * 5724-Q36
@@ -21796,6 +21843,81 @@ button.c4p--add-select__global-filter-toggle--open {
21796
21843
  box-shadow: 1px 4px 8px -3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5)), -1px 6px 8px -5px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
21797
21844
  }
21798
21845
 
21846
+ /*
21847
+ * Licensed Materials - Property of IBM
21848
+ * 5724-Q36
21849
+ * (c) Copyright IBM Corp. 2022
21850
+ * US Government Users Restricted Rights - Use, duplication or disclosure
21851
+ * restricted by GSA ADP Schedule Contract with IBM Corp.
21852
+ */
21853
+ .c4p--datagrid-filter-flyout__container {
21854
+ position: relative;
21855
+ }
21856
+
21857
+ .c4p--datagrid-filter-flyout {
21858
+ position: absolute;
21859
+ top: var(--cds-spacing-09, 3rem);
21860
+ right: 0;
21861
+ display: none;
21862
+ width: 40.125rem;
21863
+ background-color: var(--cds-ui-02, #ffffff);
21864
+ box-shadow: 0 1px 0.5rem 0 rgba(0, 0, 0, 0.25);
21865
+ }
21866
+
21867
+ .c4p--datagrid-filter-flyout--open {
21868
+ display: grid;
21869
+ }
21870
+
21871
+ .c4p--datagrid-filter-flyout--batch {
21872
+ min-height: 21.625rem;
21873
+ grid-template-rows: 1fr 3rem;
21874
+ }
21875
+
21876
+ .c4p--datagrid-filter-flyout--instant {
21877
+ min-height: 17.625rem;
21878
+ grid-template-rows: 1fr;
21879
+ }
21880
+
21881
+ .c4p--datagrid-filter-flyout__inner-container {
21882
+ padding: var(--cds-spacing-05, 1rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-09, 3rem) var(--cds-spacing-05, 1rem);
21883
+ }
21884
+
21885
+ .c4p--datagrid-filter-flyout__inner-container::before {
21886
+ position: absolute;
21887
+ top: -0.4375rem;
21888
+ right: 1px;
21889
+ display: block;
21890
+ width: 2.875rem;
21891
+ height: 0.9375rem;
21892
+ background-color: var(--cds-ui-02, #ffffff);
21893
+ content: "";
21894
+ }
21895
+
21896
+ .c4p--datagrid-filter-flyout__title {
21897
+ display: block;
21898
+ font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
21899
+ font-weight: var(--cds-productive-heading-01-font-weight, 600);
21900
+ line-height: var(--cds-productive-heading-01-line-height, 1.28572);
21901
+ letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
21902
+ margin-bottom: var(--cds-spacing-06, 1.5rem);
21903
+ }
21904
+
21905
+ .c4p--datagrid-filter-flyout__filters {
21906
+ display: grid;
21907
+ gap: 1rem 2rem;
21908
+ grid-template-columns: 1fr 1fr;
21909
+ }
21910
+
21911
+ .c4p--datagrid-filter-flyout__trigger--open.bx--btn.bx--btn--icon-only {
21912
+ position: relative;
21913
+ background-color: var(--cds-ui-02, #ffffff);
21914
+ box-shadow: 0 1px 0.5rem 0 rgba(0, 0, 0, 0.25);
21915
+ }
21916
+
21917
+ .c4p--datagrid-filter-flyout .bx--fieldset {
21918
+ margin-bottom: 0;
21919
+ }
21920
+
21799
21921
  /*
21800
21922
  * Licensed Materials - Property of IBM
21801
21923
  * 5724-Q36
@@ -22311,7 +22433,6 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
22311
22433
 
22312
22434
  .c4p--datagrid__datagridWrap-simple {
22313
22435
  display: flex;
22314
- overflow: hidden;
22315
22436
  width: 100%;
22316
22437
  flex-direction: column;
22317
22438
  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */