@carbon/ibm-products 2.42.1-canary.7 → 2.43.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +302 -9
- 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 +302 -9
- 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 +302 -9
- 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/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts +6 -0
- package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +74 -33
- package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +15 -1
- package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +95 -12
- package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +11 -2
- package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +27 -9
- package/es/components/ConditionBuilder/{ConditionConnector → ConditionBuilderConnector}/ConditionConnector.js +38 -33
- package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.d.ts +2 -0
- package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +44 -0
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +5 -0
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +95 -14
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +1 -0
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +1 -0
- package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +7 -0
- package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +8 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +1 -1
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +197 -67
- package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +10 -0
- package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +69 -0
- package/es/components/ConditionBuilder/utils/util.d.ts +1 -0
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.d.ts +1 -1
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +0 -5
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +7 -4
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.d.ts +7 -1
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.d.ts +1 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +12 -2
- package/es/components/Datagrid/types/index.d.ts +2 -0
- package/es/components/Datagrid/useColumnOrder.d.ts +7 -1
- package/es/components/Datagrid/useFiltering.d.ts +8 -1
- package/es/components/Datagrid/useFiltering.js +8 -7
- package/es/components/Datagrid/useFlexResize.d.ts +1 -1
- package/es/components/Datagrid/useFlexResize.js +11 -11
- package/es/components/Datagrid/useNestedRows.js +24 -2
- package/es/components/Datagrid/useOnRowClick.d.ts +8 -1
- package/es/components/Datagrid/useOnRowClick.js +2 -1
- package/es/components/Datagrid/useRowIsMouseOver.d.ts +2 -1
- package/es/components/Datagrid/useRowIsMouseOver.js +1 -1
- package/es/components/Datagrid/useSelectRows.d.ts +8 -1
- package/es/components/Datagrid/useSelectRows.js +3 -2
- package/es/components/Datagrid/useSortableColumns.d.ts +10 -3
- package/es/components/Datagrid/useSortableColumns.js +3 -2
- package/es/components/Datagrid/utils/getAutoSizedColumnWidth.d.ts +8 -1
- package/es/components/Datagrid/utils/getAutoSizedColumnWidth.js +0 -7
- package/es/components/SidePanel/SidePanel.js +4 -2
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts +6 -0
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +73 -32
- package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +15 -1
- package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +92 -9
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +11 -2
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +26 -8
- package/lib/components/ConditionBuilder/{ConditionConnector → ConditionBuilderConnector}/ConditionConnector.js +36 -31
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.d.ts +2 -0
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +52 -0
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +5 -0
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +92 -11
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +1 -0
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +1 -0
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +7 -0
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +8 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +1 -1
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +195 -64
- package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +10 -0
- package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +77 -0
- package/lib/components/ConditionBuilder/utils/util.d.ts +1 -0
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.d.ts +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +0 -5
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +7 -4
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.d.ts +7 -1
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.d.ts +1 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +12 -2
- package/lib/components/Datagrid/types/index.d.ts +2 -0
- package/lib/components/Datagrid/useColumnOrder.d.ts +7 -1
- package/lib/components/Datagrid/useFiltering.d.ts +8 -1
- package/lib/components/Datagrid/useFiltering.js +8 -7
- package/lib/components/Datagrid/useFlexResize.d.ts +1 -1
- package/lib/components/Datagrid/useFlexResize.js +11 -11
- package/lib/components/Datagrid/useNestedRows.js +24 -2
- package/lib/components/Datagrid/useOnRowClick.d.ts +8 -1
- package/lib/components/Datagrid/useOnRowClick.js +2 -1
- package/lib/components/Datagrid/useRowIsMouseOver.d.ts +2 -1
- package/lib/components/Datagrid/useRowIsMouseOver.js +1 -1
- package/lib/components/Datagrid/useSelectRows.d.ts +8 -1
- package/lib/components/Datagrid/useSelectRows.js +3 -2
- package/lib/components/Datagrid/useSortableColumns.d.ts +10 -3
- package/lib/components/Datagrid/useSortableColumns.js +3 -2
- package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.d.ts +8 -1
- package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +0 -7
- package/lib/components/SidePanel/SidePanel.js +4 -2
- package/package.json +3 -3
- package/scss/components/ConditionBuilder/_condition-builder.scss +21 -1
- package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss +22 -3
- package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +58 -21
- package/telemetry.yml +23 -0
- /package/es/components/ConditionBuilder/{ConditionConnector → ConditionBuilderConnector}/ConditionConnector.d.ts +0 -0
- /package/lib/components/ConditionBuilder/{ConditionConnector → ConditionBuilderConnector}/ConditionConnector.d.ts +0 -0
@@ -1,3 +1,5 @@
|
|
1
|
+
@use 'sass:list';
|
2
|
+
@use 'sass:string';
|
1
3
|
@use '@carbon/react/scss/theme' as *;
|
2
4
|
@use '../../../global/styles/project-settings' as c4p-settings;
|
3
5
|
@use '@carbon/styles/scss/type';
|
@@ -8,10 +10,11 @@
|
|
8
10
|
@use '@carbon/styles/scss/components/tag';
|
9
11
|
|
10
12
|
@use '@carbon/styles/scss/type' as *;
|
13
|
+
@use '@carbon/react/scss/colors' as *;
|
11
14
|
|
12
15
|
$block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
|
13
16
|
|
14
|
-
.#{$block-class}
|
17
|
+
.#{$block-class}__condition-wrapper * {
|
15
18
|
@include type-style('body-01');
|
16
19
|
}
|
17
20
|
|
@@ -120,7 +123,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
|
|
120
123
|
}
|
121
124
|
.#{$block-class}__condition-builder__group.hoveredConnector
|
122
125
|
.#{$block-class}__condition-wrapper
|
123
|
-
>
|
126
|
+
> .#{$block-class}__condition-block
|
124
127
|
.#{$block-class}__connector-button {
|
125
128
|
background-color: $layer-hover;
|
126
129
|
}
|
@@ -149,9 +152,6 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
|
|
149
152
|
padding-right: $spacing-03;
|
150
153
|
padding-left: $spacing-03;
|
151
154
|
}
|
152
|
-
.#{$block-class}__conditionWrapper {
|
153
|
-
display: flex;
|
154
|
-
}
|
155
155
|
|
156
156
|
.#{$block-class}__multiselectSelectionStatusContainer {
|
157
157
|
display: flex;
|
@@ -165,22 +165,59 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
|
|
165
165
|
.#{$block-class}__item-option__option:focus {
|
166
166
|
@include focus-outline.focus-outline('outline');
|
167
167
|
}
|
168
|
-
//
|
169
|
-
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
|
183
|
-
|
168
|
+
//need to revamp to a simpler logic
|
169
|
+
$colors: (
|
170
|
+
($purple-70, $purple-60, $purple-50, $purple-40, $purple-30, $purple-20),
|
171
|
+
($cyan-70, $cyan-60, $cyan-50, $cyan-40, $cyan-30, $cyan-20),
|
172
|
+
($teal-70, $teal-60, $teal-50, $teal-40, $teal-30, $teal-20),
|
173
|
+
(
|
174
|
+
$magenta-70,
|
175
|
+
$magenta-60,
|
176
|
+
$magenta-50,
|
177
|
+
$magenta-40,
|
178
|
+
$magenta-30,
|
179
|
+
$magenta-20
|
180
|
+
),
|
181
|
+
($red-70, $red-60, $red-50, $red-40, $red-30, $red-20),
|
182
|
+
($orange-70, $orange-60, $orange-50, $orange-40, $orange-30, $orange-20),
|
183
|
+
($yellow-70, $yellow-60, $yellow-50, $yellow-40, $yellow-30, $yellow-20),
|
184
|
+
($green-70, $green-60, $green-50, $green-40, $green-30, $green-20)
|
185
|
+
);
|
186
|
+
|
187
|
+
@for $i from 1 through list.length($colors) {
|
188
|
+
$selector: (
|
189
|
+
string.unquote(
|
190
|
+
'.#{$block-class}__content-container > .#{$block-class}__group-wrapper:nth-of-type(#{list.length($colors)}n+#{$i})'
|
191
|
+
)
|
192
|
+
);
|
193
|
+
$group-colors: list.nth($colors, $i);
|
194
|
+
@each $color in $group-colors {
|
195
|
+
#{$selector} {
|
196
|
+
/* stylelint-disable-next-line carbon/theme-token-use */
|
197
|
+
--#{$block-class}__condition-wrapper-color: #{$color};
|
198
|
+
}
|
199
|
+
|
200
|
+
$selector: list.append(
|
201
|
+
$selector,
|
202
|
+
string.unquote('.#{$block-class}__group')
|
203
|
+
);
|
204
|
+
}
|
205
|
+
}
|
206
|
+
|
207
|
+
.#{$block-class}__tree {
|
208
|
+
.#{$block-class}__condition-wrapper > :nth-child(n + 3) {
|
209
|
+
flex-basis: 100%;
|
210
|
+
}
|
211
|
+
.#{$block-class}__groupConnector {
|
212
|
+
background-color: $layer;
|
213
|
+
}
|
214
|
+
.#{$block-class}__condition-wrapper > :nth-child(1) .#{$block-class}__button,
|
215
|
+
.#{$block-class}__condition-wrapper > :nth-child(2) .#{$block-class}__button {
|
216
|
+
/* stylelint-disable-next-line carbon/theme-token-use */
|
217
|
+
box-shadow: inset 0 #{$spacing-01} 0 0 var(--#{$block-class}__condition-wrapper-color);
|
218
|
+
}
|
219
|
+
}
|
220
|
+
|
184
221
|
.#{$block-class}__groupOperatorConnector {
|
185
222
|
margin-bottom: $spacing-02;
|
186
223
|
}
|
package/telemetry.yml
CHANGED
@@ -14,6 +14,7 @@ collect:
|
|
14
14
|
- actionsPlacement
|
15
15
|
- activeCellCoordinates
|
16
16
|
- activeHref
|
17
|
+
- addConditionSubGroupHandler
|
17
18
|
- align
|
18
19
|
- allPageRowsLabel
|
19
20
|
- allRowsLabel
|
@@ -122,6 +123,8 @@ collect:
|
|
122
123
|
- HeaderRow
|
123
124
|
- headers
|
124
125
|
- headRef
|
126
|
+
- hideConditionPreviewHandler
|
127
|
+
- hideConditionSubGroupPreviewHandler
|
125
128
|
- hideIcon
|
126
129
|
- hideSelectAll
|
127
130
|
- href
|
@@ -213,12 +216,14 @@ collect:
|
|
213
216
|
- onRemove
|
214
217
|
- onRequestClose
|
215
218
|
- onRequestSubmit
|
219
|
+
- onRowClick
|
216
220
|
- onScroll
|
217
221
|
- onSecondaryButtonClick
|
218
222
|
- onSelectAllRows
|
219
223
|
- onSelectColumn
|
220
224
|
- onSelectionAreaChange
|
221
225
|
- onShowAllClick
|
226
|
+
- onSort
|
222
227
|
- onSubmit
|
223
228
|
- onSubmitButtonText
|
224
229
|
- onToggle
|
@@ -296,6 +301,8 @@ collect:
|
|
296
301
|
- setSelectionAreas
|
297
302
|
- showAllTagsLabel
|
298
303
|
- showCloseButton
|
304
|
+
- showConditionPreviewHandler
|
305
|
+
- showConditionSubGroupPreviewHandler
|
299
306
|
- showToolTip
|
300
307
|
- sideNavAriaLabel
|
301
308
|
- size
|
@@ -504,13 +511,25 @@ collect:
|
|
504
511
|
- isStatement
|
505
512
|
- onConnectorOperatorChange
|
506
513
|
- onStatementChange
|
514
|
+
# ConditionBuilderAdd
|
515
|
+
- buttonLabel
|
516
|
+
- enableSubGroup
|
507
517
|
# ConditionBuilderButton
|
508
518
|
- hideLabel
|
519
|
+
- onBlur
|
520
|
+
- onFocus
|
521
|
+
- onMouseEnter
|
522
|
+
- onMouseLeave
|
509
523
|
- tooltipAlign
|
524
|
+
- wrapperProps
|
525
|
+
# ConditionBuilderContent
|
526
|
+
- getActionsState
|
510
527
|
# ConditionBuilderItem
|
511
528
|
- popOverClassName
|
512
529
|
# ConditionConnector
|
513
530
|
- operator
|
531
|
+
# ConditionPreview
|
532
|
+
- previewType
|
514
533
|
# CreateFullPage
|
515
534
|
- breadcrumbsOverflowAriaLabel
|
516
535
|
- maxVisibleBreadcrumbs
|
@@ -1078,6 +1097,10 @@ collect:
|
|
1078
1097
|
- floating
|
1079
1098
|
- stacked
|
1080
1099
|
- tooltip
|
1100
|
+
# ConditionPreview - previewType
|
1101
|
+
- condition
|
1102
|
+
- newGroup
|
1103
|
+
- subGroup
|
1081
1104
|
# DecoratorIcon - magnitude
|
1082
1105
|
- benign
|
1083
1106
|
- critical
|
File without changes
|
File without changes
|