@pie-lib/charting 4.5.11-next.266 → 4.5.11-next.408
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 +61 -0
- package/lib/axes.js +116 -25
- package/lib/axes.js.map +1 -1
- package/lib/bars/bar.js.map +1 -1
- package/lib/bars/common/bars.js.map +1 -1
- package/lib/bars/histogram.js.map +1 -1
- package/lib/chart-types.js.map +1 -1
- package/lib/chart.js +8 -8
- package/lib/chart.js.map +1 -1
- package/lib/common/drag-handle.js.map +1 -1
- package/lib/common/styles.js.map +1 -1
- package/lib/grid.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib/line/common/drag-handle.js.map +1 -1
- package/lib/line/common/line.js.map +1 -1
- package/lib/line/line-cross.js.map +1 -1
- package/lib/line/line-dot.js.map +1 -1
- package/lib/mark-label.js.map +1 -1
- package/lib/plot/common/plot.js.map +1 -1
- package/lib/plot/dot.js.map +1 -1
- package/lib/plot/line.js.map +1 -1
- package/lib/tool-menu.js.map +1 -1
- package/lib/utils.js.map +1 -1
- package/package.json +3 -3
- package/src/axes.jsx +99 -2
- package/src/chart.jsx +9 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"drag-handle.js","names":["RawDragHandle","props","x","y","width","graphProps","classes","className","interactive","correctness","rest","scale","classNames","handleContainer","value","transparentHandle","handle","React","Component","PropTypes","number","isRequired","types","GraphPropsType","object","string","bool","shape","label","DragHandle","withStyles","theme","height","fill","color","secondary","transition","correct","incorrect","disabled","secondaryDark","D","gridDraggable","axis","fromDelta","delta","newPoint","utils","point","add","bounds","domain","range","area","left","top","bottom","right","anchorPoint"],"sources":["../../src/common/drag-handle.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { gridDraggable, utils, types } from '@pie-lib/plot';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\nimport { correct, incorrect, disabled } from './styles';\n\nexport class RawDragHandle extends React.Component {\n static propTypes = {\n x: PropTypes.number.isRequired,\n y: PropTypes.number.isRequired,\n width: PropTypes.number,\n graphProps: types.GraphPropsType.isRequired,\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n interactive: PropTypes.bool,\n correctness: PropTypes.shape({\n value: PropTypes.string,\n label: PropTypes.string\n })\n };\n render() {\n const {\n x,\n y,\n width,\n graphProps,\n classes,\n className,\n interactive,\n correctness,\n ...rest\n } = this.props;\n const { scale } = graphProps;\n return (\n <svg\n x={x}\n y={scale.y(y) - 10}\n width={width}\n overflow=\"visible\"\n className={classNames(\n classes.handleContainer,\n className,\n !interactive && 'non-interactive',\n interactive && correctness && correctness.value\n )}\n >\n <rect\n y={-10}\n width={width}\n className={classNames(classes.transparentHandle, className)}\n {...rest}\n />\n <rect\n width={width}\n className={classNames(\n classes.handle,\n 'handle',\n className,\n !interactive && 'non-interactive',\n interactive && correctness && correctness.value\n )}\n {...rest}\n />\n <rect\n y={10}\n width={width}\n className={classNames(classes.transparentHandle, className)}\n {...rest}\n />\n </svg>\n );\n }\n}\n\nexport const DragHandle = withStyles(theme => ({\n handle: {\n height: '10px',\n fill: color.secondary(),\n transition: 'fill 200ms linear, height 200ms linear',\n '&.correct': correct('fill'),\n '&.incorrect': incorrect('fill'),\n '&.non-interactive': disabled('fill')\n },\n transparentHandle: {\n height: '10px',\n fill: 'transparent'\n },\n handleContainer: {\n height: 30,\n '&:hover': {\n '& .handle': {\n fill: color.secondaryDark(),\n height: '16px'\n }\n },\n '&.non-interactive': disabled('fill'),\n '&.incorrect': incorrect('fill'),\n '&.correct': correct('fill')\n }\n}))(RawDragHandle);\n\nexport const D = gridDraggable({\n axis: 'y',\n fromDelta: (props, delta) => {\n //TODO: should be in grid-draggable, if axis is y delta.x should always be 0.\n delta.x = 0;\n const newPoint = utils.point(props).add(utils.point(delta));\n return newPoint.y;\n },\n bounds: (props, { domain, range }) => {\n const area = { left: 0, top: props.y, bottom: props.y, right: 0 };\n return utils.bounds(area, domain, range);\n },\n anchorPoint: props => {\n return { x: props.x, y: props.y };\n }\n})(DragHandle);\n\nexport default D;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,a;;;;;;;;;;;;;WAcX,kBAAS;MACP,kBAUI,KAAKC,KAVT;MAAA,IACEC,CADF,eACEA,CADF;MAAA,IAEEC,CAFF,eAEEA,CAFF;MAAA,IAGEC,KAHF,eAGEA,KAHF;MAAA,IAIEC,UAJF,eAIEA,UAJF;MAAA,IAKEC,OALF,eAKEA,OALF;MAAA,IAMEC,SANF,eAMEA,SANF;MAAA,IAOEC,WAPF,eAOEA,WAPF;MAAA,IAQEC,WARF,eAQEA,WARF;MAAA,IASKC,IATL;;MAWA,IAAQC,KAAR,GAAkBN,UAAlB,CAAQM,KAAR;MACA,oBACE;QACE,CAAC,EAAET,CADL;QAEE,CAAC,EAAES,KAAK,CAACR,CAAN,CAAQA,CAAR,IAAa,EAFlB;QAGE,KAAK,EAAEC,KAHT;QAIE,QAAQ,EAAC,SAJX;QAKE,SAAS,EAAE,IAAAQ,sBAAA,EACTN,OAAO,CAACO,eADC,EAETN,SAFS,EAGT,CAACC,WAAD,IAAgB,iBAHP,EAITA,WAAW,IAAIC,WAAf,IAA8BA,WAAW,CAACK,KAJjC;MALb,gBAYE;QACE,CAAC,EAAE,CAAC,EADN;QAEE,KAAK,EAAEV,KAFT;QAGE,SAAS,EAAE,IAAAQ,sBAAA,EAAWN,OAAO,CAACS,iBAAnB,EAAsCR,SAAtC;MAHb,GAIMG,IAJN,EAZF,eAkBE;QACE,KAAK,EAAEN,KADT;QAEE,SAAS,EAAE,IAAAQ,sBAAA,EACTN,OAAO,CAACU,MADC,EAET,QAFS,EAGTT,SAHS,EAIT,CAACC,WAAD,IAAgB,iBAJP,EAKTA,WAAW,IAAIC,WAAf,IAA8BA,WAAW,CAACK,KALjC;MAFb,GASMJ,IATN,EAlBF,eA6BE;QACE,CAAC,EAAE,EADL;QAEE,KAAK,EAAEN,KAFT;QAGE,SAAS,EAAE,IAAAQ,sBAAA,EAAWN,OAAO,CAACS,iBAAnB,EAAsCR,SAAtC;MAHb,GAIMG,IAJN,EA7BF,CADF;IAsCD;;;;EAjEgCO,iBAAA,CAAMC,S;;;;gBAA5BlB,a,eACQ;EACjBE,CAAC,EAAEiB,qBAAA,CAAUC,MAAV,CAAiBC,UADH;EAEjBlB,CAAC,EAAEgB,qBAAA,CAAUC,MAAV,CAAiBC,UAFH;EAGjBjB,KAAK,EAAEe,qBAAA,CAAUC,MAHA;EAIjBf,UAAU,EAAEiB,WAAA,CAAMC,cAAN,CAAqBF,UAJhB;EAKjBf,OAAO,EAAEa,qBAAA,CAAUK,MAAV,CAAiBH,UALT;EAMjBd,SAAS,EAAEY,qBAAA,CAAUM,MANJ;EAOjBjB,WAAW,EAAEW,qBAAA,CAAUO,IAPN;EAQjBjB,WAAW,EAAEU,qBAAA,CAAUQ,KAAV,CAAgB;IAC3Bb,KAAK,EAAEK,qBAAA,CAAUM,MADU;IAE3BG,KAAK,EAAET,qBAAA,CAAUM;EAFU,CAAhB;AARI,C;;AAmEd,IAAMI,UAAU,GAAG,IAAAC,iBAAA,EAAW,UAAAC,KAAK;EAAA,OAAK;IAC7Cf,MAAM,EAAE;MACNgB,MAAM,EAAE,MADF;MAENC,IAAI,EAAEC,eAAA,CAAMC,SAAN,EAFA;MAGNC,UAAU,EAAE,wCAHN;MAIN,aAAa,IAAAC,eAAA,EAAQ,MAAR,CAJP;MAKN,eAAe,IAAAC,iBAAA,EAAU,MAAV,CALT;MAMN,qBAAqB,IAAAC,gBAAA,EAAS,MAAT;IANf,CADqC;IAS7CxB,iBAAiB,EAAE;MACjBiB,MAAM,EAAE,MADS;MAEjBC,IAAI,EAAE;IAFW,CAT0B;IAa7CpB,eAAe,EAAE;MACfmB,MAAM,EAAE,EADO;MAEf,WAAW;QACT,aAAa;UACXC,IAAI,EAAEC,eAAA,CAAMM,aAAN,EADK;UAEXR,MAAM,EAAE;QAFG;MADJ,CAFI;MAQf,qBAAqB,IAAAO,gBAAA,EAAS,MAAT,CARN;MASf,eAAe,IAAAD,iBAAA,EAAU,MAAV,CATA;MAUf,aAAa,IAAAD,eAAA,EAAQ,MAAR;IAVE;EAb4B,CAAL;AAAA,CAAhB,EAyBtBrC,aAzBsB,CAAnB;;AA2BA,IAAMyC,CAAC,GAAG,IAAAC,mBAAA,EAAc;EAC7BC,IAAI,EAAE,GADuB;EAE7BC,SAAS,EAAE,mBAAC3C,KAAD,EAAQ4C,KAAR,EAAkB;IAC3B;IACAA,KAAK,CAAC3C,CAAN,GAAU,CAAV;;IACA,IAAM4C,QAAQ,GAAGC,WAAA,CAAMC,KAAN,CAAY/C,KAAZ,EAAmBgD,GAAnB,CAAuBF,WAAA,CAAMC,KAAN,CAAYH,KAAZ,CAAvB,CAAjB;;IACA,OAAOC,QAAQ,CAAC3C,CAAhB;EACD,CAP4B;EAQ7B+C,MAAM,EAAE,gBAACjD,KAAD,QAA8B;IAAA,IAApBkD,MAAoB,QAApBA,MAAoB;IAAA,IAAZC,KAAY,QAAZA,KAAY;IACpC,IAAMC,IAAI,GAAG;MAAEC,IAAI,EAAE,CAAR;MAAWC,GAAG,EAAEtD,KAAK,CAACE,CAAtB;MAAyBqD,MAAM,EAAEvD,KAAK,CAACE,CAAvC;MAA0CsD,KAAK,EAAE;IAAjD,CAAb;IACA,OAAOV,WAAA,CAAMG,MAAN,CAAaG,IAAb,EAAmBF,MAAnB,EAA2BC,KAA3B,CAAP;EACD,CAX4B;EAY7BM,WAAW,EAAE,qBAAAzD,KAAK,EAAI;IACpB,OAAO;MAAEC,CAAC,EAAED,KAAK,CAACC,CAAX;MAAcC,CAAC,EAAEF,KAAK,CAACE;IAAvB,CAAP;EACD;AAd4B,CAAd,EAed0B,UAfc,CAAV;;eAiBQY,C"}
|
package/lib/common/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"styles.js","names":["disabled","key","color","correct","incorrect"],"sources":["../../src/common/styles.js"],"sourcesContent":["import { color } from '@pie-lib/render-ui';\n\nexport const disabled = (key = 'fill') => ({\n [key]: `var(--graph-disabled, ${color.disabled()})`,\n pointerEvents: 'none'\n});\n\nexport const correct = (key = 'fill') => ({\n [key]: color.correct(),\n pointerEvents: 'none'\n});\nexport const incorrect = (key = 'fill') => ({\n [key]: color.incorrect(),\n pointerEvents: 'none'\n});\n"],"mappings":";;;;;;;AAAA;;;;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAW;EAAA;;EAAA,IAACC,GAAD,uEAAO,MAAP;EAAA,wCACrBA,GADqB,kCACUC,eAAA,CAAMF,QAAN,EADV,gDAEP,MAFO;AAAA,CAAjB;;;;AAKA,IAAMG,OAAO,GAAG,SAAVA,OAAU;EAAA;;EAAA,IAACF,GAAD,uEAAO,MAAP;EAAA,0CACpBA,GADoB,EACdC,eAAA,CAAMC,OAAN,EADc,2CAEN,MAFM;AAAA,CAAhB;;;;AAIA,IAAMC,SAAS,GAAG,SAAZA,SAAY;EAAA;;EAAA,IAACH,GAAD,uEAAO,MAAP;EAAA,0CACtBA,GADsB,EAChBC,eAAA,CAAME,SAAN,EADgB,2CAER,MAFQ;AAAA,CAAlB"}
|
package/lib/grid.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"grid.js","names":["Grid","props","classes","className","graphProps","xBand","rowTickValues","columnTickValues","scale","size","y","classNames","grid","width","height","bandwidth","React","Component","PropTypes","object","isRequired","string","types","GraphPropsType","func","array","styles","stroke","color","primaryLight","withStyles"],"sources":["../src/grid.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nimport { Grid as VxGrid } from '@vx/grid';\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\n\nexport class Grid extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n graphProps: types.GraphPropsType.isRequired,\n xBand: PropTypes.func,\n columnTickValues: PropTypes.array,\n rowTickValues: PropTypes.array\n };\n\n static defaultProps = {};\n\n render() {\n const { classes, className, graphProps, xBand, rowTickValues, columnTickValues } = this.props;\n const { scale = {}, size = {} } = graphProps || {};\n\n return (\n <VxGrid\n xScale={xBand}\n yScale={scale.y}\n className={classNames(classes.grid, className)}\n width={size.width}\n height={size.height}\n xOffset={xBand.bandwidth() / 2}\n rowTickValues={rowTickValues}\n columnTickValues={columnTickValues}\n />\n );\n }\n}\n\nconst styles = () => ({\n grid: {\n stroke: color.primaryLight()\n }\n});\n\nexport default withStyles(styles)(Grid);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,I;;;;;;;;;;;;;WAYX,kBAAS;MACP,kBAAmF,KAAKC,KAAxF;MAAA,IAAQC,OAAR,eAAQA,OAAR;MAAA,IAAiBC,SAAjB,eAAiBA,SAAjB;MAAA,IAA4BC,UAA5B,eAA4BA,UAA5B;MAAA,IAAwCC,KAAxC,eAAwCA,KAAxC;MAAA,IAA+CC,aAA/C,eAA+CA,aAA/C;MAAA,IAA8DC,gBAA9D,eAA8DA,gBAA9D;;MACA,WAAkCH,UAAU,IAAI,EAAhD;MAAA,sBAAQI,KAAR;MAAA,IAAQA,KAAR,2BAAgB,EAAhB;MAAA,qBAAoBC,IAApB;MAAA,IAAoBA,IAApB,0BAA2B,EAA3B;;MAEA,oBACE,gCAAC,UAAD;QACE,MAAM,EAAEJ,KADV;QAEE,MAAM,EAAEG,KAAK,CAACE,CAFhB;QAGE,SAAS,EAAE,IAAAC,sBAAA,EAAWT,OAAO,CAACU,IAAnB,EAAyBT,SAAzB,CAHb;QAIE,KAAK,EAAEM,IAAI,CAACI,KAJd;QAKE,MAAM,EAAEJ,IAAI,CAACK,MALf;QAME,OAAO,EAAET,KAAK,CAACU,SAAN,KAAoB,CAN/B;QAOE,aAAa,EAAET,aAPjB;QAQE,gBAAgB,EAAEC;MARpB,EADF;IAYD;;;;EA5BuBS,iBAAA,CAAMC,S;;;;gBAAnBjB,I,eACQ;EACjBE,OAAO,EAAEgB,qBAAA,CAAUC,MAAV,CAAiBC,UADT;EAEjBjB,SAAS,EAAEe,qBAAA,CAAUG,MAFJ;EAGjBjB,UAAU,EAAEkB,WAAA,CAAMC,cAAN,CAAqBH,UAHhB;EAIjBf,KAAK,EAAEa,qBAAA,CAAUM,IAJA;EAKjBjB,gBAAgB,EAAEW,qBAAA,CAAUO,KALX;EAMjBnB,aAAa,EAAEY,qBAAA,CAAUO;AANR,C;;gBADRzB,I,kBAUW,E;;AAqBxB,IAAM0B,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBd,IAAI,EAAE;MACJe,MAAM,EAAEC,eAAA,CAAMC,YAAN;IADJ;EADc,CAAP;AAAA,CAAf;;eAMe,IAAAC,kBAAA,EAAWJ,MAAX,EAAmB1B,IAAnB,C"}
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["import Chart from './chart';\nimport chartTypes from './chart-types';\nexport { Chart, chartTypes };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"drag-handle.js","names":["RawDragHandle","props","x","y","graphProps","classes","className","interactive","CustomDraggableComponent","correctness","rest","scale","classNames","React","Component","PropTypes","number","isRequired","width","types","GraphPropsType","object","string","bool","func","shape","value","label","DragHandle","withStyles","theme","handle","fill","color","secondary","transition","secondaryDark","correct","incorrect","disabled","line","stroke","DraggableHandle","gridDraggable","axis","fromDelta","delta","newPoint","utils","point","add","bounds","domain","range","area","left","top","bottom","right","anchorPoint"],"sources":["../../../src/line/common/drag-handle.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { gridDraggable, utils, types } from '@pie-lib/plot';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport { color } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport { correct, incorrect, disabled } from '../../common/styles';\n\nclass RawDragHandle extends React.Component {\n static propTypes = {\n x: PropTypes.number.isRequired,\n y: PropTypes.number.isRequired,\n width: PropTypes.number,\n graphProps: types.GraphPropsType.isRequired,\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n interactive: PropTypes.bool,\n CustomDraggableComponent: PropTypes.func,\n correctness: PropTypes.shape({\n value: PropTypes.string,\n label: PropTypes.string\n })\n };\n\n render() {\n const {\n x,\n y,\n graphProps,\n classes,\n className,\n interactive,\n CustomDraggableComponent,\n correctness,\n ...rest\n } = this.props;\n const { scale } = graphProps;\n return (\n <CustomDraggableComponent\n scale={scale}\n x={x}\n y={y}\n classes={classes}\n className={classNames(className, !interactive && 'non-interactive')}\n correctness={interactive && correctness}\n {...rest}\n />\n );\n }\n}\n\nexport const DragHandle = withStyles(theme => ({\n handle: {\n fill: color.secondary(),\n transition: 'fill 200ms linear, height 200ms linear',\n '&:hover': {\n fill: color.secondaryDark()\n },\n '&.correct': correct('fill'),\n '&.incorrect': incorrect('fill'),\n '&.non-interactive': disabled('fill')\n },\n line: {\n stroke: color.secondary(),\n transition: 'fill 200ms linear, height 200ms linear',\n '&:hover': {\n stroke: color.secondaryDark()\n },\n '&.non-interactive': disabled('stroke'),\n '&.correct': correct('stroke'),\n '&.incorrect': incorrect('stroke')\n }\n}))(RawDragHandle);\n\nconst DraggableHandle = gridDraggable({\n axis: 'y',\n fromDelta: (props, delta) => {\n //TODO: should be in grid-draggable, if axis is y delta.x should always be 0.\n delta.x = 0;\n const newPoint = utils.point(props).add(utils.point(delta));\n return newPoint.y;\n },\n bounds: (props, { domain, range }) => {\n const area = { left: 0, top: props.y, bottom: props.y, right: 0 };\n return utils.bounds(area, domain, range);\n },\n anchorPoint: props => {\n return { x: props.x, y: props.y };\n }\n})(DragHandle);\n\nexport default DraggableHandle;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/line/common/line.jsx"],"names":["getData","data","domain","max","length","map","el","i","x","y","value","RawLine","props","line","setState","index","onChange","dragging","state","existing","next","newLine","dragValue","setDragValue","undefined","graphProps","nextProps","classes","CustomDraggableComponent","lineState","scale","lineToUse","d","point","r","Component","interactive","DraggableHandle","DragHandle","v","dragStop","correctness","React","PropTypes","func","number","object","label","string","xBand","isRequired","types","GraphPropsType","arrayOf","shape","StyledLine","theme","fill","stroke","color","primaryLight","strokeWidth","transition","primaryDark","Line","category","changeLine","array"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Group } from '@vx/group';\nimport { LinePath } from '@vx/shape';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport DraggableHandle, { DragHandle } from './drag-handle';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport isEqual from 'lodash/isEqual';\nimport { color } from '@pie-lib/render-ui';\n\nconst getData = (data, domain) => {\n const { max } = domain || {};\n const length = data.length;\n\n if (!max || !length) {\n return [];\n }\n\n return data.map((el, i) => ({\n ...el,\n x: length > 1 ? i * (max / (length - 1)) : 0.5,\n y: el.value\n }));\n};\n\nexport class RawLine extends React.Component {\n static propTypes = {\n onChange: PropTypes.func,\n value: PropTypes.number,\n classes: PropTypes.object,\n label: PropTypes.string,\n xBand: PropTypes.func,\n index: PropTypes.number.isRequired,\n graphProps: types.GraphPropsType.isRequired,\n data: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.number\n })\n ),\n CustomDraggableComponent: PropTypes.func\n };\n\n static defaultProps = {\n index: 0\n };\n\n constructor(props) {\n super(props);\n this.state = {\n dragValue: undefined,\n line: getData(props.data, props.graphProps.domain)\n };\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n if (!isEqual(this.props.data, nextProps.data)) {\n this.setState({\n line: getData(nextProps.data, nextProps.graphProps.domain)\n });\n }\n }\n\n setDragValue = line => this.setState({ line });\n\n dragStop = index => {\n const { onChange } = this.props;\n this.setState({ dragging: false }, () => {\n onChange(index, this.state.line[index]);\n });\n };\n\n dragValue = (index, existing, next) => {\n const newLine = [...this.state.line];\n newLine[index].dragValue = next;\n this.setDragValue(newLine);\n };\n\n render() {\n const { graphProps, data, classes, CustomDraggableComponent } = this.props;\n const { line: lineState, dragging } = this.state;\n const { scale } = graphProps;\n const lineToUse = dragging ? lineState : getData(data, graphProps.domain);\n\n return (\n <React.Fragment>\n <LinePath\n data={lineToUse}\n x={d => scale.x(d.x)}\n y={d => scale.y(d.dragValue !== undefined ? d.dragValue : d.y)}\n className={classes.line}\n />\n {lineToUse &&\n lineToUse.map((point, i) => {\n const r = 6;\n const Component = point.interactive ? DraggableHandle : DragHandle;\n\n return (\n <Component\n key={`point-${point.x}-${i}`}\n x={point.x}\n y={point.dragValue !== undefined ? point.dragValue : point.y}\n interactive={point.interactive}\n r={r}\n onDragStart={() => this.setState({ dragging: true })}\n onDrag={v =>\n this.dragValue(i, point.dragValue !== undefined ? point.dragValue : point.y, v)\n }\n onDragStop={() => this.dragStop(i)}\n graphProps={graphProps}\n CustomDraggableComponent={CustomDraggableComponent}\n correctness={point.correctness}\n />\n );\n })}\n </React.Fragment>\n );\n }\n}\n\nconst StyledLine = withStyles(theme => ({\n line: {\n fill: 'transparent',\n stroke: color.primaryLight(),\n strokeWidth: 3,\n transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n '&:hover': {\n strokeWidth: 6,\n stroke: color.primaryDark()\n }\n }\n}))(RawLine);\n\nexport class Line extends React.Component {\n static propTypes = {\n data: PropTypes.array,\n onChange: PropTypes.func,\n xBand: PropTypes.func,\n graphProps: types.GraphPropsType.isRequired\n };\n\n changeLine = (index, category) => {\n const { onChange } = this.props;\n const newLine = [...this.props.data];\n const { dragValue, value } = category;\n\n newLine[index].value = dragValue >= 0 ? dragValue : value;\n\n onChange(newLine);\n };\n\n render() {\n const props = this.props;\n\n return (\n <Group>\n <StyledLine {...props} onChange={this.changeLine} />\n </Group>\n );\n }\n}\n\nexport default Line;\n"],"file":"line.js"}
|
|
1
|
+
{"version":3,"file":"line.js","names":["getData","data","domain","max","length","map","el","i","x","y","value","RawLine","props","line","setState","index","onChange","dragging","state","existing","next","newLine","dragValue","setDragValue","undefined","graphProps","nextProps","isEqual","classes","CustomDraggableComponent","lineState","scale","lineToUse","d","point","r","Component","interactive","DraggableHandle","DragHandle","v","dragStop","correctness","React","PropTypes","func","number","object","label","string","xBand","isRequired","types","GraphPropsType","arrayOf","shape","StyledLine","withStyles","theme","fill","stroke","color","primaryLight","strokeWidth","transition","primaryDark","Line","category","changeLine","array"],"sources":["../../../src/line/common/line.jsx"],"sourcesContent":["import React from 'react';\nimport { Group } from '@vx/group';\nimport { LinePath } from '@vx/shape';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport DraggableHandle, { DragHandle } from './drag-handle';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport isEqual from 'lodash/isEqual';\nimport { color } from '@pie-lib/render-ui';\n\nconst getData = (data, domain) => {\n const { max } = domain || {};\n const length = data.length;\n\n if (!max || !length) {\n return [];\n }\n\n return data.map((el, i) => ({\n ...el,\n x: length > 1 ? i * (max / (length - 1)) : 0.5,\n y: el.value\n }));\n};\n\nexport class RawLine extends React.Component {\n static propTypes = {\n onChange: PropTypes.func,\n value: PropTypes.number,\n classes: PropTypes.object,\n label: PropTypes.string,\n xBand: PropTypes.func,\n index: PropTypes.number.isRequired,\n graphProps: types.GraphPropsType.isRequired,\n data: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.number\n })\n ),\n CustomDraggableComponent: PropTypes.func\n };\n\n static defaultProps = {\n index: 0\n };\n\n constructor(props) {\n super(props);\n this.state = {\n dragValue: undefined,\n line: getData(props.data, props.graphProps.domain)\n };\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n if (!isEqual(this.props.data, nextProps.data)) {\n this.setState({\n line: getData(nextProps.data, nextProps.graphProps.domain)\n });\n }\n }\n\n setDragValue = line => this.setState({ line });\n\n dragStop = index => {\n const { onChange } = this.props;\n this.setState({ dragging: false }, () => {\n onChange(index, this.state.line[index]);\n });\n };\n\n dragValue = (index, existing, next) => {\n const newLine = [...this.state.line];\n newLine[index].dragValue = next;\n this.setDragValue(newLine);\n };\n\n render() {\n const { graphProps, data, classes, CustomDraggableComponent } = this.props;\n const { line: lineState, dragging } = this.state;\n const { scale } = graphProps;\n const lineToUse = dragging ? lineState : getData(data, graphProps.domain);\n\n return (\n <React.Fragment>\n <LinePath\n data={lineToUse}\n x={d => scale.x(d.x)}\n y={d => scale.y(d.dragValue !== undefined ? d.dragValue : d.y)}\n className={classes.line}\n />\n {lineToUse &&\n lineToUse.map((point, i) => {\n const r = 6;\n const Component = point.interactive ? DraggableHandle : DragHandle;\n\n return (\n <Component\n key={`point-${point.x}-${i}`}\n x={point.x}\n y={point.dragValue !== undefined ? point.dragValue : point.y}\n interactive={point.interactive}\n r={r}\n onDragStart={() => this.setState({ dragging: true })}\n onDrag={v =>\n this.dragValue(i, point.dragValue !== undefined ? point.dragValue : point.y, v)\n }\n onDragStop={() => this.dragStop(i)}\n graphProps={graphProps}\n CustomDraggableComponent={CustomDraggableComponent}\n correctness={point.correctness}\n />\n );\n })}\n </React.Fragment>\n );\n }\n}\n\nconst StyledLine = withStyles(theme => ({\n line: {\n fill: 'transparent',\n stroke: color.primaryLight(),\n strokeWidth: 3,\n transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n '&:hover': {\n strokeWidth: 6,\n stroke: color.primaryDark()\n }\n }\n}))(RawLine);\n\nexport class Line extends React.Component {\n static propTypes = {\n data: PropTypes.array,\n onChange: PropTypes.func,\n xBand: PropTypes.func,\n graphProps: types.GraphPropsType.isRequired\n };\n\n changeLine = (index, category) => {\n const { onChange } = this.props;\n const newLine = [...this.props.data];\n const { dragValue, value } = category;\n\n newLine[index].value = dragValue >= 0 ? dragValue : value;\n\n onChange(newLine);\n };\n\n render() {\n const props = this.props;\n\n return (\n <Group>\n <StyledLine {...props} onChange={this.changeLine} />\n </Group>\n );\n }\n}\n\nexport default Line;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"line-cross.js","names":["DraggableComponent","props","classes","className","scale","x","y","r","correctness","rest","classNames","line","value","d","propTypes","PropTypes","object","number","string","shape","label","LineCross","data","graphProps","size","xBand","dataToXBand","width","React","Component","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"sources":["../../src/line/line-cross.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { LinePath } from '@vx/shape';\nimport { Group } from '@vx/group';\nimport classNames from 'classnames';\nimport { dataToXBand } from '../utils';\nimport RawLine from './common/line';\n\nconst DraggableComponent = props => {\n const { classes = {}, className, scale, x, y, r, correctness, ...rest } = props;\n\n return (\n <Group\n {...rest}\n className={classNames(className, classes.line, correctness && correctness.value)}\n >\n <LinePath\n data={[{ x: scale.x(x) - r, y: scale.y(y) + r }, { x: scale.x(x) + r, y: scale.y(y) - r }]}\n key={`point-${x}-${y}-1`}\n x={d => d.x}\n y={d => d.y}\n strokeWidth={5}\n />\n <LinePath\n data={[{ x: scale.x(x) - r, y: scale.y(y) - r }, { x: scale.x(x) + r, y: scale.y(y) + r }]}\n key={`point-${x}-${y}-2`}\n x={d => d.x}\n y={d => d.y}\n strokeWidth={5}\n />\n </Group>\n );\n};\n\nDraggableComponent.propTypes = {\n scale: PropTypes.object,\n x: PropTypes.number,\n y: PropTypes.number,\n r: PropTypes.number,\n className: PropTypes.string,\n classes: PropTypes.object,\n correctness: PropTypes.shape({\n value: PropTypes.string,\n label: PropTypes.string\n })\n};\n\nexport class LineCross extends React.Component {\n static propTypes = {\n data: PropTypes.array,\n onChange: PropTypes.func,\n graphProps: types.GraphPropsType.isRequired\n };\n\n render() {\n const props = this.props;\n const { data, graphProps } = props;\n const { scale = {}, size = {} } = graphProps || {};\n const xBand = dataToXBand(scale.x, data, size.width, 'lineCross');\n\n return <RawLine {...props} xBand={xBand} CustomDraggableComponent={DraggableComponent} />;\n }\n}\n\nexport default () => ({\n type: 'lineCross',\n Component: LineCross,\n name: 'Line Cross'\n});\n"],"mappings":"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"}
|
package/lib/line/line-dot.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"line-dot.js","names":["DraggableComponent","scale","x","y","className","classes","r","correctness","rest","classNames","handle","value","propTypes","PropTypes","object","number","string","shape","label","LineDot","props","data","graphProps","size","xBand","dataToXBand","width","React","Component","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"sources":["../../src/line/line-dot.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { dataToXBand } from '../utils';\nimport RawLine from './common/line';\nimport classNames from 'classnames';\n\nconst DraggableComponent = ({ scale, x, y, className, classes, r, correctness, ...rest }) => (\n <circle\n cx={scale.x(x)}\n cy={scale.y(y)}\n r={r}\n className={classNames(className, classes.handle, correctness && correctness.value)}\n {...rest}\n />\n);\n\nDraggableComponent.propTypes = {\n scale: PropTypes.object,\n x: PropTypes.number,\n y: PropTypes.number,\n r: PropTypes.number,\n className: PropTypes.string,\n classes: PropTypes.object,\n correctness: PropTypes.shape({\n value: PropTypes.string,\n label: PropTypes.string\n })\n};\n\nexport class LineDot extends React.Component {\n static propTypes = {\n data: PropTypes.array,\n onChange: PropTypes.func,\n graphProps: types.GraphPropsType.isRequired\n };\n\n render() {\n const props = this.props;\n const { data, graphProps } = props;\n const { scale = {}, size = {} } = graphProps || {};\n const xBand = dataToXBand(scale.x, data, size.width, 'lineDot');\n\n return <RawLine {...props} xBand={xBand} CustomDraggableComponent={DraggableComponent} />;\n }\n}\n\nexport default () => ({\n type: 'lineDot',\n Component: LineDot,\n name: 'Line Dot'\n});\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,IAAUC,CAAV,QAAUA,CAAV;EAAA,IAAaC,CAAb,QAAaA,CAAb;EAAA,IAAgBC,SAAhB,QAAgBA,SAAhB;EAAA,IAA2BC,OAA3B,QAA2BA,OAA3B;EAAA,IAAoCC,CAApC,QAAoCA,CAApC;EAAA,IAAuCC,WAAvC,QAAuCA,WAAvC;EAAA,IAAuDC,IAAvD;;EAAA,oBACzB;IACE,EAAE,EAAEP,KAAK,CAACC,CAAN,CAAQA,CAAR,CADN;IAEE,EAAE,EAAED,KAAK,CAACE,CAAN,CAAQA,CAAR,CAFN;IAGE,CAAC,EAAEG,CAHL;IAIE,SAAS,EAAE,IAAAG,sBAAA,EAAWL,SAAX,EAAsBC,OAAO,CAACK,MAA9B,EAAsCH,WAAW,IAAIA,WAAW,CAACI,KAAjE;EAJb,GAKMH,IALN,EADyB;AAAA,CAA3B;;AAUAR,kBAAkB,CAACY,SAAnB,GAA+B;EAC7BX,KAAK,EAAEY,qBAAA,CAAUC,MADY;EAE7BZ,CAAC,EAAEW,qBAAA,CAAUE,MAFgB;EAG7BZ,CAAC,EAAEU,qBAAA,CAAUE,MAHgB;EAI7BT,CAAC,EAAEO,qBAAA,CAAUE,MAJgB;EAK7BX,SAAS,EAAES,qBAAA,CAAUG,MALQ;EAM7BX,OAAO,EAAEQ,qBAAA,CAAUC,MANU;EAO7BP,WAAW,EAAEM,qBAAA,CAAUI,KAAV,CAAgB;IAC3BN,KAAK,EAAEE,qBAAA,CAAUG,MADU;IAE3BE,KAAK,EAAEL,qBAAA,CAAUG;EAFU,CAAhB;AAPgB,CAA/B;;IAaaG,O;;;;;;;;;;;;;WAOX,kBAAS;MACP,IAAMC,KAAK,GAAG,KAAKA,KAAnB;MACA,IAAQC,IAAR,GAA6BD,KAA7B,CAAQC,IAAR;MAAA,IAAcC,UAAd,GAA6BF,KAA7B,CAAcE,UAAd;;MACA,YAAkCA,UAAU,IAAI,EAAhD;MAAA,wBAAQrB,KAAR;MAAA,IAAQA,KAAR,4BAAgB,EAAhB;MAAA,uBAAoBsB,IAApB;MAAA,IAAoBA,IAApB,2BAA2B,EAA3B;;MACA,IAAMC,KAAK,GAAG,IAAAC,kBAAA,EAAYxB,KAAK,CAACC,CAAlB,EAAqBmB,IAArB,EAA2BE,IAAI,CAACG,KAAhC,EAAuC,SAAvC,CAAd;MAEA,oBAAO,gCAAC,gBAAD,eAAaN,KAAb;QAAoB,KAAK,EAAEI,KAA3B;QAAkC,wBAAwB,EAAExB;MAA5D,GAAP;IACD;;;;EAd0B2B,iBAAA,CAAMC,S;;;;gBAAtBT,O,eACQ;EACjBE,IAAI,EAAER,qBAAA,CAAUgB,KADC;EAEjBC,QAAQ,EAAEjB,qBAAA,CAAUkB,IAFH;EAGjBT,UAAU,EAAEU,WAAA,CAAMC,cAAN,CAAqBC;AAHhB,C;;eAgBN;EAAA,OAAO;IACpBC,IAAI,EAAE,SADc;IAEpBP,SAAS,EAAET,OAFS;IAGpBiB,IAAI,EAAE;EAHc,CAAP;AAAA,C"}
|
package/lib/mark-label.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"mark-label.js","names":["styles","theme","input","fontFamily","typography","fontSize","border","color","primaryDark","correct","incorrect","disabled","backgroundColor","MarkLabel","props","useState","setInput","_ref","useCallback","node","mark","classes","externalInputRef","inputRef","barWidth","rotate","correctness","label","setLabel","onChange","e","target","value","onChangeProp","extraStyle","width","textAlign","useEffect","r","cn","minWidth","background","boxSizing","paddingLeft","paddingRight","position","pointerEvents","top","left","transformOrigin","transform","propTypes","PropTypes","bool","func","graphProps","types","GraphPropsType","object","number","shape","string","withStyles"],"sources":["../src/mark-label.jsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from 'react';\nimport cn from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport AutosizeInput from 'react-input-autosize';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { correct, incorrect, disabled } from './common/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst styles = theme => ({\n input: {\n float: 'right',\n fontFamily: theme.typography.fontFamily,\n fontSize: theme.typography.fontSize,\n border: 'none',\n color: color.primaryDark(),\n '&.correct': correct('color'),\n '&.incorrect': incorrect('color'),\n '&.disabled': disabled('color'),\n backgroundColor: 'transparent !important'\n }\n});\n\nexport const MarkLabel = props => {\n // eslint-disable-next-line no-unused-vars\n const [input, setInput] = useState(null);\n const _ref = useCallback(node => setInput(node), null);\n\n const {\n mark,\n classes,\n disabled,\n inputRef: externalInputRef,\n barWidth,\n rotate,\n correctness\n } = props;\n const [label, setLabel] = useState(mark.label);\n const onChange = e => setLabel(e.target.value);\n const onChangeProp = e => props.onChange(e.target.value);\n let extraStyle = {};\n\n if (rotate) {\n extraStyle = {\n width: 'unset',\n textAlign: 'left'\n };\n }\n\n // useState only sets the value once, to synch props to state need useEffect\n useEffect(() => {\n setLabel(mark.label);\n }, [mark.label]);\n\n return (\n <AutosizeInput\n inputRef={r => {\n _ref(r);\n externalInputRef(r);\n }}\n disabled={disabled}\n inputClassName={cn(classes.input, correctness && correctness.label, disabled && 'disabled')}\n inputStyle={{\n minWidth: barWidth,\n textAlign: 'center',\n background: 'transparent',\n boxSizing: 'border-box',\n paddingLeft: 0,\n paddingRight: 0,\n ...extraStyle\n }}\n value={label}\n style={{\n position: 'absolute',\n pointerEvents: 'auto',\n top: 0,\n left: 0,\n minWidth: barWidth,\n transformOrigin: 'left',\n transform: `rotate(${rotate}deg)`\n }}\n onChange={onChange}\n onBlur={onChangeProp}\n />\n );\n};\n\nMarkLabel.propTypes = {\n disabled: PropTypes.bool,\n onChange: PropTypes.func,\n graphProps: types.GraphPropsType,\n classes: PropTypes.object,\n inputRef: PropTypes.func,\n mark: PropTypes.object,\n barWidth: PropTypes.number,\n rotate: PropTypes.number,\n correctness: PropTypes.shape({\n value: PropTypes.string,\n label: PropTypes.string\n })\n};\n\nexport default withStyles(styles)(MarkLabel);\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"plot.js","names":["log","debug","RawPlot","props","dragValue","setState","label","onChangeCategory","state","undefined","value","setDragValue","existing","next","graphProps","classes","xBand","index","CustomBarElement","interactive","correctness","scale","range","size","max","v","Number","isFinite","barWidth","bandwidth","barHeight","y","barX","bandKey","values","i","push","pointHeight","height","pointDiameter","Component","DraggableHandle","DragHandle","map","dragStop","React","PropTypes","func","number","object","string","isRequired","types","GraphPropsType","bool","shape","Bar","withStyles","theme","dot","fill","color","primaryLight","correct","incorrect","line","stroke","Plot","data","d","category","array"],"sources":["../../../src/plot/common/plot.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { Group } from '@vx/group';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport DraggableHandle, { DragHandle } from '../../common/drag-handle';\nimport debug from 'debug';\nimport { color } from '@pie-lib/render-ui';\nimport { bandKey } from '../../utils';\nimport { correct, incorrect } from '../../common/styles';\n\nconst log = debug('pie-lib:chart:bars');\n\nexport class RawPlot extends React.Component {\n static propTypes = {\n onChangeCategory: PropTypes.func,\n value: PropTypes.number,\n classes: PropTypes.object,\n label: PropTypes.string,\n xBand: PropTypes.func,\n index: PropTypes.number.isRequired,\n graphProps: types.GraphPropsType.isRequired,\n CustomBarElement: PropTypes.func,\n interactive: PropTypes.bool,\n correctness: PropTypes.shape({\n value: PropTypes.string,\n label: PropTypes.string\n })\n };\n\n constructor(props) {\n super(props);\n this.state = {\n dragValue: undefined\n };\n }\n\n setDragValue = dragValue => this.setState({ dragValue });\n\n dragStop = () => {\n const { label, onChangeCategory } = this.props;\n const { dragValue } = this.state;\n log('[dragStop]', dragValue);\n\n if (dragValue !== undefined) {\n onChangeCategory({ label, value: dragValue });\n }\n\n this.setDragValue(undefined);\n };\n\n dragValue = (existing, next) => {\n log('[dragValue] next:', next);\n\n this.setDragValue(next);\n };\n\n render() {\n const {\n graphProps,\n value,\n label,\n classes,\n xBand,\n index,\n CustomBarElement,\n interactive,\n correctness\n } = this.props;\n const { scale, range, size } = graphProps;\n const { max } = range || {};\n const { dragValue } = this.state;\n\n const v = Number.isFinite(dragValue) ? dragValue : value;\n const barWidth = xBand.bandwidth();\n const barHeight = scale.y(range.max - v);\n const barX = xBand(bandKey({ label }, index));\n\n log('label:', label, 'barX:', barX, 'v: ', v, 'barHeight:', barHeight, 'barWidth: ', barWidth);\n\n const values = [];\n\n for (let i = 0; i < v; i++) {\n values.push(i);\n }\n\n const pointHeight = size.height / max;\n const pointDiameter = (pointHeight > barWidth ? barWidth : pointHeight) * 0.8;\n const Component = interactive ? DraggableHandle : DragHandle;\n\n return (\n <React.Fragment>\n {values.map(index =>\n CustomBarElement({\n index,\n pointDiameter,\n barX,\n barWidth,\n pointHeight,\n label,\n value,\n classes,\n scale\n })\n )}\n <Component\n x={barX}\n y={v}\n interactive={interactive}\n width={barWidth}\n onDrag={v => this.dragValue(value, v)}\n onDragStop={this.dragStop}\n graphProps={graphProps}\n correctness={correctness}\n />\n </React.Fragment>\n );\n }\n}\n\nconst Bar = withStyles(theme => ({\n dot: {\n fill: color.primaryLight(),\n '&.correct': correct('stroke'),\n '&.incorrect': incorrect('stroke')\n },\n line: {\n stroke: color.primaryLight(),\n '&.correct': correct('stroke'),\n '&.incorrect': incorrect('stroke')\n }\n}))(RawPlot);\n\nexport class Plot extends React.Component {\n static propTypes = {\n data: PropTypes.array,\n onChangeCategory: PropTypes.func,\n xBand: PropTypes.func,\n graphProps: types.GraphPropsType.isRequired,\n CustomBarElement: PropTypes.func\n };\n\n render() {\n const { data, graphProps, xBand, CustomBarElement, onChangeCategory } = this.props;\n\n return (\n <Group>\n {(data || []).map((d, index) => (\n <Bar\n value={d.value}\n label={d.label}\n interactive={d.interactive}\n xBand={xBand}\n index={index}\n key={`bar-${d.label}-${d.value}-${index}`}\n onChangeCategory={category => onChangeCategory(index, category)}\n graphProps={graphProps}\n CustomBarElement={CustomBarElement}\n correctness={d.correctness}\n />\n ))}\n </Group>\n );\n }\n}\n\nexport default Plot;\n"],"mappings":"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"}
|
package/lib/plot/dot.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"dot.js","names":["CustomBarElement","props","index","pointDiameter","barX","barWidth","pointHeight","label","value","classes","scale","r","cx","cy","y","dot","propTypes","PropTypes","number","string","object","DotPlot","data","graphProps","size","xBand","dataToXBand","x","width","React","Component","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"sources":["../../src/plot/dot.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { dataToXBand } from '../utils';\nimport Plot from './common/plot';\nimport { Circle } from '@vx/shape';\n\nconst CustomBarElement = props => {\n const { index, pointDiameter, barX, barWidth, pointHeight, label, value, classes, scale } = props;\n\n const r = pointDiameter / 2;\n const cx = barX + (barWidth - pointDiameter) / 2 + r;\n const cy = scale.y(index) - (pointHeight - pointDiameter) / 2 - r;\n\n return (\n <Circle\n key={`point-${label}-${value}-${index}`}\n className={classes.dot}\n cx={cx}\n cy={cy}\n r={r}\n />\n );\n};\n\nCustomBarElement.propTypes = {\n index: PropTypes.number,\n pointDiameter: PropTypes.number,\n barX: PropTypes.number,\n barWidth: PropTypes.number,\n pointHeight: PropTypes.number,\n value: PropTypes.number,\n label: PropTypes.string,\n classes: PropTypes.object,\n scale: PropTypes.object\n};\n\nexport class DotPlot extends React.Component {\n static propTypes = {\n data: PropTypes.array,\n onChange: PropTypes.func,\n graphProps: types.GraphPropsType.isRequired\n };\n\n render() {\n const props = this.props;\n const { data, graphProps } = props;\n const { scale = {}, size = {} } = graphProps || {};\n const xBand = dataToXBand(scale.x, data, size.width, 'dotPlot');\n\n return <Plot {...props} xBand={xBand} CustomBarElement={CustomBarElement} />;\n }\n}\n\nexport default () => ({\n type: 'dotPlot',\n Component: DotPlot,\n name: 'Dot Plot'\n});\n"],"mappings":"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"}
|
package/lib/plot/line.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"line.js","names":["CustomBarElement","props","index","pointDiameter","barX","barWidth","pointHeight","label","value","classes","scale","x","y","line","d","propTypes","PropTypes","number","string","object","LinePlot","data","graphProps","size","xBand","dataToXBand","width","React","Component","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"sources":["../../src/plot/line.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { dataToXBand } from '../utils';\nimport Plot from './common/plot';\nimport { LinePath } from '@vx/shape';\nimport { Group } from '@vx/group';\n\nconst CustomBarElement = props => {\n const { index, pointDiameter, barX, barWidth, pointHeight, label, value, classes, scale } = props;\n\n const x = barX + (barWidth - pointDiameter) / 2;\n const y = scale.y(index) - (pointHeight - pointDiameter) / 2;\n\n return (\n <Group>\n <LinePath\n data={[{ x, y }, { x: x + pointDiameter, y: y - pointDiameter }]}\n key={`point-${label}-${value}-${index}-1`}\n className={classes.line}\n x={d => d.x}\n y={d => d.y}\n strokeWidth={pointDiameter / 5}\n />\n <LinePath\n data={[{ x, y: y - pointDiameter }, { x: x + pointDiameter, y }]}\n key={`point-${label}-${value}-${index}-2`}\n className={classes.line}\n x={d => d.x}\n y={d => d.y}\n strokeWidth={pointDiameter / 5}\n />\n </Group>\n );\n};\n\nCustomBarElement.propTypes = {\n index: PropTypes.number,\n pointDiameter: PropTypes.number,\n barX: PropTypes.number,\n barWidth: PropTypes.number,\n pointHeight: PropTypes.number,\n value: PropTypes.number,\n label: PropTypes.string,\n classes: PropTypes.object,\n scale: PropTypes.object\n};\n\nexport class LinePlot extends React.Component {\n static propTypes = {\n data: PropTypes.array,\n onChange: PropTypes.func,\n graphProps: types.GraphPropsType.isRequired\n };\n\n render() {\n const props = this.props;\n const { data, graphProps } = props;\n const { scale = {}, size = {} } = graphProps || {};\n const xBand = dataToXBand(scale.x, data, size.width, 'linePlot');\n\n return <Plot {...props} xBand={xBand} CustomBarElement={CustomBarElement} />;\n }\n}\n\nexport default () => ({\n type: 'linePlot',\n Component: LinePlot,\n name: 'Line Plot'\n});\n"],"mappings":"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"}
|
package/lib/tool-menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"tool-menu.js","names":["buttonStyles","theme","root","backgroundColor","color","background","text","border","secondary","secondaryLight","fontSize","typography","selected","primaryDark","notSelected","primary","disabled","MiniButton","withStyles","props","classes","className","value","onClick","cn","propTypes","PropTypes","bool","string","disabledClassName","func","ToolMenu","addCategory","classNames","React","Component"],"sources":["../src/tool-menu.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { color } from '@pie-lib/render-ui';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport cn from 'classnames';\nimport Button from '@material-ui/core/Button';\n\nconst buttonStyles = theme => ({\n root: {\n backgroundColor: color.background(),\n color: color.text(),\n border: `1px solid ${color.secondary()}`,\n '&:hover': {\n backgroundColor: color.secondaryLight()\n },\n fontSize: theme.typography.fontSize\n },\n selected: {\n backgroundColor: color.background(),\n '& span': {\n color: color.primaryDark()\n }\n },\n notSelected: {\n '& span': {\n color: color.primary()\n },\n backgroundColor: color.background()\n },\n disabled: {\n '& span': {\n color: color.primary()\n },\n backgroundColor: color.disabled()\n }\n});\n\nexport const MiniButton = withStyles(buttonStyles)(props => {\n const { disabled, classes, className, selected, value, onClick } = props;\n return (\n <Button\n size=\"small\"\n disabled={disabled}\n color={selected ? 'secondary' : 'default'}\n className={cn(classes.root, selected && classes.selected, className)}\n classes={{ disabled: cn(disabled && classes.disabled) }}\n value={value}\n key={value}\n variant=\"outlined\"\n onClick={onClick}\n >\n {value}\n </Button>\n );\n});\nMiniButton.propTypes = {\n disabled: PropTypes.bool,\n className: PropTypes.string,\n disabledClassName: PropTypes.string,\n selected: PropTypes.bool,\n value: PropTypes.string,\n onClick: PropTypes.func\n};\n\nexport class ToolMenu extends React.Component {\n static propTypes = {\n className: PropTypes.string,\n addCategory: PropTypes.func,\n disabled: PropTypes.bool\n };\n\n static defaultProps = {};\n\n render() {\n const { className, disabled, addCategory } = this.props;\n\n return (\n <div className={classNames(className)}>\n {!disabled && <MiniButton value={'Add Category'} onClick={addCategory} />}\n </div>\n );\n }\n}\n\nexport default ToolMenu;\n"],"mappings":"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"}
|
package/lib/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/utils.js"],"names":["tickCount","utils","bounds","point","bandKey","d","index","label","dataToXBand","scaleX","data","width","type","rangeRound","domain","map","padding","range","getTickValues","prop","tickValues","tickVal","min","max","push","Math","round","step","customLabelStep","rangeMax","size","labelFontSize","ceilMax","ceil","segmentLength","height","ticksToFitInOneSegment","tickWidthPerSegment","rawLabelStep","roundedStep","labelStep","crowdedTicks","numberOfSegments","modulo","a","b","Number","isInteger","decimals","toString","split","pop","length","aux","pow","getDomainAndRangeByChartType","chartType","isNaN","crowded","intMin","intMax","getGridLinesAndAxisByChartType","verticalLines","undefined","horizontalLines","leftAxis","getRotateAngle","fontSize","getTopPadding","barWidth"],"mappings":"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","sourcesContent":["import { scaleBand, scalePoint } from '@vx/scale';\nimport { utils } from '@pie-lib/plot';\n\nexport const tickCount = utils.tickCount;\nexport const bounds = utils.bounds;\nexport const point = utils.point;\n\nexport const bandKey = (d, index) => `${index}-${d.label || '-'}`;\n\nexport const dataToXBand = (scaleX, data, width, type) => {\n switch (type) {\n case 'bar':\n case 'dotPlot':\n case 'linePlot':\n return scaleBand({\n rangeRound: [0, width],\n domain: data && data.map(bandKey),\n padding: 0.2\n });\n case 'histogram':\n return scaleBand({\n rangeRound: [0, width],\n domain: data && data.map(bandKey),\n padding: 0\n });\n case 'lineCross':\n case 'lineDot':\n return scalePoint({\n domain: data && data.map(bandKey),\n rangeRound: [0, width]\n });\n default:\n return scaleBand({\n range: [0, width],\n domain: data && data.map(bandKey),\n padding: 0\n });\n }\n};\n\nexport const getTickValues = (prop = {}) => {\n const tickValues = [];\n let tickVal = prop.min;\n\n while (tickVal <= prop.max) {\n tickValues.push(tickVal);\n tickVal = Math.round((tickVal + prop.step) * 100) / 100;\n }\n\n return tickValues;\n};\n\nexport const customLabelStep = (rangeMax, size, labelFontSize) => {\n const ceilMax = Math.ceil(rangeMax);\n const segmentLength = size.height / ceilMax;\n const ticksToFitInOneSegment = 2;\n\n // how many ticksWidth fit in a segment\n const tickWidthPerSegment = segmentLength / labelFontSize;\n const rawLabelStep = ticksToFitInOneSegment / tickWidthPerSegment;\n const roundedStep = Math.ceil((rawLabelStep * 10) / 10);\n\n let labelStep;\n\n if (rawLabelStep > 0.15) {\n labelStep = roundedStep;\n } else if (rawLabelStep < 0.05) {\n labelStep = 0.1;\n } else {\n labelStep = 0.5;\n }\n\n return labelStep;\n};\n\nexport const crowdedTicks = (rangeMax, customLabelStep, size, labelFontSize) => {\n const ceilMax = Math.ceil(rangeMax);\n\n const numberOfSegments = ceilMax * customLabelStep;\n\n return size.height / numberOfSegments < labelFontSize && size.height / numberOfSegments > 0.5;\n};\n\n// multiply values with 10^number_of_decimals if needed because modulo function(%) is only defined for integers\nconst modulo = (a, b) => {\n if (Number.isInteger(b)) {\n return a % b;\n }\n\n const decimals = b\n .toString()\n .split('.')\n .pop().length;\n const aux = Math.pow(10, decimals);\n\n return (a * aux) % (b * aux);\n};\n\nexport const getDomainAndRangeByChartType = (domain, range, size, chartType, labelFontSize) => {\n let { step, labelStep, min, max } = range || {};\n\n if (!min) {\n min = 0;\n }\n\n if (!max || max < 0) {\n max = range.min + 1;\n }\n\n if (labelStep && !step) {\n step = labelStep;\n }\n if (!labelStep || (isNaN(labelStep) && step)) {\n let customLabelStep = step;\n let crowded = crowdedTicks(max, customLabelStep, size, labelFontSize);\n\n if (crowded) {\n customLabelStep = customLabelStep * 2;\n }\n\n labelStep = customLabelStep;\n }\n\n if (!step || (isNaN(step) && !labelStep) || isNaN(labelStep)) {\n labelStep = customLabelStep(max, size, labelFontSize);\n\n if (labelStep <= 1) {\n step = labelStep;\n } else if (labelStep <= 4) {\n step = 1;\n } else if (labelStep > 4 && labelStep < 10) {\n step = labelStep / 2;\n } else {\n step = labelStep / 3;\n }\n }\n\n if (modulo(max, step) !== 0) {\n max = max + step;\n }\n\n range.max = max;\n\n switch (chartType) {\n // if chart is dot plot or line plot, we should ignore step and make sure that min & max are integer values\n case 'dotPlot':\n case 'linePlot': {\n const intMin = Math.round(min);\n const intMax = Math.round(max);\n\n return {\n domain: {\n ...domain,\n step: 1,\n labelStep: 1,\n min: 0,\n max: 1\n },\n range: {\n ...range,\n min: intMin,\n max: intMin === intMax ? intMin + 1 : intMax,\n labelStep,\n step: 1\n }\n };\n }\n default:\n return {\n domain: {\n ...domain,\n step: 1,\n labelStep: 1,\n min: 0,\n max: 1\n },\n range: {\n ...range,\n labelStep,\n step\n }\n };\n }\n};\n\nexport const getGridLinesAndAxisByChartType = (range, chartType) => {\n switch (chartType) {\n case 'lineDot':\n case 'lineCross':\n return {\n verticalLines: undefined,\n horizontalLines: getTickValues(range),\n leftAxis: true\n };\n case 'dotPlot':\n case 'linePlot':\n return {\n verticalLines: [],\n horizontalLines: [],\n leftAxis: false\n };\n default:\n return {\n verticalLines: [],\n horizontalLines: getTickValues(range),\n leftAxis: true\n };\n }\n};\n\nexport const getRotateAngle = (fontSize, height) => {\n if (height >= fontSize * 2) {\n return 25;\n }\n\n return 0;\n};\n\nexport const getTopPadding = barWidth => {\n if (barWidth < 30) {\n return 50;\n }\n\n if (barWidth < 40) {\n return 30;\n }\n\n if (barWidth < 60) {\n return 15;\n }\n\n return 0;\n};\n"],"file":"utils.js"}
|
|
1
|
+
{"version":3,"file":"utils.js","names":["tickCount","utils","bounds","point","bandKey","d","index","label","dataToXBand","scaleX","data","width","type","scaleBand","rangeRound","domain","map","padding","scalePoint","range","getTickValues","prop","tickValues","tickVal","min","max","push","Math","round","step","customLabelStep","rangeMax","size","labelFontSize","ceilMax","ceil","segmentLength","height","ticksToFitInOneSegment","tickWidthPerSegment","rawLabelStep","roundedStep","labelStep","crowdedTicks","numberOfSegments","modulo","a","b","Number","isInteger","decimals","toString","split","pop","length","aux","pow","getDomainAndRangeByChartType","chartType","isNaN","crowded","intMin","intMax","getGridLinesAndAxisByChartType","verticalLines","undefined","horizontalLines","leftAxis","getRotateAngle","fontSize","getTopPadding","barWidth"],"sources":["../src/utils.js"],"sourcesContent":["import { scaleBand, scalePoint } from '@vx/scale';\nimport { utils } from '@pie-lib/plot';\n\nexport const tickCount = utils.tickCount;\nexport const bounds = utils.bounds;\nexport const point = utils.point;\n\nexport const bandKey = (d, index) => `${index}-${d.label || '-'}`;\n\nexport const dataToXBand = (scaleX, data, width, type) => {\n switch (type) {\n case 'bar':\n case 'dotPlot':\n case 'linePlot':\n return scaleBand({\n rangeRound: [0, width],\n domain: data && data.map(bandKey),\n padding: 0.2\n });\n case 'histogram':\n return scaleBand({\n rangeRound: [0, width],\n domain: data && data.map(bandKey),\n padding: 0\n });\n case 'lineCross':\n case 'lineDot':\n return scalePoint({\n domain: data && data.map(bandKey),\n rangeRound: [0, width]\n });\n default:\n return scaleBand({\n range: [0, width],\n domain: data && data.map(bandKey),\n padding: 0\n });\n }\n};\n\nexport const getTickValues = (prop = {}) => {\n const tickValues = [];\n let tickVal = prop.min;\n\n while (tickVal <= prop.max) {\n tickValues.push(tickVal);\n tickVal = Math.round((tickVal + prop.step) * 100) / 100;\n }\n\n return tickValues;\n};\n\nexport const customLabelStep = (rangeMax, size, labelFontSize) => {\n const ceilMax = Math.ceil(rangeMax);\n const segmentLength = size.height / ceilMax;\n const ticksToFitInOneSegment = 2;\n\n // how many ticksWidth fit in a segment\n const tickWidthPerSegment = segmentLength / labelFontSize;\n const rawLabelStep = ticksToFitInOneSegment / tickWidthPerSegment;\n const roundedStep = Math.ceil((rawLabelStep * 10) / 10);\n\n let labelStep;\n\n if (rawLabelStep > 0.15) {\n labelStep = roundedStep;\n } else if (rawLabelStep < 0.05) {\n labelStep = 0.1;\n } else {\n labelStep = 0.5;\n }\n\n return labelStep;\n};\n\nexport const crowdedTicks = (rangeMax, customLabelStep, size, labelFontSize) => {\n const ceilMax = Math.ceil(rangeMax);\n\n const numberOfSegments = ceilMax * customLabelStep;\n\n return size.height / numberOfSegments < labelFontSize && size.height / numberOfSegments > 0.5;\n};\n\n// multiply values with 10^number_of_decimals if needed because modulo function(%) is only defined for integers\nconst modulo = (a, b) => {\n if (Number.isInteger(b)) {\n return a % b;\n }\n\n const decimals = b\n .toString()\n .split('.')\n .pop().length;\n const aux = Math.pow(10, decimals);\n\n return (a * aux) % (b * aux);\n};\n\nexport const getDomainAndRangeByChartType = (domain, range, size, chartType, labelFontSize) => {\n let { step, labelStep, min, max } = range || {};\n\n if (!min) {\n min = 0;\n }\n\n if (!max || max < 0) {\n max = range.min + 1;\n }\n\n if (labelStep && !step) {\n step = labelStep;\n }\n if (!labelStep || (isNaN(labelStep) && step)) {\n let customLabelStep = step;\n let crowded = crowdedTicks(max, customLabelStep, size, labelFontSize);\n\n if (crowded) {\n customLabelStep = customLabelStep * 2;\n }\n\n labelStep = customLabelStep;\n }\n\n if (!step || (isNaN(step) && !labelStep) || isNaN(labelStep)) {\n labelStep = customLabelStep(max, size, labelFontSize);\n\n if (labelStep <= 1) {\n step = labelStep;\n } else if (labelStep <= 4) {\n step = 1;\n } else if (labelStep > 4 && labelStep < 10) {\n step = labelStep / 2;\n } else {\n step = labelStep / 3;\n }\n }\n\n if (modulo(max, step) !== 0) {\n max = max + step;\n }\n\n range.max = max;\n\n switch (chartType) {\n // if chart is dot plot or line plot, we should ignore step and make sure that min & max are integer values\n case 'dotPlot':\n case 'linePlot': {\n const intMin = Math.round(min);\n const intMax = Math.round(max);\n\n return {\n domain: {\n ...domain,\n step: 1,\n labelStep: 1,\n min: 0,\n max: 1\n },\n range: {\n ...range,\n min: intMin,\n max: intMin === intMax ? intMin + 1 : intMax,\n labelStep,\n step: 1\n }\n };\n }\n default:\n return {\n domain: {\n ...domain,\n step: 1,\n labelStep: 1,\n min: 0,\n max: 1\n },\n range: {\n ...range,\n labelStep,\n step\n }\n };\n }\n};\n\nexport const getGridLinesAndAxisByChartType = (range, chartType) => {\n switch (chartType) {\n case 'lineDot':\n case 'lineCross':\n return {\n verticalLines: undefined,\n horizontalLines: getTickValues(range),\n leftAxis: true\n };\n case 'dotPlot':\n case 'linePlot':\n return {\n verticalLines: [],\n horizontalLines: [],\n leftAxis: false\n };\n default:\n return {\n verticalLines: [],\n horizontalLines: getTickValues(range),\n leftAxis: true\n };\n }\n};\n\nexport const getRotateAngle = (fontSize, height) => {\n if (height >= fontSize * 2) {\n return 25;\n }\n\n return 0;\n};\n\nexport const getTopPadding = barWidth => {\n if (barWidth < 30) {\n return 50;\n }\n\n if (barWidth < 40) {\n return 30;\n }\n\n if (barWidth < 60) {\n return 15;\n }\n\n return 0;\n};\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
|
-
"version": "4.5.11-next.
|
|
6
|
+
"version": "4.5.11-next.408+9e77aef6",
|
|
7
7
|
"description": "charting",
|
|
8
8
|
"keywords": [
|
|
9
9
|
"react",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"@mapbox/point-geometry": "^0.1.0",
|
|
21
21
|
"@material-ui/core": "^3.8.3",
|
|
22
|
-
"@pie-lib/plot": "^2.1.10-next.
|
|
22
|
+
"@pie-lib/plot": "^2.1.10-next.408+9e77aef6",
|
|
23
23
|
"@vx/axis": "^0.0.183",
|
|
24
24
|
"@vx/event": "^0.0.182",
|
|
25
25
|
"@vx/grid": "^0.0.183",
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"react": "^16.8.1"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "9e77aef6241de40777005d2ab73f57e4e45fb744"
|
|
47
47
|
}
|