@patternfly/react-core 4.221.15 → 4.222.0

package/dist/js/components/Form/FormSection.js

@@ -5,11 +5,12 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const form_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Form/form"));
 const react_styles_1 = require("@patternfly/react-styles");
+const GenerateId_1 = require("../../helpers/GenerateId/GenerateId");
 const FormSection = (_a) => {
     var { className = '', children, title = '', titleElement: TitleElement = 'div' } = _a, props = tslib_1.__rest(_a, ["className", "children", "title", "titleElement"]);
-    return (React.createElement("section", Object.assign({}, props, { className: react_styles_1.css(form_1.default.formSection, className) }),
-        title && React.createElement(TitleElement, { className: react_styles_1.css(form_1.default.formSectionTitle, className) }, title),
-        children));
+    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),
+        title && (React.createElement(TitleElement, { id: sectionId, className: react_styles_1.css(form_1.default.formSectionTitle, className) }, title)),
+        children))));
 };
 exports.FormSection = FormSection;
 exports.FormSection.displayName = 'FormSection';

package/dist/js/components/Form/FormSection.js.map

@@ -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"}
+{"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

@@ -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"}
+{"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

@@ -14,7 +14,7 @@ const InternalFormFieldGroup = (_a) => {
         // eslint-disable-next-line no-console
         console.error('FormFieldGroupExpandable:', 'toggleAriaLabel or the titleText prop of FormFieldGroupHeader is required to make the toggle button accessible');
     }
-    return (React.createElement("div", Object.assign({ className: react_styles_1.css(form_1.default.formFieldGroup, isExpanded && isExpandable && form_1.default.modifiers.expanded, className) }, props),
+    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),
         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}` })))))),
         header && header,
         (!isExpandable || (isExpandable && isExpanded)) && (React.createElement("div", { className: react_styles_1.css(form_1.default.formFieldGroupBody) }, children))));

package/dist/js/components/Form/InternalFormFieldGroup.js.map

@@ -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"}
+{"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

@@ -23279,6 +23279,40 @@ svg.pf-c-spinner.pf-m-xl {
   display: flex;
 }
 
+.pf-c-truncate {
+  --pf-c-truncate--MinWidth: 12ch;
+  --pf-c-truncate__start--MinWidth: 6ch;
+  display: inline-grid;
+  grid-auto-flow: column;
+  align-items: baseline;
+  min-width: var(--pf-c-truncate--MinWidth);
+}
+
+.pf-c-truncate__start,
+.pf-c-truncate__end {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.pf-c-truncate__start {
+  min-width: var(--pf-c-truncate__start--MinWidth);
+}
+
+.pf-c-truncate__end {
+  direction: rtl;
+}
+
+.pf-c-truncate__start + .pf-c-truncate__end {
+  overflow: visible;
+  direction: ltr;
+}
+
+@supports (-webkit-hyphens: none) {
+  .pf-c-truncate__end {
+    direction: ltr;
+  }
+}
 .pf-c-panel {
   --pf-c-panel--Width: auto;
   --pf-c-panel--MinWidth: auto;
@@ -23362,40 +23396,6 @@ svg.pf-c-spinner.pf-m-xl {
   box-shadow: var(--pf-c-panel__footer--BoxShadow);
 }
 
-.pf-c-truncate {
-  --pf-c-truncate--MinWidth: 12ch;
-  --pf-c-truncate__start--MinWidth: 6ch;
-  display: inline-grid;
-  grid-auto-flow: column;
-  align-items: baseline;
-  min-width: var(--pf-c-truncate--MinWidth);
-}
-
-.pf-c-truncate__start,
-.pf-c-truncate__end {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.pf-c-truncate__start {
-  min-width: var(--pf-c-truncate__start--MinWidth);
-}
-
-.pf-c-truncate__end {
-  direction: rtl;
-}
-
-.pf-c-truncate__start + .pf-c-truncate__end {
-  overflow: visible;
-  direction: ltr;
-}
-
-@supports (-webkit-hyphens: none) {
-  .pf-c-truncate__end {
-    direction: ltr;
-  }
-}
 .pf-l-flex {
   --pf-l-flex--Display: flex;
   --pf-l-flex--FlexWrap: wrap;