@carbon/ibm-products 2.97.0 → 2.98.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.
- package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +384 -384
- package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +4 -0
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +18 -6
- package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +2 -0
- package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +3 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +5 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +8 -4
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +7 -2
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +9 -3
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +1 -1
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +11 -1
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +12 -2
- package/es/components/ConditionBuilder/index.d.ts +1 -0
- package/es/components/ConditionBuilder/index.d.ts.map +1 -1
- package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +5 -2
- package/es/components/PageHeader/next/PageHeaderBreadcrumbBar.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeaderBreadcrumbBar.js +5 -2
- package/es/components/PageHeader/next/PageHeaderContent.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeaderContent.js +2 -6
- package/es/components/PageHeader/next/PageHeaderTagOverflow.d.ts +1 -1
- package/es/components/PageHeader/next/PageHeaderTagOverflow.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeaderTagOverflow.js +3 -1
- package/es/components/PageHeader/next/PageHeaderTitleBreadcrumb.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeaderTitleBreadcrumb.js +3 -1
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +4 -0
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +17 -5
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +2 -0
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +3 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +5 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +8 -4
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +7 -2
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +9 -3
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +1 -1
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +11 -1
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +12 -2
- package/lib/components/ConditionBuilder/index.d.ts +1 -0
- package/lib/components/ConditionBuilder/index.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +5 -2
- package/lib/components/PageHeader/next/PageHeaderBreadcrumbBar.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeaderBreadcrumbBar.js +5 -2
- package/lib/components/PageHeader/next/PageHeaderContent.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeaderContent.js +2 -6
- package/lib/components/PageHeader/next/PageHeaderTagOverflow.d.ts +1 -1
- package/lib/components/PageHeader/next/PageHeaderTagOverflow.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeaderTagOverflow.js +3 -1
- package/lib/components/PageHeader/next/PageHeaderTitleBreadcrumb.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeaderTitleBreadcrumb.js +3 -1
- package/package.json +6 -6
- package/telemetry.yml +4 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionBlock/ConditionBlock.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,SAAS,MAAM,YAAY,CAAC;AAsBnC,OAAO,EACL,SAAS,EACT,cAAc,EAEd,eAAe,EAGhB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AAEH,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,yBAAyB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mBAAmB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,2BAA2B,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,mCAAmC,CAAC,EAAE,MAAM,IAAI,CAAC;IACjD,mCAAmC,CAAC,EAAE,MAAM,IAAI,CAAC;IACjD,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,cAAc,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,eAAe,EAAE,CACf,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,CAAC,cAAc,GAAG,SAAS,CAAC,EAAE,KACvC,IAAI,CAAC;CACX;AACD,QAAA,MAAM,cAAc;YAAW,mBAAmB;;
|
|
1
|
+
{"version":3,"file":"ConditionBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionBlock/ConditionBlock.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,SAAS,MAAM,YAAY,CAAC;AAsBnC,OAAO,EACL,SAAS,EACT,cAAc,EAEd,eAAe,EAGhB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AAEH,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,yBAAyB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mBAAmB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,2BAA2B,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,mCAAmC,CAAC,EAAE,MAAM,IAAI,CAAC;IACjD,mCAAmC,CAAC,EAAE,MAAM,IAAI,CAAC;IACjD,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,cAAc,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,eAAe,EAAE,CACf,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,CAAC,cAAc,GAAG,SAAS,CAAC,EAAE,KACvC,IAAI,CAAC;CACX;AACD,QAAA,MAAM,cAAc;YAAW,mBAAmB;;QAgUhD;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;;QAKH;;WAEG;;QAGH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;QAIH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAGH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;CAtEJ,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -157,6 +157,7 @@ const ConditionBlock = (props) => {
|
|
|
157
157
|
}) : "", isStatement && /* @__PURE__ */ React.createElement(ConditionBuilderItem, {
|
|
158
158
|
label: group.statement,
|
|
159
159
|
title: conditionText,
|
|
160
|
+
dialogAriaLabel: `${conditionText} — ${conditionIndex + 1}`,
|
|
160
161
|
"data-name": "connectorField",
|
|
161
162
|
popOverClassName: `${blockClass}__gap ${blockClass}__connector`,
|
|
162
163
|
className: `${blockClass}__statement-button`,
|
|
@@ -174,6 +175,7 @@ const ConditionBlock = (props) => {
|
|
|
174
175
|
})), /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__condition-inner-block` }, /* @__PURE__ */ React.createElement(ConditionBuilderItem, {
|
|
175
176
|
label: label ?? condition?.property,
|
|
176
177
|
title: propertyText,
|
|
178
|
+
dialogAriaLabel: `${propertyText} — ${conditionText} ${conditionIndex + 1}`,
|
|
177
179
|
renderIcon: icon ?? void 0,
|
|
178
180
|
className: `${blockClass}__property-field`,
|
|
179
181
|
"data-name": "propertyField",
|
|
@@ -185,6 +187,7 @@ const ConditionBlock = (props) => {
|
|
|
185
187
|
}), checkIsValid(property) && /* @__PURE__ */ React.createElement(ConditionBuilderItem, {
|
|
186
188
|
label: operator,
|
|
187
189
|
title: operatorText,
|
|
190
|
+
dialogAriaLabel: `${operatorText} — ${conditionText} ${conditionIndex + 1}`,
|
|
188
191
|
"data-name": "operatorField",
|
|
189
192
|
condition,
|
|
190
193
|
type,
|
|
@@ -201,6 +204,7 @@ const ConditionBlock = (props) => {
|
|
|
201
204
|
label: value,
|
|
202
205
|
type,
|
|
203
206
|
title: label,
|
|
207
|
+
dialogAriaLabel: `${label} — ${conditionText} ${conditionIndex + 1}`,
|
|
204
208
|
showToolTip: true,
|
|
205
209
|
"data-name": "valueField",
|
|
206
210
|
condition,
|
package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionBuilderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,YAAY,CAAC;AAiBnC,OAAO,EACL,MAAM,EAEN,qBAAqB,EAErB,YAAY,EACb,MAAM,2BAA2B,CAAC;AAEnC,UAAU,4BAA4B;IACpC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC1D,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AACD,QAAA,MAAM,uBAAuB;0FAM1B,4BAA4B;;
|
|
1
|
+
{"version":3,"file":"ConditionBuilderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,YAAY,CAAC;AAiBnC,OAAO,EACL,MAAM,EAEN,qBAAqB,EAErB,YAAY,EACb,MAAM,2BAA2B,CAAC;AAEnC,UAAU,4BAA4B;IACpC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC1D,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AACD,QAAA,MAAM,uBAAuB;0FAM1B,4BAA4B;;QAiR7B;;WAEG;;;;;QAOH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;;;;;;;;;;;;CAxBJ,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
|
|
@@ -16,7 +16,7 @@ import GroupConnector from "../ConditionBuilderConnector/GroupConnector.js";
|
|
|
16
16
|
import ConditionBuilderActions from "../ConditionBuilderActions/ConditionBuilderActions.js";
|
|
17
17
|
import React, { useCallback, useContext, useEffect, useRef, useState } from "react";
|
|
18
18
|
import PropTypes from "prop-types";
|
|
19
|
-
import { Button, Heading, Section } from "@carbon/react";
|
|
19
|
+
import { Button, Heading, Section, usePrefix } from "@carbon/react";
|
|
20
20
|
import { Add, TextNewLine } from "@carbon/react/icons";
|
|
21
21
|
//#region src/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.tsx
|
|
22
22
|
/**
|
|
@@ -31,11 +31,14 @@ const ConditionBuilderContent = ({ startConditionLabel, getConditionState, getAc
|
|
|
31
31
|
const initialConditionState = useRef(initialState?.state ? JSON.parse(JSON.stringify(initialState?.state)) : null);
|
|
32
32
|
const [isConditionBuilderActive, setIsConditionBuilderActive] = useState(false);
|
|
33
33
|
const [showConditionGroupPreview, setShowConditionGroupPreview] = useState(false);
|
|
34
|
-
const [addConditionGroupText, conditionHeadingText, conditionBuilderHierarchicalText] = useTranslations([
|
|
34
|
+
const [addConditionGroupText, conditionHeadingText, conditionBuilderHierarchicalText, conditionRemovedText] = useTranslations([
|
|
35
35
|
"addConditionGroupText",
|
|
36
36
|
"conditionHeadingText",
|
|
37
|
-
"conditionBuilderHierarchicalText"
|
|
37
|
+
"conditionBuilderHierarchicalText",
|
|
38
|
+
"conditionRemovedText"
|
|
38
39
|
]);
|
|
40
|
+
const carbonPrefix = usePrefix();
|
|
41
|
+
const [statusMessage, setStatusMessage] = useState("");
|
|
39
42
|
const showConditionGroupPreviewHandler = () => {
|
|
40
43
|
setShowConditionGroupPreview(true);
|
|
41
44
|
};
|
|
@@ -74,11 +77,13 @@ const ConditionBuilderContent = ({ startConditionLabel, getConditionState, getAc
|
|
|
74
77
|
groups: rootState ? groups : []
|
|
75
78
|
});
|
|
76
79
|
if (groups?.length === 0) initialConditionState.current = null;
|
|
80
|
+
setStatusMessage(conditionRemovedText);
|
|
77
81
|
}
|
|
78
82
|
}, [
|
|
79
83
|
setRootState,
|
|
80
84
|
rootState,
|
|
81
|
-
onRemoveItem
|
|
85
|
+
onRemoveItem,
|
|
86
|
+
conditionRemovedText
|
|
82
87
|
]);
|
|
83
88
|
const onChangeHandler = (updatedGroup, groupIndex) => {
|
|
84
89
|
/**
|
|
@@ -125,7 +130,12 @@ const ConditionBuilderContent = ({ startConditionLabel, getConditionState, getAc
|
|
|
125
130
|
role: "treegrid",
|
|
126
131
|
"aria-label": conditionBuilderHierarchicalText
|
|
127
132
|
} : null;
|
|
128
|
-
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
|
|
133
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
|
|
134
|
+
role: "status",
|
|
135
|
+
"aria-live": "polite",
|
|
136
|
+
"aria-atomic": "true",
|
|
137
|
+
className: `${carbonPrefix}--visually-hidden`
|
|
138
|
+
}, statusMessage), /* @__PURE__ */ React.createElement(Section, {
|
|
129
139
|
className: `${blockClass}__heading`,
|
|
130
140
|
level: 4
|
|
131
141
|
}, /* @__PURE__ */ React.createElement(Heading, null, conditionHeadingText)), /* @__PURE__ */ React.createElement("div", {
|
|
@@ -147,7 +157,9 @@ const ConditionBuilderContent = ({ startConditionLabel, getConditionState, getAc
|
|
|
147
157
|
},
|
|
148
158
|
onChange: (updatedGroup) => {
|
|
149
159
|
onChangeHandler(updatedGroup, groupIndex);
|
|
150
|
-
}
|
|
160
|
+
},
|
|
161
|
+
setStatusMessage,
|
|
162
|
+
conditionRemovedText
|
|
151
163
|
}), rootState.groups && groupIndex < rootState.groups.length - 1 && /* @__PURE__ */ React.createElement(GroupConnector, null))), !readOnly && variant == "Hierarchical" && /* @__PURE__ */ React.createElement("div", {
|
|
152
164
|
role: "row",
|
|
153
165
|
tabIndex: -1,
|
|
@@ -34,6 +34,7 @@ export namespace translationsObject {
|
|
|
34
34
|
let addConditionRowText: string;
|
|
35
35
|
let startText: string;
|
|
36
36
|
let endText: string;
|
|
37
|
+
let searchPropertiesText: string;
|
|
37
38
|
let clearSearchText: string;
|
|
38
39
|
let actionsText: string;
|
|
39
40
|
let then: string;
|
|
@@ -48,5 +49,6 @@ export namespace translationsObject {
|
|
|
48
49
|
let addOperatorText: string;
|
|
49
50
|
let addValueText: string;
|
|
50
51
|
let conditionBuilderHierarchicalText: string;
|
|
52
|
+
let conditionRemovedText: string;
|
|
51
53
|
}
|
|
52
54
|
//# sourceMappingURL=translationObject.d.ts.map
|
|
@@ -48,6 +48,7 @@ const translationsObject = {
|
|
|
48
48
|
addConditionRowText: "Add condition row",
|
|
49
49
|
startText: "Start",
|
|
50
50
|
endText: "End",
|
|
51
|
+
searchPropertiesText: "Search properties",
|
|
51
52
|
clearSearchText: "Clear search input",
|
|
52
53
|
actionsText: "Actions",
|
|
53
54
|
then: "then",
|
|
@@ -61,7 +62,8 @@ const translationsObject = {
|
|
|
61
62
|
addPropertyText: "Add property",
|
|
62
63
|
addOperatorText: "Add operator",
|
|
63
64
|
addValueText: "Add value",
|
|
64
|
-
conditionBuilderHierarchicalText: "Condition Builder Hierarchical"
|
|
65
|
+
conditionBuilderHierarchicalText: "Condition Builder Hierarchical",
|
|
66
|
+
conditionRemovedText: "Condition removed"
|
|
65
67
|
};
|
|
66
68
|
//#endregion
|
|
67
69
|
export { translationsObject };
|
|
@@ -13,6 +13,10 @@ interface ConditionBuilderItemProps extends PropsWithChildren {
|
|
|
13
13
|
label?: string | Option | Option[];
|
|
14
14
|
renderIcon?: CarbonIconType;
|
|
15
15
|
title?: string;
|
|
16
|
+
/** Screen-reader-only label for the popover dialog. Defaults to `title` when not set.
|
|
17
|
+
* Use this to supply richer context (e.g. "Property — Condition 1") without
|
|
18
|
+
* changing the visible heading rendered inside the popover. */
|
|
19
|
+
dialogAriaLabel?: string;
|
|
16
20
|
showToolTip?: boolean;
|
|
17
21
|
popOverClassName?: string;
|
|
18
22
|
type?: string;
|
|
@@ -28,7 +32,7 @@ interface ConditionBuilderItemProps extends PropsWithChildren {
|
|
|
28
32
|
onBlur?: React.FocusEventHandler<HTMLButtonElement>;
|
|
29
33
|
}
|
|
30
34
|
export declare const ConditionBuilderItem: {
|
|
31
|
-
({ children, className, label, renderIcon, title, type, showToolTip, condition, popOverClassName, config, renderChildren, onChange, description, ...rest }: ConditionBuilderItemProps): React.JSX.Element;
|
|
35
|
+
({ children, className, label, renderIcon, title, dialogAriaLabel, type, showToolTip, condition, popOverClassName, config, renderChildren, onChange, description, ...rest }: ConditionBuilderItemProps): React.JSX.Element;
|
|
32
36
|
propTypes: {
|
|
33
37
|
/**
|
|
34
38
|
* provide the contents of the popover
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionBuilderItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAKZ,iBAAiB,EAEjB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAC;AASf,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAO,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAK1D,OAAO,EACL,SAAS,EACT,MAAM,EACN,MAAM,EACN,UAAU,EACX,MAAM,2BAA2B,CAAC;AASnC,UAAU,yBAA0B,SAAQ,iBAAiB;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"ConditionBuilderItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAKZ,iBAAiB,EAEjB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAC;AASf,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAO,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAK1D,OAAO,EACL,SAAS,EACT,MAAM,EACN,MAAM,EACN,UAAU,EACX,MAAM,2BAA2B,CAAC;AASnC,UAAU,yBAA0B,SAAQ,iBAAiB;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;IACnC,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;oEAEgE;IAChE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,cAAc,CAAC,EAAE,CACf,GAAG,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,EAC/B,YAAY,EAAE,MAAM,IAAI,KACrB,SAAS,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD;AACD,eAAO,MAAM,oBAAoB;iLAgB9B,yBAAyB;;QAgR1B;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAGH;;WAEG;;QAIH;;WAEG;;QAOH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAEH;;WAEG;;;CA9DJ,CAAC"}
|
|
@@ -23,7 +23,7 @@ import { Add } from "@carbon/react/icons";
|
|
|
23
23
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
24
24
|
* LICENSE file in the root directory of this source tree.
|
|
25
25
|
*/
|
|
26
|
-
const ConditionBuilderItem = ({ children, className, label, renderIcon, title, type, showToolTip, condition, popOverClassName, config, renderChildren, onChange, description, ...rest }) => {
|
|
26
|
+
const ConditionBuilderItem = ({ children, className, label, renderIcon, title, dialogAriaLabel, type, showToolTip, condition, popOverClassName, config, renderChildren, onChange, description, ...rest }) => {
|
|
27
27
|
const popoverRef = useRef(null);
|
|
28
28
|
const [open, setOpen] = useState(false);
|
|
29
29
|
const { conditionBuilderRef, statementConfigCustom, readOnly } = useContext(ConditionBuilderContext);
|
|
@@ -92,7 +92,9 @@ const ConditionBuilderItem = ({ children, className, label, renderIcon, title, t
|
|
|
92
92
|
if (!popoverEl) return;
|
|
93
93
|
const focusLeftPopover = relatedTarget && !popoverEl.contains(relatedTarget);
|
|
94
94
|
const targetInsidePopover = popoverEl.contains(focusEvent.target);
|
|
95
|
-
const
|
|
95
|
+
const targetEl = focusEvent.target;
|
|
96
|
+
const relatedEl = focusEvent.relatedTarget;
|
|
97
|
+
const focusMovedToDatePicker = targetEl?.closest(".flatpickr-calendar") || relatedEl?.closest?.(".flatpickr-calendar");
|
|
96
98
|
if ((focusLeftPopover || !targetInsidePopover) && !focusMovedToDatePicker) closePopover();
|
|
97
99
|
});
|
|
98
100
|
const manageInvalidSelection = () => {
|
|
@@ -142,11 +144,13 @@ const ConditionBuilderItem = ({ children, className, label, renderIcon, title, t
|
|
|
142
144
|
showToolTip,
|
|
143
145
|
isInvalid,
|
|
144
146
|
description,
|
|
145
|
-
...rest
|
|
147
|
+
...rest,
|
|
148
|
+
...isInvalid && dialogAriaLabel ? { "aria-label": `${invalidText}: ${dialogAriaLabel}` } : {}
|
|
146
149
|
}), open && /* @__PURE__ */ React.createElement(PopoverContent, {
|
|
147
150
|
className: `${blockClass}__popover-content-wrapper`,
|
|
148
151
|
role: "dialog",
|
|
149
|
-
"aria-
|
|
152
|
+
"aria-modal": "true",
|
|
153
|
+
"aria-label": dialogAriaLabel ?? title,
|
|
150
154
|
onKeyDown: handleKeyDownHandler
|
|
151
155
|
}, /* @__PURE__ */ React.createElement(Layer, null, /* @__PURE__ */ React.createElement(Section, null, /* @__PURE__ */ React.createElement(Heading, { className: `${blockClass}__item__title` }, title), /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__popover-content` }, renderChildren ? renderChildren(popoverRef, closePopover) : children)))));
|
|
152
156
|
};
|
package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js
CHANGED
|
@@ -22,7 +22,11 @@ import { Checkmark } from "@carbon/react/icons";
|
|
|
22
22
|
const ItemOption = ({ conditionState = {}, config = {}, onChange, closePopover, group }) => {
|
|
23
23
|
const { popOverSearchThreshold } = useContext(ConditionBuilderContext);
|
|
24
24
|
const contentRef = useRef(null);
|
|
25
|
-
const [propertyText, clearSearchText] = useTranslations([
|
|
25
|
+
const [propertyText, clearSearchText, searchPropertiesText] = useTranslations([
|
|
26
|
+
"propertyText",
|
|
27
|
+
"clearSearchText",
|
|
28
|
+
"searchPropertiesText"
|
|
29
|
+
]);
|
|
26
30
|
const { conditionBuilderRef } = useContext(ConditionBuilderContext);
|
|
27
31
|
const allOptions = config?.options;
|
|
28
32
|
const [searchValue, setSearchValue] = useState("");
|
|
@@ -53,7 +57,8 @@ const ItemOption = ({ conditionState = {}, config = {}, onChange, closePopover,
|
|
|
53
57
|
ref: contentRef
|
|
54
58
|
}, allOptions.length > popOverSearchThreshold ? /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__item-option__search` }, /* @__PURE__ */ React.createElement(Search, {
|
|
55
59
|
size: "sm",
|
|
56
|
-
labelText:
|
|
60
|
+
labelText: searchPropertiesText,
|
|
61
|
+
placeholder: "",
|
|
57
62
|
closeButtonLabelText: clearSearchText,
|
|
58
63
|
onChange: onSearchChangeHandler,
|
|
59
64
|
onKeyDown: (evt) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemOptionForValueField.d.ts","sourceRoot":"","sources":["../../../../../src/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EACL,SAAS,EAGT,oBAAoB,EACrB,MAAM,8BAA8B,CAAC;AAOtC,UAAU,4BAA4B;IACpC,cAAc,EAAE,SAAS,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AACD,eAAO,MAAM,uBAAuB;0DAKjC,4BAA4B;;
|
|
1
|
+
{"version":3,"file":"ItemOptionForValueField.d.ts","sourceRoot":"","sources":["../../../../../src/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EACL,SAAS,EAGT,oBAAoB,EACrB,MAAM,8BAA8B,CAAC;AAOtC,UAAU,4BAA4B;IACpC,cAAc,EAAE,SAAS,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AACD,eAAO,MAAM,uBAAuB;0DAKjC,4BAA4B;;QA0O7B;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;;CAfJ,CAAC"}
|
|
@@ -23,7 +23,11 @@ import { Checkbox as Checkbox$1, CheckboxCheckedFilled, Checkmark } from "@carbo
|
|
|
23
23
|
const ItemOptionForValueField = ({ conditionState = {}, config = {}, onChange, closePopover }) => {
|
|
24
24
|
const multiSelectable = checkForMultiSelectOperator(conditionState, config);
|
|
25
25
|
const { popOverSearchThreshold, getOptions, rootState } = useContext(ConditionBuilderContext);
|
|
26
|
-
const [propertyText, clearSearchText] = useTranslations([
|
|
26
|
+
const [propertyText, clearSearchText, searchPropertiesText] = useTranslations([
|
|
27
|
+
"propertyText",
|
|
28
|
+
"clearSearchText",
|
|
29
|
+
"searchPropertiesText"
|
|
30
|
+
]);
|
|
27
31
|
const { conditionBuilderRef } = useContext(ConditionBuilderContext);
|
|
28
32
|
const contentRef = useRef(null);
|
|
29
33
|
const [allOptions, setAllOptions] = useState(config?.options);
|
|
@@ -71,7 +75,8 @@ const ItemOptionForValueField = ({ conditionState = {}, config = {}, onChange, c
|
|
|
71
75
|
ref: contentRef
|
|
72
76
|
}, allOptions.length > popOverSearchThreshold ? /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__item-option__search` }, /* @__PURE__ */ React.createElement(Search, {
|
|
73
77
|
size: "sm",
|
|
74
|
-
labelText:
|
|
78
|
+
labelText: searchPropertiesText,
|
|
79
|
+
placeholder: "",
|
|
75
80
|
closeButtonLabelText: clearSearchText,
|
|
76
81
|
onChange: onSearchChangeHandler,
|
|
77
82
|
onKeyDown: (evt) => {
|
|
@@ -86,7 +91,8 @@ const ItemOptionForValueField = ({ conditionState = {}, config = {}, onChange, c
|
|
|
86
91
|
}, selection.length == 0 ? "Select all" : "Deselect all")), /* @__PURE__ */ React.createElement("ul", {
|
|
87
92
|
"aria-label": getAriaLabel(),
|
|
88
93
|
role: "listbox",
|
|
89
|
-
"data-multi-select": multiSelectable
|
|
94
|
+
"data-multi-select": multiSelectable,
|
|
95
|
+
"aria-multiselectable": multiSelectable ? true : void 0
|
|
90
96
|
}, filteredItems?.map((option) => {
|
|
91
97
|
const isSelected = selection.map((option) => option.id).includes(option.id);
|
|
92
98
|
const Icon = option.icon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionBuilderItemTime.d.ts","sourceRoot":"","sources":["../../../../../src/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAGlE,UAAU,wBAAwB;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,MAAM,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACrC,cAAc,EAAE;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AACD,eAAO,MAAM,wBAAwB;4CAIlC,wBAAwB;;
|
|
1
|
+
{"version":3,"file":"ConditionBuilderItemTime.d.ts","sourceRoot":"","sources":["../../../../../src/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAGlE,UAAU,wBAAwB;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,MAAM,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACrC,cAAc,EAAE;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AACD,eAAO,MAAM,wBAAwB;4CAIlC,wBAAwB;;QA2EzB;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;CAbJ,CAAC"}
|
|
@@ -50,7 +50,7 @@ const ConditionBuilderItemTime = ({ onChange, config, conditionState }) => {
|
|
|
50
50
|
return /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__item-time` }, /* @__PURE__ */ React.createElement(TimePicker, {
|
|
51
51
|
defaultValue: initialTimeValue,
|
|
52
52
|
id: "time-picker",
|
|
53
|
-
labelText: "Select a time",
|
|
53
|
+
labelText: conditionState.label ? `Select time for ${conditionState.label}` : "Select a time",
|
|
54
54
|
onChange: setTime
|
|
55
55
|
}, /* @__PURE__ */ React.createElement(TimePickerSelect, {
|
|
56
56
|
id: "time-picker-day-zone",
|
|
@@ -23,9 +23,11 @@ interface ConditionGroupBuilderProps {
|
|
|
23
23
|
posinset: number;
|
|
24
24
|
setsize: number;
|
|
25
25
|
};
|
|
26
|
+
setStatusMessage?: (message: string) => void;
|
|
27
|
+
conditionRemovedText?: string;
|
|
26
28
|
}
|
|
27
29
|
declare const ConditionGroupBuilder: {
|
|
28
|
-
({ group, aria, onRemove, onChange, className, }: ConditionGroupBuilderProps): React.JSX.Element;
|
|
30
|
+
({ group, aria, onRemove, onChange, className, setStatusMessage, conditionRemovedText, }: ConditionGroupBuilderProps): React.JSX.Element;
|
|
29
31
|
propTypes: {
|
|
30
32
|
/**
|
|
31
33
|
* object contains the aria attributes
|
|
@@ -38,6 +40,10 @@ declare const ConditionGroupBuilder: {
|
|
|
38
40
|
* Provide an optional class to be applied to the containing node.
|
|
39
41
|
*/
|
|
40
42
|
className: PropTypes.Requireable<string>;
|
|
43
|
+
/**
|
|
44
|
+
* translation string announced when a condition is removed
|
|
45
|
+
*/
|
|
46
|
+
conditionRemovedText: PropTypes.Requireable<string>;
|
|
41
47
|
group: PropTypes.Requireable<object>;
|
|
42
48
|
/**
|
|
43
49
|
* callback to update the current condition of the state tree
|
|
@@ -47,6 +53,10 @@ declare const ConditionGroupBuilder: {
|
|
|
47
53
|
* call back to remove the particular group from the state tree
|
|
48
54
|
*/
|
|
49
55
|
onRemove: PropTypes.Requireable<(...args: any[]) => any>;
|
|
56
|
+
/**
|
|
57
|
+
* callback to update the aria-live status message in the parent
|
|
58
|
+
*/
|
|
59
|
+
setStatusMessage: PropTypes.Requireable<(...args: any[]) => any>;
|
|
50
60
|
};
|
|
51
61
|
};
|
|
52
62
|
export default ConditionGroupBuilder;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionGroupBuilder.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,SAAS,MAAM,YAAY,CAAC;AAkBnC,OAAO,EAEL,cAAc,EAEf,MAAM,2BAA2B,CAAC;AAGnC;;;;;GAKG;AAEH,UAAU,0BAA0B;IAClC,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;
|
|
1
|
+
{"version":3,"file":"ConditionGroupBuilder.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,SAAS,MAAM,YAAY,CAAC;AAkBnC,OAAO,EAEL,cAAc,EAEf,MAAM,2BAA2B,CAAC;AAGnC;;;;;GAKG;AAEH,UAAU,0BAA0B;IAClC,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,QAAA,MAAM,qBAAqB;8FAQxB,0BAA0B;;QAghB3B;;WAEG;;QAGH;;WAEG;QACH;;WAEG;;QAGH;;WAEG;;;QAGH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;CAhCJ,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
|
@@ -27,7 +27,7 @@ import PropTypes from "prop-types";
|
|
|
27
27
|
* LICENSE file in the root directory of this source tree.
|
|
28
28
|
*/
|
|
29
29
|
var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
|
|
30
|
-
const ConditionGroupBuilder = ({ group, aria, onRemove, onChange, className }) => {
|
|
30
|
+
const ConditionGroupBuilder = ({ group, aria, onRemove, onChange, className, setStatusMessage, conditionRemovedText }) => {
|
|
31
31
|
const [conditionBuilderGroupText, conditionText, conditionBuilderText] = useTranslations([
|
|
32
32
|
"conditionBuilderGroupText",
|
|
33
33
|
"conditionText",
|
|
@@ -96,6 +96,7 @@ const ConditionGroupBuilder = ({ group, aria, onRemove, onChange, className }) =
|
|
|
96
96
|
});
|
|
97
97
|
}
|
|
98
98
|
} else onRemove?.(evt);
|
|
99
|
+
setStatusMessage?.(conditionRemovedText ?? "");
|
|
99
100
|
};
|
|
100
101
|
const checkGroupHaveCondition = (conditions, conditionId) => {
|
|
101
102
|
return conditions.find((eachCondition) => {
|
|
@@ -244,6 +245,7 @@ const ConditionGroupBuilder = ({ group, aria, onRemove, onChange, className }) =
|
|
|
244
245
|
}, /* @__PURE__ */ React.createElement(ConditionBuilderItem, {
|
|
245
246
|
label: group.statement,
|
|
246
247
|
title: conditionText,
|
|
248
|
+
dialogAriaLabel: `${conditionText} — ${conditionBuilderGroupText} ${Math.ceil(aria.posinset / 2)}`,
|
|
247
249
|
"data-name": "connectorField",
|
|
248
250
|
popOverClassName: `${blockClass}__gap ${blockClass}__connector`,
|
|
249
251
|
className: `${blockClass}__statement-button`
|
|
@@ -330,6 +332,10 @@ ConditionGroupBuilder.propTypes = {
|
|
|
330
332
|
* Provide an optional class to be applied to the containing node.
|
|
331
333
|
*/
|
|
332
334
|
className: PropTypes.string,
|
|
335
|
+
/**
|
|
336
|
+
* translation string announced when a condition is removed
|
|
337
|
+
*/
|
|
338
|
+
conditionRemovedText: PropTypes.string,
|
|
333
339
|
group: PropTypes.object,
|
|
334
340
|
/**
|
|
335
341
|
* callback to update the current condition of the state tree
|
|
@@ -338,7 +344,11 @@ ConditionGroupBuilder.propTypes = {
|
|
|
338
344
|
/**
|
|
339
345
|
* call back to remove the particular group from the state tree
|
|
340
346
|
*/
|
|
341
|
-
onRemove: PropTypes.func
|
|
347
|
+
onRemove: PropTypes.func,
|
|
348
|
+
/**
|
|
349
|
+
* callback to update the aria-live status message in the parent
|
|
350
|
+
*/
|
|
351
|
+
setStatusMessage: PropTypes.func
|
|
342
352
|
};
|
|
343
353
|
//#endregion
|
|
344
354
|
export { ConditionGroupBuilder as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,cAAc,0BAA0B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC"}
|
|
@@ -55,7 +55,7 @@ const handleKeyPressForPopover = (evt, parentContainer, conditionBuilderRef, clo
|
|
|
55
55
|
});
|
|
56
56
|
break;
|
|
57
57
|
case "Tab":
|
|
58
|
-
allItems = [...Array.from(parentContainer.querySelectorAll(`.${blockClass}__selectAll-button,[
|
|
58
|
+
allItems = [...Array.from(parentContainer.querySelectorAll(`.${blockClass}__selectAll-button,input[type="search"]`)), getVisibleOptions(parentContainer)?.[0]];
|
|
59
59
|
allItems.forEach((eachElem, index, allElements) => {
|
|
60
60
|
if (isHoldingShiftKey) traverseReverse(eachElem, index, allElements, true, true, conditionBuilderRef);
|
|
61
61
|
else traverseClockwise(eachElem, index, allElements, true, true, conditionBuilderRef);
|
|
@@ -69,7 +69,10 @@ const handleKeyPressForPopover = (evt, parentContainer, conditionBuilderRef, clo
|
|
|
69
69
|
}
|
|
70
70
|
break;
|
|
71
71
|
case "Enter":
|
|
72
|
-
if (
|
|
72
|
+
if (isMultiSelect === "true") {
|
|
73
|
+
if (document.activeElement.type !== "button") document.activeElement?.click();
|
|
74
|
+
evt.preventDefault();
|
|
75
|
+
} else if (document.activeElement.type !== "button") {
|
|
73
76
|
focusThisField(evt, conditionBuilderRef);
|
|
74
77
|
document.activeElement?.click();
|
|
75
78
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeaderBreadcrumbBar.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderBreadcrumbBar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1E,OAAO,EAGL,KAAK,uBAAuB,EAC7B,MAAM,WAAW,CAAC;AAEnB;;;;GAIG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,GAAG,iBAAiB,CAAC;IAC/C;;;OAGG;IACH,cAAc,CAAC,EACX,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1D;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EACR,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1D;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,uBAAuB,
|
|
1
|
+
{"version":3,"file":"PageHeaderBreadcrumbBar.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderBreadcrumbBar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1E,OAAO,EAGL,KAAK,uBAAuB,EAC7B,MAAM,WAAW,CAAC;AAEnB;;;;GAIG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,GAAG,iBAAiB,CAAC;IAC/C;;;OAGG;IACH,cAAc,CAAC,EACX,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1D;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EACR,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1D;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,uBAAuB,qGAkFlC,CAAC"}
|
|
@@ -45,9 +45,12 @@ const PageHeaderBreadcrumbBar = React.forwardRef(function PageHeaderBreadcrumbBa
|
|
|
45
45
|
lg: 16,
|
|
46
46
|
md: 8,
|
|
47
47
|
sm: 4
|
|
48
|
-
}, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__breadcrumb-container` }, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__breadcrumb-wrapper` }, IconElement && /* @__PURE__ */ React.createElement("div", {
|
|
48
|
+
}, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__breadcrumb-container` }, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__breadcrumb-wrapper` }, IconElement && /* @__PURE__ */ React.createElement("div", {
|
|
49
|
+
className: `${blockClass}__breadcrumb__icon`,
|
|
50
|
+
"aria-hidden": "true"
|
|
51
|
+
}, /* @__PURE__ */ React.createElement(IconElement, null)), children), /* @__PURE__ */ React.createElement("div", {
|
|
49
52
|
className: `${blockClass}__breadcrumb__actions`,
|
|
50
|
-
role: "
|
|
53
|
+
role: "toolbar",
|
|
51
54
|
"aria-label": actionsAriaLabel
|
|
52
55
|
}, /* @__PURE__ */ React.createElement("div", { className: contentActionsClasses }, typeof contentActions === "function" ? contentActions(observerState) : contentActions), typeof pageActions === "function" ? pageActions(observerState) : pageActions))))));
|
|
53
56
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EACZ,KAAK,aAAa,EAClB,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAyB,OAAO,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,EAAiB,KAAK,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAGxE;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,GAAG,iBAAiB,CAAC;IAC/C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,OAAO,CAAC;IACnE;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;;OAGG;IACH,WAAW,CAAC,EACR,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC3D;AAED,eAAO,MAAM,iBAAiB,+
|
|
1
|
+
{"version":3,"file":"PageHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EACZ,KAAK,aAAa,EAClB,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAyB,OAAO,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,EAAiB,KAAK,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAGxE;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,GAAG,iBAAiB,CAAC;IAC/C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,OAAO,CAAC;IACnE;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;;OAGG;IACH,WAAW,CAAC,EACR,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC3D;AAED,eAAO,MAAM,iBAAiB,+FAuF5B,CAAC"}
|
|
@@ -24,7 +24,7 @@ var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
|
|
|
24
24
|
const PageHeaderContent = React.forwardRef(function PageHeaderContent({ className, children, title, titleAs: TitleTag = "h1", titleTruncate, renderIcon: IconElement, contextualActions, pageActions, ...other }, ref) {
|
|
25
25
|
const contentRef = useRef(null);
|
|
26
26
|
const componentRef = ref ?? contentRef;
|
|
27
|
-
const { setRefs, setPageActionsInstance } = usePageHeader();
|
|
27
|
+
const { setRefs, setPageActionsInstance, observerState } = usePageHeader();
|
|
28
28
|
const classNames = (0, import_classnames.default)({ [`${blockClass}__content`]: true }, className);
|
|
29
29
|
const titleRef = useRef(null);
|
|
30
30
|
const titleLines = titleTruncate ?? (contextualActions ? 1 : 2);
|
|
@@ -58,11 +58,7 @@ const PageHeaderContent = React.forwardRef(function PageHeaderContent({ classNam
|
|
|
58
58
|
value: title,
|
|
59
59
|
lines: titleLines,
|
|
60
60
|
type: "tooltip"
|
|
61
|
-
}))), contextualActions && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__content__contextual-actions` }, contextualActions)), typeof pageActions === "function" ? pageActions(
|
|
62
|
-
fullyCollapsed: false,
|
|
63
|
-
titleClipped: false,
|
|
64
|
-
contentActionsClipped: false
|
|
65
|
-
}) : pageActions), children)));
|
|
61
|
+
}))), contextualActions && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__content__contextual-actions` }, contextualActions)), typeof pageActions === "function" ? pageActions(observerState) : pageActions), children)));
|
|
66
62
|
});
|
|
67
63
|
PageHeaderContent.displayName = "PageHeaderContent";
|
|
68
64
|
PageHeaderContent.propTypes = {
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import React from 'react';
|
|
8
8
|
export interface PageHeaderTagOverflowProps {
|
|
9
9
|
children: React.ReactNode;
|
|
10
|
-
renderOverflowTag?: (hiddenBreadcrumbs: HTMLElement[], handleOverflowClick: (event: React.MouseEvent) => void, openPopover: boolean) => React.ReactElement;
|
|
10
|
+
renderOverflowTag?: (hiddenBreadcrumbs: HTMLElement[], handleOverflowClick: (event: React.MouseEvent) => void, openPopover: boolean, triggerId?: string) => React.ReactElement;
|
|
11
11
|
renderPopoverContent?: (hiddenBreadcrumbs: HTMLElement[]) => React.ReactElement;
|
|
12
12
|
}
|
|
13
13
|
export declare const PageHeaderTagOverflow: React.ForwardRefExoticComponent<PageHeaderTagOverflowProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeaderTagOverflow.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderTagOverflow.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAMN,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,0BAA0B;IAEzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAClB,iBAAiB,EAAE,WAAW,EAAE,EAChC,mBAAmB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,EACtD,WAAW,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"PageHeaderTagOverflow.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderTagOverflow.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAMN,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,0BAA0B;IAEzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAClB,iBAAiB,EAAE,WAAW,EAAE,EAChC,mBAAmB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,EACtD,WAAW,EAAE,OAAO,EACpB,SAAS,CAAC,EAAE,MAAM,KACf,KAAK,CAAC,YAAY,CAAC;IACxB,oBAAoB,CAAC,EAAE,CACrB,iBAAiB,EAAE,WAAW,EAAE,KAC7B,KAAK,CAAC,YAAY,CAAC;CACzB;AAED,eAAO,MAAM,qBAAqB,mGA8EhC,CAAC"}
|
|
@@ -23,6 +23,7 @@ var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
|
|
|
23
23
|
const PageHeaderTagOverflow = React.forwardRef(({ renderOverflowTag, renderPopoverContent, children }, ref) => {
|
|
24
24
|
const [openPopover, setOpenPopover] = useState(false);
|
|
25
25
|
const [hiddenTags, setHiddenTags] = useState([]);
|
|
26
|
+
const overflowButtonId = `${pkg.prefix}--page-header--tag-overflow-btn`;
|
|
26
27
|
const localRef = useRef(null);
|
|
27
28
|
const tagsContainerRef = ref || localRef;
|
|
28
29
|
useEffect(() => {
|
|
@@ -53,8 +54,9 @@ const PageHeaderTagOverflow = React.forwardRef(({ renderOverflowTag, renderPopov
|
|
|
53
54
|
open: openPopover,
|
|
54
55
|
onRequestClose: () => setOpenPopover(false),
|
|
55
56
|
"data-fixed": true,
|
|
57
|
+
"aria-labelledby": overflowButtonId,
|
|
56
58
|
className: (0, import_classnames.default)(`${pkg.prefix}--page-header--tag-overflow-popover`, { [`${pkg.prefix}--page-header--tag-overflow-popover__hidden`]: !hiddenTags.length })
|
|
57
|
-
}, renderOverflowTag?.(hiddenTags, handleOverflowClick, openPopover), /* @__PURE__ */ React.createElement(PopoverContent, null, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__tags-popover-list` }, renderPopoverContent?.(hiddenTags)))));
|
|
59
|
+
}, renderOverflowTag?.(hiddenTags, handleOverflowClick, openPopover, overflowButtonId), /* @__PURE__ */ React.createElement(PopoverContent, null, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__tags-popover-list` }, renderPopoverContent?.(hiddenTags)))));
|
|
58
60
|
});
|
|
59
61
|
PageHeaderTagOverflow.displayName = "PageHeaderTagOverflow";
|
|
60
62
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeaderTitleBreadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderTitleBreadcrumb.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,mBAAmB,EAAkB,MAAM,eAAe,CAAC;AAIpE,eAAO,MAAM,yBAAyB,
|
|
1
|
+
{"version":3,"file":"PageHeaderTitleBreadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderTitleBreadcrumb.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,mBAAmB,EAAkB,MAAM,eAAe,CAAC;AAIpE,eAAO,MAAM,yBAAyB,2FAoCpC,CAAC"}
|
|
@@ -24,11 +24,13 @@ const PageHeaderTitleBreadcrumb = forwardRef(({ className, children, ...other },
|
|
|
24
24
|
const titleClipped = observerState.titleClipped;
|
|
25
25
|
const hasContentElement = refs?.contentRef?.current;
|
|
26
26
|
const shouldShow = !hasContentElement || titleClipped && !!refs?.titleRef;
|
|
27
|
+
const isAriaHidden = hasContentElement && !titleClipped;
|
|
27
28
|
return /* @__PURE__ */ React.createElement(BreadcrumbItem, {
|
|
28
29
|
ref,
|
|
29
30
|
isCurrentPage: true,
|
|
30
31
|
...other,
|
|
31
|
-
"aria-hidden":
|
|
32
|
+
"aria-hidden": isAriaHidden ? true : void 0,
|
|
33
|
+
tabIndex: isAriaHidden ? -1 : void 0,
|
|
32
34
|
className: (0, import_classnames.default)(className, `${pkg.prefix}--page-header-title-breadcrumb`, {
|
|
33
35
|
[`${pkg.prefix}--page-header-title-breadcrumb-show`]: shouldShow,
|
|
34
36
|
[`${pkg.prefix}--page-header-title-breadcrumb-show__with-content-element`]: hasContentElement,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionBlock/ConditionBlock.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,SAAS,MAAM,YAAY,CAAC;AAsBnC,OAAO,EACL,SAAS,EACT,cAAc,EAEd,eAAe,EAGhB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AAEH,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,yBAAyB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mBAAmB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,2BAA2B,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,mCAAmC,CAAC,EAAE,MAAM,IAAI,CAAC;IACjD,mCAAmC,CAAC,EAAE,MAAM,IAAI,CAAC;IACjD,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,cAAc,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,eAAe,EAAE,CACf,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,CAAC,cAAc,GAAG,SAAS,CAAC,EAAE,KACvC,IAAI,CAAC;CACX;AACD,QAAA,MAAM,cAAc;YAAW,mBAAmB;;
|
|
1
|
+
{"version":3,"file":"ConditionBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionBlock/ConditionBlock.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,SAAS,MAAM,YAAY,CAAC;AAsBnC,OAAO,EACL,SAAS,EACT,cAAc,EAEd,eAAe,EAGhB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AAEH,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,yBAAyB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mBAAmB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,2BAA2B,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,mCAAmC,CAAC,EAAE,MAAM,IAAI,CAAC;IACjD,mCAAmC,CAAC,EAAE,MAAM,IAAI,CAAC;IACjD,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,cAAc,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,eAAe,EAAE,CACf,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,CAAC,cAAc,GAAG,SAAS,CAAC,EAAE,KACvC,IAAI,CAAC;CACX;AACD,QAAA,MAAM,cAAc;YAAW,mBAAmB;;QAgUhD;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;;QAKH;;WAEG;;QAGH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;QAIH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAGH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;CAtEJ,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -159,6 +159,7 @@ const ConditionBlock = (props) => {
|
|
|
159
159
|
}) : "", isStatement && /* @__PURE__ */ react.default.createElement(require_ConditionBuilderItem.ConditionBuilderItem, {
|
|
160
160
|
label: group.statement,
|
|
161
161
|
title: conditionText,
|
|
162
|
+
dialogAriaLabel: `${conditionText} — ${conditionIndex + 1}`,
|
|
162
163
|
"data-name": "connectorField",
|
|
163
164
|
popOverClassName: `${require_util.blockClass}__gap ${require_util.blockClass}__connector`,
|
|
164
165
|
className: `${require_util.blockClass}__statement-button`,
|
|
@@ -176,6 +177,7 @@ const ConditionBlock = (props) => {
|
|
|
176
177
|
})), /* @__PURE__ */ react.default.createElement("div", { className: `${require_util.blockClass}__condition-inner-block` }, /* @__PURE__ */ react.default.createElement(require_ConditionBuilderItem.ConditionBuilderItem, {
|
|
177
178
|
label: label ?? condition?.property,
|
|
178
179
|
title: propertyText,
|
|
180
|
+
dialogAriaLabel: `${propertyText} — ${conditionText} ${conditionIndex + 1}`,
|
|
179
181
|
renderIcon: icon ?? void 0,
|
|
180
182
|
className: `${require_util.blockClass}__property-field`,
|
|
181
183
|
"data-name": "propertyField",
|
|
@@ -187,6 +189,7 @@ const ConditionBlock = (props) => {
|
|
|
187
189
|
}), require_util.checkIsValid(property) && /* @__PURE__ */ react.default.createElement(require_ConditionBuilderItem.ConditionBuilderItem, {
|
|
188
190
|
label: operator,
|
|
189
191
|
title: operatorText,
|
|
192
|
+
dialogAriaLabel: `${operatorText} — ${conditionText} ${conditionIndex + 1}`,
|
|
190
193
|
"data-name": "operatorField",
|
|
191
194
|
condition,
|
|
192
195
|
type,
|
|
@@ -203,6 +206,7 @@ const ConditionBlock = (props) => {
|
|
|
203
206
|
label: value,
|
|
204
207
|
type,
|
|
205
208
|
title: label,
|
|
209
|
+
dialogAriaLabel: `${label} — ${conditionText} ${conditionIndex + 1}`,
|
|
206
210
|
showToolTip: true,
|
|
207
211
|
"data-name": "valueField",
|
|
208
212
|
condition,
|
package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionBuilderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,YAAY,CAAC;AAiBnC,OAAO,EACL,MAAM,EAEN,qBAAqB,EAErB,YAAY,EACb,MAAM,2BAA2B,CAAC;AAEnC,UAAU,4BAA4B;IACpC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC1D,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AACD,QAAA,MAAM,uBAAuB;0FAM1B,4BAA4B;;
|
|
1
|
+
{"version":3,"file":"ConditionBuilderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,YAAY,CAAC;AAiBnC,OAAO,EACL,MAAM,EAEN,qBAAqB,EAErB,YAAY,EACb,MAAM,2BAA2B,CAAC;AAEnC,UAAU,4BAA4B;IACpC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC1D,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AACD,QAAA,MAAM,uBAAuB;0FAM1B,4BAA4B;;QAiR7B;;WAEG;;;;;QAOH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;;;;;;;;;;;;CAxBJ,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
|