@patternfly/react-core 4.221.17 → 4.222.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 (34) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/esm/components/Form/FormGroup.d.ts +4 -0
  3. package/dist/esm/components/Form/FormGroup.d.ts.map +1 -1
  4. package/dist/esm/components/Form/FormGroup.js +6 -4
  5. package/dist/esm/components/Form/FormGroup.js.map +1 -1
  6. package/dist/esm/components/Form/FormSection.d.ts.map +1 -1
  7. package/dist/esm/components/Form/FormSection.js +4 -3
  8. package/dist/esm/components/Form/FormSection.js.map +1 -1
  9. package/dist/esm/components/Form/InternalFormFieldGroup.d.ts.map +1 -1
  10. package/dist/esm/components/Form/InternalFormFieldGroup.js +1 -1
  11. package/dist/esm/components/Form/InternalFormFieldGroup.js.map +1 -1
  12. package/dist/js/components/Form/FormGroup.d.ts +4 -0
  13. package/dist/js/components/Form/FormGroup.d.ts.map +1 -1
  14. package/dist/js/components/Form/FormGroup.js +6 -4
  15. package/dist/js/components/Form/FormGroup.js.map +1 -1
  16. package/dist/js/components/Form/FormSection.d.ts.map +1 -1
  17. package/dist/js/components/Form/FormSection.js +4 -3
  18. package/dist/js/components/Form/FormSection.js.map +1 -1
  19. package/dist/js/components/Form/InternalFormFieldGroup.d.ts.map +1 -1
  20. package/dist/js/components/Form/InternalFormFieldGroup.js +1 -1
  21. package/dist/js/components/Form/InternalFormFieldGroup.js.map +1 -1
  22. package/dist/umd/react-core.css +34 -34
  23. package/dist/umd/react-core.js +10 -8
  24. package/dist/umd/react-core.min.js +1 -1
  25. package/package.json +5 -5
  26. package/src/components/Form/FormGroup.tsx +17 -3
  27. package/src/components/Form/FormSection.tsx +18 -4
  28. package/src/components/Form/InternalFormFieldGroup.tsx +2 -0
  29. package/src/components/Form/__tests__/FormFieldGroup.test.tsx +23 -1
  30. package/src/components/Form/__tests__/FormGroup.test.tsx +89 -0
  31. package/src/components/Form/__tests__/FormSection.test.tsx +13 -1
  32. package/src/components/Form/__tests__/__snapshots__/FormFieldGroup.test.tsx.snap +4 -0
  33. package/src/components/Form/__tests__/__snapshots__/FormSection.test.tsx.snap +4 -0
  34. package/src/components/Form/examples/Form.md +45 -12
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # 4.222.0 (2022-06-14)
7
+
8
+
9
+ ### Features
10
+
11
+ * **Form:** add functionality for form group roles ([#7516](https://github.com/patternfly/patternfly-react/issues/7516)) ([4ff2f54](https://github.com/patternfly/patternfly-react/commit/4ff2f54ce21363e9c40c47517f20b8fc5e0cb401))
12
+
13
+
14
+
15
+
16
+
6
17
  ## 4.221.17 (2022-06-14)
7
18
 
8
19
  **Note:** Version bump only for package @patternfly/react-core
package/dist/esm/components/Form/FormGroup.d.ts CHANGED
@@ -36,6 +36,10 @@ export interface FormGroupProps extends Omit<React.HTMLProps<HTMLDivElement>, 'l
36
36
  helperTextInvalidIcon?: React.ReactNode;
37
37
  /** ID of the included field. It has to be the same for proper working. */
38
38
  fieldId: string;
39
+ /** Sets the role of the form group. Pass in "radiogroup" when the form group contains multiple
40
+ * radio inputs, or pass in "group" when the form group contains multiple of any other input type.
41
+ */
42
+ role?: string;
39
43
  }
40
44
  export declare const FormGroup: React.FunctionComponent<FormGroupProps>;
41
45
  //# sourceMappingURL=FormGroup.d.ts.map
package/dist/esm/components/Form/FormGroup.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,8FAA8F;IAC9F,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6EAA6E;IAC7E,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0EAA0E;IAC1E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,mGAAmG;IACnG,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,qDAAqD;IACrD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,+EAA+E;IAC/E,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAgG7D,CAAC"}
1
+ {"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,8FAA8F;IAC9F,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6EAA6E;IAC7E,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0EAA0E;IAC1E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,mGAAmG;IACnG,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,qDAAqD;IACrD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,+EAA+E;IAC/E,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CA0G7D,CAAC"}
package/dist/esm/components/Form/FormGroup.js CHANGED
@@ -5,7 +5,7 @@ import { ASTERISK } from '../../helpers/htmlConstants';
5
5
  import { css } from '@patternfly/react-styles';
6
6
  import { ValidatedOptions } from '../../helpers/constants';
7
7
  export const FormGroup = (_a) => {
8
- var { children = null, className = '', label, labelInfo, labelIcon, isRequired = false, validated = 'default', isInline = false, hasNoPaddingTop = false, isStack = false, helperText, isHelperTextBeforeField = false, helperTextInvalid, helperTextIcon, helperTextInvalidIcon, fieldId } = _a, props = __rest(_a, ["children", "className", "label", "labelInfo", "labelIcon", "isRequired", "validated", "isInline", "hasNoPaddingTop", "isStack", "helperText", "isHelperTextBeforeField", "helperTextInvalid", "helperTextIcon", "helperTextInvalidIcon", "fieldId"]);
8
+ var { children = null, className = '', label, labelInfo, labelIcon, isRequired = false, validated = 'default', isInline = false, hasNoPaddingTop = false, isStack = false, helperText, isHelperTextBeforeField = false, helperTextInvalid, helperTextIcon, helperTextInvalidIcon, fieldId, role } = _a, props = __rest(_a, ["children", "className", "label", "labelInfo", "labelIcon", "isRequired", "validated", "isInline", "hasNoPaddingTop", "isStack", "helperText", "isHelperTextBeforeField", "helperTextInvalid", "helperTextIcon", "helperTextInvalidIcon", "fieldId", "role"]);
9
9
  const validHelperText = typeof helperText !== 'string' ? (helperText) : (React.createElement("div", { className: css(styles.formHelperText, validated === ValidatedOptions.success && styles.modifiers.success, validated === ValidatedOptions.warning && styles.modifiers.warning), id: `${fieldId}-helper`, "aria-live": "polite" },
10
10
  helperTextIcon && React.createElement("span", { className: css(styles.formHelperTextIcon) }, helperTextIcon),
11
11
  helperText));
@@ -14,16 +14,18 @@ export const FormGroup = (_a) => {
14
14
  helperTextInvalid));
15
15
  const showValidHelperTxt = (validationType) => validationType !== ValidatedOptions.error && helperText ? validHelperText : '';
16
16
  const helperTextToDisplay = validated === ValidatedOptions.error && helperTextInvalid ? inValidHelperText : showValidHelperTxt(validated);
17
+ const isGroupOrRadioGroup = role === 'group' || role === 'radiogroup';
18
+ const LabelComponent = isGroupOrRadioGroup ? 'span' : 'label';
17
19
  const labelContent = (React.createElement(React.Fragment, null,
18
- React.createElement("label", { className: css(styles.formLabel), htmlFor: fieldId },
20
+ React.createElement(LabelComponent, Object.assign({ className: css(styles.formLabel) }, (!isGroupOrRadioGroup && { htmlFor: fieldId })),
19
21
  React.createElement("span", { className: css(styles.formLabelText) }, label),
20
22
  isRequired && (React.createElement("span", { className: css(styles.formLabelRequired), "aria-hidden": "true" },
21
23
  ' ',
22
24
  ASTERISK))),
23
25
  ' ',
24
26
  React.isValidElement(labelIcon) && labelIcon));
25
- return (React.createElement("div", Object.assign({}, props, { className: css(styles.formGroup, className) }),
26
- label && (React.createElement("div", { className: css(styles.formGroupLabel, labelInfo && styles.modifiers.info, hasNoPaddingTop && styles.modifiers.noPaddingTop) },
27
+ return (React.createElement("div", Object.assign({ className: css(styles.formGroup, className) }, (role && { role }), (isGroupOrRadioGroup && { 'aria-labelledby': `${fieldId}-legend` }), props),
28
+ label && (React.createElement("div", Object.assign({ className: css(styles.formGroupLabel, labelInfo && styles.modifiers.info, hasNoPaddingTop && styles.modifiers.noPaddingTop) }, (isGroupOrRadioGroup && { id: `${fieldId}-legend` })),
27
29
  labelInfo && (React.createElement(React.Fragment, null,
28
30
  React.createElement("div", { className: css(styles.formGroupLabelMain) }, labelContent),
29
31
  React.createElement("div", { className: css(styles.formGroupLabelInfo) }, labelInfo))),
package/dist/esm/components/Form/FormGroup.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/Form/FormSection.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormSection.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACtF,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uCAAuC;IACvC,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAWjE,CAAC"}
1
+ {"version":3,"file":"FormSection.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACtF,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uCAAuC;IACvC,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAwBjE,CAAC"}
package/dist/esm/components/Form/FormSection.js CHANGED
@@ -2,11 +2,12 @@ import { __rest } from "tslib";
2
2
  import * as React from 'react';
3
3
  import styles from '@patternfly/react-styles/css/components/Form/form';
4
4
  import { css } from '@patternfly/react-styles';
5
+ import { GenerateId } from '../../helpers/GenerateId/GenerateId';
5
6
  export const FormSection = (_a) => {
6
7
  var { className = '', children, title = '', titleElement: TitleElement = 'div' } = _a, props = __rest(_a, ["className", "children", "title", "titleElement"]);
7
- return (React.createElement("section", Object.assign({}, props, { className: css(styles.formSection, className) }),
8
- title && React.createElement(TitleElement, { className: css(styles.formSectionTitle, className) }, title),
9
- children));
8
+ return (React.createElement(GenerateId, { prefix: "pf-form-section-title" }, sectionId => (React.createElement("section", Object.assign({ className: css(styles.formSection, className), role: "group" }, (title && { 'aria-labelledby': sectionId }), props),
9
+ title && (React.createElement(TitleElement, { id: sectionId, className: css(styles.formSectionTitle, className) }, title)),
10
+ children))));
10
11
  };
11
12
  FormSection.displayName = 'FormSection';
12
13
  //# sourceMappingURL=FormSection.js.map
package/dist/esm/components/Form/FormSection.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormSection.js","sourceRoot":"","sources":["../../../../src/components/Form/FormSection.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAa/C,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,EAMpD,EAAE,EAAE;QANgD,EACrE,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,YAAY,EAAE,YAAY,GAAG,KAAK,OAEjB,EADd,KAAK,cAL6D,kDAMtE,CADS;IACc,OAAA,CACtB,iDAAa,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC;QAC9D,KAAK,IAAI,oBAAC,YAAY,IAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,IAAG,KAAK,CAAgB;QACjG,QAAQ,CACD,CACX,CAAA;CAAA,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
1
+ {"version":3,"file":"FormSection.js","sourceRoot":"","sources":["../../../../src/components/Form/FormSection.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAajE,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,EAMpD,EAAE,EAAE;QANgD,EACrE,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,YAAY,EAAE,YAAY,GAAG,KAAK,OAEjB,EADd,KAAK,cAL6D,kDAMtE,CADS;IACc,OAAA,CACtB,oBAAC,UAAU,IAAC,MAAM,EAAC,uBAAuB,IACvC,SAAS,CAAC,EAAE,CAAC,CACZ,+CACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,EAC7C,IAAI,EAAC,OAAO,IACR,CAAC,KAAK,IAAI,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC,EAC3C,KAAK;QAER,KAAK,IAAI,CACR,oBAAC,YAAY,IAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,IAC5E,KAAK,CACO,CAChB;QACA,QAAQ,CACD,CACX,CACU,CACd,CAAA;CAAA,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
package/dist/esm/components/Form/InternalFormFieldGroup.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"InternalFormFieldGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/InternalFormFieldGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACjG,iEAAiE;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,uDAAuD;IACvD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CA0CvF,CAAC"}
1
+ {"version":3,"file":"InternalFormFieldGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/InternalFormFieldGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACjG,iEAAiE;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,uDAAuD;IACvD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CA4CvF,CAAC"}
package/dist/esm/components/Form/InternalFormFieldGroup.js CHANGED
@@ -11,7 +11,7 @@ export const InternalFormFieldGroup = (_a) => {
11
11
  // eslint-disable-next-line no-console
12
12
  console.error('FormFieldGroupExpandable:', 'toggleAriaLabel or the titleText prop of FormFieldGroupHeader is required to make the toggle button accessible');
13
13
  }
14
- return (React.createElement("div", Object.assign({ className: css(styles.formFieldGroup, isExpanded && isExpandable && styles.modifiers.expanded, className) }, props),
14
+ return (React.createElement("div", Object.assign({ className: css(styles.formFieldGroup, isExpanded && isExpandable && styles.modifiers.expanded, className), role: "group" }, (headerTitleText && { 'aria-labelledby': `${header.props.titleText.id}` }), props),
15
15
  isExpandable && (React.createElement(GenerateId, { prefix: "form-field-group-toggle" }, id => (React.createElement(FormFieldGroupToggle, Object.assign({ onToggle: onToggle, isExpanded: isExpanded, "aria-label": toggleAriaLabel, toggleId: id }, (headerTitleText && { 'aria-labelledby': `${header.props.titleText.id} ${id}` })))))),
16
16
  header && header,
17
17
  (!isExpandable || (isExpandable && isExpanded)) && (React.createElement("div", { className: css(styles.formFieldGroupBody) }, children))));
package/dist/esm/components/Form/InternalFormFieldGroup.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"InternalFormFieldGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/InternalFormFieldGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAmB3C,MAAM,CAAC,MAAM,sBAAsB,GAAyD,CAAC,EAS/D,EAAE,EAAE;QAT2D,EAC3F,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,eAAe,OAEa,EADzB,KAAK,cARmF,gGAS5F,CADS;IAER,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/D,IAAI,YAAY,IAAI,CAAC,eAAe,IAAI,CAAC,eAAe,EAAE;QACxD,sCAAsC;QACtC,OAAO,CAAC,KAAK,CACX,2BAA2B,EAC3B,gHAAgH,CACjH,CAAC;KACH;IACD,OAAO,CACL,2CACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,UAAU,IAAI,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,IACrG,KAAK;QAER,YAAY,IAAI,CACf,oBAAC,UAAU,IAAC,MAAM,EAAC,yBAAyB,IACzC,EAAE,CAAC,EAAE,CAAC,CACL,oBAAC,oBAAoB,kBACnB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,gBACV,eAAe,EAC3B,QAAQ,EAAE,EAAE,IACR,CAAC,eAAe,IAAI,EAAE,iBAAiB,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EACpF,CACH,CACU,CACd;QACA,MAAM,IAAI,MAAM;QAChB,CAAC,CAAC,YAAY,IAAI,CAAC,YAAY,IAAI,UAAU,CAAC,CAAC,IAAI,CAClD,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAG,QAAQ,CAAO,CACjE,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AACF,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}
1
+ {"version":3,"file":"InternalFormFieldGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/InternalFormFieldGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAmB3C,MAAM,CAAC,MAAM,sBAAsB,GAAyD,CAAC,EAS/D,EAAE,EAAE;QAT2D,EAC3F,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,eAAe,OAEa,EADzB,KAAK,cARmF,gGAS5F,CADS;IAER,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/D,IAAI,YAAY,IAAI,CAAC,eAAe,IAAI,CAAC,eAAe,EAAE;QACxD,sCAAsC;QACtC,OAAO,CAAC,KAAK,CACX,2BAA2B,EAC3B,gHAAgH,CACjH,CAAC;KACH;IACD,OAAO,CACL,2CACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,UAAU,IAAI,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,EACzG,IAAI,EAAC,OAAO,IACR,CAAC,eAAe,IAAI,EAAE,iBAAiB,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,EAC1E,KAAK;QAER,YAAY,IAAI,CACf,oBAAC,UAAU,IAAC,MAAM,EAAC,yBAAyB,IACzC,EAAE,CAAC,EAAE,CAAC,CACL,oBAAC,oBAAoB,kBACnB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,gBACV,eAAe,EAC3B,QAAQ,EAAE,EAAE,IACR,CAAC,eAAe,IAAI,EAAE,iBAAiB,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EACpF,CACH,CACU,CACd;QACA,MAAM,IAAI,MAAM;QAChB,CAAC,CAAC,YAAY,IAAI,CAAC,YAAY,IAAI,UAAU,CAAC,CAAC,IAAI,CAClD,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAG,QAAQ,CAAO,CACjE,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AACF,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}
package/dist/js/components/Form/FormGroup.d.ts CHANGED
@@ -36,6 +36,10 @@ export interface FormGroupProps extends Omit<React.HTMLProps<HTMLDivElement>, 'l
36
36
  helperTextInvalidIcon?: React.ReactNode;
37
37
  /** ID of the included field. It has to be the same for proper working. */
38
38
  fieldId: string;
39
+ /** Sets the role of the form group. Pass in "radiogroup" when the form group contains multiple
40
+ * radio inputs, or pass in "group" when the form group contains multiple of any other input type.
41
+ */
42
+ role?: string;
39
43
  }
40
44
  export declare const FormGroup: React.FunctionComponent<FormGroupProps>;
41
45
  //# sourceMappingURL=FormGroup.d.ts.map
package/dist/js/components/Form/FormGroup.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,8FAA8F;IAC9F,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6EAA6E;IAC7E,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0EAA0E;IAC1E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,mGAAmG;IACnG,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,qDAAqD;IACrD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,+EAA+E;IAC/E,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAgG7D,CAAC"}
1
+ {"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,8FAA8F;IAC9F,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6EAA6E;IAC7E,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0EAA0E;IAC1E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,mGAAmG;IACnG,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,qDAAqD;IACrD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,+EAA+E;IAC/E,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CA0G7D,CAAC"}
package/dist/js/components/Form/FormGroup.js CHANGED
@@ -8,7 +8,7 @@ const htmlConstants_1 = require("../../helpers/htmlConstants");
8
8
  const react_styles_1 = require("@patternfly/react-styles");
9
9
  const constants_1 = require("../../helpers/constants");
10
10
  const FormGroup = (_a) => {
11
- var { children = null, className = '', label, labelInfo, labelIcon, isRequired = false, validated = 'default', isInline = false, hasNoPaddingTop = false, isStack = false, helperText, isHelperTextBeforeField = false, helperTextInvalid, helperTextIcon, helperTextInvalidIcon, fieldId } = _a, props = tslib_1.__rest(_a, ["children", "className", "label", "labelInfo", "labelIcon", "isRequired", "validated", "isInline", "hasNoPaddingTop", "isStack", "helperText", "isHelperTextBeforeField", "helperTextInvalid", "helperTextIcon", "helperTextInvalidIcon", "fieldId"]);
11
+ var { children = null, className = '', label, labelInfo, labelIcon, isRequired = false, validated = 'default', isInline = false, hasNoPaddingTop = false, isStack = false, helperText, isHelperTextBeforeField = false, helperTextInvalid, helperTextIcon, helperTextInvalidIcon, fieldId, role } = _a, props = tslib_1.__rest(_a, ["children", "className", "label", "labelInfo", "labelIcon", "isRequired", "validated", "isInline", "hasNoPaddingTop", "isStack", "helperText", "isHelperTextBeforeField", "helperTextInvalid", "helperTextIcon", "helperTextInvalidIcon", "fieldId", "role"]);
12
12
  const validHelperText = typeof helperText !== 'string' ? (helperText) : (React.createElement("div", { className: react_styles_1.css(form_1.default.formHelperText, validated === constants_1.ValidatedOptions.success && form_1.default.modifiers.success, validated === constants_1.ValidatedOptions.warning && form_1.default.modifiers.warning), id: `${fieldId}-helper`, "aria-live": "polite" },
13
13
  helperTextIcon && React.createElement("span", { className: react_styles_1.css(form_1.default.formHelperTextIcon) }, helperTextIcon),
14
14
  helperText));
@@ -17,16 +17,18 @@ const FormGroup = (_a) => {
17
17
  helperTextInvalid));
18
18
  const showValidHelperTxt = (validationType) => validationType !== constants_1.ValidatedOptions.error && helperText ? validHelperText : '';
19
19
  const helperTextToDisplay = validated === constants_1.ValidatedOptions.error && helperTextInvalid ? inValidHelperText : showValidHelperTxt(validated);
20
+ const isGroupOrRadioGroup = role === 'group' || role === 'radiogroup';
21
+ const LabelComponent = isGroupOrRadioGroup ? 'span' : 'label';
20
22
  const labelContent = (React.createElement(React.Fragment, null,
21
- React.createElement("label", { className: react_styles_1.css(form_1.default.formLabel), htmlFor: fieldId },
23
+ React.createElement(LabelComponent, Object.assign({ className: react_styles_1.css(form_1.default.formLabel) }, (!isGroupOrRadioGroup && { htmlFor: fieldId })),
22
24
  React.createElement("span", { className: react_styles_1.css(form_1.default.formLabelText) }, label),
23
25
  isRequired && (React.createElement("span", { className: react_styles_1.css(form_1.default.formLabelRequired), "aria-hidden": "true" },
24
26
  ' ',
25
27
  htmlConstants_1.ASTERISK))),
26
28
  ' ',
27
29
  React.isValidElement(labelIcon) && labelIcon));
28
- return (React.createElement("div", Object.assign({}, props, { className: react_styles_1.css(form_1.default.formGroup, className) }),
29
- label && (React.createElement("div", { className: react_styles_1.css(form_1.default.formGroupLabel, labelInfo && form_1.default.modifiers.info, hasNoPaddingTop && form_1.default.modifiers.noPaddingTop) },
30
+ return (React.createElement("div", Object.assign({ className: react_styles_1.css(form_1.default.formGroup, className) }, (role && { role }), (isGroupOrRadioGroup && { 'aria-labelledby': `${fieldId}-legend` }), props),
31
+ label && (React.createElement("div", Object.assign({ className: react_styles_1.css(form_1.default.formGroupLabel, labelInfo && form_1.default.modifiers.info, hasNoPaddingTop && form_1.default.modifiers.noPaddingTop) }, (isGroupOrRadioGroup && { id: `${fieldId}-legend` })),
30
32
  labelInfo && (React.createElement(React.Fragment, null,
31
33
  React.createElement("div", { className: react_styles_1.css(form_1.default.formGroupLabelMain) }, labelContent),
32
34
  React.createElement("div", { className: react_styles_1.css(form_1.default.formGroupLabelInfo) }, labelInfo))),
package/dist/js/components/Form/FormGroup.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"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"}
package/dist/js/components/Form/FormSection.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormSection.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACtF,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uCAAuC;IACvC,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAWjE,CAAC"}
1
+ {"version":3,"file":"FormSection.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACtF,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uCAAuC;IACvC,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAwBjE,CAAC"}
package/dist/js/components/Form/FormSection.js CHANGED
@@ -5,11 +5,12 @@ const tslib_1 = require("tslib");
5
5
  const React = tslib_1.__importStar(require("react"));
6
6
  const form_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Form/form"));
7
7
  const react_styles_1 = require("@patternfly/react-styles");
8
+ const GenerateId_1 = require("../../helpers/GenerateId/GenerateId");
8
9
  const FormSection = (_a) => {
9
10
  var { className = '', children, title = '', titleElement: TitleElement = 'div' } = _a, props = tslib_1.__rest(_a, ["className", "children", "title", "titleElement"]);
10
- return (React.createElement("section", Object.assign({}, props, { className: react_styles_1.css(form_1.default.formSection, className) }),
11
- title && React.createElement(TitleElement, { className: react_styles_1.css(form_1.default.formSectionTitle, className) }, title),
12
- children));
11
+ return (React.createElement(GenerateId_1.GenerateId, { prefix: "pf-form-section-title" }, sectionId => (React.createElement("section", Object.assign({ className: react_styles_1.css(form_1.default.formSection, className), role: "group" }, (title && { 'aria-labelledby': sectionId }), props),
12
+ title && (React.createElement(TitleElement, { id: sectionId, className: react_styles_1.css(form_1.default.formSectionTitle, className) }, title)),
13
+ children))));
13
14
  };
14
15
  exports.FormSection = FormSection;
15
16
  exports.FormSection.displayName = 'FormSection';
package/dist/js/components/Form/FormSection.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormSection.js","sourceRoot":"","sources":["../../../../src/components/Form/FormSection.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAaxC,MAAM,WAAW,GAA8C,CAAC,EAMpD,EAAE,EAAE;QANgD,EACrE,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,YAAY,EAAE,YAAY,GAAG,KAAK,OAEjB,EADd,KAAK,sBAL6D,kDAMtE,CADS;IACc,OAAA,CACtB,iDAAa,KAAK,IAAE,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,WAAW,EAAE,SAAS,CAAC;QAC9D,KAAK,IAAI,oBAAC,YAAY,IAAC,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,IAAG,KAAK,CAAgB;QACjG,QAAQ,CACD,CACX,CAAA;CAAA,CAAC;AAXW,QAAA,WAAW,eAWtB;AACF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
1
+ {"version":3,"file":"FormSection.js","sourceRoot":"","sources":["../../../../src/components/Form/FormSection.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,oEAAiE;AAa1D,MAAM,WAAW,GAA8C,CAAC,EAMpD,EAAE,EAAE;QANgD,EACrE,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,YAAY,EAAE,YAAY,GAAG,KAAK,OAEjB,EADd,KAAK,sBAL6D,kDAMtE,CADS;IACc,OAAA,CACtB,oBAAC,uBAAU,IAAC,MAAM,EAAC,uBAAuB,IACvC,SAAS,CAAC,EAAE,CAAC,CACZ,+CACE,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,WAAW,EAAE,SAAS,CAAC,EAC7C,IAAI,EAAC,OAAO,IACR,CAAC,KAAK,IAAI,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC,EAC3C,KAAK;QAER,KAAK,IAAI,CACR,oBAAC,YAAY,IAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,IAC5E,KAAK,CACO,CAChB;QACA,QAAQ,CACD,CACX,CACU,CACd,CAAA;CAAA,CAAC;AAxBW,QAAA,WAAW,eAwBtB;AACF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
package/dist/js/components/Form/InternalFormFieldGroup.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"InternalFormFieldGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/InternalFormFieldGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACjG,iEAAiE;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,uDAAuD;IACvD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CA0CvF,CAAC"}
1
+ {"version":3,"file":"InternalFormFieldGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/InternalFormFieldGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACjG,iEAAiE;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,uDAAuD;IACvD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CA4CvF,CAAC"}
package/dist/js/components/Form/InternalFormFieldGroup.js CHANGED
@@ -14,7 +14,7 @@ const InternalFormFieldGroup = (_a) => {
14
14
  // eslint-disable-next-line no-console
15
15
  console.error('FormFieldGroupExpandable:', 'toggleAriaLabel or the titleText prop of FormFieldGroupHeader is required to make the toggle button accessible');
16
16
  }
17
- return (React.createElement("div", Object.assign({ className: react_styles_1.css(form_1.default.formFieldGroup, isExpanded && isExpandable && form_1.default.modifiers.expanded, className) }, props),
17
+ return (React.createElement("div", Object.assign({ className: react_styles_1.css(form_1.default.formFieldGroup, isExpanded && isExpandable && form_1.default.modifiers.expanded, className), role: "group" }, (headerTitleText && { 'aria-labelledby': `${header.props.titleText.id}` }), props),
18
18
  isExpandable && (React.createElement(helpers_1.GenerateId, { prefix: "form-field-group-toggle" }, id => (React.createElement(FormFieldGroupToggle_1.FormFieldGroupToggle, Object.assign({ onToggle: onToggle, isExpanded: isExpanded, "aria-label": toggleAriaLabel, toggleId: id }, (headerTitleText && { 'aria-labelledby': `${header.props.titleText.id} ${id}` })))))),
19
19
  header && header,
20
20
  (!isExpandable || (isExpandable && isExpanded)) && (React.createElement("div", { className: react_styles_1.css(form_1.default.formFieldGroupBody) }, children))));
package/dist/js/components/Form/InternalFormFieldGroup.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"InternalFormFieldGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/InternalFormFieldGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,iEAA8D;AAC9D,2CAA2C;AAmBpC,MAAM,sBAAsB,GAAyD,CAAC,EAS/D,EAAE,EAAE;QAT2D,EAC3F,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,eAAe,OAEa,EADzB,KAAK,sBARmF,gGAS5F,CADS;IAER,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/D,IAAI,YAAY,IAAI,CAAC,eAAe,IAAI,CAAC,eAAe,EAAE;QACxD,sCAAsC;QACtC,OAAO,CAAC,KAAK,CACX,2BAA2B,EAC3B,gHAAgH,CACjH,CAAC;KACH;IACD,OAAO,CACL,2CACE,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,cAAc,EAAE,UAAU,IAAI,YAAY,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,IACrG,KAAK;QAER,YAAY,IAAI,CACf,oBAAC,oBAAU,IAAC,MAAM,EAAC,yBAAyB,IACzC,EAAE,CAAC,EAAE,CAAC,CACL,oBAAC,2CAAoB,kBACnB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,gBACV,eAAe,EAC3B,QAAQ,EAAE,EAAE,IACR,CAAC,eAAe,IAAI,EAAE,iBAAiB,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EACpF,CACH,CACU,CACd;QACA,MAAM,IAAI,MAAM;QAChB,CAAC,CAAC,YAAY,IAAI,CAAC,YAAY,IAAI,UAAU,CAAC,CAAC,IAAI,CAClD,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,kBAAkB,CAAC,IAAG,QAAQ,CAAO,CACjE,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,sBAAsB,0BA0CjC;AACF,8BAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}
1
+ {"version":3,"file":"InternalFormFieldGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/InternalFormFieldGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,iEAA8D;AAC9D,2CAA2C;AAmBpC,MAAM,sBAAsB,GAAyD,CAAC,EAS/D,EAAE,EAAE;QAT2D,EAC3F,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,eAAe,OAEa,EADzB,KAAK,sBARmF,gGAS5F,CADS;IAER,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/D,IAAI,YAAY,IAAI,CAAC,eAAe,IAAI,CAAC,eAAe,EAAE;QACxD,sCAAsC;QACtC,OAAO,CAAC,KAAK,CACX,2BAA2B,EAC3B,gHAAgH,CACjH,CAAC;KACH;IACD,OAAO,CACL,2CACE,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,cAAc,EAAE,UAAU,IAAI,YAAY,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,EACzG,IAAI,EAAC,OAAO,IACR,CAAC,eAAe,IAAI,EAAE,iBAAiB,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,EAC1E,KAAK;QAER,YAAY,IAAI,CACf,oBAAC,oBAAU,IAAC,MAAM,EAAC,yBAAyB,IACzC,EAAE,CAAC,EAAE,CAAC,CACL,oBAAC,2CAAoB,kBACnB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,gBACV,eAAe,EAC3B,QAAQ,EAAE,EAAE,IACR,CAAC,eAAe,IAAI,EAAE,iBAAiB,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EACpF,CACH,CACU,CACd;QACA,MAAM,IAAI,MAAM;QAChB,CAAC,CAAC,YAAY,IAAI,CAAC,YAAY,IAAI,UAAU,CAAC,CAAC,IAAI,CAClD,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,kBAAkB,CAAC,IAAG,QAAQ,CAAO,CACjE,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AA5CW,QAAA,sBAAsB,0BA4CjC;AACF,8BAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}
package/dist/umd/react-core.css CHANGED
@@ -23279,6 +23279,40 @@ svg.pf-c-spinner.pf-m-xl {
23279
23279
  display: flex;
23280
23280
  }
23281
23281
 
23282
+ .pf-c-truncate {
23283
+ --pf-c-truncate--MinWidth: 12ch;
23284
+ --pf-c-truncate__start--MinWidth: 6ch;
23285
+ display: inline-grid;
23286
+ grid-auto-flow: column;
23287
+ align-items: baseline;
23288
+ min-width: var(--pf-c-truncate--MinWidth);
23289
+ }
23290
+
23291
+ .pf-c-truncate__start,
23292
+ .pf-c-truncate__end {
23293
+ overflow: hidden;
23294
+ text-overflow: ellipsis;
23295
+ white-space: nowrap;
23296
+ }
23297
+
23298
+ .pf-c-truncate__start {
23299
+ min-width: var(--pf-c-truncate__start--MinWidth);
23300
+ }
23301
+
23302
+ .pf-c-truncate__end {
23303
+ direction: rtl;
23304
+ }
23305
+
23306
+ .pf-c-truncate__start + .pf-c-truncate__end {
23307
+ overflow: visible;
23308
+ direction: ltr;
23309
+ }
23310
+
23311
+ @supports (-webkit-hyphens: none) {
23312
+ .pf-c-truncate__end {
23313
+ direction: ltr;
23314
+ }
23315
+ }
23282
23316
  .pf-c-panel {
23283
23317
  --pf-c-panel--Width: auto;
23284
23318
  --pf-c-panel--MinWidth: auto;
@@ -23362,40 +23396,6 @@ svg.pf-c-spinner.pf-m-xl {
23362
23396
  box-shadow: var(--pf-c-panel__footer--BoxShadow);
23363
23397
  }
23364
23398
 
23365
- .pf-c-truncate {
23366
- --pf-c-truncate--MinWidth: 12ch;
23367
- --pf-c-truncate__start--MinWidth: 6ch;
23368
- display: inline-grid;
23369
- grid-auto-flow: column;
23370
- align-items: baseline;
23371
- min-width: var(--pf-c-truncate--MinWidth);
23372
- }
23373
-
23374
- .pf-c-truncate__start,
23375
- .pf-c-truncate__end {
23376
- overflow: hidden;
23377
- text-overflow: ellipsis;
23378
- white-space: nowrap;
23379
- }
23380
-
23381
- .pf-c-truncate__start {
23382
- min-width: var(--pf-c-truncate__start--MinWidth);
23383
- }
23384
-
23385
- .pf-c-truncate__end {
23386
- direction: rtl;
23387
- }
23388
-
23389
- .pf-c-truncate__start + .pf-c-truncate__end {
23390
- overflow: visible;
23391
- direction: ltr;
23392
- }
23393
-
23394
- @supports (-webkit-hyphens: none) {
23395
- .pf-c-truncate__end {
23396
- direction: ltr;
23397
- }
23398
- }
23399
23399
  .pf-l-flex {
23400
23400
  --pf-l-flex--Display: flex;
23401
23401
  --pf-l-flex--FlexWrap: wrap;
package/dist/umd/react-core.js CHANGED
@@ -14028,7 +14028,7 @@
14028
14028
  // eslint-disable-next-line no-console
14029
14029
  console.error('FormFieldGroupExpandable:', 'toggleAriaLabel or the titleText prop of FormFieldGroupHeader is required to make the toggle button accessible');
14030
14030
  }
14031
- return (React__namespace.createElement("div", Object.assign({ className: css(styles$Z.formFieldGroup, isExpanded && isExpandable && styles$Z.modifiers.expanded, className) }, props),
14031
+ return (React__namespace.createElement("div", Object.assign({ className: css(styles$Z.formFieldGroup, isExpanded && isExpandable && styles$Z.modifiers.expanded, className), role: "group" }, (headerTitleText && { 'aria-labelledby': `${header.props.titleText.id}` }), props),
14032
14032
  isExpandable && (React__namespace.createElement(GenerateId, { prefix: "form-field-group-toggle" }, id => (React__namespace.createElement(FormFieldGroupToggle, Object.assign({ onToggle: onToggle, isExpanded: isExpanded, "aria-label": toggleAriaLabel, toggleId: id }, (headerTitleText && { 'aria-labelledby': `${header.props.titleText.id} ${id}` })))))),
14033
14033
  header && header,
14034
14034
  (!isExpandable || (isExpandable && isExpanded)) && (React__namespace.createElement("div", { className: css(styles$Z.formFieldGroupBody) }, children))));
@@ -14060,7 +14060,7 @@
14060
14060
  FormFieldGroupHeader.displayName = 'FormFieldGroupHeader';
14061
14061
 
14062
14062
  const FormGroup = (_a) => {
14063
- var { children = null, className = '', label, labelInfo, labelIcon, isRequired = false, validated = 'default', isInline = false, hasNoPaddingTop = false, isStack = false, helperText, isHelperTextBeforeField = false, helperTextInvalid, helperTextIcon, helperTextInvalidIcon, fieldId } = _a, props = __rest$1(_a, ["children", "className", "label", "labelInfo", "labelIcon", "isRequired", "validated", "isInline", "hasNoPaddingTop", "isStack", "helperText", "isHelperTextBeforeField", "helperTextInvalid", "helperTextIcon", "helperTextInvalidIcon", "fieldId"]);
14063
+ var { children = null, className = '', label, labelInfo, labelIcon, isRequired = false, validated = 'default', isInline = false, hasNoPaddingTop = false, isStack = false, helperText, isHelperTextBeforeField = false, helperTextInvalid, helperTextIcon, helperTextInvalidIcon, fieldId, role } = _a, props = __rest$1(_a, ["children", "className", "label", "labelInfo", "labelIcon", "isRequired", "validated", "isInline", "hasNoPaddingTop", "isStack", "helperText", "isHelperTextBeforeField", "helperTextInvalid", "helperTextIcon", "helperTextInvalidIcon", "fieldId", "role"]);
14064
14064
  const validHelperText = typeof helperText !== 'string' ? (helperText) : (React__namespace.createElement("div", { className: css(styles$Z.formHelperText, validated === exports.ValidatedOptions.success && styles$Z.modifiers.success, validated === exports.ValidatedOptions.warning && styles$Z.modifiers.warning), id: `${fieldId}-helper`, "aria-live": "polite" },
14065
14065
  helperTextIcon && React__namespace.createElement("span", { className: css(styles$Z.formHelperTextIcon) }, helperTextIcon),
14066
14066
  helperText));
@@ -14069,16 +14069,18 @@
14069
14069
  helperTextInvalid));
14070
14070
  const showValidHelperTxt = (validationType) => validationType !== exports.ValidatedOptions.error && helperText ? validHelperText : '';
14071
14071
  const helperTextToDisplay = validated === exports.ValidatedOptions.error && helperTextInvalid ? inValidHelperText : showValidHelperTxt(validated);
14072
+ const isGroupOrRadioGroup = role === 'group' || role === 'radiogroup';
14073
+ const LabelComponent = isGroupOrRadioGroup ? 'span' : 'label';
14072
14074
  const labelContent = (React__namespace.createElement(React__namespace.Fragment, null,
14073
- React__namespace.createElement("label", { className: css(styles$Z.formLabel), htmlFor: fieldId },
14075
+ React__namespace.createElement(LabelComponent, Object.assign({ className: css(styles$Z.formLabel) }, (!isGroupOrRadioGroup && { htmlFor: fieldId })),
14074
14076
  React__namespace.createElement("span", { className: css(styles$Z.formLabelText) }, label),
14075
14077
  isRequired && (React__namespace.createElement("span", { className: css(styles$Z.formLabelRequired), "aria-hidden": "true" },
14076
14078
  ' ',
14077
14079
  ASTERISK))),
14078
14080
  ' ',
14079
14081
  React__namespace.isValidElement(labelIcon) && labelIcon));
14080
- return (React__namespace.createElement("div", Object.assign({}, props, { className: css(styles$Z.formGroup, className) }),
14081
- label && (React__namespace.createElement("div", { className: css(styles$Z.formGroupLabel, labelInfo && styles$Z.modifiers.info, hasNoPaddingTop && styles$Z.modifiers.noPaddingTop) },
14082
+ return (React__namespace.createElement("div", Object.assign({ className: css(styles$Z.formGroup, className) }, (role && { role }), (isGroupOrRadioGroup && { 'aria-labelledby': `${fieldId}-legend` }), props),
14083
+ label && (React__namespace.createElement("div", Object.assign({ className: css(styles$Z.formGroupLabel, labelInfo && styles$Z.modifiers.info, hasNoPaddingTop && styles$Z.modifiers.noPaddingTop) }, (isGroupOrRadioGroup && { id: `${fieldId}-legend` })),
14082
14084
  labelInfo && (React__namespace.createElement(React__namespace.Fragment, null,
14083
14085
  React__namespace.createElement("div", { className: css(styles$Z.formGroupLabelMain) }, labelContent),
14084
14086
  React__namespace.createElement("div", { className: css(styles$Z.formGroupLabelInfo) }, labelInfo))),
@@ -14101,9 +14103,9 @@
14101
14103
 
14102
14104
  const FormSection = (_a) => {
14103
14105
  var { className = '', children, title = '', titleElement: TitleElement = 'div' } = _a, props = __rest$1(_a, ["className", "children", "title", "titleElement"]);
14104
- return (React__namespace.createElement("section", Object.assign({}, props, { className: css(styles$Z.formSection, className) }),
14105
- title && React__namespace.createElement(TitleElement, { className: css(styles$Z.formSectionTitle, className) }, title),
14106
- children));
14106
+ return (React__namespace.createElement(GenerateId, { prefix: "pf-form-section-title" }, sectionId => (React__namespace.createElement("section", Object.assign({ className: css(styles$Z.formSection, className), role: "group" }, (title && { 'aria-labelledby': sectionId }), props),
14107
+ title && (React__namespace.createElement(TitleElement, { id: sectionId, className: css(styles$Z.formSectionTitle, className) }, title)),
14108
+ children))));
14107
14109
  };
14108
14110
  FormSection.displayName = 'FormSection';
14109
14111