@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.
Files changed (61) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +384 -384
  2. package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts.map +1 -1
  3. package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +4 -0
  4. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts.map +1 -1
  5. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +18 -6
  6. package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +2 -0
  7. package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +3 -1
  8. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +5 -1
  9. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts.map +1 -1
  10. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +8 -4
  11. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +7 -2
  12. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts.map +1 -1
  13. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +9 -3
  14. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.d.ts.map +1 -1
  15. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +1 -1
  16. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +11 -1
  17. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts.map +1 -1
  18. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +12 -2
  19. package/es/components/ConditionBuilder/index.d.ts +1 -0
  20. package/es/components/ConditionBuilder/index.d.ts.map +1 -1
  21. package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +5 -2
  22. package/es/components/PageHeader/next/PageHeaderBreadcrumbBar.d.ts.map +1 -1
  23. package/es/components/PageHeader/next/PageHeaderBreadcrumbBar.js +5 -2
  24. package/es/components/PageHeader/next/PageHeaderContent.d.ts.map +1 -1
  25. package/es/components/PageHeader/next/PageHeaderContent.js +2 -6
  26. package/es/components/PageHeader/next/PageHeaderTagOverflow.d.ts +1 -1
  27. package/es/components/PageHeader/next/PageHeaderTagOverflow.d.ts.map +1 -1
  28. package/es/components/PageHeader/next/PageHeaderTagOverflow.js +3 -1
  29. package/es/components/PageHeader/next/PageHeaderTitleBreadcrumb.d.ts.map +1 -1
  30. package/es/components/PageHeader/next/PageHeaderTitleBreadcrumb.js +3 -1
  31. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts.map +1 -1
  32. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +4 -0
  33. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts.map +1 -1
  34. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +17 -5
  35. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +2 -0
  36. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +3 -1
  37. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +5 -1
  38. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts.map +1 -1
  39. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +8 -4
  40. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +7 -2
  41. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts.map +1 -1
  42. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +9 -3
  43. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.d.ts.map +1 -1
  44. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +1 -1
  45. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +11 -1
  46. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts.map +1 -1
  47. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +12 -2
  48. package/lib/components/ConditionBuilder/index.d.ts +1 -0
  49. package/lib/components/ConditionBuilder/index.d.ts.map +1 -1
  50. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +5 -2
  51. package/lib/components/PageHeader/next/PageHeaderBreadcrumbBar.d.ts.map +1 -1
  52. package/lib/components/PageHeader/next/PageHeaderBreadcrumbBar.js +5 -2
  53. package/lib/components/PageHeader/next/PageHeaderContent.d.ts.map +1 -1
  54. package/lib/components/PageHeader/next/PageHeaderContent.js +2 -6
  55. package/lib/components/PageHeader/next/PageHeaderTagOverflow.d.ts +1 -1
  56. package/lib/components/PageHeader/next/PageHeaderTagOverflow.d.ts.map +1 -1
  57. package/lib/components/PageHeader/next/PageHeaderTagOverflow.js +3 -1
  58. package/lib/components/PageHeader/next/PageHeaderTitleBreadcrumb.d.ts.map +1 -1
  59. package/lib/components/PageHeader/next/PageHeaderTitleBreadcrumb.js +3 -1
  60. package/package.json +6 -6
  61. 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;;QA4ThD;;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"}
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,
@@ -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;;QA8P7B;;WAEG;;;;;QAOH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;;;;;;;;;;;;CAxBJ,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
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(Section, {
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;IAEnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;IACnC,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,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;gKAe9B,yBAAyB;;QAkQ1B;;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"}
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 focusMovedToDatePicker = focusEvent.target?.closest(".flatpickr-calendar");
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-label": title,
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
  };
@@ -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(["propertyText", "clearSearchText"]);
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: clearSearchText,
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;;QAyO7B;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;;CAfJ,CAAC"}
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(["propertyText", "clearSearchText"]);
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: clearSearchText,
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;;QAuEzB;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;CAbJ,CAAC"}
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;CACH;AAED,QAAA,MAAM,qBAAqB;sDAMxB,0BAA0B;;QA0gB3B;;WAEG;;QAGH;;WAEG;QACH;;WAEG;;;QAIH;;WAEG;;QAEH;;WAEG;;;CAxBJ,CAAC;AAEF,eAAe,qBAAqB,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 };
@@ -6,4 +6,5 @@
6
6
  */
7
7
  export { ConditionBuilder } from './ConditionBuilder';
8
8
  export * from './ConditionBuilder.types';
9
+ export { getEmptyState } from './ConditionBuilderContext/ConditionBuilderProvider';
9
10
  //# sourceMappingURL=index.d.ts.map
@@ -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,[role="searchbox"]`)), getVisibleOptions(parentContainer)?.[0]];
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 (document.activeElement.type !== "button") {
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,qGA+ElC,CAAC"}
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", { className: `${blockClass}__breadcrumb__icon` }, /* @__PURE__ */ React.createElement(IconElement, null)), children), /* @__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: "navigation",
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,+FA2F5B,CAAC"}
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,KACjB,KAAK,CAAC,YAAY,CAAC;IACxB,oBAAoB,CAAC,EAAE,CACrB,iBAAiB,EAAE,WAAW,EAAE,KAC7B,KAAK,CAAC,YAAY,CAAC;CACzB;AAED,eAAO,MAAM,qBAAqB,mGAuEhC,CAAC"}
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,2FAiCpC,CAAC"}
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": hasContentElement && !titleClipped ? true : void 0,
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;;QA4ThD;;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"}
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,
@@ -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;;QA8P7B;;WAEG;;;;;QAOH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;;;;;;;;;;;;CAxBJ,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
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"}