@pie-lib/charting 5.17.0-beta.0 → 5.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +1 -581
- package/CHANGELOG.md +141 -43
- package/lib/actions-button.js +174 -0
- package/lib/actions-button.js.map +1 -0
- package/lib/axes.js +52 -81
- package/lib/axes.js.map +1 -0
- package/lib/bars/bar.js +1 -1
- package/lib/bars/bar.js.map +1 -0
- package/lib/bars/common/bars.js +11 -13
- package/lib/bars/common/bars.js.map +1 -0
- package/lib/bars/histogram.js +1 -1
- package/lib/bars/histogram.js.map +1 -0
- package/lib/chart-setup.js +3 -3
- package/lib/chart-setup.js.map +1 -0
- package/lib/chart-type.js +1 -1
- package/lib/chart-type.js.map +1 -0
- package/lib/chart-types.js +1 -1
- package/lib/chart-types.js.map +1 -0
- package/lib/chart.js +67 -58
- package/lib/chart.js.map +1 -0
- package/lib/common/drag-handle.js +4 -4
- package/lib/common/drag-handle.js.map +1 -0
- package/lib/common/drag-icon.js +1 -1
- package/lib/common/drag-icon.js.map +1 -0
- package/lib/common/styles.js +5 -5
- package/lib/common/styles.js.map +1 -0
- package/lib/grid.js +50 -13
- package/lib/grid.js.map +1 -0
- package/lib/index.js +9 -1
- package/lib/index.js.map +1 -0
- package/lib/key-legend.js +111 -0
- package/lib/key-legend.js.map +1 -0
- package/lib/line/common/drag-handle.js +5 -11
- package/lib/line/common/drag-handle.js.map +1 -0
- package/lib/line/common/line.js +4 -8
- package/lib/line/common/line.js.map +1 -0
- package/lib/line/line-cross.js +40 -5
- package/lib/line/line-cross.js.map +1 -0
- package/lib/line/line-dot.js +32 -7
- package/lib/line/line-dot.js.map +1 -0
- package/lib/mark-label.js +11 -6
- package/lib/mark-label.js.map +1 -0
- package/lib/plot/common/plot.js +10 -9
- package/lib/plot/common/plot.js.map +1 -0
- package/lib/plot/dot.js +1 -1
- package/lib/plot/dot.js.map +1 -0
- package/lib/plot/line.js +1 -1
- package/lib/plot/line.js.map +1 -0
- package/lib/shared/index.js +136 -0
- package/lib/tool-menu.js +10 -10
- package/lib/tool-menu.js.map +1 -0
- package/lib/utils.js +1 -1
- package/lib/utils.js.map +1 -0
- package/package.json +5 -5
- package/src/__tests__/__snapshots__/axes.test.jsx.snap +1 -0
- package/src/__tests__/__snapshots__/chart.test.jsx.snap +0 -18
- package/src/__tests__/__snapshots__/grid.test.jsx.snap +61 -17
- package/src/__tests__/axes.test.jsx +0 -5
- package/src/__tests__/chart.test.jsx +8 -0
- package/src/actions-button.jsx +109 -0
- package/src/axes.jsx +5 -31
- package/src/bars/common/bars.jsx +8 -10
- package/src/chart-setup.jsx +1 -1
- package/src/chart.jsx +31 -26
- package/src/common/drag-handle.jsx +3 -3
- package/src/common/styles.js +1 -1
- package/src/grid.jsx +38 -13
- package/src/index.js +2 -1
- package/src/key-legend.jsx +75 -0
- package/src/line/common/drag-handle.jsx +3 -9
- package/src/line/common/line.jsx +2 -6
- package/src/line/line-cross.js +29 -2
- package/src/line/line-dot.js +36 -19
- package/src/mark-label.jsx +7 -2
- package/src/plot/common/plot.jsx +8 -5
- package/src/tool-menu.jsx +1 -1
- package/lib/__tests__/axes.test.js +0 -181
- package/lib/__tests__/chart-setup.test.js +0 -58
- package/lib/__tests__/chart-type.test.js +0 -42
- package/lib/__tests__/chart.test.js +0 -108
- package/lib/__tests__/grid.test.js +0 -48
- package/lib/__tests__/mark-label.test.js +0 -57
- package/lib/__tests__/utils.js +0 -56
- package/lib/__tests__/utils.test.js +0 -197
- package/lib/bars/__tests__/bar.test.js +0 -62
- package/lib/bars/__tests__/histogram.test.js +0 -64
- package/lib/bars/__tests__/utils.js +0 -56
- package/lib/bars/common/__tests__/bars.test.js +0 -100
- package/lib/bars/common/__tests__/utils.js +0 -56
- package/lib/common/__tests__/drag-handle.test.js +0 -134
- package/lib/common/__tests__/utils.js +0 -56
- package/lib/line/__tests__/line-cross.test.js +0 -64
- package/lib/line/__tests__/line-dot.test.js +0 -64
- package/lib/line/__tests__/utils.js +0 -56
- package/lib/line/common/__tests__/drag-handle.test.js +0 -134
- package/lib/line/common/__tests__/line.test.js +0 -128
- package/lib/line/common/__tests__/utils.js +0 -56
- package/lib/plot/__tests__/dot.test.js +0 -64
- package/lib/plot/__tests__/line.test.js +0 -64
- package/lib/plot/__tests__/utils.js +0 -56
- package/lib/plot/common/__tests__/plot.test.js +0 -103
- package/lib/plot/common/__tests__/utils.js +0 -56
package/lib/common/drag-icon.js
CHANGED
|
@@ -49,4 +49,4 @@ var DragIcon = function DragIcon(_ref) {
|
|
|
49
49
|
|
|
50
50
|
var _default = DragIcon;
|
|
51
51
|
exports["default"] = _default;
|
|
52
|
-
//# sourceMappingURL=
|
|
52
|
+
//# sourceMappingURL=drag-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/common/drag-icon.jsx"],"names":["DragIcon","width","scaleValue","color","classes","deltay","svgOverflowVisible"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW;AAAA;;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,UAAV,QAAUA,UAAV;AAAA,MAAsBC,KAAtB,QAAsBA,KAAtB;AAAA,MAA6BC,OAA7B,QAA6BA,OAA7B;AAAA,sBACf;AACE,IAAA,CAAC,EAAE,yBAAaH,KAAb,EAAoBC,UAApB,CADL;AAEE,IAAA,CAAC,eAAE,qBAASD,KAAT,CAAF,8CAAE,UAAiBI,MAFtB;AAGE,IAAA,KAAK,EAAEF,KAHT;AAIE,IAAA,KAAK,EAAEF,KAJT;AAKE,IAAA,MAAM,EAAEA,KALV;AAME,IAAA,QAAQ,EAAC,SANX;AAOE,IAAA,OAAO,gBAASA,KAAT,cAAkBA,KAAlB,CAPT;AAQE,IAAA,SAAS,EAAEG,OAAO,CAACE;AARrB,kBAUE;AAAG,IAAA,KAAK,EAAC,4BAAT;AAAsC,IAAA,IAAI,EAAC,cAA3C;AAA0D,IAAA,MAAM,EAAC,cAAjE;AAAgF,IAAA,SAAS,kBAAWJ,UAAX;AAAzF,kBACE;AAAQ,IAAA,EAAE,EAAC,MAAX;AAAkB,IAAA,EAAE,EAAC,MAArB;AAA4B,IAAA,CAAC,EAAC,IAA9B;AAAmC,IAAA,IAAI,EAAC,OAAxC;AAAgD,IAAA,MAAM,EAAC;AAAvD,IADF,eAEE;AACE,IAAA,CAAC,EAAC,6LADJ;AAEE,IAAA,IAAI,EAAC;AAFP,IAFF,eAME;AACE,IAAA,CAAC,EAAC,mMADJ;AAEE,IAAA,IAAI,EAAC;AAFP,IANF,CAVF,CADe;AAAA,CAAjB;;eAyBeF,Q","sourcesContent":["import React from 'react';\nimport { getAdjustedX, getScale } from '../utils';\n\nconst DragIcon = ({ width, scaleValue, color, classes }) => (\n <svg\n x={getAdjustedX(width, scaleValue)}\n y={getScale(width)?.deltay}\n color={color}\n width={width}\n height={width}\n overflow=\"visible\"\n viewBox={`0 0 ${width} ${width}`}\n className={classes.svgOverflowVisible}\n >\n <g xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" stroke=\"currentColor\" transform={`scale(${scaleValue})`}>\n <circle cx=\"28.5\" cy=\"23.5\" r=\"22\" fill=\"white\" stroke=\"currentColor\" />\n <path\n d=\"M33.5 21.25H23.4609C22.7578 21.25 22.4062 20.4297 22.9141 19.9219L27.9141 14.9219C28.2266 14.6094 28.7344 14.6094 29.0469 14.9219L34.0469 19.9219C34.5547 20.4297 34.2031 21.25 33.5 21.25Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M23.5 25.75L33.5391 25.75C34.2422 25.75 34.5938 26.5703 34.0859 27.0781L29.0859 32.0781C28.7734 32.3906 28.2656 32.3906 27.9531 32.0781L22.9531 27.0781C22.4453 26.5703 22.7969 25.75 23.5 25.75Z\"\n fill=\"currentColor\"\n />\n </g>\n </svg>\n);\n\nexport default DragIcon;\n"],"file":"drag-icon.js"}
|
package/lib/common/styles.js
CHANGED
|
@@ -9,13 +9,13 @@ exports.incorrect = exports.disabled = exports.correct = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _index = require("./../shared/index");
|
|
13
13
|
|
|
14
14
|
var disabled = function disabled() {
|
|
15
15
|
var _ref;
|
|
16
16
|
|
|
17
17
|
var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
|
|
18
|
-
return _ref = {}, (0, _defineProperty2["default"])(_ref, key, "var(--graph-disabled, ".concat(
|
|
18
|
+
return _ref = {}, (0, _defineProperty2["default"])(_ref, key, "var(--graph-disabled, ".concat(_index.color.disabled(), ")")), (0, _defineProperty2["default"])(_ref, "pointerEvents", 'none'), (0, _defineProperty2["default"])(_ref, "border", 'none'), _ref;
|
|
19
19
|
};
|
|
20
20
|
|
|
21
21
|
exports.disabled = disabled;
|
|
@@ -24,7 +24,7 @@ var correct = function correct() {
|
|
|
24
24
|
var _ref2;
|
|
25
25
|
|
|
26
26
|
var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
|
|
27
|
-
return _ref2 = {}, (0, _defineProperty2["default"])(_ref2, key,
|
|
27
|
+
return _ref2 = {}, (0, _defineProperty2["default"])(_ref2, key, _index.color.correct()), (0, _defineProperty2["default"])(_ref2, "pointerEvents", 'none'), (0, _defineProperty2["default"])(_ref2, "border", "solid 1px ".concat(_index.color.correct())), _ref2;
|
|
28
28
|
};
|
|
29
29
|
|
|
30
30
|
exports.correct = correct;
|
|
@@ -33,8 +33,8 @@ var incorrect = function incorrect() {
|
|
|
33
33
|
var _ref3;
|
|
34
34
|
|
|
35
35
|
var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
|
|
36
|
-
return _ref3 = {}, (0, _defineProperty2["default"])(_ref3, key,
|
|
36
|
+
return _ref3 = {}, (0, _defineProperty2["default"])(_ref3, key, _index.color.incorrect()), (0, _defineProperty2["default"])(_ref3, "pointerEvents", 'none'), (0, _defineProperty2["default"])(_ref3, "border", "solid 1px ".concat(_index.color.incorrect())), _ref3;
|
|
37
37
|
};
|
|
38
38
|
|
|
39
39
|
exports.incorrect = incorrect;
|
|
40
|
-
//# sourceMappingURL=
|
|
40
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/common/styles.js"],"names":["disabled","key","color","correct","incorrect"],"mappings":";;;;;;;;;;;AAAA;;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAW;AAAA;;AAAA,MAACC,GAAD,uEAAO,MAAP;AAAA,2DACrBA,GADqB,kCACUC,aAAMF,QAAN,EADV,iEAEP,MAFO,oDAGd,MAHc;AAAA,CAAjB;;;;AAMA,IAAMG,OAAO,GAAG,SAAVA,OAAU;AAAA;;AAAA,MAACF,GAAD,uEAAO,MAAP;AAAA,6DACpBA,GADoB,EACdC,aAAMC,OAAN,EADc,4DAEN,MAFM,yEAGAD,aAAMC,OAAN,EAHA;AAAA,CAAhB;;;;AAMA,IAAMC,SAAS,GAAG,SAAZA,SAAY;AAAA;;AAAA,MAACH,GAAD,uEAAO,MAAP;AAAA,6DACtBA,GADsB,EAChBC,aAAME,SAAN,EADgB,4DAER,MAFQ,yEAGFF,aAAME,SAAN,EAHE;AAAA,CAAlB","sourcesContent":["import { color } from '../../../render-ui/src/index';\n\nexport const disabled = (key = 'fill') => ({\n [key]: `var(--graph-disabled, ${color.disabled()})`,\n pointerEvents: 'none',\n border: 'none',\n});\n\nexport const correct = (key = 'fill') => ({\n [key]: color.correct(),\n pointerEvents: 'none',\n border: `solid 1px ${color.correct()}`,\n});\n\nexport const incorrect = (key = 'fill') => ({\n [key]: color.incorrect(),\n pointerEvents: 'none',\n border: `solid 1px ${color.incorrect()}`,\n});\n"],"file":"styles.js"}
|
package/lib/grid.js
CHANGED
|
@@ -31,7 +31,7 @@ var _grid = require("@vx/grid");
|
|
|
31
31
|
|
|
32
32
|
var _plot = require("@pie-lib/plot");
|
|
33
33
|
|
|
34
|
-
var
|
|
34
|
+
var _index = require("./shared/index");
|
|
35
35
|
|
|
36
36
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
37
37
|
|
|
@@ -62,18 +62,55 @@ var Grid = /*#__PURE__*/function (_React$Component) {
|
|
|
62
62
|
_ref$scale = _ref.scale,
|
|
63
63
|
scale = _ref$scale === void 0 ? {} : _ref$scale,
|
|
64
64
|
_ref$size = _ref.size,
|
|
65
|
-
size = _ref$size === void 0 ? {} : _ref$size
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
65
|
+
size = _ref$size === void 0 ? {} : _ref$size,
|
|
66
|
+
_ref$range = _ref.range,
|
|
67
|
+
range = _ref$range === void 0 ? {} : _ref$range;
|
|
68
|
+
|
|
69
|
+
var _range$step = range.step,
|
|
70
|
+
step = _range$step === void 0 ? 0 : _range$step,
|
|
71
|
+
_range$labelStep = range.labelStep,
|
|
72
|
+
labelStep = _range$labelStep === void 0 ? 0 : _range$labelStep;
|
|
73
|
+
var highlightNonLabel = step && labelStep && step < labelStep; // if highlightNonLabel is true, we need to separate the unlabled lines in order to render them in a different color
|
|
74
|
+
|
|
75
|
+
var _reduce = (rowTickValues || []).reduce(function (acc, value) {
|
|
76
|
+
if (highlightNonLabel && value % labelStep !== 0) {
|
|
77
|
+
acc.unlabeledLines.push(value);
|
|
78
|
+
} else {
|
|
79
|
+
acc.labeledLines.push(value);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
return acc;
|
|
83
|
+
}, {
|
|
84
|
+
unlabeledLines: [],
|
|
85
|
+
labeledLines: []
|
|
86
|
+
}),
|
|
87
|
+
unlabeledLines = _reduce.unlabeledLines,
|
|
88
|
+
labeledLines = _reduce.labeledLines;
|
|
89
|
+
|
|
90
|
+
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
91
|
+
className: (0, _classnames["default"])(classes.grid, className)
|
|
92
|
+
}, /*#__PURE__*/_react["default"].createElement(_grid.GridRows, {
|
|
93
|
+
scale: scale.y,
|
|
94
|
+
width: size.width,
|
|
95
|
+
tickValues: unlabeledLines,
|
|
96
|
+
lineStyle: {
|
|
97
|
+
stroke: _index.color.fadedPrimary(),
|
|
98
|
+
strokeWidth: 1
|
|
99
|
+
}
|
|
100
|
+
}), /*#__PURE__*/_react["default"].createElement(_grid.GridRows, {
|
|
101
|
+
scale: scale.y,
|
|
71
102
|
width: size.width,
|
|
103
|
+
tickValues: labeledLines,
|
|
104
|
+
lineStyle: {
|
|
105
|
+
stroke: _index.color.visualElementsColors.GRIDLINES_COLOR,
|
|
106
|
+
strokeWidth: 1
|
|
107
|
+
}
|
|
108
|
+
}), /*#__PURE__*/_react["default"].createElement(_grid.GridColumns, {
|
|
109
|
+
scale: xBand,
|
|
72
110
|
height: size.height,
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
});
|
|
111
|
+
offset: xBand.bandwidth() / 2,
|
|
112
|
+
tickValues: columnTickValues
|
|
113
|
+
}));
|
|
77
114
|
}
|
|
78
115
|
}]);
|
|
79
116
|
return Grid;
|
|
@@ -93,7 +130,7 @@ exports.Grid = Grid;
|
|
|
93
130
|
var styles = function styles() {
|
|
94
131
|
return {
|
|
95
132
|
grid: {
|
|
96
|
-
stroke:
|
|
133
|
+
stroke: _index.color.primaryLight()
|
|
97
134
|
}
|
|
98
135
|
};
|
|
99
136
|
};
|
|
@@ -101,4 +138,4 @@ var styles = function styles() {
|
|
|
101
138
|
var _default = (0, _styles.withStyles)(styles)(Grid);
|
|
102
139
|
|
|
103
140
|
exports["default"] = _default;
|
|
104
|
-
//# sourceMappingURL=
|
|
141
|
+
//# sourceMappingURL=grid.js.map
|
package/lib/grid.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/grid.jsx"],"names":["Grid","props","classes","className","graphProps","xBand","rowTickValues","columnTickValues","scale","size","range","step","labelStep","highlightNonLabel","reduce","acc","value","unlabeledLines","push","labeledLines","grid","y","width","stroke","color","fadedPrimary","strokeWidth","visualElementsColors","GRIDLINES_COLOR","height","bandwidth","React","Component","PropTypes","object","isRequired","string","types","GraphPropsType","func","array","styles","primaryLight"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;IAEaA,I;;;;;;;;;;;;WAYX,kBAAS;AACP,wBAAmF,KAAKC,KAAxF;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BC,UAA5B,eAA4BA,UAA5B;AAAA,UAAwCC,KAAxC,eAAwCA,KAAxC;AAAA,UAA+CC,aAA/C,eAA+CA,aAA/C;AAAA,UAA8DC,gBAA9D,eAA8DA,gBAA9D;;AACA,iBAA8CH,UAAU,IAAI,EAA5D;AAAA,4BAAQI,KAAR;AAAA,UAAQA,KAAR,2BAAgB,EAAhB;AAAA,2BAAoBC,IAApB;AAAA,UAAoBA,IAApB,0BAA2B,EAA3B;AAAA,4BAA+BC,KAA/B;AAAA,UAA+BA,KAA/B,2BAAuC,EAAvC;;AACA,wBAAoCA,KAApC,CAAQC,IAAR;AAAA,UAAQA,IAAR,4BAAe,CAAf;AAAA,6BAAoCD,KAApC,CAAkBE,SAAlB;AAAA,UAAkBA,SAAlB,iCAA8B,CAA9B;AACA,UAAMC,iBAAiB,GAAGF,IAAI,IAAIC,SAAR,IAAqBD,IAAI,GAAGC,SAAtD,CAJO,CAKP;;AACA,oBAAyC,CAACN,aAAa,IAAI,EAAlB,EAAsBQ,MAAtB,CACvC,UAACC,GAAD,EAAMC,KAAN,EAAgB;AACd,YAAIH,iBAAiB,IAAIG,KAAK,GAAGJ,SAAR,KAAsB,CAA/C,EAAkD;AAChDG,UAAAA,GAAG,CAACE,cAAJ,CAAmBC,IAAnB,CAAwBF,KAAxB;AACD,SAFD,MAEO;AACLD,UAAAA,GAAG,CAACI,YAAJ,CAAiBD,IAAjB,CAAsBF,KAAtB;AACD;;AACD,eAAOD,GAAP;AACD,OARsC,EASvC;AAAEE,QAAAA,cAAc,EAAE,EAAlB;AAAsBE,QAAAA,YAAY,EAAE;AAApC,OATuC,CAAzC;AAAA,UAAQF,cAAR,WAAQA,cAAR;AAAA,UAAwBE,YAAxB,WAAwBA,YAAxB;;AAYA,0BACE;AAAG,QAAA,SAAS,EAAE,4BAAWjB,OAAO,CAACkB,IAAnB,EAAyBjB,SAAzB;AAAd,sBACE,gCAAC,cAAD;AACE,QAAA,KAAK,EAAEK,KAAK,CAACa,CADf;AAEE,QAAA,KAAK,EAAEZ,IAAI,CAACa,KAFd;AAGE,QAAA,UAAU,EAAEL,cAHd;AAIE,QAAA,SAAS,EAAE;AACTM,UAAAA,MAAM,EAAEC,aAAMC,YAAN,EADC;AAETC,UAAAA,WAAW,EAAE;AAFJ;AAJb,QADF,eAUE,gCAAC,cAAD;AACE,QAAA,KAAK,EAAElB,KAAK,CAACa,CADf;AAEE,QAAA,KAAK,EAAEZ,IAAI,CAACa,KAFd;AAGE,QAAA,UAAU,EAAEH,YAHd;AAIE,QAAA,SAAS,EAAE;AACTI,UAAAA,MAAM,EAAEC,aAAMG,oBAAN,CAA2BC,eAD1B;AAETF,UAAAA,WAAW,EAAE;AAFJ;AAJb,QAVF,eAmBE,gCAAC,iBAAD;AAAa,QAAA,KAAK,EAAErB,KAApB;AAA2B,QAAA,MAAM,EAAEI,IAAI,CAACoB,MAAxC;AAAgD,QAAA,MAAM,EAAExB,KAAK,CAACyB,SAAN,KAAoB,CAA5E;AAA+E,QAAA,UAAU,EAAEvB;AAA3F,QAnBF,CADF;AAuBD;;;EArDuBwB,kBAAMC,S;;;iCAAnBhC,I,eACQ;AACjBE,EAAAA,OAAO,EAAE+B,sBAAUC,MAAV,CAAiBC,UADT;AAEjBhC,EAAAA,SAAS,EAAE8B,sBAAUG,MAFJ;AAGjBhC,EAAAA,UAAU,EAAEiC,YAAMC,cAAN,CAAqBH,UAHhB;AAIjB9B,EAAAA,KAAK,EAAE4B,sBAAUM,IAJA;AAKjBhC,EAAAA,gBAAgB,EAAE0B,sBAAUO,KALX;AAMjBlC,EAAAA,aAAa,EAAE2B,sBAAUO;AANR,C;iCADRxC,I,kBAUW,E;;AA8CxB,IAAMyC,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBrB,IAAAA,IAAI,EAAE;AACJG,MAAAA,MAAM,EAAEC,aAAMkB,YAAN;AADJ;AADc,GAAP;AAAA,CAAf;;eAMe,wBAAWD,MAAX,EAAmBzC,IAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { GridRows, GridColumns } from '@vx/grid';\n\nimport { types } from '@pie-lib/plot';\nimport { color } from '../../render-ui/src/index';\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 = {}, range = {} } = graphProps || {};\n const { step = 0, labelStep = 0 } = range;\n const highlightNonLabel = step && labelStep && step < labelStep;\n // if highlightNonLabel is true, we need to separate the unlabled lines in order to render them in a different color\n const { unlabeledLines, labeledLines } = (rowTickValues || []).reduce(\n (acc, value) => {\n if (highlightNonLabel && value % labelStep !== 0) {\n acc.unlabeledLines.push(value);\n } else {\n acc.labeledLines.push(value);\n }\n return acc;\n },\n { unlabeledLines: [], labeledLines: [] },\n );\n\n return (\n <g className={classNames(classes.grid, className)}>\n <GridRows\n scale={scale.y}\n width={size.width}\n tickValues={unlabeledLines}\n lineStyle={{\n stroke: color.fadedPrimary(),\n strokeWidth: 1,\n }}\n />\n <GridRows\n scale={scale.y}\n width={size.width}\n tickValues={labeledLines}\n lineStyle={{\n stroke: color.visualElementsColors.GRIDLINES_COLOR,\n strokeWidth: 1,\n }}\n />\n <GridColumns scale={xBand} height={size.height} offset={xBand.bandwidth() / 2} tickValues={columnTickValues} />\n </g>\n );\n }\n}\n\nconst styles = () => ({\n grid: {\n stroke: color.primaryLight(),\n },\n});\n\nexport default withStyles(styles)(Grid);\n"],"file":"grid.js"}
|
package/lib/index.js
CHANGED
|
@@ -23,6 +23,12 @@ Object.defineProperty(exports, "ConfigureChartPanel", {
|
|
|
23
23
|
return _chartSetup["default"];
|
|
24
24
|
}
|
|
25
25
|
});
|
|
26
|
+
Object.defineProperty(exports, "KeyLegend", {
|
|
27
|
+
enumerable: true,
|
|
28
|
+
get: function get() {
|
|
29
|
+
return _keyLegend["default"];
|
|
30
|
+
}
|
|
31
|
+
});
|
|
26
32
|
Object.defineProperty(exports, "chartTypes", {
|
|
27
33
|
enumerable: true,
|
|
28
34
|
get: function get() {
|
|
@@ -37,4 +43,6 @@ var _chartTypes = _interopRequireDefault(require("./chart-types"));
|
|
|
37
43
|
var _chartSetup = _interopRequireDefault(require("./chart-setup"));
|
|
38
44
|
|
|
39
45
|
var _chartType = _interopRequireDefault(require("./chart-type"));
|
|
40
|
-
|
|
46
|
+
|
|
47
|
+
var _keyLegend = _interopRequireDefault(require("./key-legend"));
|
|
48
|
+
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import Chart from './chart';\nimport chartTypes from './chart-types';\nimport ConfigureChartPanel from './chart-setup';\nimport ChartType from './chart-type';\nimport KeyLegend from './key-legend';\n\nexport { Chart, chartTypes, ChartType, ConfigureChartPanel, KeyLegend };\n"],"file":"index.js"}
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
12
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
+
|
|
14
|
+
var _styles = require("@material-ui/core/styles");
|
|
15
|
+
|
|
16
|
+
var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
|
|
17
|
+
|
|
18
|
+
var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
|
|
19
|
+
|
|
20
|
+
var _index = require("./shared/index");
|
|
21
|
+
|
|
22
|
+
var _translator = _interopRequireDefault(require("@pie-lib/translator"));
|
|
23
|
+
|
|
24
|
+
var styles = function styles(theme) {
|
|
25
|
+
return {
|
|
26
|
+
container: {
|
|
27
|
+
backgroundColor: _index.color.defaults.WHITE,
|
|
28
|
+
padding: theme.spacing.unit * 2,
|
|
29
|
+
width: '355px',
|
|
30
|
+
boxShadow: 'inset 0px 1px 5px 0px #9297A6',
|
|
31
|
+
display: 'flex',
|
|
32
|
+
flexDirection: 'column',
|
|
33
|
+
gap: '16px'
|
|
34
|
+
},
|
|
35
|
+
row: {
|
|
36
|
+
display: 'flex',
|
|
37
|
+
alignItems: 'center',
|
|
38
|
+
gap: '12px'
|
|
39
|
+
},
|
|
40
|
+
title: {
|
|
41
|
+
fontSize: theme.typography.h6.fontSize,
|
|
42
|
+
fontWeight: '700'
|
|
43
|
+
},
|
|
44
|
+
smallText: {
|
|
45
|
+
marginLeft: '2px'
|
|
46
|
+
},
|
|
47
|
+
correctIcon: {
|
|
48
|
+
backgroundColor: _index.color.correct(),
|
|
49
|
+
borderRadius: theme.spacing.unit * 2,
|
|
50
|
+
color: _index.color.defaults.WHITE
|
|
51
|
+
},
|
|
52
|
+
incorrectIcon: {
|
|
53
|
+
backgroundColor: _index.color.incorrectWithIcon(),
|
|
54
|
+
borderRadius: theme.spacing.unit * 2,
|
|
55
|
+
color: _index.color.defaults.WHITE
|
|
56
|
+
},
|
|
57
|
+
lastRow: {
|
|
58
|
+
marginLeft: '3px',
|
|
59
|
+
display: 'flex',
|
|
60
|
+
alignItems: 'center',
|
|
61
|
+
gap: '12px'
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
var translator = _translator["default"].translator;
|
|
67
|
+
|
|
68
|
+
var KeyLegend = function KeyLegend(_ref) {
|
|
69
|
+
var classes = _ref.classes,
|
|
70
|
+
language = _ref.language;
|
|
71
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
72
|
+
className: classes.container
|
|
73
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
74
|
+
className: classes.title
|
|
75
|
+
}, "Key"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
76
|
+
className: classes.row
|
|
77
|
+
}, /*#__PURE__*/_react["default"].createElement(_Close["default"], {
|
|
78
|
+
className: classes.incorrectIcon
|
|
79
|
+
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
80
|
+
className: classes.text
|
|
81
|
+
}, translator.t('charting.keyLegend.incorrectAnswer', {
|
|
82
|
+
lng: language
|
|
83
|
+
}))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
84
|
+
className: classes.row
|
|
85
|
+
}, /*#__PURE__*/_react["default"].createElement(_Check["default"], {
|
|
86
|
+
className: classes.correctIcon
|
|
87
|
+
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
88
|
+
className: classes.text
|
|
89
|
+
}, translator.t('charting.keyLegend.correctAnswer', {
|
|
90
|
+
lng: language
|
|
91
|
+
}))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
92
|
+
className: classes.lastRow
|
|
93
|
+
}, /*#__PURE__*/_react["default"].createElement(_Check["default"], {
|
|
94
|
+
className: classes.correctIcon,
|
|
95
|
+
fontSize: 'small'
|
|
96
|
+
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
97
|
+
className: classes.smallText
|
|
98
|
+
}, translator.t('charting.keyLegend.correctKeyAnswer', {
|
|
99
|
+
lng: language
|
|
100
|
+
}))));
|
|
101
|
+
};
|
|
102
|
+
|
|
103
|
+
KeyLegend.propTypes = {
|
|
104
|
+
classes: _propTypes["default"].object.isRequired,
|
|
105
|
+
language: _propTypes["default"].string
|
|
106
|
+
};
|
|
107
|
+
|
|
108
|
+
var _default = (0, _styles.withStyles)(styles)(KeyLegend);
|
|
109
|
+
|
|
110
|
+
exports["default"] = _default;
|
|
111
|
+
//# sourceMappingURL=key-legend.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/key-legend.jsx"],"names":["styles","theme","container","backgroundColor","color","defaults","WHITE","padding","spacing","unit","width","boxShadow","display","flexDirection","gap","row","alignItems","title","fontSize","typography","h6","fontWeight","smallText","marginLeft","correctIcon","correct","borderRadius","incorrectIcon","incorrectWithIcon","lastRow","translator","Translator","KeyLegend","classes","language","text","t","lng","propTypes","PropTypes","object","isRequired","string"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,SAAS,EAAE;AACTC,MAAAA,eAAe,EAAEC,aAAMC,QAAN,CAAeC,KADvB;AAETC,MAAAA,OAAO,EAAEN,KAAK,CAACO,OAAN,CAAcC,IAAd,GAAqB,CAFrB;AAGTC,MAAAA,KAAK,EAAE,OAHE;AAITC,MAAAA,SAAS,EAAE,+BAJF;AAKTC,MAAAA,OAAO,EAAE,MALA;AAMTC,MAAAA,aAAa,EAAE,QANN;AAOTC,MAAAA,GAAG,EAAE;AAPI,KADc;AAUzBC,IAAAA,GAAG,EAAE;AACHH,MAAAA,OAAO,EAAE,MADN;AAEHI,MAAAA,UAAU,EAAE,QAFT;AAGHF,MAAAA,GAAG,EAAE;AAHF,KAVoB;AAezBG,IAAAA,KAAK,EAAE;AACLC,MAAAA,QAAQ,EAAEjB,KAAK,CAACkB,UAAN,CAAiBC,EAAjB,CAAoBF,QADzB;AAELG,MAAAA,UAAU,EAAE;AAFP,KAfkB;AAmBzBC,IAAAA,SAAS,EAAE;AACTC,MAAAA,UAAU,EAAE;AADH,KAnBc;AAsBzBC,IAAAA,WAAW,EAAE;AACXrB,MAAAA,eAAe,EAAEC,aAAMqB,OAAN,EADN;AAEXC,MAAAA,YAAY,EAAEzB,KAAK,CAACO,OAAN,CAAcC,IAAd,GAAqB,CAFxB;AAGXL,MAAAA,KAAK,EAAEA,aAAMC,QAAN,CAAeC;AAHX,KAtBY;AA2BzBqB,IAAAA,aAAa,EAAE;AACbxB,MAAAA,eAAe,EAAEC,aAAMwB,iBAAN,EADJ;AAEbF,MAAAA,YAAY,EAAEzB,KAAK,CAACO,OAAN,CAAcC,IAAd,GAAqB,CAFtB;AAGbL,MAAAA,KAAK,EAAEA,aAAMC,QAAN,CAAeC;AAHT,KA3BU;AAiCzBuB,IAAAA,OAAO,EAAE;AACPN,MAAAA,UAAU,EAAE,KADL;AAEPX,MAAAA,OAAO,EAAE,MAFF;AAGPI,MAAAA,UAAU,EAAE,QAHL;AAIPF,MAAAA,GAAG,EAAE;AAJE;AAjCgB,GAAZ;AAAA,CAAf;;AAyCA,IAAQgB,UAAR,GAAuBC,sBAAvB,CAAQD,UAAR;;AAEA,IAAME,SAAS,GAAG,SAAZA,SAAY;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYC,QAAZ,QAAYA,QAAZ;AAAA,sBAChB;AAAK,IAAA,SAAS,EAAED,OAAO,CAAC/B;AAAxB,kBACE;AAAK,IAAA,SAAS,EAAE+B,OAAO,CAAChB;AAAxB,WADF,eAEE;AAAK,IAAA,SAAS,EAAEgB,OAAO,CAAClB;AAAxB,kBACE,gCAAC,iBAAD;AAAO,IAAA,SAAS,EAAEkB,OAAO,CAACN;AAA1B,IADF,eAEE;AAAK,IAAA,SAAS,EAAEM,OAAO,CAACE;AAAxB,KAA+BL,UAAU,CAACM,CAAX,CAAa,oCAAb,EAAmD;AAAEC,IAAAA,GAAG,EAAEH;AAAP,GAAnD,CAA/B,CAFF,CAFF,eAME;AAAK,IAAA,SAAS,EAAED,OAAO,CAAClB;AAAxB,kBACE,gCAAC,iBAAD;AAAO,IAAA,SAAS,EAAEkB,OAAO,CAACT;AAA1B,IADF,eAEE;AAAK,IAAA,SAAS,EAAES,OAAO,CAACE;AAAxB,KAA+BL,UAAU,CAACM,CAAX,CAAa,kCAAb,EAAiD;AAAEC,IAAAA,GAAG,EAAEH;AAAP,GAAjD,CAA/B,CAFF,CANF,eAUE;AAAK,IAAA,SAAS,EAAED,OAAO,CAACJ;AAAxB,kBACE,gCAAC,iBAAD;AAAO,IAAA,SAAS,EAAEI,OAAO,CAACT,WAA1B;AAAuC,IAAA,QAAQ,EAAE;AAAjD,IADF,eAEE;AAAK,IAAA,SAAS,EAAES,OAAO,CAACX;AAAxB,KAAoCQ,UAAU,CAACM,CAAX,CAAa,qCAAb,EAAoD;AAAEC,IAAAA,GAAG,EAAEH;AAAP,GAApD,CAApC,CAFF,CAVF,CADgB;AAAA,CAAlB;;AAkBAF,SAAS,CAACM,SAAV,GAAsB;AACpBL,EAAAA,OAAO,EAAEM,sBAAUC,MAAV,CAAiBC,UADN;AAEpBP,EAAAA,QAAQ,EAAEK,sBAAUG;AAFA,CAAtB;;eAKe,wBAAW1C,MAAX,EAAmBgC,SAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Check from '@material-ui/icons/Check';\nimport Close from '@material-ui/icons/Close';\nimport { color } from '../../render-ui/src/index';\nimport Translator from '@pie-lib/translator';\n\nconst styles = (theme) => ({\n container: {\n backgroundColor: color.defaults.WHITE,\n padding: theme.spacing.unit * 2,\n width: '355px',\n boxShadow: 'inset 0px 1px 5px 0px #9297A6',\n display: 'flex',\n flexDirection: 'column',\n gap: '16px',\n },\n row: {\n display: 'flex',\n alignItems: 'center',\n gap: '12px',\n },\n title: {\n fontSize: theme.typography.h6.fontSize,\n fontWeight: '700',\n },\n smallText: {\n marginLeft: '2px',\n },\n correctIcon: {\n backgroundColor: color.correct(),\n borderRadius: theme.spacing.unit * 2,\n color: color.defaults.WHITE,\n },\n incorrectIcon: {\n backgroundColor: color.incorrectWithIcon(),\n borderRadius: theme.spacing.unit * 2,\n color: color.defaults.WHITE,\n },\n\n lastRow: {\n marginLeft: '3px',\n display: 'flex',\n alignItems: 'center',\n gap: '12px',\n },\n});\n\nconst { translator } = Translator;\n\nconst KeyLegend = ({ classes, language }) => (\n <div className={classes.container}>\n <div className={classes.title}>Key</div>\n <div className={classes.row}>\n <Close className={classes.incorrectIcon} />\n <div className={classes.text}>{translator.t('charting.keyLegend.incorrectAnswer', { lng: language })}</div>\n </div>\n <div className={classes.row}>\n <Check className={classes.correctIcon} />\n <div className={classes.text}>{translator.t('charting.keyLegend.correctAnswer', { lng: language })}</div>\n </div>\n <div className={classes.lastRow}>\n <Check className={classes.correctIcon} fontSize={'small'} />\n <div className={classes.smallText}>{translator.t('charting.keyLegend.correctKeyAnswer', { lng: language })}</div>\n </div>\n </div>\n);\n\nKeyLegend.propTypes = {\n classes: PropTypes.object.isRequired,\n language: PropTypes.string,\n};\n\nexport default withStyles(styles)(KeyLegend);\n"],"file":"key-legend.js"}
|
|
@@ -31,7 +31,7 @@ var _plot = require("@pie-lib/plot");
|
|
|
31
31
|
|
|
32
32
|
var _index = require("@material-ui/core/styles/index");
|
|
33
33
|
|
|
34
|
-
var
|
|
34
|
+
var _index2 = require("./../../shared/index");
|
|
35
35
|
|
|
36
36
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
37
37
|
|
|
@@ -73,7 +73,8 @@ var RawDragHandle = /*#__PURE__*/function (_React$Component) {
|
|
|
73
73
|
y: y,
|
|
74
74
|
classes: classes,
|
|
75
75
|
className: (0, _classnames["default"])(className, !interactive && 'non-interactive'),
|
|
76
|
-
correctness: correctness
|
|
76
|
+
correctness: correctness,
|
|
77
|
+
interactive: interactive
|
|
77
78
|
}, rest));
|
|
78
79
|
}
|
|
79
80
|
}]);
|
|
@@ -97,11 +98,7 @@ var RawDragHandle = /*#__PURE__*/function (_React$Component) {
|
|
|
97
98
|
var DragHandle = (0, _index.withStyles)(function () {
|
|
98
99
|
return {
|
|
99
100
|
handle: {
|
|
100
|
-
fill: _renderUi.color.defaults.SECONDARY,
|
|
101
101
|
transition: 'fill 200ms linear, height 200ms linear',
|
|
102
|
-
'&:hover': {
|
|
103
|
-
fill: _renderUi.color.defaults.SECONDARY_DARK
|
|
104
|
-
},
|
|
105
102
|
'&.correct': (0, _styles.correct)('fill'),
|
|
106
103
|
'&.incorrect': (0, _styles.incorrect)('fill'),
|
|
107
104
|
'&.non-interactive': (0, _styles.disabled)('fill')
|
|
@@ -112,11 +109,8 @@ var DragHandle = (0, _index.withStyles)(function () {
|
|
|
112
109
|
stroke: 'transparent'
|
|
113
110
|
},
|
|
114
111
|
line: {
|
|
115
|
-
stroke:
|
|
112
|
+
stroke: _index2.color.defaults.TEXT,
|
|
116
113
|
transition: 'fill 200ms linear, height 200ms linear',
|
|
117
|
-
'&:hover': {
|
|
118
|
-
stroke: _renderUi.color.defaults.SECONDARY_DARK
|
|
119
|
-
},
|
|
120
114
|
'&.non-interactive': (0, _styles.disabled)('stroke'),
|
|
121
115
|
'&.correct': (0, _styles.correct)('stroke'),
|
|
122
116
|
'&.incorrect': (0, _styles.incorrect)('stroke')
|
|
@@ -154,4 +148,4 @@ var DraggableHandle = (0, _plot.gridDraggable)({
|
|
|
154
148
|
})(DragHandle);
|
|
155
149
|
var _default = DraggableHandle;
|
|
156
150
|
exports["default"] = _default;
|
|
157
|
-
//# sourceMappingURL=
|
|
151
|
+
//# sourceMappingURL=drag-handle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/line/common/drag-handle.jsx"],"names":["RawDragHandle","props","x","y","graphProps","classes","className","interactive","CustomDraggableComponent","correctness","rest","scale","React","Component","PropTypes","number","isRequired","width","types","GraphPropsType","object","string","bool","func","shape","value","label","DragHandle","handle","transition","transparentHandle","height","fill","stroke","line","color","defaults","TEXT","DraggableHandle","axis","fromDelta","delta","newPoint","utils","point","add","bounds","domain","range","area","left","top","bottom","right","anchorPoint"],"mappings":"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","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 '../../../../render-ui/src/index';\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\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={correctness}\n interactive={interactive}\n {...rest}\n />\n );\n }\n}\n\nexport const DragHandle = withStyles(() => ({\n handle: {\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: '20px',\n fill: 'transparent',\n stroke: 'transparent',\n },\n line: {\n stroke: color.defaults.TEXT,\n transition: 'fill 200ms linear, height 200ms linear',\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\n return newPoint.y;\n },\n bounds: (props, { domain, range }) => {\n const area = { left: 0, top: props.y, bottom: props.y, right: 0 };\n\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"],"file":"drag-handle.js"}
|
package/lib/line/common/line.js
CHANGED
|
@@ -43,7 +43,7 @@ var _index = require("@material-ui/core/styles/index");
|
|
|
43
43
|
|
|
44
44
|
var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
|
|
45
45
|
|
|
46
|
-
var
|
|
46
|
+
var _index2 = require("./../../shared/index");
|
|
47
47
|
|
|
48
48
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
49
49
|
|
|
@@ -200,13 +200,9 @@ var StyledLine = (0, _index.withStyles)(function () {
|
|
|
200
200
|
return {
|
|
201
201
|
line: {
|
|
202
202
|
fill: 'transparent',
|
|
203
|
-
stroke:
|
|
203
|
+
stroke: _index2.color.defaults.TERTIARY,
|
|
204
204
|
strokeWidth: 3,
|
|
205
|
-
transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in'
|
|
206
|
-
'&:hover': {
|
|
207
|
-
strokeWidth: 6,
|
|
208
|
-
stroke: _renderUi.color.primaryDark()
|
|
209
|
-
}
|
|
205
|
+
transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in'
|
|
210
206
|
}
|
|
211
207
|
};
|
|
212
208
|
})(RawLine);
|
|
@@ -258,4 +254,4 @@ exports.Line = Line;
|
|
|
258
254
|
});
|
|
259
255
|
var _default = Line;
|
|
260
256
|
exports["default"] = _default;
|
|
261
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saW5lL2NvbW1vbi9saW5lLmpzeCJdLCJuYW1lcyI6WyJnZXREYXRhIiwiZGF0YSIsImRvbWFpbiIsIm1heCIsImxlbmd0aCIsIm1hcCIsImVsIiwiaSIsIngiLCJ5IiwidmFsdWUiLCJSYXdMaW5lIiwicHJvcHMiLCJsaW5lIiwic2V0U3RhdGUiLCJpbmRleCIsIm9uQ2hhbmdlIiwiZHJhZ2dpbmciLCJzdGF0ZSIsImV4aXN0aW5nIiwibmV4dCIsIm5ld0xpbmUiLCJkcmFnVmFsdWUiLCJzZXREcmFnVmFsdWUiLCJ1bmRlZmluZWQiLCJncmFwaFByb3BzIiwibmV4dFByb3BzIiwiY2xhc3NlcyIsIkN1c3RvbURyYWdnYWJsZUNvbXBvbmVudCIsImRlZmluZUNoYXJ0IiwibGluZVN0YXRlIiwic2NhbGUiLCJsaW5lVG9Vc2UiLCJkIiwicG9pbnQiLCJyIiwiZW5hYmxlRHJhZ2dhYmxlIiwiaW50ZXJhY3RpdmUiLCJDb21wb25lbnQiLCJEcmFnZ2FibGVIYW5kbGUiLCJEcmFnSGFuZGxlIiwidiIsImRyYWdTdG9wIiwiY29ycmVjdG5lc3MiLCJSZWFjdCIsIlByb3BUeXBlcyIsImZ1bmMiLCJudW1iZXIiLCJvYmplY3QiLCJsYWJlbCIsInN0cmluZyIsInhCYW5kIiwiaXNSZXF1aXJlZCIsInR5cGVzIiwiR3JhcGhQcm9wc1R5cGUiLCJib29sIiwiYXJyYXlPZiIsInNoYXBlIiwiU3R5bGVkTGluZSIsImZpbGwiLCJzdHJva2UiLCJjb2xvciIsInByaW1hcnlMaWdodCIsInN0cm9rZVdpZHRoIiwidHJhbnNpdGlvbiIsInByaW1hcnlEYXJrIiwiTGluZSIsImNhdGVnb3J5IiwiY2hhbmdlTGluZSIsImFycmF5Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7Ozs7Ozs7OztBQUVBLElBQU1BLE9BQU8sR0FBRyxTQUFWQSxPQUFVLENBQUNDLElBQUQsRUFBT0MsTUFBUCxFQUFrQjtBQUNoQyxhQUFnQkEsTUFBTSxJQUFJLEVBQTFCO0FBQUEsTUFBUUMsR0FBUixRQUFRQSxHQUFSOztBQUNBLE1BQU1DLE1BQU0sR0FBR0gsSUFBSSxDQUFDRyxNQUFwQjs7QUFFQSxNQUFJLENBQUNELEdBQUQsSUFBUSxDQUFDQyxNQUFiLEVBQXFCO0FBQ25CLFdBQU8sRUFBUDtBQUNEOztBQUVELFNBQU9ILElBQUksQ0FBQ0ksR0FBTCxDQUFTLFVBQUNDLEVBQUQsRUFBS0MsQ0FBTDtBQUFBLDJDQUNYRCxFQURXO0FBRWRFLE1BQUFBLENBQUMsRUFBRUosTUFBTSxHQUFHLENBQVQsR0FBYUcsQ0FBQyxJQUFJSixHQUFHLElBQUlDLE1BQU0sR0FBRyxDQUFiLENBQVAsQ0FBZCxHQUF3QyxHQUY3QjtBQUdkSyxNQUFBQSxDQUFDLEVBQUVILEVBQUUsQ0FBQ0k7QUFIUTtBQUFBLEdBQVQsQ0FBUDtBQUtELENBYkQ7O0lBZWFDLE87Ozs7O0FBdUJYLG1CQUFZQyxLQUFaLEVBQW1CO0FBQUE7O0FBQUE7QUFDakIsOEJBQU1BLEtBQU47QUFEaUIscUdBZ0JKLFVBQUNDLElBQUQ7QUFBQSxhQUFVLE1BQUtDLFFBQUwsQ0FBYztBQUFFRCxRQUFBQSxJQUFJLEVBQUpBO0FBQUYsT0FBZCxDQUFWO0FBQUEsS0FoQkk7QUFBQSxpR0FrQlIsVUFBQ0UsS0FBRCxFQUFXO0FBQ3BCLFVBQVFDLFFBQVIsR0FBcUIsTUFBS0osS0FBMUIsQ0FBUUksUUFBUjs7QUFDQSxZQUFLRixRQUFMLENBQWM7QUFBRUcsUUFBQUEsUUFBUSxFQUFFO0FBQVosT0FBZCxFQUFtQyxZQUFNO0FBQ3ZDRCxRQUFBQSxRQUFRLENBQUNELEtBQUQsRUFBUSxNQUFLRyxLQUFMLENBQVdMLElBQVgsQ0FBZ0JFLEtBQWhCLENBQVIsQ0FBUjtBQUNELE9BRkQ7QUFHRCxLQXZCa0I7QUFBQSxrR0F5QlAsVUFBQ0EsS0FBRCxFQUFRSSxRQUFSLEVBQWtCQyxJQUFsQixFQUEyQjtBQUNyQyxVQUFNQyxPQUFPLHVDQUFPLE1BQUtILEtBQUwsQ0FBV0wsSUFBbEIsQ0FBYjtBQUNBUSxNQUFBQSxPQUFPLENBQUNOLEtBQUQsQ0FBUCxDQUFlTyxTQUFmLEdBQTJCRixJQUEzQjs7QUFDQSxZQUFLRyxZQUFMLENBQWtCRixPQUFsQjtBQUNELEtBN0JrQjtBQUVqQixVQUFLSCxLQUFMLEdBQWE7QUFDWEksTUFBQUEsU0FBUyxFQUFFRSxTQURBO0FBRVhYLE1BQUFBLElBQUksRUFBRWIsT0FBTyxDQUFDWSxLQUFLLENBQUNYLElBQVAsRUFBYVcsS0FBSyxDQUFDYSxVQUFOLENBQWlCdkIsTUFBOUI7QUFGRixLQUFiO0FBRmlCO0FBTWxCOzs7O1dBRUQsMENBQWlDd0IsU0FBakMsRUFBNEM7QUFDMUMsVUFBSSxDQUFDLHlCQUFRLEtBQUtkLEtBQUwsQ0FBV1gsSUFBbkIsRUFBeUJ5QixTQUFTLENBQUN6QixJQUFuQyxDQUFMLEVBQStDO0FBQzdDLGFBQUthLFFBQUwsQ0FBYztBQUNaRCxVQUFBQSxJQUFJLEVBQUViLE9BQU8sQ0FBQzBCLFNBQVMsQ0FBQ3pCLElBQVgsRUFBaUJ5QixTQUFTLENBQUNELFVBQVYsQ0FBcUJ2QixNQUF0QztBQURELFNBQWQ7QUFHRDtBQUNGOzs7V0FpQkQsa0JBQVM7QUFBQTs7QUFDUCx3QkFBNkUsS0FBS1UsS0FBbEY7QUFBQSxVQUFRYSxVQUFSLGVBQVFBLFVBQVI7QUFBQSxVQUFvQnhCLElBQXBCLGVBQW9CQSxJQUFwQjtBQUFBLFVBQTBCMEIsT0FBMUIsZUFBMEJBLE9BQTFCO0FBQUEsVUFBbUNDLHdCQUFuQyxlQUFtQ0Esd0JBQW5DO0FBQUEsVUFBNkRDLFdBQTdELGVBQTZEQSxXQUE3RDtBQUNBLHdCQUFzQyxLQUFLWCxLQUEzQztBQUFBLFVBQWNZLFNBQWQsZUFBUWpCLElBQVI7QUFBQSxVQUF5QkksUUFBekIsZUFBeUJBLFFBQXpCO0FBQ0EsVUFBUWMsS0FBUixHQUFrQk4sVUFBbEIsQ0FBUU0sS0FBUjtBQUNBLFVBQU1DLFNBQVMsR0FBR2YsUUFBUSxHQUFHYSxTQUFILEdBQWU5QixPQUFPLENBQUNDLElBQUQsRUFBT3dCLFVBQVUsQ0FBQ3ZCLE1BQWxCLENBQWhEO0FBRUEsMEJBQ0UsZ0NBQUMsaUJBQUQsQ0FBTyxRQUFQLHFCQUNFLGdDQUFDLGVBQUQ7QUFDRSxRQUFBLElBQUksRUFBRThCLFNBRFI7QUFFRSxRQUFBLENBQUMsRUFBRSxXQUFDQyxDQUFEO0FBQUEsaUJBQU9GLEtBQUssQ0FBQ3ZCLENBQU4sQ0FBUXlCLENBQUMsQ0FBQ3pCLENBQVYsQ0FBUDtBQUFBLFNBRkw7QUFHRSxRQUFBLENBQUMsRUFBRSxXQUFDeUIsQ0FBRDtBQUFBLGlCQUFPRixLQUFLLENBQUN0QixDQUFOLENBQVF3QixDQUFDLENBQUNYLFNBQUYsS0FBZ0JFLFNBQWhCLEdBQTRCUyxDQUFDLENBQUNYLFNBQTlCLEdBQTBDVyxDQUFDLENBQUN4QixDQUFwRCxDQUFQO0FBQUEsU0FITDtBQUlFLFFBQUEsU0FBUyxFQUFFa0IsT0FBTyxDQUFDZDtBQUpyQixRQURGLEVBT0dtQixTQUFTLElBQ1JBLFNBQVMsQ0FBQzNCLEdBQVYsQ0FBYyxVQUFDNkIsS0FBRCxFQUFRM0IsQ0FBUixFQUFjO0FBQzFCLFlBQU00QixDQUFDLEdBQUcsQ0FBVjtBQUNBLFlBQU1DLGVBQWUsR0FBR1AsV0FBVyxJQUFJSyxLQUFLLENBQUNHLFdBQTdDO0FBQ0EsWUFBTUMsU0FBUyxHQUFHRixlQUFlLEdBQUdHLHNCQUFILEdBQXFCQyxzQkFBdEQ7QUFFQSw0QkFDRSxnQ0FBQyxTQUFEO0FBQ0UsVUFBQSxHQUFHLGtCQUFXTixLQUFLLENBQUMxQixDQUFqQixjQUFzQkQsQ0FBdEIsQ0FETDtBQUVFLFVBQUEsQ0FBQyxFQUFFMkIsS0FBSyxDQUFDMUIsQ0FGWDtBQUdFLFVBQUEsQ0FBQyxFQUFFMEIsS0FBSyxDQUFDWixTQUFOLEtBQW9CRSxTQUFwQixHQUFnQ1UsS0FBSyxDQUFDWixTQUF0QyxHQUFrRFksS0FBSyxDQUFDekIsQ0FIN0Q7QUFJRSxVQUFBLFdBQVcsRUFBRTJCLGVBSmY7QUFLRSxVQUFBLENBQUMsRUFBRUQsQ0FMTDtBQU1FLFVBQUEsV0FBVyxFQUFFO0FBQUEsbUJBQU0sTUFBSSxDQUFDckIsUUFBTCxDQUFjO0FBQUVHLGNBQUFBLFFBQVEsRUFBRTtBQUFaLGFBQWQsQ0FBTjtBQUFBLFdBTmY7QUFPRSxVQUFBLE1BQU0sRUFBRSxnQkFBQ3dCLENBQUQ7QUFBQSxtQkFBTyxNQUFJLENBQUNuQixTQUFMLENBQWVmLENBQWYsRUFBa0IyQixLQUFLLENBQUNaLFNBQU4sS0FBb0JFLFNBQXBCLEdBQWdDVSxLQUFLLENBQUNaLFNBQXRDLEdBQWtEWSxLQUFLLENBQUN6QixDQUExRSxFQUE2RWdDLENBQTdFLENBQVA7QUFBQSxXQVBWO0FBUUUsVUFBQSxVQUFVLEVBQUU7QUFBQSxtQkFBTSxNQUFJLENBQUNDLFFBQUwsQ0FBY25DLENBQWQsQ0FBTjtBQUFBLFdBUmQ7QUFTRSxVQUFBLFVBQVUsRUFBRWtCLFVBVGQ7QUFVRSxVQUFBLHdCQUF3QixFQUFFRyx3QkFWNUI7QUFXRSxVQUFBLFdBQVcsRUFBRU0sS0FBSyxDQUFDUztBQVhyQixVQURGO0FBZUQsT0FwQkQsQ0FSSixDQURGO0FBZ0NEOzs7RUE1RjBCQyxrQkFBTU4sUzs7O2lDQUF0QjNCLE8sZUFDUTtBQUNqQkssRUFBQUEsUUFBUSxFQUFFNkIsc0JBQVVDLElBREg7QUFFakJwQyxFQUFBQSxLQUFLLEVBQUVtQyxzQkFBVUUsTUFGQTtBQUdqQnBCLEVBQUFBLE9BQU8sRUFBRWtCLHNCQUFVRyxNQUhGO0FBSWpCQyxFQUFBQSxLQUFLLEVBQUVKLHNCQUFVSyxNQUpBO0FBS2pCQyxFQUFBQSxLQUFLLEVBQUVOLHNCQUFVQyxJQUxBO0FBTWpCL0IsRUFBQUEsS0FBSyxFQUFFOEIsc0JBQVVFLE1BQVYsQ0FBaUJLLFVBTlA7QUFPakIzQixFQUFBQSxVQUFVLEVBQUU0QixZQUFNQyxjQUFOLENBQXFCRixVQVBoQjtBQVFqQnZCLEVBQUFBLFdBQVcsRUFBRWdCLHNCQUFVVSxJQVJOO0FBU2pCdEQsRUFBQUEsSUFBSSxFQUFFNEMsc0JBQVVXLE9BQVYsQ0FDSlgsc0JBQVVZLEtBQVYsQ0FBZ0I7QUFDZFIsSUFBQUEsS0FBSyxFQUFFSixzQkFBVUssTUFESDtBQUVkeEMsSUFBQUEsS0FBSyxFQUFFbUMsc0JBQVVFO0FBRkgsR0FBaEIsQ0FESSxDQVRXO0FBZWpCbkIsRUFBQUEsd0JBQXdCLEVBQUVpQixzQkFBVUM7QUFmbkIsQztpQ0FEUm5DLE8sa0JBbUJXO0FBQ3BCSSxFQUFBQSxLQUFLLEVBQUU7QUFEYSxDO0FBNEV4QixJQUFNMkMsVUFBVSxHQUFHLHVCQUFXO0FBQUEsU0FBTztBQUNuQzdDLElBQUFBLElBQUksRUFBRTtBQUNKOEMsTUFBQUEsSUFBSSxFQUFFLGFBREY7QUFFSkMsTUFBQUEsTUFBTSxFQUFFQyxnQkFBTUMsWUFBTixFQUZKO0FBR0pDLE1BQUFBLFdBQVcsRUFBRSxDQUhUO0FBSUpDLE1BQUFBLFVBQVUsRUFBRSxrREFKUjtBQUtKLGlCQUFXO0FBQ1RELFFBQUFBLFdBQVcsRUFBRSxDQURKO0FBRVRILFFBQUFBLE1BQU0sRUFBRUMsZ0JBQU1JLFdBQU47QUFGQztBQUxQO0FBRDZCLEdBQVA7QUFBQSxDQUFYLEVBV2Z0RCxPQVhlLENBQW5COztJQWFhdUQsSTs7Ozs7Ozs7Ozs7Ozs7O29HQVFFLFVBQUNuRCxLQUFELEVBQVFvRCxRQUFSLEVBQXFCO0FBQ2hDLFVBQVFuRCxRQUFSLEdBQXFCLE9BQUtKLEtBQTFCLENBQVFJLFFBQVI7QUFDQSxVQUFNSyxPQUFPLHVDQUFPLE9BQUtULEtBQUwsQ0FBV1gsSUFBbEIsQ0FBYjtBQUNBLFVBQVFxQixTQUFSLEdBQTZCNkMsUUFBN0IsQ0FBUTdDLFNBQVI7QUFBQSxVQUFtQlosS0FBbkIsR0FBNkJ5RCxRQUE3QixDQUFtQnpELEtBQW5CO0FBRUFXLE1BQUFBLE9BQU8sQ0FBQ04sS0FBRCxDQUFQLENBQWVMLEtBQWYsR0FBdUJZLFNBQVMsSUFBSSxDQUFiLEdBQWlCQSxTQUFqQixHQUE2QlosS0FBcEQ7QUFFQU0sTUFBQUEsUUFBUSxDQUFDSyxPQUFELENBQVI7QUFDRCxLOzs7Ozs7V0FFRCxrQkFBUztBQUNQLFVBQU1ULEtBQUssR0FBRyxLQUFLQSxLQUFuQjtBQUVBLDBCQUNFLGdDQUFDLFlBQUQscUJBQ0UsZ0NBQUMsVUFBRCxnQ0FBZ0JBLEtBQWhCO0FBQXVCLFFBQUEsUUFBUSxFQUFFLEtBQUt3RDtBQUF0QyxTQURGLENBREY7QUFLRDs7O0VBMUJ1QnhCLGtCQUFNTixTOzs7aUNBQW5CNEIsSSxlQUNRO0FBQ2pCakUsRUFBQUEsSUFBSSxFQUFFNEMsc0JBQVV3QixLQURDO0FBRWpCckQsRUFBQUEsUUFBUSxFQUFFNkIsc0JBQVVDLElBRkg7QUFHakJLLEVBQUFBLEtBQUssRUFBRU4sc0JBQVVDLElBSEE7QUFJakJyQixFQUFBQSxVQUFVLEVBQUU0QixZQUFNQyxjQUFOLENBQXFCRjtBQUpoQixDO2VBNEJOYyxJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEdyb3VwIH0gZnJvbSAnQHZ4L2dyb3VwJztcbmltcG9ydCB7IExpbmVQYXRoIH0gZnJvbSAnQHZ4L3NoYXBlJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJ0BwaWUtbGliL3Bsb3QnO1xuaW1wb3J0IERyYWdnYWJsZUhhbmRsZSwgeyBEcmFnSGFuZGxlIH0gZnJvbSAnLi9kcmFnLWhhbmRsZSc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzL2luZGV4JztcbmltcG9ydCBpc0VxdWFsIGZyb20gJ2xvZGFzaC9pc0VxdWFsJztcbmltcG9ydCB7IGNvbG9yIH0gZnJvbSAnQHBpZS1saWIvcmVuZGVyLXVpJztcblxuY29uc3QgZ2V0RGF0YSA9IChkYXRhLCBkb21haW4pID0+IHtcbiAgY29uc3QgeyBtYXggfSA9IGRvbWFpbiB8fCB7fTtcbiAgY29uc3QgbGVuZ3RoID0gZGF0YS5sZW5ndGg7XG5cbiAgaWYgKCFtYXggfHwgIWxlbmd0aCkge1xuICAgIHJldHVybiBbXTtcbiAgfVxuXG4gIHJldHVybiBkYXRhLm1hcCgoZWwsIGkpID0+ICh7XG4gICAgLi4uZWwsXG4gICAgeDogbGVuZ3RoID4gMSA/IGkgKiAobWF4IC8gKGxlbmd0aCAtIDEpKSA6IDAuNSxcbiAgICB5OiBlbC52YWx1ZSxcbiAgfSkpO1xufTtcblxuZXhwb3J0IGNsYXNzIFJhd0xpbmUgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgICB2YWx1ZTogUHJvcFR5cGVzLm51bWJlcixcbiAgICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIHhCYW5kOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBpbmRleDogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICAgIGdyYXBoUHJvcHM6IHR5cGVzLkdyYXBoUHJvcHNUeXBlLmlzUmVxdWlyZWQsXG4gICAgZGVmaW5lQ2hhcnQ6IFByb3BUeXBlcy5ib29sLFxuICAgIGRhdGE6IFByb3BUeXBlcy5hcnJheU9mKFxuICAgICAgUHJvcFR5cGVzLnNoYXBlKHtcbiAgICAgICAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICAgIHZhbHVlOiBQcm9wVHlwZXMubnVtYmVyLFxuICAgICAgfSksXG4gICAgKSxcbiAgICBDdXN0b21EcmFnZ2FibGVDb21wb25lbnQ6IFByb3BUeXBlcy5mdW5jLFxuICB9O1xuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgaW5kZXg6IDAsXG4gIH07XG5cbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIGRyYWdWYWx1ZTogdW5kZWZpbmVkLFxuICAgICAgbGluZTogZ2V0RGF0YShwcm9wcy5kYXRhLCBwcm9wcy5ncmFwaFByb3BzLmRvbWFpbiksXG4gICAgfTtcbiAgfVxuXG4gIFVOU0FGRV9jb21wb25lbnRXaWxsUmVjZWl2ZVByb3BzKG5leHRQcm9wcykge1xuICAgIGlmICghaXNFcXVhbCh0aGlzLnByb3BzLmRhdGEsIG5leHRQcm9wcy5kYXRhKSkge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgIGxpbmU6IGdldERhdGEobmV4dFByb3BzLmRhdGEsIG5leHRQcm9wcy5ncmFwaFByb3BzLmRvbWFpbiksXG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBzZXREcmFnVmFsdWUgPSAobGluZSkgPT4gdGhpcy5zZXRTdGF0ZSh7IGxpbmUgfSk7XG5cbiAgZHJhZ1N0b3AgPSAoaW5kZXgpID0+IHtcbiAgICBjb25zdCB7IG9uQ2hhbmdlIH0gPSB0aGlzLnByb3BzO1xuICAgIHRoaXMuc2V0U3RhdGUoeyBkcmFnZ2luZzogZmFsc2UgfSwgKCkgPT4ge1xuICAgICAgb25DaGFuZ2UoaW5kZXgsIHRoaXMuc3RhdGUubGluZVtpbmRleF0pO1xuICAgIH0pO1xuICB9O1xuXG4gIGRyYWdWYWx1ZSA9IChpbmRleCwgZXhpc3RpbmcsIG5leHQpID0+IHtcbiAgICBjb25zdCBuZXdMaW5lID0gWy4uLnRoaXMuc3RhdGUubGluZV07XG4gICAgbmV3TGluZVtpbmRleF0uZHJhZ1ZhbHVlID0gbmV4dDtcbiAgICB0aGlzLnNldERyYWdWYWx1ZShuZXdMaW5lKTtcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBncmFwaFByb3BzLCBkYXRhLCBjbGFzc2VzLCBDdXN0b21EcmFnZ2FibGVDb21wb25lbnQsIGRlZmluZUNoYXJ0IH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHsgbGluZTogbGluZVN0YXRlLCBkcmFnZ2luZyB9ID0gdGhpcy5zdGF0ZTtcbiAgICBjb25zdCB7IHNjYWxlIH0gPSBncmFwaFByb3BzO1xuICAgIGNvbnN0IGxpbmVUb1VzZSA9IGRyYWdnaW5nID8gbGluZVN0YXRlIDogZ2V0RGF0YShkYXRhLCBncmFwaFByb3BzLmRvbWFpbik7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgICA8TGluZVBhdGhcbiAgICAgICAgICBkYXRhPXtsaW5lVG9Vc2V9XG4gICAgICAgICAgeD17KGQpID0+IHNjYWxlLngoZC54KX1cbiAgICAgICAgICB5PXsoZCkgPT4gc2NhbGUueShkLmRyYWdWYWx1ZSAhPT0gdW5kZWZpbmVkID8gZC5kcmFnVmFsdWUgOiBkLnkpfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlcy5saW5lfVxuICAgICAgICAvPlxuICAgICAgICB7bGluZVRvVXNlICYmXG4gICAgICAgICAgbGluZVRvVXNlLm1hcCgocG9pbnQsIGkpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHIgPSA2O1xuICAgICAgICAgICAgY29uc3QgZW5hYmxlRHJhZ2dhYmxlID0gZGVmaW5lQ2hhcnQgfHwgcG9pbnQuaW50ZXJhY3RpdmU7XG4gICAgICAgICAgICBjb25zdCBDb21wb25lbnQgPSBlbmFibGVEcmFnZ2FibGUgPyBEcmFnZ2FibGVIYW5kbGUgOiBEcmFnSGFuZGxlO1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8Q29tcG9uZW50XG4gICAgICAgICAgICAgICAga2V5PXtgcG9pbnQtJHtwb2ludC54fS0ke2l9YH1cbiAgICAgICAgICAgICAgICB4PXtwb2ludC54fVxuICAgICAgICAgICAgICAgIHk9e3BvaW50LmRyYWdWYWx1ZSAhPT0gdW5kZWZpbmVkID8gcG9pbnQuZHJhZ1ZhbHVlIDogcG9pbnQueX1cbiAgICAgICAgICAgICAgICBpbnRlcmFjdGl2ZT17ZW5hYmxlRHJhZ2dhYmxlfVxuICAgICAgICAgICAgICAgIHI9e3J9XG4gICAgICAgICAgICAgICAgb25EcmFnU3RhcnQ9eygpID0+IHRoaXMuc2V0U3RhdGUoeyBkcmFnZ2luZzogdHJ1ZSB9KX1cbiAgICAgICAgICAgICAgICBvbkRyYWc9eyh2KSA9PiB0aGlzLmRyYWdWYWx1ZShpLCBwb2ludC5kcmFnVmFsdWUgIT09IHVuZGVmaW5lZCA/IHBvaW50LmRyYWdWYWx1ZSA6IHBvaW50LnksIHYpfVxuICAgICAgICAgICAgICAgIG9uRHJhZ1N0b3A9eygpID0+IHRoaXMuZHJhZ1N0b3AoaSl9XG4gICAgICAgICAgICAgICAgZ3JhcGhQcm9wcz17Z3JhcGhQcm9wc31cbiAgICAgICAgICAgICAgICBDdXN0b21EcmFnZ2FibGVDb21wb25lbnQ9e0N1c3RvbURyYWdnYWJsZUNvbXBvbmVudH1cbiAgICAgICAgICAgICAgICBjb3JyZWN0bmVzcz17cG9pbnQuY29ycmVjdG5lc3N9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH0pfVxuICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICApO1xuICB9XG59XG5cbmNvbnN0IFN0eWxlZExpbmUgPSB3aXRoU3R5bGVzKCgpID0+ICh7XG4gIGxpbmU6IHtcbiAgICBmaWxsOiAndHJhbnNwYXJlbnQnLFxuICAgIHN0cm9rZTogY29sb3IucHJpbWFyeUxpZ2h0KCksXG4gICAgc3Ryb2tlV2lkdGg6IDMsXG4gICAgdHJhbnNpdGlvbjogJ3N0cm9rZSAyMDBtcyBlYXNlLWluLCBzdHJva2Utd2lkdGggMjAwbXMgZWFzZS1pbicsXG4gICAgJyY6aG92ZXInOiB7XG4gICAgICBzdHJva2VXaWR0aDogNixcbiAgICAgIHN0cm9rZTogY29sb3IucHJpbWFyeURhcmsoKSxcbiAgICB9LFxuICB9LFxufSkpKFJhd0xpbmUpO1xuXG5leHBvcnQgY2xhc3MgTGluZSBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgZGF0YTogUHJvcFR5cGVzLmFycmF5LFxuICAgIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgICB4QmFuZDogUHJvcFR5cGVzLmZ1bmMsXG4gICAgZ3JhcGhQcm9wczogdHlwZXMuR3JhcGhQcm9wc1R5cGUuaXNSZXF1aXJlZCxcbiAgfTtcblxuICBjaGFuZ2VMaW5lID0gKGluZGV4LCBjYXRlZ29yeSkgPT4ge1xuICAgIGNvbnN0IHsgb25DaGFuZ2UgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgbmV3TGluZSA9IFsuLi50aGlzLnByb3BzLmRhdGFdO1xuICAgIGNvbnN0IHsgZHJhZ1ZhbHVlLCB2YWx1ZSB9ID0gY2F0ZWdvcnk7XG5cbiAgICBuZXdMaW5lW2luZGV4XS52YWx1ZSA9IGRyYWdWYWx1ZSA+PSAwID8gZHJhZ1ZhbHVlIDogdmFsdWU7XG5cbiAgICBvbkNoYW5nZShuZXdMaW5lKTtcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgcHJvcHMgPSB0aGlzLnByb3BzO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxHcm91cD5cbiAgICAgICAgPFN0eWxlZExpbmUgey4uLnByb3BzfSBvbkNoYW5nZT17dGhpcy5jaGFuZ2VMaW5lfSAvPlxuICAgICAgPC9Hcm91cD5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IExpbmU7XG4iXX0=
|
|
257
|
+
//# sourceMappingURL=line.js.map
|
|
@@ -0,0 +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","defineChart","lineState","scale","lineToUse","d","point","r","enableDraggable","interactive","Component","DraggableHandle","DragHandle","v","dragStop","correctness","React","PropTypes","func","number","object","label","string","xBand","isRequired","types","GraphPropsType","bool","arrayOf","shape","StyledLine","fill","stroke","color","defaults","TERTIARY","strokeWidth","transition","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 '../../../../render-ui/src/index';\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 defineChart: PropTypes.bool,\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, defineChart } = 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 enableDraggable = defineChart || point.interactive;\n const Component = enableDraggable ? 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={enableDraggable}\n r={r}\n onDragStart={() => this.setState({ dragging: true })}\n onDrag={(v) => this.dragValue(i, point.dragValue !== undefined ? point.dragValue : point.y, v)}\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(() => ({\n line: {\n fill: 'transparent',\n stroke: color.defaults.TERTIARY,\n strokeWidth: 3,\n transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\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"}
|
package/lib/line/line-cross.js
CHANGED
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
|
|
5
7
|
Object.defineProperty(exports, "__esModule", {
|
|
6
8
|
value: true
|
|
7
9
|
});
|
|
@@ -21,9 +23,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
21
23
|
|
|
22
24
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
23
25
|
|
|
26
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
27
|
+
|
|
24
28
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
25
29
|
|
|
26
|
-
var _react =
|
|
30
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
27
31
|
|
|
28
32
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
33
|
|
|
@@ -35,12 +39,18 @@ var _group = require("@vx/group");
|
|
|
35
39
|
|
|
36
40
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
37
41
|
|
|
42
|
+
var _index = require("./../shared/index");
|
|
43
|
+
|
|
38
44
|
var _utils = require("../utils");
|
|
39
45
|
|
|
40
46
|
var _line = _interopRequireDefault(require("./common/line"));
|
|
41
47
|
|
|
42
48
|
var _excluded = ["classes", "className", "scale", "x", "y", "r", "correctness"];
|
|
43
49
|
|
|
50
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
51
|
+
|
|
52
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
53
|
+
|
|
44
54
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
45
55
|
|
|
46
56
|
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; } }
|
|
@@ -55,6 +65,16 @@ var DraggableComponent = function DraggableComponent(props) {
|
|
|
55
65
|
r = props.r,
|
|
56
66
|
correctness = props.correctness,
|
|
57
67
|
rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
|
68
|
+
|
|
69
|
+
var _useState = (0, _react.useState)(false),
|
|
70
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
71
|
+
hover = _useState2[0],
|
|
72
|
+
setHover = _useState2[1];
|
|
73
|
+
|
|
74
|
+
var squareSize = r * 4;
|
|
75
|
+
var squareHalf = squareSize / 2;
|
|
76
|
+
var cx = scale.x(x);
|
|
77
|
+
var cy = scale.y(y);
|
|
58
78
|
return /*#__PURE__*/_react["default"].createElement(_group.Group, {
|
|
59
79
|
className: (0, _classnames["default"])(className, classes.line, correctness && correctness.value)
|
|
60
80
|
}, /*#__PURE__*/_react["default"].createElement(_shape.LinePath, {
|
|
@@ -95,11 +115,26 @@ var DraggableComponent = function DraggableComponent(props) {
|
|
|
95
115
|
style: {
|
|
96
116
|
pointerEvents: 'none'
|
|
97
117
|
}
|
|
118
|
+
}), hover && /*#__PURE__*/_react["default"].createElement("rect", {
|
|
119
|
+
x: cx - squareHalf,
|
|
120
|
+
y: cy - squareHalf,
|
|
121
|
+
width: squareSize,
|
|
122
|
+
height: squareSize,
|
|
123
|
+
stroke: _index.color.defaults.BORDER_GRAY,
|
|
124
|
+
fill: "none",
|
|
125
|
+
strokeWidth: 2,
|
|
126
|
+
pointerEvents: "none"
|
|
98
127
|
}), /*#__PURE__*/_react["default"].createElement("circle", (0, _extends2["default"])({
|
|
99
|
-
cx:
|
|
100
|
-
cy:
|
|
128
|
+
cx: cx,
|
|
129
|
+
cy: cy,
|
|
101
130
|
r: r * 2,
|
|
102
|
-
className: (0, _classnames["default"])(classes.transparentHandle)
|
|
131
|
+
className: (0, _classnames["default"])(classes.transparentHandle),
|
|
132
|
+
onMouseEnter: function onMouseEnter() {
|
|
133
|
+
return setHover(true);
|
|
134
|
+
},
|
|
135
|
+
onMouseLeave: function onMouseLeave() {
|
|
136
|
+
return setHover(false);
|
|
137
|
+
}
|
|
103
138
|
}, rest)));
|
|
104
139
|
};
|
|
105
140
|
|
|
@@ -165,4 +200,4 @@ var _default = function _default() {
|
|
|
165
200
|
};
|
|
166
201
|
|
|
167
202
|
exports["default"] = _default;
|
|
168
|
-
//# sourceMappingURL=
|
|
203
|
+
//# sourceMappingURL=line-cross.js.map
|