UNPKG

@patternfly/react-core

Version:

This library provides a set of common React components for use with the PatternFly reference implementation.

20 lines 1.68 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.DataListToggle = void 0; const tslib_1 = require("tslib"); const React = tslib_1.__importStar(require("react")); const react_styles_1 = require("@patternfly/react-styles"); const angle_right_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/angle-right-icon')); 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"]); 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("div", { className: react_styles_1.css(data_list_1.default.dataListToggleIcon) }, React.createElement(angle_right_icon_1.default, null)))))); }; exports.DataListToggle = DataListToggle; exports.DataListToggle.displayName = 'DataListToggle'; //# sourceMappingURL=DataListToggle.js.map