design-system-govbr-rnp
Version:
## Padrão Digital de Governo - React Biblioteca de componentes React que implementa o [Padrão Visual digital do governo](https://www.gov.br/ds/). O objetivo da biblioteca é facilitar a implementação e promover a padronização das interfaces de sistemas do
58 lines (57 loc) • 2.2 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _Feedback = _interopRequireDefault(require("../Feedback/Feedback"));
var _styles = require("./styles");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Radio = function Radio(_ref) {
var feedback = _ref.feedback,
info = _ref.info,
inline = _ref.inline,
name = _ref.name,
options = _ref.options,
title = _ref.title;
var renderOptions = function renderOptions(item) {
return /*#__PURE__*/_react.default.createElement(_styles.Label, {
key: item.id,
disabled: item === null || item === void 0 ? void 0 : item.disabled
}, /*#__PURE__*/_react.default.createElement(_styles.Input, {
disabled: item === null || item === void 0 ? void 0 : item.disabled,
id: item.id,
name: name,
state: item.state,
type: "radio",
value: item.value
}), item.label);
};
return /*#__PURE__*/_react.default.createElement(_styles.Wrapper, {
inline: inline
}, title && /*#__PURE__*/_react.default.createElement(_styles.Title, null, title), info && /*#__PURE__*/_react.default.createElement(_styles.Info, null, info), /*#__PURE__*/_react.default.createElement("div", null, options && options.map(function (option) {
return renderOptions(option);
})), feedback && /*#__PURE__*/_react.default.createElement(_Feedback.default, {
feedback: feedback
}));
};
Radio.propTypes = {
feedback: _propTypes.default.shape({
type: _propTypes.default.string,
message: _propTypes.default.string
}),
info: _propTypes.default.string,
inline: _propTypes.default.bool,
name: _propTypes.default.string,
options: _propTypes.default.arrayOf(_propTypes.default.shape({
disabled: _propTypes.default.bool,
id: _propTypes.default.string,
label: _propTypes.default.string,
state: _propTypes.default.string,
value: _propTypes.default.string
})),
title: _propTypes.default.string
};
var _default = Radio;
exports.default = _default;