@braineet/ui
Version:
Braineet design system
58 lines (57 loc) • 2.38 kB
JavaScript
;
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _icon = _interopRequireDefault(require("../icon"));
var _sc = require("./sc.selectColor");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["colorValue", "value", "name", "form", "uniqd", "field"];
/* eslint-disable no-nested-ternary */
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
var CheckboxColor = function CheckboxColor(_ref) {
var colorValue = _ref.colorValue,
v = _ref.value,
name = _ref.name,
form = _ref.form,
uniqd = _ref.uniqd,
field = _ref.field,
restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
var fieldName = form && form.touched && field ? field.name : name;
var value = field && field.value ? field.value : v;
var onKeyDown = function onKeyDown(e) {
if (e.key === 'Enter' && form.setFieldValue && field.name) {
form.setFieldValue(field.name, colorValue);
e.preventDefault();
e.stopPropagation();
}
};
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sc.CheckboxColorStyled, {
as: "label",
tabIndex: 0,
htmlFor: "" + fieldName + uniqd + colorValue.replace('#', ''),
colorValue: colorValue,
onKeyDown: onKeyDown,
isActive: value === colorValue,
children: [value === colorValue ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.default, {
color: "white",
name: "tick",
size: 24
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_sc.Checkbox, _extends({
tabIndex: "-1",
type: "radio",
checked: value === colorValue
}, field, restProps, {
id: "" + fieldName + uniqd + colorValue.replace('#', ''),
value: colorValue
}))]
});
};
CheckboxColor.defaultProps = {
value: null,
name: null,
form: null,
field: null
};
var _default = exports.default = CheckboxColor;