@carbon/ibm-products 1.44.1 → 1.46.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +30 -19
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon.css +30 -19
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +30 -19
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/Datagrid/Datagrid/DatagridContent.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +39 -217
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +61 -258
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +4 -4
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +10 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +276 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +34 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +6 -6
- package/es/components/Datagrid/useSortableColumns.js +16 -10
- package/es/components/Datagrid/utils/DatagridActions.js +6 -38
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +2 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +37 -207
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +60 -255
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +4 -4
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +15 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +280 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +41 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +5 -5
- package/lib/components/Datagrid/useSortableColumns.js +9 -3
- package/lib/components/Datagrid/utils/DatagridActions.js +6 -38
- package/package.json +8 -8
- package/scss/components/Datagrid/styles/_datagrid.scss +1 -1
- package/scss/components/Datagrid/styles/_useSortableColumns.scss +33 -17
- package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +1 -1
@@ -21374,7 +21374,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21374
21374
|
padding-bottom: var(--cds-spacing-05, 1rem);
|
21375
21375
|
}
|
21376
21376
|
.c4p--datagrid__dense-header .c4p--datagrid__table-toolbar {
|
21377
|
-
flex:
|
21377
|
+
flex: 1 0 auto;
|
21378
21378
|
}
|
21379
21379
|
.c4p--datagrid__dense-header .bx--table-toolbar {
|
21380
21380
|
background: transparent;
|
@@ -21572,13 +21572,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21572
21572
|
background-color: var(--cds-ui-03, #e0e0e0);
|
21573
21573
|
}
|
21574
21574
|
|
21575
|
-
|
21576
|
-
*
|
21577
|
-
*
|
21578
|
-
*
|
21579
|
-
*
|
21580
|
-
|
21581
|
-
*/
|
21575
|
+
/**
|
21576
|
+
* Copyright IBM Corp. 2020, 2023
|
21577
|
+
*
|
21578
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
21579
|
+
* LICENSE file in the root directory of this source tree.
|
21580
|
+
*/
|
21582
21581
|
.c4p--datagrid__sortableColumn .bx--table-header-label .header-title {
|
21583
21582
|
display: inline-block;
|
21584
21583
|
width: auto;
|
@@ -21588,39 +21587,51 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21588
21587
|
width: 100%;
|
21589
21588
|
height: 100%;
|
21590
21589
|
}
|
21591
|
-
.c4p--datagrid__sortableColumn .bx--table-header-label
|
21592
|
-
.c4p--datagrid__sortableColumn .bx--table-header-label
|
21593
|
-
.c4p--datagrid__sortableColumn .bx--table-header-label
|
21590
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort:focus,
|
21591
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort:active,
|
21592
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort:focus svg {
|
21594
21593
|
/* stylelint-disable-next-line declaration-no-important */
|
21595
21594
|
background: none !important;
|
21596
21595
|
/* stylelint-disable-next-line declaration-no-important */
|
21597
21596
|
color: var(--cds-text-01, #161616) !important;
|
21598
|
-
/* stylelint-disable-next-line declaration-no-important */
|
21599
|
-
outline: none !important;
|
21600
21597
|
}
|
21601
|
-
.c4p--datagrid__sortableColumn .bx--table-header-label
|
21598
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort:focus + .c4p--datagrid__resizer,
|
21599
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort:active + .c4p--datagrid__resizer {
|
21600
|
+
z-index: -1;
|
21601
|
+
}
|
21602
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort {
|
21602
21603
|
width: 100%;
|
21603
21604
|
min-width: 100%;
|
21604
|
-
|
21605
|
-
padding: 0;
|
21605
|
+
padding: 0 var(--cds-spacing-05, 1rem);
|
21606
21606
|
border: none;
|
21607
21607
|
/* stylelint-disable-next-line declaration-no-important */
|
21608
21608
|
background: none !important;
|
21609
|
-
box-shadow: none;
|
21610
21609
|
/* stylelint-disable-next-line declaration-no-important */
|
21611
21610
|
color: var(--cds-text-01, #161616) !important;
|
21612
21611
|
font: inherit;
|
21613
21612
|
}
|
21614
|
-
.c4p--datagrid__sortableColumn .bx--table-header-label
|
21613
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort svg {
|
21615
21614
|
fill: var(--cds-text-01, #161616);
|
21615
|
+
opacity: 0;
|
21616
|
+
transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
21616
21617
|
visibility: hidden;
|
21617
21618
|
}
|
21619
|
+
.c4p--datagrid__sortableColumn .bx--table-sort.c4p--datagrid--table-sort {
|
21620
|
+
width: calc(100% + var(--cds-spacing-07, 2rem));
|
21621
|
+
margin: 0 calc(-1 * var(--cds-spacing-05, 1rem));
|
21622
|
+
}
|
21618
21623
|
|
21619
21624
|
.c4p--datagrid__sortableColumn:hover .bx--table-header-label svg,
|
21625
|
+
.c4p--datagrid__sortableColumn:focus-within .bx--table-header-label svg,
|
21620
21626
|
.c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .bx--table-header-label svg {
|
21627
|
+
opacity: 1;
|
21621
21628
|
visibility: visible;
|
21622
21629
|
}
|
21623
21630
|
|
21631
|
+
.c4p--datagrid__sortableColumn .c4p--datagrid--table-sort--desc svg {
|
21632
|
+
transform: rotate(180deg);
|
21633
|
+
}
|
21634
|
+
|
21624
21635
|
/*
|
21625
21636
|
* Licensed Materials - Property of IBM
|
21626
21637
|
* 5724-Q36
|
@@ -21825,7 +21836,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21825
21836
|
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));
|
21826
21837
|
}
|
21827
21838
|
|
21828
|
-
.c4p--datagrid__row-size-button--open {
|
21839
|
+
.bx--btn--ghost.c4p--datagrid__row-size-button--open {
|
21829
21840
|
background-color: var(--cds-ui-background, #ffffff);
|
21830
21841
|
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));
|
21831
21842
|
}
|