@netdata/charts
Version:
Netdata frontend SDK and chart utilities
62 lines (61 loc) • 2.08 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = exports.annotationPriorities = void 0;
var _react = _interopRequireDefault(require("react"));
var _tooltip = _interopRequireDefault(require("../../../tooltip"));
var _netdataUi = require("@netdata/netdata-ui");
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var annotationPriorities = exports.annotationPriorities = [{
name: "debug",
color: "#9E9E9E",
label: "Debug"
}, {
name: "info",
color: "#0075F2",
label: "Info"
}, {
name: "warning",
color: "#FFCC26",
label: "Warning"
}, {
name: "error",
color: "#F95251",
label: "Error"
}, {
name: "critical",
color: "#D32F2F",
label: "Critical"
}];
var ColorOption = _styledComponents["default"].div.withConfig({
displayName: "colorPicker__ColorOption",
componentId: "sc-o8docr-0"
})(["width:12px;height:8px;border-radius:2px;cursor:pointer;border:1px solid ", ";background-color:", ";box-shadow:0 1px 3px rgba(0,0,0,0.2);&:hover{transform:scale(1.1);}"], function (props) {
return props.selected ? "#fff" : "transparent";
}, function (props) {
return props.color;
});
var ColorPicker = function ColorPicker(_ref) {
var selectedColor = _ref.selectedColor,
onColorChange = _ref.onColorChange;
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_netdataUi.Flex, {
gap: 1,
alignItems: "center",
children: annotationPriorities.map(function (priority) {
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip["default"], {
content: priority.label,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ColorOption, {
color: priority.color,
selected: selectedColor === priority.color,
onClick: function onClick() {
return onColorChange(priority.color, priority.name);
}
})
}, priority.name);
})
});
};
var _default = exports["default"] = ColorPicker;