@semcore/chart
Version:
Semrush Chart Component
52 lines • 3.36 kB
JavaScript
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
import { sstyled as _sstyled } from "@semcore/core";
var _excluded = ["className", "forwardedRef", "children"];
import React from 'react';
import { sstyled } from '@semcore/core';
import copyComponent from './copy';
/*__reshadow-styles__:"./style/chart.shadow.css"*/
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChart_z2wr8_gg_ .recharts-label{text-anchor:middle;fill:var(--intergalactic-text-hint, #6c6e79)}.___SChart_z2wr8_gg_ .recharts-cartesian-axis-tick-value{fill:var(--intergalactic-chart-grid-text-label, #6c6e79);font-size:12px;line-height:1.1}.___SChart_z2wr8_gg_ .recharts-default-tooltip{padding:12px;margin:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);white-space:nowrap;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));border-radius:var(--intergalactic-popper-rounded, 6px)}.___SChart_z2wr8_gg_ .recharts-tooltip-item{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--intergalactic-text-primary, #191b23);padding:4px 0}.___SChart_z2wr8_gg_ .recharts-tooltip-label{font-size:12px;color:var(--intergalactic-text-secondary, #6c6e79);margin-top:0;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SChart_z2wr8_gg_ .recharts-tooltip-label:empty{margin-bottom:0}.___SChart_z2wr8_gg_ .recharts-tooltip-item-value-wrapper{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SChart_z2wr8_gg_ .recharts-tooltip-item-value{font-weight:var(--intergalactic-bold, Bold)}.___SChart_z2wr8_gg_ .recharts-tooltip-item-color{display:inline-block;margin-right:var(--intergalactic-spacing-2x, 8px);width:8px;height:8px;border-radius:50%}.___SChart_z2wr8_gg_ .recharts-area-dot{fill-opacity:1}" /*__inner_css_end__*/, "z2wr8_gg_") /*__reshadow_css_end__*/, {
"__SChart": "___SChart_z2wr8_gg_"
});
export default function copyChart(SChart) {
return copyComponent(SChart, {
defaultProps: {
margin: {
top: 10,
left: 10,
right: 10,
bottom: 10
}
},
render: function render() {
var _ref;
var _this$props = this.props,
className = _this$props.className,
forwardedRef = _this$props.forwardedRef,
children = _this$props.children,
other = _objectWithoutProperties(_this$props, _excluded);
return _ref = sstyled(styles),
/*#__PURE__*/
// @ts-ignore
React.createElement(SChart, _ref.cn("SChart", _objectSpread(_objectSpread({}, other), {}, {
"ref": forwardedRef,
"className": className
})), /*#__PURE__*/React.createElement("defs", _ref.cn("defs", {}), /*#__PURE__*/React.createElement("pattern", _ref.cn("pattern", {
"id": 'diagonalGradient',
"patternUnits": 'userSpaceOnUse',
"width": '10',
"height": '10',
"patternTransform": 'rotate(-45)'
}), /*#__PURE__*/React.createElement("line", _ref.cn("line", {
"x1": '5',
"y": '0',
"x2": '5',
"y2": '10',
"stroke": '#000',
"strokeWidth": '1'
})))), children);
}
});
}
//# sourceMappingURL=copyChart.js.map