@semcore/d3-chart 3.4.1 → 3.5.0-test.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -1
- package/lib/cjs/Area.js +18 -12
- package/lib/cjs/Area.js.map +1 -1
- package/lib/cjs/Axis.js +14 -14
- package/lib/cjs/Bar.js +8 -8
- package/lib/cjs/Bubble.js +10 -10
- package/lib/cjs/Donut.js +7 -7
- package/lib/cjs/Dots.js +14 -10
- package/lib/cjs/Dots.js.map +1 -1
- package/lib/cjs/HorizontalBar.js +8 -8
- package/lib/cjs/Hover.js +3 -3
- package/lib/cjs/Line.js +15 -11
- package/lib/cjs/Line.js.map +1 -1
- package/lib/cjs/Plot.js +3 -3
- package/lib/cjs/Radar.js +17 -17
- package/lib/cjs/RadialTree.js +12 -12
- package/lib/cjs/RadialTree.js.map +1 -1
- package/lib/cjs/ReferenceLine.js +9 -9
- package/lib/cjs/ScatterPlot.js +7 -7
- package/lib/cjs/Tooltip.js +8 -8
- package/lib/cjs/Venn.js +7 -7
- package/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/lib/cjs/a11y/PlotA11yView.js +14 -6
- package/lib/cjs/a11y/PlotA11yView.js.map +1 -1
- package/lib/cjs/a11y/insights.js +2 -0
- package/lib/cjs/a11y/insights.js.map +1 -1
- package/lib/cjs/index.js +6 -0
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/types/ClipPath.d.js.map +1 -1
- package/lib/cjs/types/index.d.js.map +1 -1
- package/lib/cjs/utils.js +3 -1
- package/lib/cjs/utils.js.map +1 -1
- package/lib/es6/Area.js +19 -13
- package/lib/es6/Area.js.map +1 -1
- package/lib/es6/Axis.js +14 -14
- package/lib/es6/Bar.js +8 -8
- package/lib/es6/Bubble.js +10 -10
- package/lib/es6/Donut.js +7 -7
- package/lib/es6/Dots.js +15 -11
- package/lib/es6/Dots.js.map +1 -1
- package/lib/es6/HorizontalBar.js +8 -8
- package/lib/es6/Hover.js +3 -3
- package/lib/es6/Line.js +16 -12
- package/lib/es6/Line.js.map +1 -1
- package/lib/es6/Plot.js +3 -3
- package/lib/es6/Radar.js +17 -17
- package/lib/es6/RadialTree.js +12 -12
- package/lib/es6/RadialTree.js.map +1 -1
- package/lib/es6/ReferenceLine.js +9 -9
- package/lib/es6/ScatterPlot.js +7 -7
- package/lib/es6/Tooltip.js +8 -8
- package/lib/es6/Venn.js +7 -7
- package/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/lib/es6/a11y/PlotA11yView.js +14 -6
- package/lib/es6/a11y/PlotA11yView.js.map +1 -1
- package/lib/es6/a11y/insights.js +2 -0
- package/lib/es6/a11y/insights.js.map +1 -1
- package/lib/es6/index.js +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/types/ClipPath.d.js.map +1 -1
- package/lib/es6/types/index.d.js.map +1 -1
- package/lib/es6/utils.js +1 -0
- package/lib/es6/utils.js.map +1 -1
- package/lib/types/ClipPath.d.ts +0 -5
- package/lib/types/RadialTree.d.ts +1 -1
- package/lib/types/index.d.ts +1 -0
- package/lib/types/utils.d.ts +1 -0
- package/package.json +2 -2
package/lib/es6/Area.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Area.js","names":["React","area","curveLinear","line","Component","sstyled","uniqueIDEnhancement","findComponent","Dots","createElement","definedData","scaleOfBandwidth","getNullData","definedNullData","ClipPath","style","_sstyled","insert","AreaRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getDotsProps","_this$asProps","asProps","x","y","color","data","d3Line","transparent","d3","getNullProps","_this$asProps2","getLineProps","_this$asProps3","duration","uid","render","_ref","SArea","Element","SAreaLine","_this$asProps4","styles","hide","size","Children","advanceMode","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","cn","concat","setAttributeTag","rect","setAttribute","_defineProperty","_ref4","y0","$rootProps","_ref4$curve","curve","scale","_ref5","_ref6","_slicedToArray","xScale","yScale","yRange","range","defined","p","y1","props","_ref2","Null","_ref3","SNull"],"sources":["../../src/Area.jsx"],"sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport Dots from './Dots';\nimport createElement from './createElement';\nimport { definedData, scaleOfBandwidth, getNullData, definedNullData } from './utils';\nimport ClipPath from './ClipPath';\n\nimport style from './style/area.shadow.css';\n\nclass AreaRoot extends Component {\n static displayName = 'Area';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {\n const [xScale, yScale] = scale || $rootProps.scale;\n const yRange = yScale.range();\n\n return {\n d3: area()\n .defined(definedData(x, y))\n .curve(curve)\n .x((p) => scaleOfBandwidth(xScale, p[x]))\n .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n .y1((p) => scaleOfBandwidth(yScale, p[y])),\n d3Line: line()\n .defined(definedData(x, y))\n .curve(curve)\n .x((p) => scaleOfBandwidth(xScale, p[x]))\n .y((p) => scaleOfBandwidth(yScale, p[y])),\n duration: 500,\n };\n };\n\n getDotsProps() {\n const { x, y, color, data, d3Line, transparent } = this.asProps;\n\n return {\n x,\n y,\n data,\n d3: d3Line,\n color,\n transparent,\n };\n }\n\n getNullProps() {\n const { x, y, color, data, d3Line } = this.asProps;\n return {\n data: getNullData(data, definedNullData(x, y), y),\n d3: d3Line,\n color,\n };\n }\n\n getLineProps() {\n const { duration, color, data, d3Line, uid } = this.asProps;\n\n return {\n uid,\n data,\n d3: d3Line,\n color,\n duration,\n };\n }\n\n render() {\n const SArea = this.Element;\n const SAreaLine = 'path';\n const {\n styles,\n hide,\n d3,\n d3Line,\n data,\n color,\n uid,\n size,\n duration,\n x,\n y,\n Children,\n transparent,\n } = this.asProps;\n const advanceMode = !!findComponent(Children, [Area.Line.displayName]);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n this.asProps.dataHintsHandler.establishDataType('time-series');\n\n return sstyled(styles)(\n <>\n {!advanceMode && (\n <SAreaLine\n aria-hidden\n clipPath={`url(#${uid})`}\n d={d3Line(data)}\n color={color}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n )}\n <SArea\n aria-hidden\n clipPath={`url(#${uid})`}\n render='path'\n d={d3(data)}\n hide={hide}\n color={color}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n {duration && (\n <ClipPath\n aria-hidden\n setAttributeTag={(rect) => {\n rect.setAttribute('width', size[0]);\n }}\n id={uid}\n x='0'\n y='0'\n width={0}\n height={size[1]}\n transition={`width ${duration}ms ease-in-out`}\n />\n )}\n </>,\n );\n }\n}\n\nfunction Line(props) {\n const { Element: SAreaLine, styles, d3, data, color, duration, uid, transparent } = props;\n return sstyled(styles)(\n <SAreaLine\n render='path'\n clipPath={`url(#${uid})`}\n d={d3(data)}\n color={color}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />,\n );\n}\n\nfunction Null(props) {\n const { Element: SNull, styles, d3, data, hide, color } = props;\n return sstyled(styles)(<SNull render='path' d={d3(data)} hide={hide} color={color} />);\n}\n\nconst Area = createElement(AreaRoot, {\n Dots,\n Null,\n Line,\n});\n\nexport default Area;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,WAAW,EAAEC,IAAI,QAAQ,UAAU;AAClD,SAASC,SAAS,EAAEC,OAAO,QAAQ,eAAe;AAClD,OAAOC,mBAAmB,MAAM,6BAA6B;AAC7D,OAAOC,aAAa,MAAM,kCAAkC;AAC5D,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,SAASC,WAAW,EAAEC,gBAAgB,EAAEC,WAAW,EAAEC,eAAe,QAAQ,SAAS;AACrF,OAAOC,QAAQ,MAAM,YAAY;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI5BC,QAAQ,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,QAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,QAAA;EAAA,SAAAA,SAAA;IAAAK,eAAA,OAAAL,QAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,QAAA;IAAAS,GAAA;IAAAC,KAAA,EAyBZ,SAAAC,aAAA,EAAe;MACb,IAAAC,aAAA,GAAmD,IAAI,CAACC,OAAO;QAAvDC,CAAC,GAAAF,aAAA,CAADE,CAAC;QAAEC,CAAC,GAAAH,aAAA,CAADG,CAAC;QAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;QAAEC,IAAI,GAAAL,aAAA,CAAJK,IAAI;QAAEC,MAAM,GAAAN,aAAA,CAANM,MAAM;QAAEC,WAAW,GAAAP,aAAA,CAAXO,WAAW;MAE9C,OAAO;QACLL,CAAC,EAADA,CAAC;QACDC,CAAC,EAADA,CAAC;QACDE,IAAI,EAAJA,IAAI;QACJG,EAAE,EAAEF,MAAM;QACVF,KAAK,EAALA,KAAK;QACLG,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAW,aAAA,EAAe;MACb,IAAAC,cAAA,GAAsC,IAAI,CAACT,OAAO;QAA1CC,CAAC,GAAAQ,cAAA,CAADR,CAAC;QAAEC,CAAC,GAAAO,cAAA,CAADP,CAAC;QAAEC,KAAK,GAAAM,cAAA,CAALN,KAAK;QAAEC,IAAI,GAAAK,cAAA,CAAJL,IAAI;QAAEC,MAAM,GAAAI,cAAA,CAANJ,MAAM;MACjC,OAAO;QACLD,IAAI,EAAEvB,WAAW,CAACuB,IAAI,EAAEtB,eAAe,CAACmB,CAAC,EAAEC,CAAC,CAAC,EAAEA,CAAC,CAAC;QACjDK,EAAE,EAAEF,MAAM;QACVF,KAAK,EAALA;MACF,CAAC;IACH;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAa,aAAA,EAAe;MACb,IAAAC,cAAA,GAA+C,IAAI,CAACX,OAAO;QAAnDY,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAET,KAAK,GAAAQ,cAAA,CAALR,KAAK;QAAEC,IAAI,GAAAO,cAAA,CAAJP,IAAI;QAAEC,MAAM,GAAAM,cAAA,CAANN,MAAM;QAAEQ,GAAG,GAAAF,cAAA,CAAHE,GAAG;MAE1C,OAAO;QACLA,GAAG,EAAHA,GAAG;QACHT,IAAI,EAAJA,IAAI;QACJG,EAAE,EAAEF,MAAM;QACVF,KAAK,EAALA,KAAK;QACLS,QAAQ,EAARA;MACF,CAAC;IACH;EAAC;IAAAhB,GAAA;IAAAC,KAAA,EAED,SAAAiB,OAAA,EAAS;MAAA,IAAAC,IAAA;MACP,IAAMC,KAAK,GAAG,IAAI,CAACC,OAAO;MAC1B,IAAMC,SAAS,GAAG,MAAM;MACxB,IAAAC,cAAA,GAcI,IAAI,CAACnB,OAAO;QAbdoB,MAAM,GAAAD,cAAA,CAANC,MAAM;QACNC,IAAI,GAAAF,cAAA,CAAJE,IAAI;QACJd,EAAE,GAAAY,cAAA,CAAFZ,EAAE;QACFF,MAAM,GAAAc,cAAA,CAANd,MAAM;QACND,IAAI,GAAAe,cAAA,CAAJf,IAAI;QACJD,KAAK,GAAAgB,cAAA,CAALhB,KAAK;QACLU,GAAG,GAAAM,cAAA,CAAHN,GAAG;QACHS,IAAI,GAAAH,cAAA,CAAJG,IAAI;QACJV,QAAQ,GAAAO,cAAA,CAARP,QAAQ;QACRX,CAAC,GAAAkB,cAAA,CAADlB,CAAC;QACDC,CAAC,GAAAiB,cAAA,CAADjB,CAAC;QACDqB,QAAQ,GAAAJ,cAAA,CAARI,QAAQ;QACRjB,WAAW,GAAAa,cAAA,CAAXb,WAAW;MAEb,IAAMkB,WAAW,GAAG,CAAC,CAAChD,aAAa,CAAC+C,QAAQ,EAAE,CAACE,IAAI,CAACC,IAAI,CAACC,WAAW,CAAC,CAAC;MAEtE,IAAI,CAAC3B,OAAO,CAAC4B,gBAAgB,CAACC,oBAAoB,CAAC5B,CAAC,EAAEC,CAAC,CAAC;MACxD,IAAI,CAACF,OAAO,CAAC4B,gBAAgB,CAACE,iBAAiB,CAAC,aAAa,CAAC;MAE9D,OAAAf,IAAA,GAAOzC,OAAO,CAAC8C,MAAM,CAAC,eACpBnD,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAA8D,QAAA,QACG,CAACP,WAAW,iBACXvD,KAAA,CAAAS,aAAA,CAACwC,SAAS,EAAAH,IAAA,CAAAiB,EAAA;QAAA;QAAA,oBAAAC,MAAA,CAEUpB,GAAG;QAAA,KAClBR,MAAM,CAACD,IAAI,CAAC;QAAA,SACRD,KAAK;QAAA,mBAAA8B,MAAA,CACKrB,QAAQ;QAAA,eACZN;MAAW,GAE3B,eACDrC,KAAA,CAAAS,aAAA,CAACsC,KAAK,EAAAD,IAAA,CAAAiB,EAAA;QAAA;QAAA,oBAAAC,MAAA,CAEcpB,GAAG;QAAA,UACd,MAAM;QAAA,KACVN,EAAE,CAACH,IAAI,CAAC;QAAA,QACLiB,IAAI;QAAA,SACHlB,KAAK;QAAA,mBAAA8B,MAAA,CACKrB,QAAQ;QAAA,eACZN;MAAW,GACxB,EACDM,QAAQ,iBACP3C,KAAA,CAAAS,aAAA,CAACK,QAAQ,EAAAgC,IAAA,CAAAiB,EAAA;QAAA;QAAA,mBAEU,SAAAE,gBAACC,IAAI,EAAK;UACzBA,IAAI,CAACC,YAAY,CAAC,OAAO,EAAEd,IAAI,CAAC,CAAC,CAAC,CAAC;QACrC,CAAC;QAAA,MACGT,GAAG;QAAA,KACL,GAAG;QAAA,KACH,GAAG;QAAA,SACE,CAAC;QAAA,UACAS,IAAI,CAAC,CAAC,CAAC;QAAA,uBAAAW,MAAA,CACMrB,QAAQ;MAAA,GAEhC,CACA;IAEP;EAAC;EAAA,OAAAzB,QAAA;AAAA,EAxHoBd,SAAS;AAAAgE,eAAA,CAA1BlD,QAAQ,iBACS,MAAM;AAAAkD,eAAA,CADvBlD,QAAQ,WAEGH,KAAK;AAAAqD,eAAA,CAFhBlD,QAAQ,aAGK,CAACZ,mBAAmB,EAAE,CAAC;AAAA8D,eAAA,CAHpClD,QAAQ,kBAKU,UAAAmD,KAAA,EAA0D;EAAA,IAAvDrC,CAAC,GAAAqC,KAAA,CAADrC,CAAC;IAAEC,CAAC,GAAAoC,KAAA,CAADpC,CAAC;IAAEqC,EAAE,GAAAD,KAAA,CAAFC,EAAE;IAAEC,UAAU,GAAAF,KAAA,CAAVE,UAAU;IAAAC,WAAA,GAAAH,KAAA,CAAEI,KAAK;IAALA,KAAK,GAAAD,WAAA,cAAGtE,WAAW,GAAAsE,WAAA;IAAEE,KAAK,GAAAL,KAAA,CAALK,KAAK;EACvE,IAAAC,KAAA,GAAyBD,KAAK,IAAIH,UAAU,CAACG,KAAK;IAAAE,KAAA,GAAAC,cAAA,CAAAF,KAAA;IAA3CG,MAAM,GAAAF,KAAA;IAAEG,MAAM,GAAAH,KAAA;EACrB,IAAMI,MAAM,GAAGD,MAAM,CAACE,KAAK,EAAE;EAE7B,OAAO;IACL3C,EAAE,EAAErC,IAAI,EAAE,CACPiF,OAAO,CAACxE,WAAW,CAACsB,CAAC,EAAEC,CAAC,CAAC,CAAC,CAC1BwC,KAAK,CAACA,KAAK,CAAC,CACZzC,CAAC,CAAC,UAACmD,CAAC;MAAA,OAAKxE,gBAAgB,CAACmE,MAAM,EAAEK,CAAC,CAACnD,CAAC,CAAC,CAAC;IAAA,EAAC,CACxCsC,EAAE,CAAC,UAACa,CAAC;MAAA,OAAMA,CAAC,CAACb,EAAE,CAAC,GAAG3D,gBAAgB,CAACoE,MAAM,EAAEI,CAAC,CAACb,EAAE,CAAC,CAAC,GAAGU,MAAM,CAAC,CAAC,CAAC;IAAA,CAAC,CAAC,CAChEI,EAAE,CAAC,UAACD,CAAC;MAAA,OAAKxE,gBAAgB,CAACoE,MAAM,EAAEI,CAAC,CAAClD,CAAC,CAAC,CAAC;IAAA,EAAC;IAC5CG,MAAM,EAAEjC,IAAI,EAAE,CACX+E,OAAO,CAACxE,WAAW,CAACsB,CAAC,EAAEC,CAAC,CAAC,CAAC,CAC1BwC,KAAK,CAACA,KAAK,CAAC,CACZzC,CAAC,CAAC,UAACmD,CAAC;MAAA,OAAKxE,gBAAgB,CAACmE,MAAM,EAAEK,CAAC,CAACnD,CAAC,CAAC,CAAC;IAAA,EAAC,CACxCC,CAAC,CAAC,UAACkD,CAAC;MAAA,OAAKxE,gBAAgB,CAACoE,MAAM,EAAEI,CAAC,CAAClD,CAAC,CAAC,CAAC;IAAA,EAAC;IAC3CU,QAAQ,EAAE;EACZ,CAAC;AACH,CAAC;AAoGH,SAASc,IAAIA,CAAC4B,KAAK,EAAE;EAAA,IAAAC,KAAA;EACnB,IAAiBrC,SAAS,GAA0DoC,KAAK,CAAjFrC,OAAO;IAAaG,MAAM,GAAkDkC,KAAK,CAA7DlC,MAAM;IAAEb,EAAE,GAA8C+C,KAAK,CAArD/C,EAAE;IAAEH,IAAI,GAAwCkD,KAAK,CAAjDlD,IAAI;IAAED,KAAK,GAAiCmD,KAAK,CAA3CnD,KAAK;IAAES,QAAQ,GAAuB0C,KAAK,CAApC1C,QAAQ;IAAEC,GAAG,GAAkByC,KAAK,CAA1BzC,GAAG;IAAEP,WAAW,GAAKgD,KAAK,CAArBhD,WAAW;EAC/E,OAAAiD,KAAA,GAAOjF,OAAO,CAAC8C,MAAM,CAAC,eACpBnD,KAAA,CAAAS,aAAA,CAACwC,SAAS,EAAAqC,KAAA,CAAAvB,EAAA;IAAA,UACD,MAAM;IAAA,oBAAAC,MAAA,CACKpB,GAAG;IAAA,KAClBN,EAAE,CAACH,IAAI,CAAC;IAAA,SACJD,KAAK;IAAA,mBAAA8B,MAAA,CACKrB,QAAQ;IAAA,eACZN;EAAW,GACxB;AAEN;AAEA,SAASkD,IAAIA,CAACF,KAAK,EAAE;EAAA,IAAAG,KAAA;EACnB,IAAiBC,KAAK,GAAoCJ,KAAK,CAAvDrC,OAAO;IAASG,MAAM,GAA4BkC,KAAK,CAAvClC,MAAM;IAAEb,EAAE,GAAwB+C,KAAK,CAA/B/C,EAAE;IAAEH,IAAI,GAAkBkD,KAAK,CAA3BlD,IAAI;IAAEiB,IAAI,GAAYiC,KAAK,CAArBjC,IAAI;IAAElB,KAAK,GAAKmD,KAAK,CAAfnD,KAAK;EACrD,OAAAsD,KAAA,GAAOnF,OAAO,CAAC8C,MAAM,CAAC,eAACnD,KAAA,CAAAS,aAAA,CAACgF,KAAK,EAAAD,KAAA,CAAAzB,EAAA;IAAA,UAAQ,MAAM;IAAA,KAAIzB,EAAE,CAACH,IAAI,CAAC;IAAA,QAAQiB,IAAI;IAAA,SAASlB;EAAK,GAAI;AACvF;AAEA,IAAMsB,IAAI,GAAG/C,aAAa,CAACS,QAAQ,EAAE;EACnCV,IAAI,EAAJA,IAAI;EACJ+E,IAAI,EAAJA,IAAI;EACJ9B,IAAI,EAAJA;AACF,CAAC,CAAC;AAEF,eAAeD,IAAI"}
|
|
1
|
+
{"version":3,"file":"Area.js","names":["React","area","curveLinear","line","Component","sstyled","uniqueIDEnhancement","findComponent","Dots","createElement","definedData","scaleOfBandwidth","getNullData","definedNullData","interpolateValue","ClipPath","style","_sstyled","insert","AreaRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getDotsProps","_this$asProps","asProps","x","y","color","d3Line","transparent","data","filter","item","d3","getNullProps","_this$asProps2","getLineProps","_this$asProps3","duration","uid","render","_ref","SArea","Element","SAreaLine","_this$asProps4","styles","hide","size","Children","advanceMode","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","cn","concat","setAttributeTag","rect","setAttribute","_defineProperty","_ref4","y0","$rootProps","_ref4$curve","curve","scale","_ref5","_ref6","_slicedToArray","xScale","yScale","yRange","range","defined","p","y1","props","_ref2","Null","_ref3","SNull"],"sources":["../../src/Area.jsx"],"sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport Dots from './Dots';\nimport createElement from './createElement';\nimport {\n definedData,\n scaleOfBandwidth,\n getNullData,\n definedNullData,\n interpolateValue,\n} from './utils';\nimport ClipPath from './ClipPath';\n\nimport style from './style/area.shadow.css';\n\nclass AreaRoot extends Component {\n static displayName = 'Area';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {\n const [xScale, yScale] = scale || $rootProps.scale;\n const yRange = yScale.range();\n\n return {\n d3: area()\n .defined(definedData(x, y))\n .curve(curve)\n .x((p) => scaleOfBandwidth(xScale, p[x]))\n .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n .y1((p) => scaleOfBandwidth(yScale, p[y])),\n d3Line: line()\n .defined(definedData(x, y))\n .curve(curve)\n .x((p) => scaleOfBandwidth(xScale, p[x]))\n .y((p) => scaleOfBandwidth(yScale, p[y])),\n duration: 500,\n };\n };\n\n getDotsProps() {\n const { x, y, color, d3Line, transparent } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n return {\n x,\n y,\n data,\n d3: d3Line,\n color,\n transparent,\n };\n }\n\n getNullProps() {\n const { x, y, color, d3Line } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n return {\n data: getNullData(data, definedNullData(x, y), y),\n d3: d3Line,\n color,\n };\n }\n\n getLineProps() {\n const { duration, color, data, d3Line, uid } = this.asProps;\n\n return {\n uid,\n data,\n d3: d3Line,\n color,\n duration,\n };\n }\n\n render() {\n const SArea = this.Element;\n const SAreaLine = 'path';\n const { styles, hide, d3, d3Line, color, uid, size, duration, x, y, Children, transparent } =\n this.asProps;\n const advanceMode = !!findComponent(Children, [Area.Line.displayName]);\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n this.asProps.dataHintsHandler.establishDataType('time-series');\n\n return sstyled(styles)(\n <>\n {!advanceMode && (\n <SAreaLine\n aria-hidden\n clipPath={`url(#${uid})`}\n d={d3Line(data)}\n color={color}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n )}\n <SArea\n aria-hidden\n clipPath={`url(#${uid})`}\n render='path'\n d={d3(data)}\n hide={hide}\n color={color}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n {duration && (\n <ClipPath\n aria-hidden\n setAttributeTag={(rect) => {\n rect.setAttribute('width', size[0]);\n }}\n id={uid}\n x='0'\n y='0'\n width={0}\n height={size[1]}\n transition={`width ${duration}ms ease-in-out`}\n />\n )}\n </>,\n );\n }\n}\n\nfunction Line(props) {\n const { Element: SAreaLine, styles, d3, data, color, duration, uid, transparent } = props;\n return sstyled(styles)(\n <SAreaLine\n render='path'\n clipPath={`url(#${uid})`}\n d={d3(data)}\n color={color}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />,\n );\n}\n\nfunction Null(props) {\n const { Element: SNull, styles, d3, data, hide, color } = props;\n return sstyled(styles)(<SNull render='path' d={d3(data)} hide={hide} color={color} />);\n}\n\nconst Area = createElement(AreaRoot, {\n Dots,\n Null,\n Line,\n});\n\nexport default Area;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,WAAW,EAAEC,IAAI,QAAQ,UAAU;AAClD,SAASC,SAAS,EAAEC,OAAO,QAAQ,eAAe;AAClD,OAAOC,mBAAmB,MAAM,6BAA6B;AAC7D,OAAOC,aAAa,MAAM,kCAAkC;AAC5D,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,SACEC,WAAW,EACXC,gBAAgB,EAChBC,WAAW,EACXC,eAAe,EACfC,gBAAgB,QACX,SAAS;AAChB,OAAOC,QAAQ,MAAM,YAAY;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI5BC,QAAQ,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,QAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,QAAA;EAAA,SAAAA,SAAA;IAAAK,eAAA,OAAAL,QAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,QAAA;IAAAS,GAAA;IAAAC,KAAA,EAyBZ,SAAAC,aAAA,EAAe;MACb,IAAAC,aAAA,GAA6C,IAAI,CAACC,OAAO;QAAjDC,CAAC,GAAAF,aAAA,CAADE,CAAC;QAAEC,CAAC,GAAAH,aAAA,CAADG,CAAC;QAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;QAAEC,MAAM,GAAAL,aAAA,CAANK,MAAM;QAAEC,WAAW,GAAAN,aAAA,CAAXM,WAAW;MACxC,IAAMC,IAAI,GAAG,IAAI,CAACN,OAAO,CAACM,IAAI,CAACC,MAAM,CAAC,UAACC,IAAI;QAAA,OAAKA,IAAI,CAACN,CAAC,CAAC,KAAKpB,gBAAgB;MAAA,EAAC;MAE7E,OAAO;QACLmB,CAAC,EAADA,CAAC;QACDC,CAAC,EAADA,CAAC;QACDI,IAAI,EAAJA,IAAI;QACJG,EAAE,EAAEL,MAAM;QACVD,KAAK,EAALA,KAAK;QACLE,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAT,GAAA;IAAAC,KAAA,EAED,SAAAa,aAAA,EAAe;MACb,IAAAC,cAAA,GAAgC,IAAI,CAACX,OAAO;QAApCC,CAAC,GAAAU,cAAA,CAADV,CAAC;QAAEC,CAAC,GAAAS,cAAA,CAADT,CAAC;QAAEC,KAAK,GAAAQ,cAAA,CAALR,KAAK;QAAEC,MAAM,GAAAO,cAAA,CAANP,MAAM;MAC3B,IAAME,IAAI,GAAG,IAAI,CAACN,OAAO,CAACM,IAAI,CAACC,MAAM,CAAC,UAACC,IAAI;QAAA,OAAKA,IAAI,CAACN,CAAC,CAAC,KAAKpB,gBAAgB;MAAA,EAAC;MAE7E,OAAO;QACLwB,IAAI,EAAE1B,WAAW,CAAC0B,IAAI,EAAEzB,eAAe,CAACoB,CAAC,EAAEC,CAAC,CAAC,EAAEA,CAAC,CAAC;QACjDO,EAAE,EAAEL,MAAM;QACVD,KAAK,EAALA;MACF,CAAC;IACH;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAe,aAAA,EAAe;MACb,IAAAC,cAAA,GAA+C,IAAI,CAACb,OAAO;QAAnDc,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEX,KAAK,GAAAU,cAAA,CAALV,KAAK;QAAEG,IAAI,GAAAO,cAAA,CAAJP,IAAI;QAAEF,MAAM,GAAAS,cAAA,CAANT,MAAM;QAAEW,GAAG,GAAAF,cAAA,CAAHE,GAAG;MAE1C,OAAO;QACLA,GAAG,EAAHA,GAAG;QACHT,IAAI,EAAJA,IAAI;QACJG,EAAE,EAAEL,MAAM;QACVD,KAAK,EAALA,KAAK;QACLW,QAAQ,EAARA;MACF,CAAC;IACH;EAAC;IAAAlB,GAAA;IAAAC,KAAA,EAED,SAAAmB,OAAA,EAAS;MAAA,IAAAC,IAAA;MACP,IAAMC,KAAK,GAAG,IAAI,CAACC,OAAO;MAC1B,IAAMC,SAAS,GAAG,MAAM;MACxB,IAAAC,cAAA,GACE,IAAI,CAACrB,OAAO;QADNsB,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEC,IAAI,GAAAF,cAAA,CAAJE,IAAI;QAAEd,EAAE,GAAAY,cAAA,CAAFZ,EAAE;QAAEL,MAAM,GAAAiB,cAAA,CAANjB,MAAM;QAAED,KAAK,GAAAkB,cAAA,CAALlB,KAAK;QAAEY,GAAG,GAAAM,cAAA,CAAHN,GAAG;QAAES,IAAI,GAAAH,cAAA,CAAJG,IAAI;QAAEV,QAAQ,GAAAO,cAAA,CAARP,QAAQ;QAAEb,CAAC,GAAAoB,cAAA,CAADpB,CAAC;QAAEC,CAAC,GAAAmB,cAAA,CAADnB,CAAC;QAAEuB,QAAQ,GAAAJ,cAAA,CAARI,QAAQ;QAAEpB,WAAW,GAAAgB,cAAA,CAAXhB,WAAW;MAEzF,IAAMqB,WAAW,GAAG,CAAC,CAACnD,aAAa,CAACkD,QAAQ,EAAE,CAACE,IAAI,CAACC,IAAI,CAACC,WAAW,CAAC,CAAC;MACtE,IAAMvB,IAAI,GAAG,IAAI,CAACN,OAAO,CAACM,IAAI,CAACC,MAAM,CAAC,UAACC,IAAI;QAAA,OAAKA,IAAI,CAACN,CAAC,CAAC,KAAKpB,gBAAgB;MAAA,EAAC;MAE7E,IAAI,CAACkB,OAAO,CAAC8B,gBAAgB,CAACC,oBAAoB,CAAC9B,CAAC,EAAEC,CAAC,CAAC;MACxD,IAAI,CAACF,OAAO,CAAC8B,gBAAgB,CAACE,iBAAiB,CAAC,aAAa,CAAC;MAE9D,OAAAf,IAAA,GAAO5C,OAAO,CAACiD,MAAM,CAAC,eACpBtD,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAiE,QAAA,QACG,CAACP,WAAW,iBACX1D,KAAA,CAAAS,aAAA,CAAC2C,SAAS,EAAAH,IAAA,CAAAiB,EAAA;QAAA;QAAA,oBAAAC,MAAA,CAEUpB,GAAG;QAAA,KAClBX,MAAM,CAACE,IAAI,CAAC;QAAA,SACRH,KAAK;QAAA,mBAAAgC,MAAA,CACKrB,QAAQ;QAAA,eACZT;MAAW,GAE3B,eACDrC,KAAA,CAAAS,aAAA,CAACyC,KAAK,EAAAD,IAAA,CAAAiB,EAAA;QAAA;QAAA,oBAAAC,MAAA,CAEcpB,GAAG;QAAA,UACd,MAAM;QAAA,KACVN,EAAE,CAACH,IAAI,CAAC;QAAA,QACLiB,IAAI;QAAA,SACHpB,KAAK;QAAA,mBAAAgC,MAAA,CACKrB,QAAQ;QAAA,eACZT;MAAW,GACxB,EACDS,QAAQ,iBACP9C,KAAA,CAAAS,aAAA,CAACM,QAAQ,EAAAkC,IAAA,CAAAiB,EAAA;QAAA;QAAA,mBAEU,SAAAE,gBAACC,IAAI,EAAK;UACzBA,IAAI,CAACC,YAAY,CAAC,OAAO,EAAEd,IAAI,CAAC,CAAC,CAAC,CAAC;QACrC,CAAC;QAAA,MACGT,GAAG;QAAA,KACL,GAAG;QAAA,KACH,GAAG;QAAA,SACE,CAAC;QAAA,UACAS,IAAI,CAAC,CAAC,CAAC;QAAA,uBAAAW,MAAA,CACMrB,QAAQ;MAAA,GAEhC,CACA;IAEP;EAAC;EAAA,OAAA3B,QAAA;AAAA,EA/GoBf,SAAS;AAAAmE,eAAA,CAA1BpD,QAAQ,iBACS,MAAM;AAAAoD,eAAA,CADvBpD,QAAQ,WAEGH,KAAK;AAAAuD,eAAA,CAFhBpD,QAAQ,aAGK,CAACb,mBAAmB,EAAE,CAAC;AAAAiE,eAAA,CAHpCpD,QAAQ,kBAKU,UAAAqD,KAAA,EAA0D;EAAA,IAAvDvC,CAAC,GAAAuC,KAAA,CAADvC,CAAC;IAAEC,CAAC,GAAAsC,KAAA,CAADtC,CAAC;IAAEuC,EAAE,GAAAD,KAAA,CAAFC,EAAE;IAAEC,UAAU,GAAAF,KAAA,CAAVE,UAAU;IAAAC,WAAA,GAAAH,KAAA,CAAEI,KAAK;IAALA,KAAK,GAAAD,WAAA,cAAGzE,WAAW,GAAAyE,WAAA;IAAEE,KAAK,GAAAL,KAAA,CAALK,KAAK;EACvE,IAAAC,KAAA,GAAyBD,KAAK,IAAIH,UAAU,CAACG,KAAK;IAAAE,KAAA,GAAAC,cAAA,CAAAF,KAAA;IAA3CG,MAAM,GAAAF,KAAA;IAAEG,MAAM,GAAAH,KAAA;EACrB,IAAMI,MAAM,GAAGD,MAAM,CAACE,KAAK,EAAE;EAE7B,OAAO;IACL3C,EAAE,EAAExC,IAAI,EAAE,CACPoF,OAAO,CAAC3E,WAAW,CAACuB,CAAC,EAAEC,CAAC,CAAC,CAAC,CAC1B0C,KAAK,CAACA,KAAK,CAAC,CACZ3C,CAAC,CAAC,UAACqD,CAAC;MAAA,OAAK3E,gBAAgB,CAACsE,MAAM,EAAEK,CAAC,CAACrD,CAAC,CAAC,CAAC;IAAA,EAAC,CACxCwC,EAAE,CAAC,UAACa,CAAC;MAAA,OAAMA,CAAC,CAACb,EAAE,CAAC,GAAG9D,gBAAgB,CAACuE,MAAM,EAAEI,CAAC,CAACb,EAAE,CAAC,CAAC,GAAGU,MAAM,CAAC,CAAC,CAAC;IAAA,CAAC,CAAC,CAChEI,EAAE,CAAC,UAACD,CAAC;MAAA,OAAK3E,gBAAgB,CAACuE,MAAM,EAAEI,CAAC,CAACpD,CAAC,CAAC,CAAC;IAAA,EAAC;IAC5CE,MAAM,EAAEjC,IAAI,EAAE,CACXkF,OAAO,CAAC3E,WAAW,CAACuB,CAAC,EAAEC,CAAC,CAAC,CAAC,CAC1B0C,KAAK,CAACA,KAAK,CAAC,CACZ3C,CAAC,CAAC,UAACqD,CAAC;MAAA,OAAK3E,gBAAgB,CAACsE,MAAM,EAAEK,CAAC,CAACrD,CAAC,CAAC,CAAC;IAAA,EAAC,CACxCC,CAAC,CAAC,UAACoD,CAAC;MAAA,OAAK3E,gBAAgB,CAACuE,MAAM,EAAEI,CAAC,CAACpD,CAAC,CAAC,CAAC;IAAA,EAAC;IAC3CY,QAAQ,EAAE;EACZ,CAAC;AACH,CAAC;AA2FH,SAASc,IAAIA,CAAC4B,KAAK,EAAE;EAAA,IAAAC,KAAA;EACnB,IAAiBrC,SAAS,GAA0DoC,KAAK,CAAjFrC,OAAO;IAAaG,MAAM,GAAkDkC,KAAK,CAA7DlC,MAAM;IAAEb,EAAE,GAA8C+C,KAAK,CAArD/C,EAAE;IAAEH,IAAI,GAAwCkD,KAAK,CAAjDlD,IAAI;IAAEH,KAAK,GAAiCqD,KAAK,CAA3CrD,KAAK;IAAEW,QAAQ,GAAuB0C,KAAK,CAApC1C,QAAQ;IAAEC,GAAG,GAAkByC,KAAK,CAA1BzC,GAAG;IAAEV,WAAW,GAAKmD,KAAK,CAArBnD,WAAW;EAC/E,OAAAoD,KAAA,GAAOpF,OAAO,CAACiD,MAAM,CAAC,eACpBtD,KAAA,CAAAS,aAAA,CAAC2C,SAAS,EAAAqC,KAAA,CAAAvB,EAAA;IAAA,UACD,MAAM;IAAA,oBAAAC,MAAA,CACKpB,GAAG;IAAA,KAClBN,EAAE,CAACH,IAAI,CAAC;IAAA,SACJH,KAAK;IAAA,mBAAAgC,MAAA,CACKrB,QAAQ;IAAA,eACZT;EAAW,GACxB;AAEN;AAEA,SAASqD,IAAIA,CAACF,KAAK,EAAE;EAAA,IAAAG,KAAA;EACnB,IAAiBC,KAAK,GAAoCJ,KAAK,CAAvDrC,OAAO;IAASG,MAAM,GAA4BkC,KAAK,CAAvClC,MAAM;IAAEb,EAAE,GAAwB+C,KAAK,CAA/B/C,EAAE;IAAEH,IAAI,GAAkBkD,KAAK,CAA3BlD,IAAI;IAAEiB,IAAI,GAAYiC,KAAK,CAArBjC,IAAI;IAAEpB,KAAK,GAAKqD,KAAK,CAAfrD,KAAK;EACrD,OAAAwD,KAAA,GAAOtF,OAAO,CAACiD,MAAM,CAAC,eAACtD,KAAA,CAAAS,aAAA,CAACmF,KAAK,EAAAD,KAAA,CAAAzB,EAAA;IAAA,UAAQ,MAAM;IAAA,KAAIzB,EAAE,CAACH,IAAI,CAAC;IAAA,QAAQiB,IAAI;IAAA,SAASpB;EAAK,GAAI;AACvF;AAEA,IAAMwB,IAAI,GAAGlD,aAAa,CAACU,QAAQ,EAAE;EACnCX,IAAI,EAAJA,IAAI;EACJkF,IAAI,EAAJA,IAAI;EACJ9B,IAAI,EAAJA;AACF,CAAC,CAAC;AAEF,eAAeD,IAAI"}
|
package/lib/es6/Axis.js
CHANGED
|
@@ -12,20 +12,20 @@ import { Component, sstyled } from '@semcore/core';
|
|
|
12
12
|
import createElement from './createElement';
|
|
13
13
|
import { scaleOfBandwidth } from './utils';
|
|
14
14
|
/*__reshadow-styles__:"./style/axis.shadow.css"*/
|
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
16
|
-
"__SAxis": "
|
|
17
|
-
"_hide": "
|
|
18
|
-
"__STick": "
|
|
19
|
-
"__SGrid": "
|
|
20
|
-
"__STitle": "
|
|
21
|
-
"--transform-origin": "--transform-
|
|
22
|
-
"_position_top": "
|
|
23
|
-
"_position_bottom": "
|
|
24
|
-
"_position_right": "
|
|
25
|
-
"_position_left": "
|
|
26
|
-
"_verticalWritingMode": "
|
|
27
|
-
"_position_custom_0": "
|
|
28
|
-
"_position_custom_1": "
|
|
15
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxis_198tl_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_198tl_gg_.__hide_198tl_gg_,.___STick_198tl_gg_.__hide_198tl_gg_{display:none}.___STick_198tl_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_198tl_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_198tl_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_198tl)}.___STitle_198tl_gg_._position_top_198tl_gg_{text-anchor:middle}.___STitle_198tl_gg_._position_bottom_198tl_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_198tl_gg_._position_left_198tl_gg_,.___STitle_198tl_gg_._position_right_198tl_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_198tl_gg_._position_left_198tl_gg_.__verticalWritingMode_198tl_gg_,.___STitle_198tl_gg_._position_right_198tl_gg_.__verticalWritingMode_198tl_gg_{writing-mode:vertical-rl;transform:none}.___STick_198tl_gg_._position_top_198tl_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_198tl_gg_._position_bottom_198tl_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_198tl_gg_._position_right_198tl_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_198tl_gg_._position_left_198tl_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_198tl_gg_._position_custom_0_198tl_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_198tl_gg_._position_custom_1_198tl_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "198tl_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SAxis": "___SAxis_198tl_gg_",
|
|
17
|
+
"_hide": "__hide_198tl_gg_",
|
|
18
|
+
"__STick": "___STick_198tl_gg_",
|
|
19
|
+
"__SGrid": "___SGrid_198tl_gg_",
|
|
20
|
+
"__STitle": "___STitle_198tl_gg_",
|
|
21
|
+
"--transform-origin": "--transform-origin_198tl",
|
|
22
|
+
"_position_top": "_position_top_198tl_gg_",
|
|
23
|
+
"_position_bottom": "_position_bottom_198tl_gg_",
|
|
24
|
+
"_position_right": "_position_right_198tl_gg_",
|
|
25
|
+
"_position_left": "_position_left_198tl_gg_",
|
|
26
|
+
"_verticalWritingMode": "__verticalWritingMode_198tl_gg_",
|
|
27
|
+
"_position_custom_0": "_position_custom_0_198tl_gg_",
|
|
28
|
+
"_position_custom_1": "_position_custom_1_198tl_gg_"
|
|
29
29
|
});
|
|
30
30
|
var CUSTOM_0 = Symbol('custom_0');
|
|
31
31
|
var CUSTOM_1 = Symbol('custom_1');
|
package/lib/es6/Bar.js
CHANGED
|
@@ -13,14 +13,14 @@ import createElement from './createElement';
|
|
|
13
13
|
import ClipPath from './ClipPath';
|
|
14
14
|
import { scaleToBand, roundedPath } from './utils';
|
|
15
15
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
16
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
17
|
-
"__SBar": "
|
|
18
|
-
"--duration": "--
|
|
19
|
-
"_color": "
|
|
20
|
-
"--color": "--
|
|
21
|
-
"_hide": "
|
|
22
|
-
"_transparent": "
|
|
23
|
-
"__SBackground": "
|
|
16
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_gk6eh_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_gk6eh);transition-timing-function:ease-in-out}.___SBar_gk6eh_gg_.__color_gk6eh_gg_{fill:var(--color_gk6eh)}.___SBar_gk6eh_gg_.__hide_gk6eh_gg_{display:none}.___SBar_gk6eh_gg_.__transparent_gk6eh_gg_{opacity:.3}.___SBackground_gk6eh_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "gk6eh_gg_") /*__reshadow_css_end__*/, {
|
|
17
|
+
"__SBar": "___SBar_gk6eh_gg_",
|
|
18
|
+
"--duration": "--duration_gk6eh",
|
|
19
|
+
"_color": "__color_gk6eh_gg_",
|
|
20
|
+
"--color": "--color_gk6eh",
|
|
21
|
+
"_hide": "__hide_gk6eh_gg_",
|
|
22
|
+
"_transparent": "__transparent_gk6eh_gg_",
|
|
23
|
+
"__SBackground": "___SBackground_gk6eh_gg_"
|
|
24
24
|
});
|
|
25
25
|
export var MIN_HEIGHT = 2;
|
|
26
26
|
var calcPartBarY = function calcPartBarY(y, minHeight, height) {
|
package/lib/es6/Bubble.js
CHANGED
|
@@ -20,16 +20,16 @@ import ClipPath from './ClipPath';
|
|
|
20
20
|
import { CONSTANT, measureText } from './utils';
|
|
21
21
|
import Tooltip from './Tooltip';
|
|
22
22
|
/*__reshadow-styles__:"./style/bubble.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SBubble": "
|
|
25
|
-
"--duration": "--
|
|
26
|
-
"_color": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"_transparent": "
|
|
29
|
-
"__SCenter": "
|
|
30
|
-
"__SLabel": "
|
|
31
|
-
"_position_right": "
|
|
32
|
-
"_position_left": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_1gwnu_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1gwnu);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1gwnu_gg_:hover{opacity:.8}}.___SBubble_1gwnu_gg_.__color_1gwnu_gg_{fill:var(--color_1gwnu)}.___SBubble_1gwnu_gg_.__transparent_1gwnu_gg_{opacity:.3}.___SCenter_1gwnu_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1gwnu_gg_.__color_1gwnu_gg_{stroke:var(--color_1gwnu)}.___SCenter_1gwnu_gg_.__transparent_1gwnu_gg_{opacity:.3}.___SLabel_1gwnu_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1gwnu_gg_._position_right_1gwnu_gg_{text-anchor:end}.___SLabel_1gwnu_gg_._position_left_1gwnu_gg_{text-anchor:start}.___SLabel_1gwnu_gg_.__color_1gwnu_gg_{fill:var(--color_1gwnu)}.___SLabel_1gwnu_gg_.__transparent_1gwnu_gg_{opacity:.3}" /*__inner_css_end__*/, "1gwnu_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SBubble": "___SBubble_1gwnu_gg_",
|
|
25
|
+
"--duration": "--duration_1gwnu",
|
|
26
|
+
"_color": "__color_1gwnu_gg_",
|
|
27
|
+
"--color": "--color_1gwnu",
|
|
28
|
+
"_transparent": "__transparent_1gwnu_gg_",
|
|
29
|
+
"__SCenter": "___SCenter_1gwnu_gg_",
|
|
30
|
+
"__SLabel": "___SLabel_1gwnu_gg_",
|
|
31
|
+
"_position_right": "_position_right_1gwnu_gg_",
|
|
32
|
+
"_position_left": "_position_left_1gwnu_gg_"
|
|
33
33
|
});
|
|
34
34
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
35
35
|
_inherits(BubbleRoot, _Component);
|
package/lib/es6/Donut.js
CHANGED
|
@@ -22,13 +22,13 @@ import createElement from './createElement';
|
|
|
22
22
|
import { CONSTANT } from './utils';
|
|
23
23
|
import Tooltip from './Tooltip';
|
|
24
24
|
/*__reshadow-styles__:"./style/donut.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__SPie": "
|
|
27
|
-
"_color": "
|
|
28
|
-
"--color": "--
|
|
29
|
-
"_transparent": "
|
|
30
|
-
"__SEmptyData": "
|
|
31
|
-
"__SLabel": "
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPie_jr921_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_jr921_gg_.__color_jr921_gg_{fill:var(--color_jr921)}.___SPie_jr921_gg_.__transparent_jr921_gg_{opacity:.3}.___SEmptyData_jr921_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_jr921_gg_.__color_jr921_gg_{fill:var(--color_jr921)}.___SLabel_jr921_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "jr921_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SPie": "___SPie_jr921_gg_",
|
|
27
|
+
"_color": "__color_jr921_gg_",
|
|
28
|
+
"--color": "--color_jr921",
|
|
29
|
+
"_transparent": "__transparent_jr921_gg_",
|
|
30
|
+
"__SEmptyData": "___SEmptyData_jr921_gg_",
|
|
31
|
+
"__SLabel": "___SLabel_jr921_gg_"
|
|
32
32
|
});
|
|
33
33
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
34
34
|
function transitionAnglePie(_ref6) {
|
package/lib/es6/Dots.js
CHANGED
|
@@ -5,24 +5,23 @@ import React, { useCallback, useEffect, useState } from 'react';
|
|
|
5
5
|
import { sstyled } from '@semcore/core';
|
|
6
6
|
import trottle from '@semcore/utils/lib/rafTrottle';
|
|
7
7
|
import createElement from './createElement';
|
|
8
|
-
import { eventToPoint, invert } from './utils';
|
|
8
|
+
import { eventToPoint, invert, interpolateValue } from './utils';
|
|
9
9
|
/*__reshadow-styles__:"./style/dot.shadow.css"*/
|
|
10
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
11
|
-
"__SDots": "
|
|
12
|
-
"__SDot": "
|
|
13
|
-
"--duration": "--
|
|
14
|
-
"_hide": "
|
|
15
|
-
"_active": "
|
|
16
|
-
"_color": "
|
|
17
|
-
"--color": "--
|
|
18
|
-
"_transparent": "
|
|
10
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDots_xm3ao_gg_ .___SDot_xm3ao_gg_{transition-duration:var(--duration_xm3ao)}.___SDot_xm3ao_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_xm3ao_gg_.__hide_xm3ao_gg_{display:none}.___SDot_xm3ao_gg_.__active_xm3ao_gg_{r:8px}.___SDot_xm3ao_gg_.__color_xm3ao_gg_{fill:var(--color_xm3ao)}.___SDot_xm3ao_gg_.__transparent_xm3ao_gg_{opacity:.3}" /*__inner_css_end__*/, "xm3ao_gg_") /*__reshadow_css_end__*/, {
|
|
11
|
+
"__SDots": "___SDots_xm3ao_gg_",
|
|
12
|
+
"__SDot": "___SDot_xm3ao_gg_",
|
|
13
|
+
"--duration": "--duration_xm3ao",
|
|
14
|
+
"_hide": "__hide_xm3ao_gg_",
|
|
15
|
+
"_active": "__active_xm3ao_gg_",
|
|
16
|
+
"_color": "__color_xm3ao_gg_",
|
|
17
|
+
"--color": "--color_xm3ao",
|
|
18
|
+
"_transparent": "__transparent_xm3ao_gg_"
|
|
19
19
|
});
|
|
20
20
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
|
21
21
|
function Dots(props) {
|
|
22
22
|
var _ref2;
|
|
23
23
|
var SDot = props.Element,
|
|
24
24
|
styles = props.styles,
|
|
25
|
-
data = props.data,
|
|
26
25
|
color = props.color,
|
|
27
26
|
d3 = props.d3,
|
|
28
27
|
x = props.x,
|
|
@@ -43,6 +42,11 @@ function Dots(props) {
|
|
|
43
42
|
_useState2 = _slicedToArray(_useState, 2),
|
|
44
43
|
activeIndex = _useState2[0],
|
|
45
44
|
setActiveIndex = _useState2[1];
|
|
45
|
+
var data = React.useMemo(function () {
|
|
46
|
+
return props.data.filter(function (item) {
|
|
47
|
+
return item[y] !== interpolateValue;
|
|
48
|
+
});
|
|
49
|
+
}, [props.data]);
|
|
46
50
|
var handlerMouseMoveRoot = useCallback(trottle(function (e) {
|
|
47
51
|
var _scale = _slicedToArray(scale, 1),
|
|
48
52
|
xScale = _scale[0];
|
package/lib/es6/Dots.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dots.js","names":["bisector","React","useCallback","useEffect","useState","sstyled","trottle","createElement","eventToPoint","invert","style","_sstyled","insert","EXCLUDE_PROPS","Dots","props","_ref2","SDot","Element","styles","
|
|
1
|
+
{"version":3,"file":"Dots.js","names":["bisector","React","useCallback","useEffect","useState","sstyled","trottle","createElement","eventToPoint","invert","interpolateValue","style","_sstyled","insert","EXCLUDE_PROPS","Dots","props","_ref2","SDot","Element","styles","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","_props$duration","duration","transparent","SDots","bisect","d","center","_useState","_useState2","_slicedToArray","activeIndex","setActiveIndex","data","useMemo","filter","item","handlerMouseMoveRoot","e","_scale","xScale","_eventToPoint","current","_eventToPoint2","pX","vX","handlerMouseLeaveRoot","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","dots","reduce","acc","i","_ref","isPrev","defined","isNext","active","visible","push","cn","concat"],"sources":["../../src/Dots.jsx"],"sourcesContent":["import { bisector } from 'd3-array';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { sstyled } from '@semcore/core';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\nimport { eventToPoint, invert, interpolateValue } from './utils';\n\nimport style from './style/dot.shadow.css';\n\nconst EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];\n\nfunction Dots(props) {\n const {\n Element: SDot,\n styles,\n color,\n d3,\n x,\n y,\n eventEmitter,\n display,\n hide,\n rootRef,\n scale,\n duration = 500,\n transparent,\n } = props;\n const SDots = 'g';\n const bisect = bisector((d) => d[x]).center;\n const [activeIndex, setActiveIndex] = useState(null);\n const data = React.useMemo(\n () => props.data.filter((item) => item[y] !== interpolateValue),\n [props.data],\n );\n\n const handlerMouseMoveRoot = useCallback(\n trottle((e) => {\n const [xScale] = scale;\n const [pX] = eventToPoint(e, rootRef.current);\n const vX = invert(xScale, pX);\n setActiveIndex(bisect(data, vX));\n }),\n [scale, data],\n );\n\n const handlerMouseLeaveRoot = useCallback(\n trottle(() => {\n setActiveIndex(null);\n }),\n [],\n );\n\n useEffect(() => {\n const unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n e.persist();\n handlerMouseMoveRoot(e);\n });\n\n const unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n 'onMouseLeaveChart',\n handlerMouseLeaveRoot,\n );\n\n return () => {\n unsubscribeMouseMoveRoot();\n unsubscribeMouseLeaveRoot();\n };\n }, [eventEmitter, scale, data, x, y]);\n\n const dots = data.reduce((acc, d, i) => {\n const isPrev = d3.defined()(data[i - 1] || {});\n const isNext = d3.defined()(data[i + 1] || {});\n const active = i === activeIndex;\n const visible = display || i === activeIndex || (!isPrev && !isNext);\n if (!d3.defined()(d)) return acc;\n if (!visible) return acc;\n acc.push(\n sstyled(styles)(\n <SDot\n aria-hidden\n key={`${i}`}\n render='circle'\n visible={visible}\n __excludeProps={EXCLUDE_PROPS}\n value={d}\n index={i}\n cx={d3.x()(d)}\n cy={d3.y()(d)}\n active={active}\n hide={hide}\n color={color}\n transparent={transparent}\n />,\n ),\n );\n return acc;\n }, []);\n return sstyled(styles)(<SDots use:duration={`${duration}ms`}>{dots}</SDots>);\n}\n\nDots.style = style;\n\nexport default createElement(Dots);\n"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,UAAU;AACnC,OAAOC,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC/D,SAASC,OAAO,QAAQ,eAAe;AACvC,OAAOC,OAAO,MAAM,+BAA+B;AACnD,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,SAASC,YAAY,EAAEC,MAAM,EAAEC,gBAAgB,QAAQ,SAAS;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAIjE,IAAMC,aAAa,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC;AAE3D,SAASC,IAAIA,CAACC,KAAK,EAAE;EAAA,IAAAC,KAAA;EACnB,IACWC,IAAI,GAaXF,KAAK,CAbPG,OAAO;IACPC,MAAM,GAYJJ,KAAK,CAZPI,MAAM;IACNC,KAAK,GAWHL,KAAK,CAXPK,KAAK;IACLC,EAAE,GAUAN,KAAK,CAVPM,EAAE;IACFC,CAAC,GASCP,KAAK,CATPO,CAAC;IACDC,CAAC,GAQCR,KAAK,CARPQ,CAAC;IACDC,YAAY,GAOVT,KAAK,CAPPS,YAAY;IACZC,OAAO,GAMLV,KAAK,CANPU,OAAO;IACPC,IAAI,GAKFX,KAAK,CALPW,IAAI;IACJC,OAAO,GAILZ,KAAK,CAJPY,OAAO;IACPC,KAAK,GAGHb,KAAK,CAHPa,KAAK;IAAAC,eAAA,GAGHd,KAAK,CAFPe,QAAQ;IAARA,QAAQ,GAAAD,eAAA,cAAG,GAAG,GAAAA,eAAA;IACdE,WAAW,GACThB,KAAK,CADPgB,WAAW;EAEb,IAAMC,KAAK,GAAG,GAAG;EACjB,IAAMC,MAAM,GAAGlC,QAAQ,CAAC,UAACmC,CAAC;IAAA,OAAKA,CAAC,CAACZ,CAAC,CAAC;EAAA,EAAC,CAACa,MAAM;EAC3C,IAAAC,SAAA,GAAsCjC,QAAQ,CAAC,IAAI,CAAC;IAAAkC,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAA7CG,WAAW,GAAAF,UAAA;IAAEG,cAAc,GAAAH,UAAA;EAClC,IAAMI,IAAI,GAAGzC,KAAK,CAAC0C,OAAO,CACxB;IAAA,OAAM3B,KAAK,CAAC0B,IAAI,CAACE,MAAM,CAAC,UAACC,IAAI;MAAA,OAAKA,IAAI,CAACrB,CAAC,CAAC,KAAKd,gBAAgB;IAAA,EAAC;EAAA,GAC/D,CAACM,KAAK,CAAC0B,IAAI,CAAC,CACb;EAED,IAAMI,oBAAoB,GAAG5C,WAAW,CACtCI,OAAO,CAAC,UAACyC,CAAC,EAAK;IACb,IAAAC,MAAA,GAAAT,cAAA,CAAiBV,KAAK;MAAfoB,MAAM,GAAAD,MAAA;IACb,IAAAE,aAAA,GAAa1C,YAAY,CAACuC,CAAC,EAAEnB,OAAO,CAACuB,OAAO,CAAC;MAAAC,cAAA,GAAAb,cAAA,CAAAW,aAAA;MAAtCG,EAAE,GAAAD,cAAA;IACT,IAAME,EAAE,GAAG7C,MAAM,CAACwC,MAAM,EAAEI,EAAE,CAAC;IAC7BZ,cAAc,CAACP,MAAM,CAACQ,IAAI,EAAEY,EAAE,CAAC,CAAC;EAClC,CAAC,CAAC,EACF,CAACzB,KAAK,EAAEa,IAAI,CAAC,CACd;EAED,IAAMa,qBAAqB,GAAGrD,WAAW,CACvCI,OAAO,CAAC,YAAM;IACZmC,cAAc,CAAC,IAAI,CAAC;EACtB,CAAC,CAAC,EACF,EAAE,CACH;EAEDtC,SAAS,CAAC,YAAM;IACd,IAAMqD,wBAAwB,GAAG/B,YAAY,CAACgC,SAAS,CAAC,kBAAkB,EAAE,UAACV,CAAC,EAAK;MACjFA,CAAC,CAACW,OAAO,EAAE;MACXZ,oBAAoB,CAACC,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,IAAMY,yBAAyB,GAAGlC,YAAY,CAACgC,SAAS,CACtD,mBAAmB,EACnBF,qBAAqB,CACtB;IAED,OAAO,YAAM;MACXC,wBAAwB,EAAE;MAC1BG,yBAAyB,EAAE;IAC7B,CAAC;EACH,CAAC,EAAE,CAAClC,YAAY,EAAEI,KAAK,EAAEa,IAAI,EAAEnB,CAAC,EAAEC,CAAC,CAAC,CAAC;EAErC,IAAMoC,IAAI,GAAGlB,IAAI,CAACmB,MAAM,CAAC,UAACC,GAAG,EAAE3B,CAAC,EAAE4B,CAAC,EAAK;IAAA,IAAAC,IAAA;IACtC,IAAMC,MAAM,GAAG3C,EAAE,CAAC4C,OAAO,EAAE,CAACxB,IAAI,CAACqB,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9C,IAAMI,MAAM,GAAG7C,EAAE,CAAC4C,OAAO,EAAE,CAACxB,IAAI,CAACqB,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9C,IAAMK,MAAM,GAAGL,CAAC,KAAKvB,WAAW;IAChC,IAAM6B,OAAO,GAAG3C,OAAO,IAAIqC,CAAC,KAAKvB,WAAW,IAAK,CAACyB,MAAM,IAAI,CAACE,MAAO;IACpE,IAAI,CAAC7C,EAAE,CAAC4C,OAAO,EAAE,CAAC/B,CAAC,CAAC,EAAE,OAAO2B,GAAG;IAChC,IAAI,CAACO,OAAO,EAAE,OAAOP,GAAG;IACxBA,GAAG,CAACQ,IAAI,EAAAN,IAAA,GACN3D,OAAO,CAACe,MAAM,CAAC,eACbnB,KAAA,CAAAM,aAAA,CAACW,IAAI,EAAA8C,IAAA,CAAAO,EAAA;MAAA;MAAA,UAAAC,MAAA,CAEKT,CAAC;MAAA,UACF,QAAQ;MAAA,WACNM,OAAO;MAAA,kBACAvD,aAAa;MAAA,SACtBqB,CAAC;MAAA,SACD4B,CAAC;MAAA,MACJzC,EAAE,CAACC,CAAC,EAAE,CAACY,CAAC,CAAC;MAAA,MACTb,EAAE,CAACE,CAAC,EAAE,CAACW,CAAC,CAAC;MAAA,UACLiC,MAAM;MAAA,QACRzC,IAAI;MAAA,SACHN,KAAK;MAAA,eACCW;IAAW,GACxB,EAEL;IACD,OAAO8B,GAAG;EACZ,CAAC,EAAE,EAAE,CAAC;EACN,OAAA7C,KAAA,GAAOZ,OAAO,CAACe,MAAM,CAAC,eAACnB,KAAA,CAAAM,aAAA,CAAC0B,KAAK,EAAAhB,KAAA,CAAAsD,EAAA;IAAA,mBAAAC,MAAA,CAAkBzC,QAAQ;EAAA,IAAO6B,IAAI,CAAS;AAC7E;AAEA7C,IAAI,CAACJ,KAAK,GAAGA,KAAK;AAElB,eAAeJ,aAAa,CAACQ,IAAI,CAAC"}
|
package/lib/es6/HorizontalBar.js
CHANGED
|
@@ -12,14 +12,14 @@ import createElement from './createElement';
|
|
|
12
12
|
import ClipPath from './ClipPath';
|
|
13
13
|
import { scaleToBand, roundedPath } from './utils';
|
|
14
14
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
16
|
-
"__SBar": "
|
|
17
|
-
"--duration": "--
|
|
18
|
-
"_color": "
|
|
19
|
-
"--color": "--
|
|
20
|
-
"_hide": "
|
|
21
|
-
"_transparent": "
|
|
22
|
-
"__SBackground": "
|
|
15
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_gk6eh_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_gk6eh);transition-timing-function:ease-in-out}.___SBar_gk6eh_gg_.__color_gk6eh_gg_{fill:var(--color_gk6eh)}.___SBar_gk6eh_gg_.__hide_gk6eh_gg_{display:none}.___SBar_gk6eh_gg_.__transparent_gk6eh_gg_{opacity:.3}.___SBackground_gk6eh_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "gk6eh_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SBar": "___SBar_gk6eh_gg_",
|
|
17
|
+
"--duration": "--duration_gk6eh",
|
|
18
|
+
"_color": "__color_gk6eh_gg_",
|
|
19
|
+
"--color": "--color_gk6eh",
|
|
20
|
+
"_hide": "__hide_gk6eh_gg_",
|
|
21
|
+
"_transparent": "__transparent_gk6eh_gg_",
|
|
22
|
+
"__SBackground": "___SBackground_gk6eh_gg_"
|
|
23
23
|
});
|
|
24
24
|
export var MIN_WIDTH = 2;
|
|
25
25
|
var calcPartBarX = function calcPartBarX(x, minWidth, width) {
|
package/lib/es6/Hover.js
CHANGED
|
@@ -16,9 +16,9 @@ import trottle from '@semcore/utils/lib/rafTrottle';
|
|
|
16
16
|
import createElement from './createElement';
|
|
17
17
|
import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT, scaleToBand } from './utils';
|
|
18
18
|
/*__reshadow-styles__:"./style/hover.shadow.css"*/
|
|
19
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
20
|
-
"__SHoverLine": "
|
|
21
|
-
"__SHoverRect": "
|
|
19
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_fnv01_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_fnv01_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "fnv01_gg_") /*__reshadow_css_end__*/, {
|
|
20
|
+
"__SHoverLine": "___SHoverLine_fnv01_gg_",
|
|
21
|
+
"__SHoverRect": "___SHoverRect_fnv01_gg_"
|
|
22
22
|
});
|
|
23
23
|
import Tooltip from './Tooltip';
|
|
24
24
|
var Hover = /*#__PURE__*/function (_Component) {
|
package/lib/es6/Line.js
CHANGED
|
@@ -10,18 +10,18 @@ import { curveLinear, line as d3Line } from 'd3-shape';
|
|
|
10
10
|
import { Component, sstyled } from '@semcore/core';
|
|
11
11
|
import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
|
|
12
12
|
import createElement from './createElement';
|
|
13
|
-
import { definedData, definedNullData, scaleOfBandwidth, getNullData } from './utils';
|
|
13
|
+
import { definedData, definedNullData, scaleOfBandwidth, getNullData, interpolateValue } from './utils';
|
|
14
14
|
import Dots from './Dots';
|
|
15
15
|
import ClipPath from './ClipPath';
|
|
16
16
|
/*__reshadow-styles__:"./style/line.shadow.css"*/
|
|
17
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
18
|
-
"__SLine": "
|
|
19
|
-
"--duration": "--
|
|
20
|
-
"_color": "
|
|
21
|
-
"--color": "--
|
|
22
|
-
"_hide": "
|
|
23
|
-
"_transparent": "
|
|
24
|
-
"__SNull": "
|
|
17
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_1yzik_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1yzik);transition-timing-function:ease-in-out}.___SLine_1yzik_gg_.__color_1yzik_gg_{stroke:var(--color_1yzik)}.___SLine_1yzik_gg_.__hide_1yzik_gg_{display:none}.___SLine_1yzik_gg_.__transparent_1yzik_gg_{opacity:.3}.___SNull_1yzik_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_1yzik_gg_.__hide_1yzik_gg_{display:none}" /*__inner_css_end__*/, "1yzik_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SLine": "___SLine_1yzik_gg_",
|
|
19
|
+
"--duration": "--duration_1yzik",
|
|
20
|
+
"_color": "__color_1yzik_gg_",
|
|
21
|
+
"--color": "--color_1yzik",
|
|
22
|
+
"_hide": "__hide_1yzik_gg_",
|
|
23
|
+
"_transparent": "__transparent_1yzik_gg_",
|
|
24
|
+
"__SNull": "___SNull_1yzik_gg_"
|
|
25
25
|
});
|
|
26
26
|
var LineRoot = /*#__PURE__*/function (_Component) {
|
|
27
27
|
_inherits(LineRoot, _Component);
|
|
@@ -56,8 +56,10 @@ var LineRoot = /*#__PURE__*/function (_Component) {
|
|
|
56
56
|
x = _this$asProps2.x,
|
|
57
57
|
y = _this$asProps2.y,
|
|
58
58
|
d3 = _this$asProps2.d3,
|
|
59
|
-
color = _this$asProps2.color
|
|
60
|
-
|
|
59
|
+
color = _this$asProps2.color;
|
|
60
|
+
var data = this.asProps.data.filter(function (item) {
|
|
61
|
+
return item[y] !== interpolateValue;
|
|
62
|
+
});
|
|
61
63
|
return {
|
|
62
64
|
d3: d3,
|
|
63
65
|
// TODO: vertical
|
|
@@ -77,11 +79,13 @@ var LineRoot = /*#__PURE__*/function (_Component) {
|
|
|
77
79
|
uid = _this$asProps3.uid,
|
|
78
80
|
size = _this$asProps3.size,
|
|
79
81
|
d3 = _this$asProps3.d3,
|
|
80
|
-
data = _this$asProps3.data,
|
|
81
82
|
duration = _this$asProps3.duration,
|
|
82
83
|
x = _this$asProps3.x,
|
|
83
84
|
y = _this$asProps3.y,
|
|
84
85
|
transparent = _this$asProps3.transparent;
|
|
86
|
+
var data = this.asProps.data.filter(function (item) {
|
|
87
|
+
return item[y] !== interpolateValue;
|
|
88
|
+
});
|
|
85
89
|
this.asProps.dataHintsHandler.specifyDataRowFields(x, y);
|
|
86
90
|
this.asProps.dataHintsHandler.establishDataType('time-series');
|
|
87
91
|
return _ref = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SLine, _ref.cn("SLine", {
|
package/lib/es6/Line.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Line.js","names":["React","curveLinear","line","d3Line","Component","sstyled","uniqueIDEnhancement","createElement","definedData","definedNullData","scaleOfBandwidth","getNullData","Dots","ClipPath","style","_sstyled","insert","LineRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","duration","transparent","getNullProps","_this$asProps2","data","render","_ref","SLine","Element","_this$asProps3","styles","hide","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","cn","concat","setAttributeTag","rect","setAttribute","_defineProperty","_ref3","$rootProps","_ref3$curve","curve","scale","_ref4","_ref5","_slicedToArray","xScale","yScale","defined","p","Null","props","_ref2","SNull"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport {
|
|
1
|
+
{"version":3,"file":"Line.js","names":["React","curveLinear","line","d3Line","Component","sstyled","uniqueIDEnhancement","createElement","definedData","definedNullData","scaleOfBandwidth","getNullData","interpolateValue","Dots","ClipPath","style","_sstyled","insert","LineRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","duration","transparent","getNullProps","_this$asProps2","data","filter","item","render","_ref","SLine","Element","_this$asProps3","styles","hide","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","cn","concat","setAttributeTag","rect","setAttribute","_defineProperty","_ref3","$rootProps","_ref3$curve","curve","scale","_ref4","_ref5","_slicedToArray","xScale","yScale","defined","p","Null","props","_ref2","SNull"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport {\n definedData,\n definedNullData,\n scaleOfBandwidth,\n getNullData,\n interpolateValue,\n} from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n static displayName = 'Line';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = ({ x, y, $rootProps, curve = curveLinear, scale }) => {\n const [xScale, yScale] = scale || $rootProps.scale;\n return {\n d3: d3Line()\n .defined(definedData(x, y))\n .curve(curve)\n .x((p) => scaleOfBandwidth(xScale, p[x]))\n .y((p) => scaleOfBandwidth(yScale, p[y])),\n duration: 500,\n };\n };\n\n getDotsProps() {\n const { x, y, d3, color, duration, transparent } = this.asProps;\n return {\n x,\n y,\n d3,\n color,\n duration,\n transparent,\n };\n }\n\n getNullProps() {\n const { x, y, d3, color } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n return {\n d3,\n // TODO: vertical\n data: getNullData(data, definedNullData(x, y), y),\n color,\n };\n }\n\n render() {\n const SLine = this.Element;\n const { styles, hide, color, uid, size, d3, duration, x, y, transparent } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n this.asProps.dataHintsHandler.establishDataType('time-series');\n\n return sstyled(styles)(\n <>\n <SLine\n aria-hidden\n clipPath={`url(#${uid})`}\n render='path'\n hide={hide}\n color={color}\n transparent={transparent}\n d={d3(data)}\n use:duration={`${duration}ms`}\n />\n {duration && (\n <ClipPath\n aria-hidden\n setAttributeTag={(rect) => {\n rect.setAttribute('width', size[0]);\n }}\n id={uid}\n x='0'\n y='0'\n width={0}\n height={size[1]}\n transition={`width ${duration}ms ease-in-out`}\n />\n )}\n </>,\n );\n }\n}\n\nfunction Null(props) {\n const { Element: SNull, styles, d3, data, hide } = props;\n return sstyled(styles)(<SNull render='path' d={d3(data)} hide={hide} />);\n}\n\nexport default createElement(LineRoot, {\n Dots,\n Null,\n});\n"],"mappings":"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"}
|
package/lib/es6/Plot.js
CHANGED
|
@@ -17,9 +17,9 @@ import { eventToPoint, uniqueId } from './utils';
|
|
|
17
17
|
import { PlotA11yModule } from './a11y/PlotA11yModule';
|
|
18
18
|
import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
|
|
19
19
|
/*__reshadow-styles__:"./style/plot.shadow.css"*/
|
|
20
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
21
|
-
"__SPlot": "
|
|
22
|
-
"_keyboardFocused": "
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_1uds9_gg_{overflow:hidden}.___SPlot_1uds9_gg_:active,.___SPlot_1uds9_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1uds9_gg_.__keyboardFocused_1uds9_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "1uds9_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SPlot": "___SPlot_1uds9_gg_",
|
|
22
|
+
"_keyboardFocused": "__keyboardFocused_1uds9_gg_"
|
|
23
23
|
});
|
|
24
24
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
|
25
25
|
_inherits(PlotRoot, _Component);
|
package/lib/es6/Radar.js
CHANGED
|
@@ -21,23 +21,23 @@ import createElement from './createElement';
|
|
|
21
21
|
import { CONSTANT, eventToPoint, measureText } from './utils';
|
|
22
22
|
import Tooltip from './Tooltip';
|
|
23
23
|
/*__reshadow-styles__:"./style/radar.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SAxis": "
|
|
26
|
-
"__SAxisLine": "
|
|
27
|
-
"__SAxisTick": "
|
|
28
|
-
"_active": "
|
|
29
|
-
"__SAxisLabel": "
|
|
30
|
-
"_xDirection": "
|
|
31
|
-
"--xDirection": "--
|
|
32
|
-
"_yDirection": "
|
|
33
|
-
"--yDirection": "--
|
|
34
|
-
"__SPolygon": "
|
|
35
|
-
"_color": "
|
|
36
|
-
"--color": "--
|
|
37
|
-
"__SPolygonDot": "
|
|
38
|
-
"_transparent": "
|
|
39
|
-
"__SPolygonLine": "
|
|
40
|
-
"__SPieRect": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_y5z2p_gg_,.___SAxisTick_y5z2p_gg_,.___SAxis_y5z2p_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_y5z2p_gg_,.___SAxisTick_y5z2p_gg_{stroke-dasharray:2}.___SAxisLine_y5z2p_gg_.__active_y5z2p_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_y5z2p_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_y5z2p_gg_.__xDirection_y5z2p_gg_{text-anchor:var(--xDirection_y5z2p)}.___SAxisLabel_y5z2p_gg_.__yDirection_y5z2p_gg_{dominant-baseline:var(--yDirection_y5z2p)}.___SPolygonDot_y5z2p_gg_,.___SPolygon_y5z2p_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_y5z2p_gg_{opacity:.2}.___SPolygon_y5z2p_gg_.__color_y5z2p_gg_{fill:var(--color_y5z2p)}.___SPolygonDot_y5z2p_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_y5z2p_gg_.__transparent_y5z2p_gg_{opacity:.3}.___SPolygonDot_y5z2p_gg_.__color_y5z2p_gg_{fill:var(--color_y5z2p)}.___SPolygonLine_y5z2p_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_y5z2p_gg_.__transparent_y5z2p_gg_{opacity:.3}.___SPolygonLine_y5z2p_gg_.__color_y5z2p_gg_{stroke:var(--color_y5z2p)}.___SPieRect_y5z2p_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "y5z2p_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SAxis": "___SAxis_y5z2p_gg_",
|
|
26
|
+
"__SAxisLine": "___SAxisLine_y5z2p_gg_",
|
|
27
|
+
"__SAxisTick": "___SAxisTick_y5z2p_gg_",
|
|
28
|
+
"_active": "__active_y5z2p_gg_",
|
|
29
|
+
"__SAxisLabel": "___SAxisLabel_y5z2p_gg_",
|
|
30
|
+
"_xDirection": "__xDirection_y5z2p_gg_",
|
|
31
|
+
"--xDirection": "--xDirection_y5z2p",
|
|
32
|
+
"_yDirection": "__yDirection_y5z2p_gg_",
|
|
33
|
+
"--yDirection": "--yDirection_y5z2p",
|
|
34
|
+
"__SPolygon": "___SPolygon_y5z2p_gg_",
|
|
35
|
+
"_color": "__color_y5z2p_gg_",
|
|
36
|
+
"--color": "--color_y5z2p",
|
|
37
|
+
"__SPolygonDot": "___SPolygonDot_y5z2p_gg_",
|
|
38
|
+
"_transparent": "__transparent_y5z2p_gg_",
|
|
39
|
+
"__SPolygonLine": "___SPolygonLine_y5z2p_gg_",
|
|
40
|
+
"__SPieRect": "___SPieRect_y5z2p_gg_"
|
|
41
41
|
});
|
|
42
42
|
var clampAngle = function clampAngle(angle) {
|
|
43
43
|
angle = angle % (2 * Math.PI);
|
package/lib/es6/RadialTree.js
CHANGED
|
@@ -21,18 +21,18 @@ import canUseDOM from '@semcore/utils/lib/canUseDOM';
|
|
|
21
21
|
import createElement from './createElement';
|
|
22
22
|
import { measureText } from './utils';
|
|
23
23
|
/*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SRadian": "
|
|
26
|
-
"__SLine": "
|
|
27
|
-
"_color": "
|
|
28
|
-
"--color": "--
|
|
29
|
-
"_transparent": "
|
|
30
|
-
"__SCap": "
|
|
31
|
-
"__SIcon": "
|
|
32
|
-
"__SLabel": "
|
|
33
|
-
"--text-cursor": "--text-
|
|
34
|
-
"--color-hovered": "--color-
|
|
35
|
-
"__SLineCap": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_os5xz_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_os5xz_gg_{stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_os5xz_gg_.__color_os5xz_gg_{stroke:var(--color_os5xz)}.___SCap_os5xz_gg_.__transparent_os5xz_gg_,.___SIcon_os5xz_gg_.__transparent_os5xz_gg_,.___SLabel_os5xz_gg_.__transparent_os5xz_gg_,.___SLine_os5xz_gg_.__transparent_os5xz_gg_{opacity:.3}.___SCap_os5xz_gg_{transition:r .1s}.___SLabel_os5xz_gg_{fill:var(--color_os5xz);cursor:var(--text-cursor_os5xz)}@media (hover:hover){.___SRadian_os5xz_gg_:hover .___SLabel_os5xz_gg_{fill:var(--color-hovered_os5xz)}}@media (prefers-reduced-motion){.___SLineCap_os5xz_gg_{transition:none}}" /*__inner_css_end__*/, "os5xz_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SRadian": "___SRadian_os5xz_gg_",
|
|
26
|
+
"__SLine": "___SLine_os5xz_gg_",
|
|
27
|
+
"_color": "__color_os5xz_gg_",
|
|
28
|
+
"--color": "--color_os5xz",
|
|
29
|
+
"_transparent": "__transparent_os5xz_gg_",
|
|
30
|
+
"__SCap": "___SCap_os5xz_gg_",
|
|
31
|
+
"__SIcon": "___SIcon_os5xz_gg_",
|
|
32
|
+
"__SLabel": "___SLabel_os5xz_gg_",
|
|
33
|
+
"--text-cursor": "--text-cursor_os5xz",
|
|
34
|
+
"--color-hovered": "--color-hovered_os5xz",
|
|
35
|
+
"__SLineCap": "___SLineCap_os5xz_gg_"
|
|
36
36
|
});
|
|
37
37
|
var baseAngle = -Math.PI / 2; // The top vertical line
|
|
38
38
|
var RadialTreeBase = /*#__PURE__*/function (_Component) {
|