@carbon/ibm-products 1.38.0 → 1.40.0

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