@pie-lib/graphing-solution-set 2.34.3-next.0 → 2.34.3-next.155
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 -78
- package/esm/package.json +3 -0
- package/lib/axis/arrow.js +19 -55
- package/lib/axis/arrow.js.map +1 -1
- package/lib/axis/axes.js +103 -193
- package/lib/axis/axes.js.map +1 -1
- package/lib/axis/index.js +1 -6
- package/lib/axis/index.js.map +1 -1
- package/lib/bg.js +21 -49
- package/lib/bg.js.map +1 -1
- package/lib/container/actions.js +2 -8
- package/lib/container/actions.js.map +1 -1
- package/lib/container/index.js +14 -60
- package/lib/container/index.js.map +1 -1
- package/lib/container/marks.js +1 -6
- package/lib/container/marks.js.map +1 -1
- package/lib/container/middleware.js +2 -8
- package/lib/container/middleware.js.map +1 -1
- package/lib/container/reducer.js +1 -8
- package/lib/container/reducer.js.map +1 -1
- package/lib/coordinates-label.js +23 -55
- package/lib/coordinates-label.js.map +1 -1
- package/lib/graph-with-controls.js +129 -203
- package/lib/graph-with-controls.js.map +1 -1
- package/lib/graph.js +61 -126
- package/lib/graph.js.map +1 -1
- package/lib/grid-setup.js +168 -224
- package/lib/grid-setup.js.map +1 -1
- package/lib/grid.js +29 -74
- package/lib/grid.js.map +1 -1
- package/lib/index.js +1 -12
- package/lib/index.js.map +1 -1
- package/lib/labels.js +84 -184
- package/lib/labels.js.map +1 -1
- package/lib/mark-label.js +39 -88
- package/lib/mark-label.js.map +1 -1
- package/lib/toggle-bar.js +155 -243
- package/lib/toggle-bar.js.map +1 -1
- package/lib/tool-menu.js +93 -200
- package/lib/tool-menu.js.map +1 -1
- package/lib/tools/index.js +2 -7
- package/lib/tools/index.js.map +1 -1
- package/lib/tools/line/component.js +48 -62
- package/lib/tools/line/component.js.map +1 -1
- package/lib/tools/line/index.js +1 -6
- package/lib/tools/line/index.js.map +1 -1
- package/lib/tools/polygon/component.js +76 -173
- package/lib/tools/polygon/component.js.map +1 -1
- package/lib/tools/polygon/index.js +6 -23
- package/lib/tools/polygon/index.js.map +1 -1
- package/lib/tools/polygon/line.js +48 -85
- package/lib/tools/polygon/line.js.map +1 -1
- package/lib/tools/polygon/polygon.js +62 -102
- package/lib/tools/polygon/polygon.js.map +1 -1
- package/lib/tools/shared/arrow-head.js +7 -20
- package/lib/tools/shared/arrow-head.js.map +1 -1
- package/lib/tools/shared/line/index.js +89 -185
- package/lib/tools/shared/line/index.js.map +1 -1
- package/lib/tools/shared/line/line-path.js +71 -95
- package/lib/tools/shared/line/line-path.js.map +1 -1
- package/lib/tools/shared/line/with-root-edge.js +22 -56
- package/lib/tools/shared/line/with-root-edge.js.map +1 -1
- package/lib/tools/shared/point/arrow-point.js +18 -45
- package/lib/tools/shared/point/arrow-point.js.map +1 -1
- package/lib/tools/shared/point/arrow.js +16 -42
- package/lib/tools/shared/point/arrow.js.map +1 -1
- package/lib/tools/shared/point/base-point.js +44 -58
- package/lib/tools/shared/point/base-point.js.map +1 -1
- package/lib/tools/shared/point/index.js +38 -52
- package/lib/tools/shared/point/index.js.map +1 -1
- package/lib/tools/shared/styles.js +8 -31
- package/lib/tools/shared/styles.js.map +1 -1
- package/lib/tools/shared/types.js +1 -5
- package/lib/tools/shared/types.js.map +1 -1
- package/lib/undo-redo.js +27 -67
- package/lib/undo-redo.js.map +1 -1
- package/lib/use-debounce.js +4 -11
- package/lib/use-debounce.js.map +1 -1
- package/lib/utils.js +56 -131
- package/lib/utils.js.map +1 -1
- package/package.json +34 -23
- package/src/__tests__/graph-with-controls.test.jsx +23 -10
- package/src/__tests__/graph.test.jsx +36 -171
- package/src/__tests__/grid.test.jsx +9 -6
- package/src/__tests__/labels.test.jsx +11 -8
- package/src/__tests__/mark-label.test.jsx +15 -17
- package/src/__tests__/toggle-bar.test.jsx +46 -17
- package/src/__tests__/tool-menu.test.jsx +12 -8
- package/src/__tests__/undo-redo.test.jsx +9 -8
- package/src/__tests__/utils.js +3 -0
- package/src/axis/__tests__/arrow.test.jsx +21 -17
- package/src/axis/__tests__/axes.test.jsx +117 -155
- package/src/axis/arrow.jsx +7 -12
- package/src/axis/axes.jsx +41 -51
- package/src/coordinates-label.jsx +13 -18
- package/src/graph-with-controls.jsx +90 -93
- package/src/grid-setup.jsx +210 -206
- package/src/grid.jsx +2 -4
- package/src/labels.jsx +83 -124
- package/src/mark-label.jsx +14 -25
- package/src/toggle-bar.jsx +135 -163
- package/src/tool-menu.jsx +136 -195
- package/src/tools/line/__tests__/component.test.jsx +7 -7
- package/src/tools/line/component.jsx +29 -29
- package/src/tools/polygon/__tests__/component.test.jsx +13 -152
- package/src/tools/polygon/__tests__/line.test.jsx +7 -9
- package/src/tools/polygon/__tests__/polygon.test.jsx +8 -8
- package/src/tools/polygon/component.jsx +2 -4
- package/src/tools/polygon/line.jsx +26 -24
- package/src/tools/polygon/polygon.jsx +35 -40
- package/src/tools/shared/__tests__/arrow-head.test.jsx +16 -17
- package/src/tools/shared/line/__tests__/index.test.jsx +26 -163
- package/src/tools/shared/line/__tests__/line-path.test.jsx +9 -9
- package/src/tools/shared/line/__tests__/with-root-edge.test.jsx +14 -24
- package/src/tools/shared/line/index.jsx +3 -3
- package/src/tools/shared/line/line-path.jsx +51 -48
- package/src/tools/shared/line/with-root-edge.jsx +1 -1
- package/src/tools/shared/point/__tests__/arrow-point.test.jsx +15 -11
- package/src/tools/shared/point/__tests__/base-point.test.jsx +14 -11
- package/src/tools/shared/point/base-point.jsx +33 -6
- package/src/tools/shared/point/index.jsx +30 -32
- package/src/undo-redo.jsx +16 -24
- package/src/__tests__/__snapshots__/graph-with-controls.test.jsx.snap +0 -114
- package/src/__tests__/__snapshots__/graph.test.jsx.snap +0 -213
- package/src/__tests__/__snapshots__/grid.test.jsx.snap +0 -54
- package/src/__tests__/__snapshots__/labels.test.jsx.snap +0 -30
- package/src/__tests__/__snapshots__/mark-label.test.jsx.snap +0 -37
- package/src/__tests__/__snapshots__/toggle-bar.test.jsx.snap +0 -7
- package/src/__tests__/__snapshots__/tool-menu.test.jsx.snap +0 -35
- package/src/__tests__/__snapshots__/undo-redo.test.jsx.snap +0 -15
- package/src/axis/__tests__/__snapshots__/arrow.test.jsx.snap +0 -33
- package/src/axis/__tests__/__snapshots__/axes.test.jsx.snap +0 -122
- package/src/tools/line/__tests__/__snapshots__/component.test.jsx.snap +0 -20
- package/src/tools/polygon/__tests__/__snapshots__/component.test.jsx.snap +0 -94
- package/src/tools/polygon/__tests__/__snapshots__/line.test.jsx.snap +0 -44
- package/src/tools/polygon/__tests__/__snapshots__/polygon.test.jsx.snap +0 -53
- package/src/tools/shared/__tests__/__snapshots__/arrow-head.test.jsx.snap +0 -32
- package/src/tools/shared/line/__tests__/__snapshots__/index.test.jsx.snap +0 -360
- package/src/tools/shared/line/__tests__/__snapshots__/line-path.test.jsx.snap +0 -57
- package/src/tools/shared/line/__tests__/__snapshots__/with-root-edge.test.jsx.snap +0 -63
- package/src/tools/shared/point/__tests__/__snapshots__/arrow-point.test.jsx.snap +0 -55
- package/src/tools/shared/point/__tests__/__snapshots__/base-point.test.jsx.snap +0 -43
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"with-root-edge.js","names":["_react","_interopRequireDefault","require","_propTypes","_plot","_linePath","_curve","_index","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","toRootEdge","m","out","root","from","edge","to","undefined","toFromTo","rootEdgeToFromToWrapper","exports","BaseComp","Wrapper","props","mark","onChange","current","next","createElement","_extends2","propTypes","PropTypes","func","object","rootEdgeComponent","RootEdgeComp","BaseComponent","lineToolComponent","withPointsGenerationLinePath","getPoints","LinePathComponent","graphProps","onClick","onDragStart","onDragStop","disabled","correctness","rest","_objectWithoutProperties2","_getPoints","dataPoints","_getPoints$enableCurv","enableCurve","raw","map","d","scale","x","y","common","LinePath","data","curve","curveMonotoneX","types","GraphPropsType","isRequired","PointType","bool","string","withRootEdge","LinePathComp","lineBase"],"sources":["../../../../src/tools/shared/line/with-root-edge.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { LinePath } from './line-path';\nimport { curveMonotoneX } from '@visx/curve';\nimport { lineBase, lineToolComponent } from './index';\n\nconst toRootEdge = (m) => {\n const out = { ...m };\n out.root = { ...m.from };\n out.edge = m.to ? { ...m.to } : undefined;\n delete out.from;\n delete out.to;\n return out;\n};\n\nconst toFromTo = (m) => {\n const out = { ...m };\n out.from = { ...m.root };\n out.to = m.edge ? { ...m.edge } : undefined;\n delete out.root;\n delete out.edge;\n return out;\n};\n\nexport const rootEdgeToFromToWrapper = (BaseComp) => {\n const Wrapper = (props) => {\n const m = toFromTo(props.mark);\n\n const onChange = (current, next) => {\n props.onChange(toRootEdge(current), toRootEdge(next));\n };\n\n return <BaseComp {...props} mark={m} onChange={onChange} />;\n };\n\n Wrapper.propTypes = {\n onChange: PropTypes.func,\n mark: PropTypes.object,\n };\n\n return Wrapper;\n};\n\nexport const rootEdgeComponent = (RootEdgeComp) => {\n const BaseComponent = lineToolComponent(RootEdgeComp);\n return rootEdgeToFromToWrapper(BaseComponent);\n};\n\nconst withPointsGenerationLinePath = (getPoints) => {\n const LinePathComponent = (props) => {\n const { graphProps, from, to, onClick, onDragStart, onDragStop, onChange, disabled, correctness, ...rest } = props;\n\n const { dataPoints, enableCurve = true } = getPoints({\n graphProps: props.graphProps,\n root: from,\n edge: to,\n });\n\n const raw = dataPoints.map((d) => [graphProps.scale.x(d.x), graphProps.scale.y(d.y)]);\n\n const common = {\n onClick,\n graphProps,\n onDragStart,\n onDragStop,\n onChange,\n disabled,\n correctness,\n };\n\n if (!enableCurve) {\n return <LinePath data={raw} from={from} to={to} {...common} {...rest} />;\n } else {\n return <LinePath data={raw} from={from} to={to} curve={curveMonotoneX} {...common} {...rest} />;\n }\n };\n\n LinePathComponent.propTypes = {\n graphProps: types.GraphPropsType.isRequired,\n from: types.PointType.isRequired,\n to: types.PointType,\n onClick: PropTypes.func,\n onDragStart: PropTypes.func,\n onDragStop: PropTypes.func,\n onChange: PropTypes.func,\n disabled: PropTypes.bool,\n correctness: PropTypes.string,\n };\n\n return LinePathComponent;\n};\n\nexport const withRootEdge = (getPoints) => {\n const LinePathComp = withPointsGenerationLinePath(getPoints);\n return lineBase(LinePathComp);\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAAsD,IAAAM,SAAA;AAAA,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAEtD,IAAMoB,UAAU,GAAG,SAAbA,UAAUA,CAAIC,CAAC,EAAK;EACxB,IAAMC,GAAG,GAAAV,aAAA,KAAQS,CAAC,CAAE;EACpBC,GAAG,CAACC,IAAI,GAAAX,aAAA,KAAQS,CAAC,CAACG,IAAI,CAAE;EACxBF,GAAG,CAACG,IAAI,GAAGJ,CAAC,CAACK,EAAE,GAAAd,aAAA,KAAQS,CAAC,CAACK,EAAE,IAAKC,SAAS;EACzC,OAAOL,GAAG,CAACE,IAAI;EACf,OAAOF,GAAG,CAACI,EAAE;EACb,OAAOJ,GAAG;AACZ,CAAC;AAED,IAAMM,QAAQ,GAAG,SAAXA,QAAQA,CAAIP,CAAC,EAAK;EACtB,IAAMC,GAAG,GAAAV,aAAA,KAAQS,CAAC,CAAE;EACpBC,GAAG,CAACE,IAAI,GAAAZ,aAAA,KAAQS,CAAC,CAACE,IAAI,CAAE;EACxBD,GAAG,CAACI,EAAE,GAAGL,CAAC,CAACI,IAAI,GAAAb,aAAA,KAAQS,CAAC,CAACI,IAAI,IAAKE,SAAS;EAC3C,OAAOL,GAAG,CAACC,IAAI;EACf,OAAOD,GAAG,CAACG,IAAI;EACf,OAAOH,GAAG;AACZ,CAAC;AAEM,IAAMO,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,SAA1BA,uBAAuBA,CAAIE,QAAQ,EAAK;EACnD,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAIC,KAAK,EAAK;IACzB,IAAMZ,CAAC,GAAGO,QAAQ,CAACK,KAAK,CAACC,IAAI,CAAC;IAE9B,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,OAAO,EAAEC,IAAI,EAAK;MAClCJ,KAAK,CAACE,QAAQ,CAACf,UAAU,CAACgB,OAAO,CAAC,EAAEhB,UAAU,CAACiB,IAAI,CAAC,CAAC;IACvD,CAAC;IAED,oBAAO/C,MAAA,YAAAgD,aAAA,CAACP,QAAQ,MAAAQ,SAAA,iBAAKN,KAAK;MAAEC,IAAI,EAAEb,CAAE;MAACc,QAAQ,EAAEA;IAAS,EAAE,CAAC;EAC7D,CAAC;EAEDH,OAAO,CAACQ,SAAS,GAAG;IAClBL,QAAQ,EAAEM,qBAAS,CAACC,IAAI;IACxBR,IAAI,EAAEO,qBAAS,CAACE;EAClB,CAAC;EAED,OAAOX,OAAO;AAChB,CAAC;AAEM,IAAMY,iBAAiB,GAAAd,OAAA,CAAAc,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,YAAY,EAAK;EACjD,IAAMC,aAAa,GAAG,IAAAC,wBAAiB,EAACF,YAAY,CAAC;EACrD,OAAOhB,uBAAuB,CAACiB,aAAa,CAAC;AAC/C,CAAC;AAED,IAAME,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAIC,SAAS,EAAK;EAClD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIjB,KAAK,EAAK;IACnC,IAAQkB,UAAU,GAA2FlB,KAAK,CAA1GkB,UAAU;MAAE3B,IAAI,GAAqFS,KAAK,CAA9FT,IAAI;MAAEE,EAAE,GAAiFO,KAAK,CAAxFP,EAAE;MAAE0B,OAAO,GAAwEnB,KAAK,CAApFmB,OAAO;MAAEC,WAAW,GAA2DpB,KAAK,CAA3EoB,WAAW;MAAEC,UAAU,GAA+CrB,KAAK,CAA9DqB,UAAU;MAAEnB,QAAQ,GAAqCF,KAAK,CAAlDE,QAAQ;MAAEoB,QAAQ,GAA2BtB,KAAK,CAAxCsB,QAAQ;MAAEC,WAAW,GAAcvB,KAAK,CAA9BuB,WAAW;MAAKC,IAAI,OAAAC,yBAAA,aAAKzB,KAAK,EAAAnC,SAAA;IAElH,IAAA6D,UAAA,GAA2CV,SAAS,CAAC;QACnDE,UAAU,EAAElB,KAAK,CAACkB,UAAU;QAC5B5B,IAAI,EAAEC,IAAI;QACVC,IAAI,EAAEC;MACR,CAAC,CAAC;MAJMkC,UAAU,GAAAD,UAAA,CAAVC,UAAU;MAAAC,qBAAA,GAAAF,UAAA,CAAEG,WAAW;MAAXA,WAAW,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAMtC,IAAME,GAAG,GAAGH,UAAU,CAACI,GAAG,CAAC,UAACC,CAAC;MAAA,OAAK,CAACd,UAAU,CAACe,KAAK,CAACC,CAAC,CAACF,CAAC,CAACE,CAAC,CAAC,EAAEhB,UAAU,CAACe,KAAK,CAACE,CAAC,CAACH,CAAC,CAACG,CAAC,CAAC,CAAC;IAAA,EAAC;IAErF,IAAMC,MAAM,GAAG;MACbjB,OAAO,EAAPA,OAAO;MACPD,UAAU,EAAVA,UAAU;MACVE,WAAW,EAAXA,WAAW;MACXC,UAAU,EAAVA,UAAU;MACVnB,QAAQ,EAARA,QAAQ;MACRoB,QAAQ,EAARA,QAAQ;MACRC,WAAW,EAAXA;IACF,CAAC;IAED,IAAI,CAACM,WAAW,EAAE;MAChB,oBAAOxE,MAAA,YAAAgD,aAAA,CAAC3C,SAAA,CAAA2E,QAAQ,MAAA/B,SAAA;QAACgC,IAAI,EAAER,GAAI;QAACvC,IAAI,EAAEA,IAAK;QAACE,EAAE,EAAEA;MAAG,GAAK2C,MAAM,EAAMZ,IAAI,CAAG,CAAC;IAC1E,CAAC,MAAM;MACL,oBAAOnE,MAAA,YAAAgD,aAAA,CAAC3C,SAAA,CAAA2E,QAAQ,MAAA/B,SAAA;QAACgC,IAAI,EAAER,GAAI;QAACvC,IAAI,EAAEA,IAAK;QAACE,EAAE,EAAEA,EAAG;QAAC8C,KAAK,EAAEC;MAAe,GAAKJ,MAAM,EAAMZ,IAAI,CAAG,CAAC;IACjG;EACF,CAAC;EAEDP,iBAAiB,CAACV,SAAS,GAAG;IAC5BW,UAAU,EAAEuB,WAAK,CAACC,cAAc,CAACC,UAAU;IAC3CpD,IAAI,EAAEkD,WAAK,CAACG,SAAS,CAACD,UAAU;IAChClD,EAAE,EAAEgD,WAAK,CAACG,SAAS;IACnBzB,OAAO,EAAEX,qBAAS,CAACC,IAAI;IACvBW,WAAW,EAAEZ,qBAAS,CAACC,IAAI;IAC3BY,UAAU,EAAEb,qBAAS,CAACC,IAAI;IAC1BP,QAAQ,EAAEM,qBAAS,CAACC,IAAI;IACxBa,QAAQ,EAAEd,qBAAS,CAACqC,IAAI;IACxBtB,WAAW,EAAEf,qBAAS,CAACsC;EACzB,CAAC;EAED,OAAO7B,iBAAiB;AAC1B,CAAC;AAEM,IAAM8B,YAAY,GAAAlD,OAAA,CAAAkD,YAAA,GAAG,SAAfA,YAAYA,CAAI/B,SAAS,EAAK;EACzC,IAAMgC,YAAY,GAAGjC,4BAA4B,CAACC,SAAS,CAAC;EAC5D,OAAO,IAAAiC,eAAQ,EAACD,YAAY,CAAC;AAC/B,CAAC","ignoreList":[]}
|
|
@@ -1,82 +1,58 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.RawArrow = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
14
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
-
|
|
22
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
|
-
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
24
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
16
|
var _react = _interopRequireDefault(require("react"));
|
|
27
|
-
|
|
28
17
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
|
-
|
|
30
18
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
31
|
-
|
|
32
19
|
var _plot = require("@pie-lib/plot");
|
|
33
|
-
|
|
34
20
|
var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
|
|
35
|
-
|
|
36
21
|
var _utils = require("../../../utils");
|
|
37
|
-
|
|
38
22
|
var _excluded = ["classes", "className", "x", "y", "disabled", "correctness", "graphProps", "from", "to"];
|
|
39
|
-
|
|
40
|
-
function
|
|
41
|
-
|
|
42
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
43
|
-
|
|
44
|
-
var RawArrow = /*#__PURE__*/function (_React$Component) {
|
|
45
|
-
(0, _inherits2["default"])(RawArrow, _React$Component);
|
|
46
|
-
|
|
47
|
-
var _super = _createSuper(RawArrow);
|
|
48
|
-
|
|
23
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
24
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
25
|
+
var RawArrow = exports.RawArrow = /*#__PURE__*/function (_React$Component) {
|
|
49
26
|
function RawArrow() {
|
|
50
27
|
(0, _classCallCheck2["default"])(this, RawArrow);
|
|
51
|
-
return
|
|
28
|
+
return _callSuper(this, RawArrow, arguments);
|
|
52
29
|
}
|
|
53
|
-
|
|
54
|
-
(0, _createClass2["default"])(RawArrow, [{
|
|
30
|
+
(0, _inherits2["default"])(RawArrow, _React$Component);
|
|
31
|
+
return (0, _createClass2["default"])(RawArrow, [{
|
|
55
32
|
key: "render",
|
|
56
33
|
value: function render() {
|
|
57
34
|
var _this$props = this.props,
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
35
|
+
classes = _this$props.classes,
|
|
36
|
+
className = _this$props.className,
|
|
37
|
+
x = _this$props.x,
|
|
38
|
+
y = _this$props.y,
|
|
39
|
+
disabled = _this$props.disabled,
|
|
40
|
+
correctness = _this$props.correctness,
|
|
41
|
+
graphProps = _this$props.graphProps,
|
|
42
|
+
from = _this$props.from,
|
|
43
|
+
to = _this$props.to,
|
|
44
|
+
rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
|
|
45
|
+
// x & y are the initial coordinates for the arrow
|
|
68
46
|
// from & to are used only to calculate the angle that the arrow should be rotated with
|
|
69
47
|
|
|
70
48
|
var scale = graphProps.scale;
|
|
71
49
|
var angle = (0, _utils.getAngleDeg)(from.x, from.y, to.x, to.y);
|
|
72
50
|
var points = '';
|
|
73
|
-
|
|
74
51
|
if ((0, _isEqual["default"])(from, to)) {
|
|
75
52
|
points = '0,0 0,0 0,0';
|
|
76
53
|
} else {
|
|
77
54
|
points = "0,0 ".concat(_utils.arrowDimensions.vector, ",").concat(_utils.arrowDimensions.vector * 2, " \n -").concat(_utils.arrowDimensions.vector, ",").concat(_utils.arrowDimensions.vector * 2);
|
|
78
55
|
}
|
|
79
|
-
|
|
80
56
|
return /*#__PURE__*/_react["default"].createElement("g", (0, _extends2["default"])({
|
|
81
57
|
className: (0, _classnames["default"])(classes.point, disabled && classes.disabled, classes[correctness], className)
|
|
82
58
|
}, rest), /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
@@ -85,10 +61,7 @@ var RawArrow = /*#__PURE__*/function (_React$Component) {
|
|
|
85
61
|
}));
|
|
86
62
|
}
|
|
87
63
|
}]);
|
|
88
|
-
return RawArrow;
|
|
89
64
|
}(_react["default"].Component);
|
|
90
|
-
|
|
91
|
-
exports.RawArrow = RawArrow;
|
|
92
65
|
(0, _defineProperty2["default"])(RawArrow, "propTypes", {
|
|
93
66
|
classes: _propTypes["default"].object,
|
|
94
67
|
className: _propTypes["default"].string,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"arrow-point.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_plot","_isEqual","_utils","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","RawArrow","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","classes","className","x","y","disabled","correctness","graphProps","from","to","rest","_objectWithoutProperties2","scale","angle","getAngleDeg","points","isEqual","concat","arrowDimensions","vector","createElement","_extends2","classNames","point","transform","React","Component","_defineProperty2","PropTypes","object","string","bool","number","shape","isRequired","types","GraphPropsType"],"sources":["../../../../src/tools/shared/point/arrow-point.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { types } from '@pie-lib/plot';\nimport isEqual from 'lodash/isEqual';\nimport { getAngleDeg, arrowDimensions } from '../../../utils';\n\nexport class RawArrow extends React.Component {\n static propTypes = {\n classes: PropTypes.object,\n className: PropTypes.string,\n correctness: PropTypes.string,\n disabled: PropTypes.bool,\n x: PropTypes.number,\n y: PropTypes.number,\n from: PropTypes.shape({\n x: PropTypes.number,\n y: PropTypes.number,\n }).isRequired,\n to: PropTypes.shape({\n x: PropTypes.number,\n y: PropTypes.number,\n }),\n graphProps: types.GraphPropsType.isRequired,\n };\n\n static defaultProps = {\n from: {},\n to: {},\n };\n\n render() {\n const { classes, className, x, y, disabled, correctness, graphProps, from, to, ...rest } = this.props;\n // x & y are the initial coordinates for the arrow\n // from & to are used only to calculate the angle that the arrow should be rotated with\n\n const { scale } = graphProps;\n const angle = getAngleDeg(from.x, from.y, to.x, to.y);\n\n let points = '';\n\n if (isEqual(from, to)) {\n points = '0,0 0,0 0,0';\n } else {\n points = `0,0 ${arrowDimensions.vector},${arrowDimensions.vector * 2} \n -${arrowDimensions.vector},${arrowDimensions.vector * 2}`;\n }\n\n return (\n <g className={classNames(classes.point, disabled && classes.disabled, classes[correctness], className)} {...rest}>\n <polygon\n points={points}\n transform={`\n translate(${scale.x(x)}, ${scale.y(y)})\n rotate(${angle} 0 0)`}\n />\n </g>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,69 +1,46 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
14
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
-
|
|
22
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
|
-
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
24
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
16
|
var _react = _interopRequireDefault(require("react"));
|
|
27
|
-
|
|
28
17
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
|
-
|
|
30
18
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
31
|
-
|
|
32
19
|
var _plot = require("@pie-lib/plot");
|
|
33
|
-
|
|
34
20
|
var _arrowHead = require("../arrow-head");
|
|
35
|
-
|
|
36
21
|
var _utils = require("../../../utils");
|
|
37
|
-
|
|
38
22
|
var _excluded = ["classes", "angle", "className", "x", "y", "disabled", "correctness", "graphProps"];
|
|
39
|
-
|
|
40
|
-
function
|
|
41
|
-
|
|
42
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
43
|
-
|
|
44
|
-
var Arrow = /*#__PURE__*/function (_React$Component) {
|
|
45
|
-
(0, _inherits2["default"])(Arrow, _React$Component);
|
|
46
|
-
|
|
47
|
-
var _super = _createSuper(Arrow);
|
|
48
|
-
|
|
23
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
24
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
25
|
+
var Arrow = exports["default"] = /*#__PURE__*/function (_React$Component) {
|
|
49
26
|
function Arrow() {
|
|
50
27
|
(0, _classCallCheck2["default"])(this, Arrow);
|
|
51
|
-
return
|
|
28
|
+
return _callSuper(this, Arrow, arguments);
|
|
52
29
|
}
|
|
53
|
-
|
|
54
|
-
(0, _createClass2["default"])(Arrow, [{
|
|
30
|
+
(0, _inherits2["default"])(Arrow, _React$Component);
|
|
31
|
+
return (0, _createClass2["default"])(Arrow, [{
|
|
55
32
|
key: "render",
|
|
56
33
|
value: function render() {
|
|
57
34
|
var _this$props = this.props,
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
35
|
+
classes = _this$props.classes,
|
|
36
|
+
angle = _this$props.angle,
|
|
37
|
+
className = _this$props.className,
|
|
38
|
+
x = _this$props.x,
|
|
39
|
+
y = _this$props.y,
|
|
40
|
+
disabled = _this$props.disabled,
|
|
41
|
+
correctness = _this$props.correctness,
|
|
42
|
+
graphProps = _this$props.graphProps,
|
|
43
|
+
rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
|
|
67
44
|
var size = (0, _utils.thinnerShapesNeeded)(graphProps) ? 12 : 14;
|
|
68
45
|
var scale = graphProps.scale;
|
|
69
46
|
var scaledX = scale.x(x);
|
|
@@ -79,10 +56,7 @@ var Arrow = /*#__PURE__*/function (_React$Component) {
|
|
|
79
56
|
}));
|
|
80
57
|
}
|
|
81
58
|
}]);
|
|
82
|
-
return Arrow;
|
|
83
59
|
}(_react["default"].Component);
|
|
84
|
-
|
|
85
|
-
exports["default"] = Arrow;
|
|
86
60
|
(0, _defineProperty2["default"])(Arrow, "propTypes", {
|
|
87
61
|
classes: _propTypes["default"].object,
|
|
88
62
|
className: _propTypes["default"].string,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"arrow.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_plot","_arrowHead","_utils","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","Arrow","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","classes","angle","className","x","y","disabled","correctness","graphProps","rest","_objectWithoutProperties2","size","thinnerShapesNeeded","scale","scaledX","scaledY","transform","concat","points","createElement","_extends2","classNames","point","ArrowHead","React","Component","_defineProperty2","PropTypes","object","string","bool","number","isRequired","types","GraphPropsType"],"sources":["../../../../src/tools/shared/point/arrow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { types } from '@pie-lib/plot';\nimport { ArrowHead } from '../arrow-head';\nimport { thinnerShapesNeeded } from '../../../utils';\n\nexport default class Arrow extends React.Component {\n static propTypes = {\n classes: PropTypes.object,\n className: PropTypes.string,\n correctness: PropTypes.string,\n disabled: PropTypes.bool,\n x: PropTypes.number.isRequired,\n y: PropTypes.number.isRequired,\n angle: PropTypes.number.isRequired,\n graphProps: types.GraphPropsType.isRequired,\n };\n\n render() {\n const { classes, angle, className, x, y, disabled, correctness, graphProps, ...rest } = this.props;\n\n const size = thinnerShapesNeeded(graphProps) ? 12 : 14;\n const { scale } = graphProps;\n\n const scaledX = scale.x(x);\n const scaledY = scale.y(y);\n\n const transform = `rotate(${-angle}, ${scaledX},${scaledY})`;\n const points = `${scaledX},${scaledY}\n ${scaledX - size},${scaledY - size / 2}\n ${scaledX - size}, ${scaledY + size / 2}`;\n\n return (\n <g className={classNames(classes.point, disabled && classes.disabled, classes[correctness], className)} {...rest}>\n <ArrowHead size={size} transform={transform} points={points} />\n </g>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,86 +1,71 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.RawBp = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
14
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
-
|
|
22
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
|
-
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
24
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
16
|
var _react = _interopRequireDefault(require("react"));
|
|
27
|
-
|
|
28
17
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
|
-
|
|
30
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
31
|
-
|
|
32
18
|
var _plot = require("@pie-lib/plot");
|
|
33
|
-
|
|
34
19
|
var _coordinatesLabel = _interopRequireDefault(require("../../../coordinates-label"));
|
|
35
|
-
|
|
36
20
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
37
|
-
|
|
38
21
|
var _utils = require("../../../utils");
|
|
39
|
-
|
|
40
22
|
var _renderUi = require("@pie-lib/render-ui");
|
|
41
|
-
|
|
42
|
-
var
|
|
43
|
-
|
|
44
|
-
function
|
|
45
|
-
|
|
46
|
-
function
|
|
47
|
-
|
|
48
|
-
var
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
23
|
+
var _styles = require("@mui/material/styles");
|
|
24
|
+
var _styles2 = require("../styles");
|
|
25
|
+
var _excluded = ["className", "coordinatesOnHover", "x", "y", "disabled", "correctness", "graphProps", "labelNode", "style", "onClick", "onTouchStart", "onTouchEnd"];
|
|
26
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
27
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
28
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
29
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
30
|
+
var StyledPointGroup = (0, _styles.styled)('g')(function (_ref) {
|
|
31
|
+
var disabled = _ref.disabled,
|
|
32
|
+
correctness = _ref.correctness;
|
|
33
|
+
return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
34
|
+
cursor: 'pointer',
|
|
35
|
+
'& circle': {
|
|
36
|
+
fill: 'currentColor'
|
|
37
|
+
}
|
|
38
|
+
}, disabled && _objectSpread(_objectSpread({}, (0, _styles2.disabled)('fill')), (0, _styles2.disabled)('color'))), correctness === 'correct' && _objectSpread(_objectSpread({}, (0, _styles2.correct)('fill')), (0, _styles2.correct)('color'))), correctness === 'incorrect' && _objectSpread(_objectSpread({}, (0, _styles2.incorrect)('fill')), (0, _styles2.incorrect)('color'))), correctness === 'missing' && _objectSpread(_objectSpread({}, (0, _styles2.missing)('fill')), (0, _styles2.missing)('color')));
|
|
39
|
+
});
|
|
40
|
+
var RawBp = exports.RawBp = /*#__PURE__*/function (_React$Component) {
|
|
53
41
|
function RawBp(props) {
|
|
54
42
|
var _this;
|
|
55
|
-
|
|
56
43
|
(0, _classCallCheck2["default"])(this, RawBp);
|
|
57
|
-
_this =
|
|
44
|
+
_this = _callSuper(this, RawBp, [props]);
|
|
58
45
|
_this.state = {
|
|
59
46
|
showCoordinates: false
|
|
60
47
|
};
|
|
61
48
|
return _this;
|
|
62
49
|
}
|
|
63
|
-
|
|
64
|
-
(0, _createClass2["default"])(RawBp, [{
|
|
50
|
+
(0, _inherits2["default"])(RawBp, _React$Component);
|
|
51
|
+
return (0, _createClass2["default"])(RawBp, [{
|
|
65
52
|
key: "render",
|
|
66
53
|
value: function render() {
|
|
67
54
|
var _this2 = this;
|
|
68
|
-
|
|
69
55
|
var _this$props = this.props,
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
|
|
56
|
+
className = _this$props.className,
|
|
57
|
+
coordinatesOnHover = _this$props.coordinatesOnHover,
|
|
58
|
+
x = _this$props.x,
|
|
59
|
+
y = _this$props.y,
|
|
60
|
+
disabled = _this$props.disabled,
|
|
61
|
+
correctness = _this$props.correctness,
|
|
62
|
+
graphProps = _this$props.graphProps,
|
|
63
|
+
labelNode = _this$props.labelNode,
|
|
64
|
+
style = _this$props.style,
|
|
65
|
+
onClick = _this$props.onClick,
|
|
66
|
+
onTouchStart = _this$props.onTouchStart,
|
|
67
|
+
onTouchEnd = _this$props.onTouchEnd,
|
|
68
|
+
rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
|
|
84
69
|
var showCoordinates = this.state.showCoordinates;
|
|
85
70
|
var scale = graphProps.scale;
|
|
86
71
|
var r = (0, _utils.thinnerShapesNeeded)(graphProps) ? 5 : 7;
|
|
@@ -106,8 +91,10 @@ var RawBp = /*#__PURE__*/function (_React$Component) {
|
|
|
106
91
|
onTouchStart: onTouchStart,
|
|
107
92
|
onTouchEnd: onTouchEnd,
|
|
108
93
|
onClick: onClick
|
|
109
|
-
}), /*#__PURE__*/_react["default"].createElement(
|
|
110
|
-
|
|
94
|
+
}), /*#__PURE__*/_react["default"].createElement(StyledPointGroup, {
|
|
95
|
+
disabled: disabled,
|
|
96
|
+
correctness: correctness,
|
|
97
|
+
className: className,
|
|
111
98
|
onMouseEnter: function onMouseEnter() {
|
|
112
99
|
return _this2.setState({
|
|
113
100
|
showCoordinates: true
|
|
@@ -126,19 +113,15 @@ var RawBp = /*#__PURE__*/function (_React$Component) {
|
|
|
126
113
|
r: r,
|
|
127
114
|
cx: scale.x(x),
|
|
128
115
|
cy: scale.y(y)
|
|
129
|
-
})), labelNode && coordinatesOnHover && showCoordinates && /*#__PURE__*/_reactDom["default"].createPortal(
|
|
116
|
+
})), labelNode && coordinatesOnHover && showCoordinates && /*#__PURE__*/_reactDom["default"].createPortal(/*#__PURE__*/_react["default"].createElement(_coordinatesLabel["default"], {
|
|
130
117
|
graphProps: graphProps,
|
|
131
118
|
x: x,
|
|
132
119
|
y: y
|
|
133
120
|
}), labelNode)));
|
|
134
121
|
}
|
|
135
122
|
}]);
|
|
136
|
-
return RawBp;
|
|
137
123
|
}(_react["default"].Component);
|
|
138
|
-
|
|
139
|
-
exports.RawBp = RawBp;
|
|
140
124
|
(0, _defineProperty2["default"])(RawBp, "propTypes", {
|
|
141
|
-
classes: _propTypes["default"].object,
|
|
142
125
|
className: _propTypes["default"].string,
|
|
143
126
|
coordinatesOnHover: _propTypes["default"].bool,
|
|
144
127
|
correctness: _propTypes["default"].string,
|
|
@@ -146,6 +129,9 @@ exports.RawBp = RawBp;
|
|
|
146
129
|
labelNode: _propTypes["default"].object,
|
|
147
130
|
x: _propTypes["default"].number,
|
|
148
131
|
y: _propTypes["default"].number,
|
|
149
|
-
graphProps: _plot.types.GraphPropsType.isRequired
|
|
132
|
+
graphProps: _plot.types.GraphPropsType.isRequired,
|
|
133
|
+
onClick: _propTypes["default"].func,
|
|
134
|
+
onTouchStart: _propTypes["default"].func,
|
|
135
|
+
onTouchEnd: _propTypes["default"].func
|
|
150
136
|
});
|
|
151
137
|
//# sourceMappingURL=base-point.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/tools/shared/point/base-point.jsx"],"names":["RawBp","props","state","showCoordinates","classes","className","coordinatesOnHover","x","y","disabled","correctness","graphProps","labelNode","style","onClick","onTouchStart","onTouchEnd","rest","scale","r","fill","cursor","pointerEvents","setState","point","color","defaults","BLACK","ReactDOM","createPortal","React","Component","PropTypes","object","string","bool","number","types","GraphPropsType","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { types } from '@pie-lib/plot';\nimport CoordinatesLabel from '../../../coordinates-label';\nimport ReactDOM from 'react-dom';\nimport { thinnerShapesNeeded } from '../../../utils';\nimport { color } from '@pie-lib/render-ui';\n\nexport class RawBp extends React.Component {\n static propTypes = {\n classes: PropTypes.object,\n className: PropTypes.string,\n coordinatesOnHover: PropTypes.bool,\n correctness: PropTypes.string,\n disabled: PropTypes.bool,\n labelNode: PropTypes.object,\n x: PropTypes.number,\n y: PropTypes.number,\n graphProps: types.GraphPropsType.isRequired,\n };\n\n constructor(props) {\n super(props);\n this.state = { showCoordinates: false };\n }\n\n render() {\n const {\n classes,\n className,\n coordinatesOnHover,\n x,\n y,\n disabled,\n correctness,\n graphProps,\n labelNode,\n // we need to remove style from props\n // eslint-disable-next-line no-unused-vars,react/prop-types\n style,\n onClick,\n // Refactored RawBp component by isolating onTouchStart and onTouchEnd handlers to the outer circle, resolving erratic touch event behavior.\n // Remaining props are now applied only to the inner circle for improved event handling consistency.\n onTouchStart,\n onTouchEnd,\n ...rest\n } = this.props;\n const { showCoordinates } = this.state;\n const { scale } = graphProps;\n const r = thinnerShapesNeeded(graphProps) ? 5 : 7;\n\n return (\n <>\n <circle\n style={{ fill: 'transparent', cursor: 'pointer', pointerEvents: 'all' }}\n r={r * 3}\n cx={scale.x(x)}\n cy={scale.y(y)}\n onMouseEnter={() => this.setState({ showCoordinates: true })}\n onMouseLeave={() => this.setState({ showCoordinates: false })}\n onTouchStart={onTouchStart}\n onTouchEnd={onTouchEnd}\n onClick={onClick}\n />\n <g\n className={classNames(classes.point, disabled && classes.disabled, classes[correctness], className)}\n onMouseEnter={() => this.setState({ showCoordinates: true })}\n onMouseLeave={() => this.setState({ showCoordinates: false })}\n >\n <circle\n {...rest}\n style={{ fill: color.defaults.BLACK, cursor: 'pointer' }}\n r={r}\n cx={scale.x(x)}\n cy={scale.y(y)}\n />\n {labelNode &&\n coordinatesOnHover &&\n showCoordinates &&\n ReactDOM.createPortal(<CoordinatesLabel graphProps={graphProps} x={x} y={y} />, labelNode)}\n </g>\n </>\n );\n }\n}\n"],"file":"base-point.js"}
|
|
1
|
+
{"version":3,"file":"base-point.js","names":["_react","_interopRequireDefault","require","_propTypes","_plot","_coordinatesLabel","_reactDom","_utils","_renderUi","_styles","_styles2","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledPointGroup","styled","_ref","disabled","correctness","cursor","fill","disabledStyle","correct","incorrect","missing","RawBp","exports","_React$Component","props","_this","_classCallCheck2","state","showCoordinates","_inherits2","_createClass2","key","value","render","_this2","_this$props","className","coordinatesOnHover","x","y","graphProps","labelNode","style","onClick","onTouchStart","onTouchEnd","rest","_objectWithoutProperties2","scale","thinnerShapesNeeded","createElement","Fragment","pointerEvents","cx","cy","onMouseEnter","setState","onMouseLeave","_extends2","color","defaults","BLACK","ReactDOM","createPortal","React","Component","PropTypes","string","bool","object","number","types","GraphPropsType","isRequired","func"],"sources":["../../../../src/tools/shared/point/base-point.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport CoordinatesLabel from '../../../coordinates-label';\nimport ReactDOM from 'react-dom';\nimport { thinnerShapesNeeded } from '../../../utils';\nimport { color } from '@pie-lib/render-ui';\nimport { styled } from '@mui/material/styles';\nimport { disabled as disabledStyle, correct, incorrect, missing } from '../styles';\n\nconst StyledPointGroup = styled('g')(({ disabled, correctness }) => ({\n cursor: 'pointer',\n '& circle': {\n fill: 'currentColor',\n },\n ...(disabled && {\n ...disabledStyle('fill'),\n ...disabledStyle('color'),\n }),\n ...(correctness === 'correct' && {\n ...correct('fill'),\n ...correct('color'),\n }),\n ...(correctness === 'incorrect' && {\n ...incorrect('fill'),\n ...incorrect('color'),\n }),\n ...(correctness === 'missing' && {\n ...missing('fill'),\n ...missing('color'),\n }),\n}));\n\nexport class RawBp extends React.Component {\n static propTypes = {\n className: PropTypes.string,\n coordinatesOnHover: PropTypes.bool,\n correctness: PropTypes.string,\n disabled: PropTypes.bool,\n labelNode: PropTypes.object,\n x: PropTypes.number,\n y: PropTypes.number,\n graphProps: types.GraphPropsType.isRequired,\n onClick: PropTypes.func,\n onTouchStart: PropTypes.func,\n onTouchEnd: PropTypes.func,\n };\n\n constructor(props) {\n super(props);\n this.state = { showCoordinates: false };\n }\n\n render() {\n const {\n className,\n coordinatesOnHover,\n x,\n y,\n disabled,\n correctness,\n graphProps,\n labelNode,\n // we need to remove style from props\n // eslint-disable-next-line no-unused-vars,react/prop-types\n style,\n onClick,\n // Refactored RawBp component by isolating onTouchStart and onTouchEnd handlers to the outer circle, resolving erratic touch event behavior.\n // Remaining props are now applied only to the inner circle for improved event handling consistency.\n onTouchStart,\n onTouchEnd,\n ...rest\n } = this.props;\n const { showCoordinates } = this.state;\n const { scale } = graphProps;\n const r = thinnerShapesNeeded(graphProps) ? 5 : 7;\n\n return (\n <>\n <circle\n style={{ fill: 'transparent', cursor: 'pointer', pointerEvents: 'all' }}\n r={r * 3}\n cx={scale.x(x)}\n cy={scale.y(y)}\n onMouseEnter={() => this.setState({ showCoordinates: true })}\n onMouseLeave={() => this.setState({ showCoordinates: false })}\n onTouchStart={onTouchStart}\n onTouchEnd={onTouchEnd}\n onClick={onClick}\n />\n <StyledPointGroup\n disabled={disabled}\n correctness={correctness}\n className={className}\n onMouseEnter={() => this.setState({ showCoordinates: true })}\n onMouseLeave={() => this.setState({ showCoordinates: false })}\n >\n <circle\n {...rest}\n style={{ fill: color.defaults.BLACK, cursor: 'pointer' }}\n r={r}\n cx={scale.x(x)}\n cy={scale.y(y)}\n />\n {labelNode &&\n coordinatesOnHover &&\n showCoordinates &&\n ReactDOM.createPortal(<CoordinatesLabel graphProps={graphProps} x={x} y={y} />, labelNode)}\n </StyledPointGroup>\n </>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AAAmF,IAAAS,SAAA;AAAA,SAAAC,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAAA,SAAAc,QAAAZ,CAAA,EAAAa,CAAA,QAAAf,CAAA,GAAAgB,MAAA,CAAAC,IAAA,CAAAf,CAAA,OAAAc,MAAA,CAAAE,qBAAA,QAAAjB,CAAA,GAAAe,MAAA,CAAAE,qBAAA,CAAAhB,CAAA,GAAAa,CAAA,KAAAd,CAAA,GAAAA,CAAA,CAAAkB,MAAA,WAAAJ,CAAA,WAAAC,MAAA,CAAAI,wBAAA,CAAAlB,CAAA,EAAAa,CAAA,EAAAM,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAb,KAAA,CAAAT,CAAA,EAAAC,CAAA,YAAAD,CAAA;AAAA,SAAAuB,cAAArB,CAAA,aAAAa,CAAA,MAAAA,CAAA,GAAAS,SAAA,CAAAC,MAAA,EAAAV,CAAA,UAAAf,CAAA,WAAAwB,SAAA,CAAAT,CAAA,IAAAS,SAAA,CAAAT,CAAA,QAAAA,CAAA,OAAAD,OAAA,CAAAE,MAAA,CAAAhB,CAAA,OAAA0B,OAAA,WAAAX,CAAA,QAAAY,gBAAA,aAAAzB,CAAA,EAAAa,CAAA,EAAAf,CAAA,CAAAe,CAAA,SAAAC,MAAA,CAAAY,yBAAA,GAAAZ,MAAA,CAAAa,gBAAA,CAAA3B,CAAA,EAAAc,MAAA,CAAAY,yBAAA,CAAA5B,CAAA,KAAAc,OAAA,CAAAE,MAAA,CAAAhB,CAAA,GAAA0B,OAAA,WAAAX,CAAA,IAAAC,MAAA,CAAAc,cAAA,CAAA5B,CAAA,EAAAa,CAAA,EAAAC,MAAA,CAAAI,wBAAA,CAAApB,CAAA,EAAAe,CAAA,iBAAAb,CAAA;AAEnF,IAAM6B,gBAAgB,GAAG,IAAAC,cAAM,EAAC,GAAG,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;EAAA,OAAAZ,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA;IAC3Da,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE;MACVC,IAAI,EAAE;IACR;EAAC,GACGH,QAAQ,IAAAX,aAAA,CAAAA,aAAA,KACP,IAAAe,iBAAa,EAAC,MAAM,CAAC,GACrB,IAAAA,iBAAa,EAAC,OAAO,CAAC,CAC1B,GACGH,WAAW,KAAK,SAAS,IAAAZ,aAAA,CAAAA,aAAA,KACxB,IAAAgB,gBAAO,EAAC,MAAM,CAAC,GACf,IAAAA,gBAAO,EAAC,OAAO,CAAC,CACpB,GACGJ,WAAW,KAAK,WAAW,IAAAZ,aAAA,CAAAA,aAAA,KAC1B,IAAAiB,kBAAS,EAAC,MAAM,CAAC,GACjB,IAAAA,kBAAS,EAAC,OAAO,CAAC,CACtB,GACGL,WAAW,KAAK,SAAS,IAAAZ,aAAA,CAAAA,aAAA,KACxB,IAAAkB,gBAAO,EAAC,MAAM,CAAC,GACf,IAAAA,gBAAO,EAAC,OAAO,CAAC,CACpB;AAAA,CACD,CAAC;AAAC,IAESC,KAAK,GAAAC,OAAA,CAAAD,KAAA,0BAAAE,gBAAA;EAehB,SAAAF,MAAYG,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAL,KAAA;IACjBI,KAAA,GAAA/C,UAAA,OAAA2C,KAAA,GAAMG,KAAK;IACXC,KAAA,CAAKE,KAAK,GAAG;MAAEC,eAAe,EAAE;IAAM,CAAC;IAAC,OAAAH,KAAA;EAC1C;EAAC,IAAAI,UAAA,aAAAR,KAAA,EAAAE,gBAAA;EAAA,WAAAO,aAAA,aAAAT,KAAA;IAAAU,GAAA;IAAAC,KAAA,EAED,SAAAC,MAAMA,CAAA,EAAG;MAAA,IAAAC,MAAA;MACP,IAAAC,WAAA,GAkBI,IAAI,CAACX,KAAK;QAjBZY,SAAS,GAAAD,WAAA,CAATC,SAAS;QACTC,kBAAkB,GAAAF,WAAA,CAAlBE,kBAAkB;QAClBC,CAAC,GAAAH,WAAA,CAADG,CAAC;QACDC,CAAC,GAAAJ,WAAA,CAADI,CAAC;QACD1B,QAAQ,GAAAsB,WAAA,CAARtB,QAAQ;QACRC,WAAW,GAAAqB,WAAA,CAAXrB,WAAW;QACX0B,UAAU,GAAAL,WAAA,CAAVK,UAAU;QACVC,SAAS,GAAAN,WAAA,CAATM,SAAS;QAGTC,KAAK,GAAAP,WAAA,CAALO,KAAK;QACLC,OAAO,GAAAR,WAAA,CAAPQ,OAAO;QAGPC,YAAY,GAAAT,WAAA,CAAZS,YAAY;QACZC,UAAU,GAAAV,WAAA,CAAVU,UAAU;QACPC,IAAI,OAAAC,yBAAA,aAAAZ,WAAA,EAAA1D,SAAA;MAET,IAAQmD,eAAe,GAAK,IAAI,CAACD,KAAK,CAA9BC,eAAe;MACvB,IAAQoB,KAAK,GAAKR,UAAU,CAApBQ,KAAK;MACb,IAAMtD,CAAC,GAAG,IAAAuD,0BAAmB,EAACT,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC;MAEjD,oBACE1E,MAAA,YAAAoF,aAAA,CAAApF,MAAA,YAAAqF,QAAA,qBACErF,MAAA,YAAAoF,aAAA;QACER,KAAK,EAAE;UAAE1B,IAAI,EAAE,aAAa;UAAED,MAAM,EAAE,SAAS;UAAEqC,aAAa,EAAE;QAAM,CAAE;QACxE1D,CAAC,EAAEA,CAAC,GAAG,CAAE;QACT2D,EAAE,EAAEL,KAAK,CAACV,CAAC,CAACA,CAAC,CAAE;QACfgB,EAAE,EAAEN,KAAK,CAACT,CAAC,CAACA,CAAC,CAAE;QACfgB,YAAY,EAAE,SAAdA,YAAYA,CAAA;UAAA,OAAQrB,MAAI,CAACsB,QAAQ,CAAC;YAAE5B,eAAe,EAAE;UAAK,CAAC,CAAC;QAAA,CAAC;QAC7D6B,YAAY,EAAE,SAAdA,YAAYA,CAAA;UAAA,OAAQvB,MAAI,CAACsB,QAAQ,CAAC;YAAE5B,eAAe,EAAE;UAAM,CAAC,CAAC;QAAA,CAAC;QAC9DgB,YAAY,EAAEA,YAAa;QAC3BC,UAAU,EAAEA,UAAW;QACvBF,OAAO,EAAEA;MAAQ,CAClB,CAAC,eACF7E,MAAA,YAAAoF,aAAA,CAACxC,gBAAgB;QACfG,QAAQ,EAAEA,QAAS;QACnBC,WAAW,EAAEA,WAAY;QACzBsB,SAAS,EAAEA,SAAU;QACrBmB,YAAY,EAAE,SAAdA,YAAYA,CAAA;UAAA,OAAQrB,MAAI,CAACsB,QAAQ,CAAC;YAAE5B,eAAe,EAAE;UAAK,CAAC,CAAC;QAAA,CAAC;QAC7D6B,YAAY,EAAE,SAAdA,YAAYA,CAAA;UAAA,OAAQvB,MAAI,CAACsB,QAAQ,CAAC;YAAE5B,eAAe,EAAE;UAAM,CAAC,CAAC;QAAA;MAAC,gBAE9D9D,MAAA,YAAAoF,aAAA,eAAAQ,SAAA,iBACMZ,IAAI;QACRJ,KAAK,EAAE;UAAE1B,IAAI,EAAE2C,eAAK,CAACC,QAAQ,CAACC,KAAK;UAAE9C,MAAM,EAAE;QAAU,CAAE;QACzDrB,CAAC,EAAEA,CAAE;QACL2D,EAAE,EAAEL,KAAK,CAACV,CAAC,CAACA,CAAC,CAAE;QACfgB,EAAE,EAAEN,KAAK,CAACT,CAAC,CAACA,CAAC;MAAE,EAChB,CAAC,EACDE,SAAS,IACRJ,kBAAkB,IAClBT,eAAe,iBACfkC,oBAAQ,CAACC,YAAY,cAACjG,MAAA,YAAAoF,aAAA,CAAC/E,iBAAA,WAAgB;QAACqE,UAAU,EAAEA,UAAW;QAACF,CAAC,EAAEA,CAAE;QAACC,CAAC,EAAEA;MAAE,CAAE,CAAC,EAAEE,SAAS,CAC3E,CAClB,CAAC;IAEP;EAAC;AAAA,EA9EwBuB,iBAAK,CAACC,SAAS;AAAA,IAAA3D,gBAAA,aAA7Be,KAAK,eACG;EACjBe,SAAS,EAAE8B,qBAAS,CAACC,MAAM;EAC3B9B,kBAAkB,EAAE6B,qBAAS,CAACE,IAAI;EAClCtD,WAAW,EAAEoD,qBAAS,CAACC,MAAM;EAC7BtD,QAAQ,EAAEqD,qBAAS,CAACE,IAAI;EACxB3B,SAAS,EAAEyB,qBAAS,CAACG,MAAM;EAC3B/B,CAAC,EAAE4B,qBAAS,CAACI,MAAM;EACnB/B,CAAC,EAAE2B,qBAAS,CAACI,MAAM;EACnB9B,UAAU,EAAE+B,WAAK,CAACC,cAAc,CAACC,UAAU;EAC3C9B,OAAO,EAAEuB,qBAAS,CAACQ,IAAI;EACvB9B,YAAY,EAAEsB,qBAAS,CAACQ,IAAI;EAC5B7B,UAAU,EAAEqB,qBAAS,CAACQ;AACxB,CAAC","ignoreList":[]}
|