15c0f109a921a80fa09c3975d8edca30.json 4.53 KB
{"ast":null,"code":"var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _propTypes=_interopRequireDefault(require(\"prop-types\"));var _react=_interopRequireDefault(require(\"react\"));var _reactNativeSvg=require(\"react-native-svg\");var Tooltip=function Tooltip(_ref){var x=_ref.x,y=_ref.y,value=_ref.value,index=_ref.index,height=_ref.height,text=_ref.text,stroke=_ref.stroke,pointStroke=_ref.pointStroke;return _react.default.createElement(_reactNativeSvg.G,null,_react.default.createElement(_reactNativeSvg.Line,{x1:x(index),y1:height,x2:x(index),y2:20,stroke:stroke}),_react.default.createElement(_reactNativeSvg.Circle,{cx:x(index),cy:y(value),r:4,stroke:pointStroke,strokeWidth:2,fill:'white'}),_react.default.createElement(_reactNativeSvg.G,{x:x(index)<40?40:x(index),y:10},_react.default.createElement(_reactNativeSvg.Rect,{x:-40,y:1,width:80,height:20,fill:'rgba(0, 0, 0, 0.2)',rx:2,ry:2}),_react.default.createElement(_reactNativeSvg.Rect,{x:-40,y:0,width:80,height:20,fill:'white',rx:2,ry:2}),_react.default.createElement(_reactNativeSvg.Text,{fontSize:\"12\",textAnchor:\"middle\"},text)));};Tooltip.propTypes={x:_propTypes.default.func.isRequired,y:_propTypes.default.func.isRequired,value:_propTypes.default.number,index:_propTypes.default.number,height:_propTypes.default.number,stroke:_propTypes.default.string,pointStroke:_propTypes.default.string,text:_propTypes.default.string};var _default=Tooltip;exports.default=_default;","map":{"version":3,"sources":["C:/Users/bluej/Desktop/2_2/searchGuide/searchGuide/node_modules/react-native-svg-charts/src/chart-decorators/tooltip.js"],"names":["Tooltip","x","y","value","index","height","text","stroke","pointStroke","propTypes","PropTypes","func","isRequired","number","string"],"mappings":"mKAAA,6DACA,oDACA,gDAEA,GAAMA,CAAAA,OAAO,CAAG,QAAVA,CAAAA,OAAU,MAA+D,IAA5DC,CAAAA,CAA4D,MAA5DA,CAA4D,CAAzDC,CAAyD,MAAzDA,CAAyD,CAAtDC,KAAsD,MAAtDA,KAAsD,CAA/CC,KAA+C,MAA/CA,KAA+C,CAAxCC,MAAwC,MAAxCA,MAAwC,CAAhCC,IAAgC,MAAhCA,IAAgC,CAA1BC,MAA0B,MAA1BA,MAA0B,CAAlBC,WAAkB,MAAlBA,WAAkB,CAC3E,MACI,8BAAC,iBAAD,MACI,6BAAC,oBAAD,EAAM,EAAE,CAAEP,CAAC,CAACG,KAAD,CAAX,CAAoB,EAAE,CAAEC,MAAxB,CAAgC,EAAE,CAAEJ,CAAC,CAACG,KAAD,CAArC,CAA8C,EAAE,CAAE,EAAlD,CAAsD,MAAM,CAAEG,MAA9D,EADJ,CAEI,6BAAC,sBAAD,EAAQ,EAAE,CAAEN,CAAC,CAACG,KAAD,CAAb,CAAsB,EAAE,CAAEF,CAAC,CAACC,KAAD,CAA3B,CAAoC,CAAC,CAAE,CAAvC,CAA0C,MAAM,CAAEK,WAAlD,CAA+D,WAAW,CAAE,CAA5E,CAA+E,IAAI,CAAE,OAArF,EAFJ,CAGI,6BAAC,iBAAD,EAAG,CAAC,CAAEP,CAAC,CAACG,KAAD,CAAD,CAAW,EAAX,CAAgB,EAAhB,CAAqBH,CAAC,CAACG,KAAD,CAA5B,CAAqC,CAAC,CAAE,EAAxC,EACI,6BAAC,oBAAD,EAAM,CAAC,CAAE,CAAC,EAAV,CAAc,CAAC,CAAE,CAAjB,CAAoB,KAAK,CAAE,EAA3B,CAA+B,MAAM,CAAE,EAAvC,CAA2C,IAAI,CAAE,oBAAjD,CAAuE,EAAE,CAAE,CAA3E,CAA8E,EAAE,CAAE,CAAlF,EADJ,CAEI,6BAAC,oBAAD,EAAM,CAAC,CAAE,CAAC,EAAV,CAAc,CAAC,CAAE,CAAjB,CAAoB,KAAK,CAAE,EAA3B,CAA+B,MAAM,CAAE,EAAvC,CAA2C,IAAI,CAAE,OAAjD,CAA0D,EAAE,CAAE,CAA9D,CAAiE,EAAE,CAAE,CAArE,EAFJ,CAGI,6BAAC,oBAAD,EAAM,QAAQ,CAAC,IAAf,CAAoB,UAAU,CAAC,QAA/B,EACKE,IADL,CAHJ,CAHJ,CADJ,CAaH,CAdD,CAgBAN,OAAO,CAACS,SAAR,CAAoB,CAChBR,CAAC,CAAES,mBAAUC,IAAV,CAAeC,UADF,CAEhBV,CAAC,CAAEQ,mBAAUC,IAAV,CAAeC,UAFF,CAGhBT,KAAK,CAAEO,mBAAUG,MAHD,CAIhBT,KAAK,CAAEM,mBAAUG,MAJD,CAKhBR,MAAM,CAAEK,mBAAUG,MALF,CAMhBN,MAAM,CAAEG,mBAAUI,MANF,CAOhBN,WAAW,CAAEE,mBAAUI,MAPP,CAQhBR,IAAI,CAAEI,mBAAUI,MARA,CAApB,C,aAWed,O","sourcesContent":["import PropTypes from 'prop-types'\nimport React from 'react'\nimport { Circle, G, Line, Rect, Text } from 'react-native-svg'\n\nconst Tooltip = ({ x, y, value, index, height, text, stroke, pointStroke }) => {\n    return (\n        <G>\n            <Line x1={x(index)} y1={height} x2={x(index)} y2={20} stroke={stroke} />\n            <Circle cx={x(index)} cy={y(value)} r={4} stroke={pointStroke} strokeWidth={2} fill={'white'} />\n            <G x={x(index) < 40 ? 40 : x(index)} y={10}>\n                <Rect x={-40} y={1} width={80} height={20} fill={'rgba(0, 0, 0, 0.2)'} rx={2} ry={2} />\n                <Rect x={-40} y={0} width={80} height={20} fill={'white'} rx={2} ry={2} />\n                <Text fontSize='12' textAnchor='middle'>\n                    {text}\n                </Text>\n            </G>\n        </G>\n    )\n}\n\nTooltip.propTypes = {\n    x: PropTypes.func.isRequired,\n    y: PropTypes.func.isRequired,\n    value: PropTypes.number,\n    index: PropTypes.number,\n    height: PropTypes.number,\n    stroke: PropTypes.string,\n    pointStroke: PropTypes.string,\n    text: PropTypes.string,\n}\n\nexport default Tooltip\n"]},"metadata":{},"sourceType":"script"}