@carbon/ibm-products 1.38.0 → 1.39.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +123 -3
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +3 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +123 -3
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +3 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +123 -3
- package/css/index.css.map +1 -1
- package/css/index.min.css +3 -1
- package/css/index.min.css.map +1 -1
- package/es/components/ActionBar/ActionBarOverflowItems.js +1 -0
- package/es/components/CreateFullPage/CreateFullPage.js +4 -1
- package/es/components/Datagrid/Datagrid/Datagrid.js +7 -3
- package/es/components/Datagrid/Datagrid/DatagridRow.js +35 -2
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +19 -3
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +384 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +35 -46
- package/es/components/Datagrid/Datagrid/addons/Filtering/constants.js +19 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +18 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/index.js +7 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +38 -0
- package/es/components/Datagrid/index.js +2 -1
- package/es/components/Datagrid/useFiltering.js +83 -0
- package/es/components/Datagrid/useNestedRows.js +11 -2
- package/es/components/Datagrid/utils/DatagridActions.js +134 -33
- package/es/components/Datagrid/utils/makeData.js +23 -16
- package/lib/components/ActionBar/ActionBarOverflowItems.js +1 -0
- package/lib/components/CreateFullPage/CreateFullPage.js +4 -1
- package/lib/components/Datagrid/Datagrid/Datagrid.js +7 -3
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +35 -2
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +18 -3
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +385 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +35 -46
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +33 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +27 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/index.js +13 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +45 -0
- package/lib/components/Datagrid/index.js +8 -1
- package/lib/components/Datagrid/useFiltering.js +83 -0
- package/lib/components/Datagrid/useNestedRows.js +11 -2
- package/lib/components/Datagrid/utils/DatagridActions.js +135 -31
- package/lib/components/Datagrid/utils/makeData.js +24 -17
- package/package.json +2 -2
- package/scss/components/ActionSet/_action-set.scss +3 -1
- package/scss/components/AddSelect/_add-select.scss +3 -1
- package/scss/components/Datagrid/_datagrid.scss +0 -1
- package/scss/components/Datagrid/_storybook-styles.scss +4 -0
- package/scss/components/Datagrid/styles/_datagrid.scss +47 -4
- package/scss/components/Datagrid/styles/_index.scss +1 -0
- package/scss/components/Datagrid/styles/_useInlineEdit.scss +9 -3
- package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +80 -0
- package/scss/components/InlineEditV1/_inline-edit-v1.scss +3 -1
- package/scss/components/PageHeader/_page-header.scss +6 -2
@@ -0,0 +1,80 @@
|
|
1
|
+
/*
|
2
|
+
* Licensed Materials - Property of IBM
|
3
|
+
* 5724-Q36
|
4
|
+
* (c) Copyright IBM Corp. 2022
|
5
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
6
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
7
|
+
*/
|
8
|
+
|
9
|
+
// stylelint-disable carbon/layout-token-use
|
10
|
+
|
11
|
+
@import '../variables';
|
12
|
+
|
13
|
+
$action-set-height: rem(64px);
|
14
|
+
|
15
|
+
.#{$block-class}-filter-flyout__container {
|
16
|
+
position: relative;
|
17
|
+
}
|
18
|
+
|
19
|
+
.#{$block-class}-filter-flyout {
|
20
|
+
position: absolute;
|
21
|
+
top: $spacing-09;
|
22
|
+
right: 0;
|
23
|
+
display: none;
|
24
|
+
width: rem(642px);
|
25
|
+
background-color: $ui-02;
|
26
|
+
box-shadow: 0 1px rem(8px) 0 rgba(0, 0, 0, 0.25);
|
27
|
+
}
|
28
|
+
|
29
|
+
.#{$block-class}-filter-flyout--open {
|
30
|
+
display: grid;
|
31
|
+
}
|
32
|
+
|
33
|
+
.#{$block-class}-filter-flyout--batch {
|
34
|
+
min-height: rem(346px);
|
35
|
+
grid-template-rows: 1fr rem(48px);
|
36
|
+
}
|
37
|
+
|
38
|
+
.#{$block-class}-filter-flyout--instant {
|
39
|
+
min-height: rem(282px);
|
40
|
+
grid-template-rows: 1fr;
|
41
|
+
}
|
42
|
+
|
43
|
+
.#{$block-class}-filter-flyout__inner-container {
|
44
|
+
padding: $spacing-05 $spacing-05 $spacing-09 $spacing-05;
|
45
|
+
}
|
46
|
+
|
47
|
+
.#{$block-class}-filter-flyout__inner-container::before {
|
48
|
+
position: absolute;
|
49
|
+
top: rem(-7px);
|
50
|
+
right: 1px;
|
51
|
+
display: block;
|
52
|
+
width: rem(46px);
|
53
|
+
height: rem(15px);
|
54
|
+
background-color: $ui-02;
|
55
|
+
content: '';
|
56
|
+
}
|
57
|
+
|
58
|
+
.#{$block-class}-filter-flyout__title {
|
59
|
+
display: block;
|
60
|
+
@include carbon--type-style('productive-heading-01');
|
61
|
+
|
62
|
+
margin-bottom: $spacing-06;
|
63
|
+
}
|
64
|
+
|
65
|
+
.#{$block-class}-filter-flyout__filters {
|
66
|
+
display: grid;
|
67
|
+
gap: rem(16px) rem(32px);
|
68
|
+
grid-template-columns: 1fr 1fr;
|
69
|
+
}
|
70
|
+
|
71
|
+
// Carbon overrides
|
72
|
+
.#{$block-class}-filter-flyout__trigger--open.#{$carbon-prefix}--btn.#{$carbon-prefix}--btn--icon-only {
|
73
|
+
position: relative;
|
74
|
+
background-color: $ui-02;
|
75
|
+
box-shadow: 0 1px rem(8px) 0 rgba(0, 0, 0, 0.25);
|
76
|
+
}
|
77
|
+
|
78
|
+
.#{$block-class}-filter-flyout .#{$carbon-prefix}--fieldset {
|
79
|
+
margin-bottom: 0;
|
80
|
+
}
|
@@ -268,7 +268,9 @@
|
|
268
268
|
}
|
269
269
|
|
270
270
|
&.#{$block-class}--editing
|
271
|
-
.#{$block-class}__toolbar--animation:not(
|
271
|
+
.#{$block-class}__toolbar--animation:not(
|
272
|
+
.#{$block-class}__toolbar--saveable
|
273
|
+
)
|
272
274
|
.#{$block-class}__save {
|
273
275
|
overflow: hidden;
|
274
276
|
width: 0;
|
@@ -152,7 +152,9 @@ $right-section-alt-width: 100% - $left-section-alt-width;
|
|
152
152
|
}
|
153
153
|
}
|
154
154
|
|
155
|
-
.#{$block-class}__breadcrumb-row:not(
|
155
|
+
.#{$block-class}__breadcrumb-row:not(
|
156
|
+
.#{$block-class}__breadcrumb-row--has-action-bar
|
157
|
+
) {
|
156
158
|
// lifts up page title when there is no action bar
|
157
159
|
min-height: $spacing-07;
|
158
160
|
}
|
@@ -200,7 +202,9 @@ $right-section-alt-width: 100% - $left-section-alt-width;
|
|
200
202
|
transition: all $duration--moderate-01 ease-out;
|
201
203
|
}
|
202
204
|
|
203
|
-
.#{$block-class}__breadcrumb-row--next-to-tabs:not(
|
205
|
+
.#{$block-class}__breadcrumb-row--next-to-tabs:not(
|
206
|
+
.#{$block-class}__has-page-actions-without-action-bar
|
207
|
+
)::after,
|
204
208
|
.#{$block-class}__breadcrumb-row--has-action-bar::after {
|
205
209
|
/* creates a full width box shadow without causing scroll */
|
206
210
|
box-shadow: 25vw 1px 0 0 $ui-03, -25vw 1px 0 0 $ui-03;
|