@patternfly/react-core
Version:
This library provides a set of common React components for use with the PatternFly reference implementation.
35 lines • 2.95 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.HelperTextItem = exports.HelperTextItemVariant = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const helper_text_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/HelperText/helper-text"));
const react_styles_1 = require("@patternfly/react-styles");
const minus_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/minus-icon'));
const exclamation_triangle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon'));
const check_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/check-circle-icon'));
const exclamation_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/exclamation-circle-icon'));
var HelperTextItemVariant;
(function (HelperTextItemVariant) {
HelperTextItemVariant["default"] = "default";
HelperTextItemVariant["warning"] = "warning";
HelperTextItemVariant["error"] = "error";
HelperTextItemVariant["success"] = "success";
})(HelperTextItemVariant || (exports.HelperTextItemVariant = HelperTextItemVariant = {}));
const defaultVariantIcons = {
indeterminate: (0, jsx_runtime_1.jsx)(minus_icon_1.default, {}),
warning: (0, jsx_runtime_1.jsx)(exclamation_triangle_icon_1.default, {}),
success: (0, jsx_runtime_1.jsx)(check_circle_icon_1.default, {}),
error: (0, jsx_runtime_1.jsx)(exclamation_circle_icon_1.default, {})
};
const HelperTextItem = (_a) => {
var { children, className, component = 'div', variant = 'default', icon, id, screenReaderText = `${variant} status` } = _a, props = tslib_1.__rest(_a, ["children", "className", "component", "variant", "icon", "id", "screenReaderText"]);
const Component = component;
const isNotDefaultVariant = variant !== 'default';
const defaultIcon = isNotDefaultVariant && defaultVariantIcons[variant];
const shouldRenderSRText = isNotDefaultVariant && screenReaderText && screenReaderText !== '';
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ className: (0, react_styles_1.css)(helper_text_1.default.helperTextItem, isNotDefaultVariant && helper_text_1.default.modifiers[variant], className), id: id }, props, { children: [(defaultIcon || icon) && (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(helper_text_1.default.helperTextItemIcon), children: icon || defaultIcon }), (0, jsx_runtime_1.jsxs)("span", { className: (0, react_styles_1.css)(helper_text_1.default.helperTextItemText), children: [children, shouldRenderSRText && (0, jsx_runtime_1.jsxs)("span", { className: "pf-v6-screen-reader", children: [": ", screenReaderText, ";"] })] })] })));
};
exports.HelperTextItem = HelperTextItem;
exports.HelperTextItem.displayName = 'HelperTextItem';
//# sourceMappingURL=HelperTextItem.js.map