@patternfly/react-core 4.251.4 → 4.252.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.252.0](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.251.4...@patternfly/react-core@4.252.0) (2022-10-17)
+
+
+### Features
+
+* **DataList:** pass button props to toggle ([#8222](https://github.com/patternfly/patternfly-react/issues/8222)) ([2328018](https://github.com/patternfly/patternfly-react/commit/2328018d049fed835fa9837294967e5c8f007cab))
+
+
+
+
+
 ## [4.251.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.251.3...@patternfly/react-core@4.251.4) (2022-10-14)
 
 **Note:** Version bump only for package @patternfly/react-core

package/dist/esm/components/DataList/DataListToggle.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { ButtonProps } from '../Button';
 export interface DataListToggleProps extends React.HTMLProps<HTMLDivElement> {
     /** Additional classes added to the DataList cell */
     className?: string;
@@ -14,6 +15,8 @@ export interface DataListToggleProps extends React.HTMLProps<HTMLDivElement> {
     'aria-label'?: string;
     /** Allows users of some screen readers to shift focus to the controlled element. Should be used when the controlled contents are not adjacent to the toggle that controls them. */
     'aria-controls'?: string;
+    /** Additional properties spread to the toggle button */
+    buttonProps?: ButtonProps;
 }
 export declare const DataListToggle: React.FunctionComponent<DataListToggleProps>;
 //# sourceMappingURL=DataListToggle.d.ts.map

package/dist/esm/components/DataList/DataListToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataListToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataListToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mLAAmL;IACnL,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAyBvE,CAAC"}
+{"version":3,"file":"DataListToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataListToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAU,WAAW,EAAiB,MAAM,WAAW,CAAC;AAE/D,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mLAAmL;IACnL,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wDAAwD;IACxD,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CA2BvE,CAAC"}

package/dist/esm/components/DataList/DataListToggle.js

@@ -5,10 +5,10 @@ import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-i
 import styles from '@patternfly/react-styles/css/components/DataList/data-list';
 import { Button, ButtonVariant } from '../Button';
 export const DataListToggle = (_a) => {
-    var { className = '', isExpanded = false, 'aria-controls': ariaControls = '', 'aria-label': ariaLabel = 'Details', rowid = '', id } = _a, props = __rest(_a, ["className", "isExpanded", 'aria-controls', 'aria-label', "rowid", "id"]);
+    var { className = '', isExpanded = false, 'aria-controls': ariaControls = '', 'aria-label': ariaLabel = 'Details', rowid = '', id, buttonProps } = _a, props = __rest(_a, ["className", "isExpanded", 'aria-controls', 'aria-label', "rowid", "id", "buttonProps"]);
     return (React.createElement("div", Object.assign({ className: css(styles.dataListItemControl, className) }, props),
         React.createElement("div", { className: css(styles.dataListToggle) },
-            React.createElement(Button, { id: id, variant: ButtonVariant.plain, "aria-controls": ariaControls !== '' && ariaControls, "aria-label": ariaLabel, "aria-labelledby": ariaLabel !== 'Details' ? null : `${rowid} ${id}`, "aria-expanded": isExpanded },
+            React.createElement(Button, Object.assign({ id: id, variant: ButtonVariant.plain, "aria-controls": ariaControls !== '' && ariaControls, "aria-label": ariaLabel, "aria-labelledby": ariaLabel !== 'Details' ? null : `${rowid} ${id}`, "aria-expanded": isExpanded }, buttonProps),
                 React.createElement("div", { className: css(styles.dataListToggleIcon) },
                     React.createElement(AngleRightIcon, null))))));
 };

package/dist/esm/components/DataList/DataListToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataListToggle.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataListToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,cAAc,MAAM,yDAAyD,CAAC;AACrF,OAAO,MAAM,MAAM,4DAA4D,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAmBlD,MAAM,CAAC,MAAM,cAAc,GAAiD,CAAC,EAQvD,EAAE,EAAE;QARmD,EAC3E,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,KAAK,EAClB,eAAe,EAAE,YAAY,GAAG,EAAE,EAClC,YAAY,EAAE,SAAS,GAAG,SAAS,EACnC,KAAK,GAAG,EAAE,EACV,EAAE,OAEkB,EADjB,KAAK,cAPmE,yEAQ5E,CADS;IACiB,OAAA,CACzB,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,IAAM,KAAK;QACnE,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC;YACxC,oBAAC,MAAM,IACL,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,aAAa,CAAC,KAAK,mBACb,YAAY,KAAK,EAAE,IAAI,YAAY,gBACtC,SAAS,qBACJ,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,EAAE,EAAE,mBACnD,UAAU;gBAEzB,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC;oBAC5C,oBAAC,cAAc,OAAG,CACd,CACC,CACL,CACF,CACP,CAAA;CAAA,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"DataListToggle.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataListToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,cAAc,MAAM,yDAAyD,CAAC;AACrF,OAAO,MAAM,MAAM,4DAA4D,CAAC;AAChF,OAAO,EAAE,MAAM,EAAe,aAAa,EAAE,MAAM,WAAW,CAAC;AAqB/D,MAAM,CAAC,MAAM,cAAc,GAAiD,CAAC,EASvD,EAAE,EAAE;QATmD,EAC3E,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,KAAK,EAClB,eAAe,EAAE,YAAY,GAAG,EAAE,EAClC,YAAY,EAAE,SAAS,GAAG,SAAS,EACnC,KAAK,GAAG,EAAE,EACV,EAAE,EACF,WAAW,OAES,EADjB,KAAK,cARmE,wFAS5E,CADS;IACiB,OAAA,CACzB,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,IAAM,KAAK;QACnE,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC;YACxC,oBAAC,MAAM,kBACL,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,aAAa,CAAC,KAAK,mBACb,YAAY,KAAK,EAAE,IAAI,YAAY,gBACtC,SAAS,qBACJ,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,EAAE,EAAE,mBACnD,UAAU,IACrB,WAAW;gBAEf,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC;oBAC5C,oBAAC,cAAc,OAAG,CACd,CACC,CACL,CACF,CACP,CAAA;CAAA,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/js/components/DataList/DataListToggle.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { ButtonProps } from '../Button';
 export interface DataListToggleProps extends React.HTMLProps<HTMLDivElement> {
     /** Additional classes added to the DataList cell */
     className?: string;
@@ -14,6 +15,8 @@ export interface DataListToggleProps extends React.HTMLProps<HTMLDivElement> {
     'aria-label'?: string;
     /** Allows users of some screen readers to shift focus to the controlled element. Should be used when the controlled contents are not adjacent to the toggle that controls them. */
     'aria-controls'?: string;
+    /** Additional properties spread to the toggle button */
+    buttonProps?: ButtonProps;
 }
 export declare const DataListToggle: React.FunctionComponent<DataListToggleProps>;
 //# sourceMappingURL=DataListToggle.d.ts.map

package/dist/js/components/DataList/DataListToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataListToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataListToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mLAAmL;IACnL,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAyBvE,CAAC"}
+{"version":3,"file":"DataListToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataListToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAU,WAAW,EAAiB,MAAM,WAAW,CAAC;AAE/D,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mLAAmL;IACnL,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wDAAwD;IACxD,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CA2BvE,CAAC"}

package/dist/js/components/DataList/DataListToggle.js

@@ -8,10 +8,10 @@ const angle_right_icon_1 = tslib_1.__importDefault(require('@patternfly/react-ic
 const data_list_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/DataList/data-list"));
 const Button_1 = require("../Button");
 const DataListToggle = (_a) => {
-    var { className = '', isExpanded = false, 'aria-controls': ariaControls = '', 'aria-label': ariaLabel = 'Details', rowid = '', id } = _a, props = tslib_1.__rest(_a, ["className", "isExpanded", 'aria-controls', 'aria-label', "rowid", "id"]);
+    var { className = '', isExpanded = false, 'aria-controls': ariaControls = '', 'aria-label': ariaLabel = 'Details', rowid = '', id, buttonProps } = _a, props = tslib_1.__rest(_a, ["className", "isExpanded", 'aria-controls', 'aria-label', "rowid", "id", "buttonProps"]);
     return (React.createElement("div", Object.assign({ className: react_styles_1.css(data_list_1.default.dataListItemControl, className) }, props),
         React.createElement("div", { className: react_styles_1.css(data_list_1.default.dataListToggle) },
-            React.createElement(Button_1.Button, { id: id, variant: Button_1.ButtonVariant.plain, "aria-controls": ariaControls !== '' && ariaControls, "aria-label": ariaLabel, "aria-labelledby": ariaLabel !== 'Details' ? null : `${rowid} ${id}`, "aria-expanded": isExpanded },
+            React.createElement(Button_1.Button, Object.assign({ id: id, variant: Button_1.ButtonVariant.plain, "aria-controls": ariaControls !== '' && ariaControls, "aria-label": ariaLabel, "aria-labelledby": ariaLabel !== 'Details' ? null : `${rowid} ${id}`, "aria-expanded": isExpanded }, buttonProps),
                 React.createElement("div", { className: react_styles_1.css(data_list_1.default.dataListToggleIcon) },
                     React.createElement(angle_right_icon_1.default, null))))));
 };

package/dist/js/components/DataList/DataListToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataListToggle.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataListToggle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,sHAAqF;AACrF,mHAAgF;AAChF,sCAAkD;AAmB3C,MAAM,cAAc,GAAiD,CAAC,EAQvD,EAAE,EAAE;QARmD,EAC3E,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,KAAK,EAClB,eAAe,EAAE,YAAY,GAAG,EAAE,EAClC,YAAY,EAAE,SAAS,GAAG,SAAS,EACnC,KAAK,GAAG,EAAE,EACV,EAAE,OAEkB,EADjB,KAAK,sBAPmE,yEAQ5E,CADS;IACiB,OAAA,CACzB,2CAAK,SAAS,EAAE,kBAAG,CAAC,mBAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,IAAM,KAAK;QACnE,6BAAK,SAAS,EAAE,kBAAG,CAAC,mBAAM,CAAC,cAAc,CAAC;YACxC,oBAAC,eAAM,IACL,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,sBAAa,CAAC,KAAK,mBACb,YAAY,KAAK,EAAE,IAAI,YAAY,gBACtC,SAAS,qBACJ,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,EAAE,EAAE,mBACnD,UAAU;gBAEzB,6BAAK,SAAS,EAAE,kBAAG,CAAC,mBAAM,CAAC,kBAAkB,CAAC;oBAC5C,oBAAC,0BAAc,OAAG,CACd,CACC,CACL,CACF,CACP,CAAA;CAAA,CAAC;AAzBW,QAAA,cAAc,kBAyBzB;AACF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"DataListToggle.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataListToggle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,sHAAqF;AACrF,mHAAgF;AAChF,sCAA+D;AAqBxD,MAAM,cAAc,GAAiD,CAAC,EASvD,EAAE,EAAE;QATmD,EAC3E,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,KAAK,EAClB,eAAe,EAAE,YAAY,GAAG,EAAE,EAClC,YAAY,EAAE,SAAS,GAAG,SAAS,EACnC,KAAK,GAAG,EAAE,EACV,EAAE,EACF,WAAW,OAES,EADjB,KAAK,sBARmE,wFAS5E,CADS;IACiB,OAAA,CACzB,2CAAK,SAAS,EAAE,kBAAG,CAAC,mBAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,IAAM,KAAK;QACnE,6BAAK,SAAS,EAAE,kBAAG,CAAC,mBAAM,CAAC,cAAc,CAAC;YACxC,oBAAC,eAAM,kBACL,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,sBAAa,CAAC,KAAK,mBACb,YAAY,KAAK,EAAE,IAAI,YAAY,gBACtC,SAAS,qBACJ,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,EAAE,EAAE,mBACnD,UAAU,IACrB,WAAW;gBAEf,6BAAK,SAAS,EAAE,kBAAG,CAAC,mBAAM,CAAC,kBAAkB,CAAC;oBAC5C,oBAAC,0BAAc,OAAG,CACd,CACC,CACL,CACF,CACP,CAAA;CAAA,CAAC;AA3BW,QAAA,cAAc,kBA2BzB;AACF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}