@pie-lib/charting 5.15.5-next.0 → 5.15.5
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 +11 -0
- package/lib/common/drag-handle.js +22 -1
- package/lib/common/drag-handle.js.map +1 -1
- package/package.json +2 -2
- package/src/common/drag-handle.jsx +14 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [5.15.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.4...@pie-lib/charting@5.15.5) (2023-09-28)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **charting:** add drop shadow to evaluate bars PD-2790 ([328c730](https://github.com/pie-framework/pie-lib/commit/328c7308d026ca6e00575d47bdfaf1d9e4779d16))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [5.15.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.3...@pie-lib/charting@5.15.4) (2023-09-28)
|
|
7
18
|
|
|
8
19
|
|
|
@@ -61,9 +61,30 @@ var RawDragHandle = function RawDragHandle(_ref) {
|
|
|
61
61
|
cx: width / 2,
|
|
62
62
|
r: width / 2,
|
|
63
63
|
className: (0, _classnames["default"])(classes.transparentHandle, className)
|
|
64
|
-
}, rest)),
|
|
64
|
+
}, rest)), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("filter", {
|
|
65
|
+
id: "bottomShadow",
|
|
66
|
+
x: "0",
|
|
67
|
+
y: "0",
|
|
68
|
+
width: "140%",
|
|
69
|
+
height: "140%"
|
|
70
|
+
}, /*#__PURE__*/_react["default"].createElement("feGaussianBlur", {
|
|
71
|
+
"in": "SourceAlpha",
|
|
72
|
+
stdDeviation: "3"
|
|
73
|
+
}), /*#__PURE__*/_react["default"].createElement("feOffset", {
|
|
74
|
+
dx: "0",
|
|
75
|
+
dy: "5",
|
|
76
|
+
result: "offsetblur"
|
|
77
|
+
}), /*#__PURE__*/_react["default"].createElement("feFlood", {
|
|
78
|
+
floodColor: "#00000033"
|
|
79
|
+
}), /*#__PURE__*/_react["default"].createElement("feComposite", {
|
|
80
|
+
in2: "offsetblur",
|
|
81
|
+
operator: "in"
|
|
82
|
+
}), /*#__PURE__*/_react["default"].createElement("feMerge", null, /*#__PURE__*/_react["default"].createElement("feMergeNode", null), /*#__PURE__*/_react["default"].createElement("feMergeNode", {
|
|
83
|
+
"in": "SourceGraphic"
|
|
84
|
+
})))), correctness && /*#__PURE__*/_react["default"].createElement("rect", (0, _extends2["default"])({
|
|
65
85
|
y: 10,
|
|
66
86
|
width: width,
|
|
87
|
+
filter: "url(#bottomShadow)",
|
|
67
88
|
className: (0, _classnames["default"])(classes.handle, 'handle', className, !interactive && 'non-interactive', interactive && correctness && correctness.value)
|
|
68
89
|
}, rest)));
|
|
69
90
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/common/drag-handle.jsx"],"names":["RawDragHandle","x","y","width","graphProps","classes","className","interactive","defineChart","isHovered","correctness","color","rest","scale","scaleValue","transparentHandle","handle","value","propTypes","PropTypes","number","isRequired","types","GraphPropsType","object","string","bool","shape","label","DragHandle","height","fill","transition","handleContainer","secondaryDark","D","axis","fromDelta","props","delta","newPoint","utils","point","add","bounds","domain","range","area","left","top","bottom","right","anchorPoint"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAahB;AAAA;;AAAA,MAZJC,CAYI,QAZJA,CAYI;AAAA,MAXJC,CAWI,QAXJA,CAWI;AAAA,MAVJC,KAUI,QAVJA,KAUI;AAAA,MATJC,UASI,QATJA,UASI;AAAA,MARJC,OAQI,QARJA,OAQI;AAAA,MAPJC,SAOI,QAPJA,SAOI;AAAA,MANJC,WAMI,QANJA,WAMI;AAAA,MALJC,WAKI,QALJA,WAKI;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,WAGI,QAHJA,WAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,MADDC,IACC;AACJ,MAAQC,KAAR,GAAkBT,UAAlB,CAAQS,KAAR;AACA,MAAMC,UAAU,gBAAG,qBAASX,KAAT,CAAH,8CAAG,UAAiBU,KAApC;AAEA,sBACE;AAAK,IAAA,CAAC,EAAEZ,CAAR;AAAW,IAAA,CAAC,EAAEY,KAAK,CAACX,CAAN,CAAQA,CAAR,IAAa,EAA3B;AAA+B,IAAA,KAAK,EAAEC,KAAtC;AAA6C,IAAA,QAAQ,EAAC;AAAtD,KACGM,SAAS,IAAI,CAACC,WAAd,IAA6BH,WAA7B,iBAA4C,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAEJ,KAAjB;AAAwB,IAAA,UAAU,EAAEW,UAApC;AAAgD,IAAA,KAAK,EAAEH;AAAvD,IAD/C,eAEE;AAAQ,IAAA,EAAE,EAAER,KAAK,GAAG,CAApB;AAAuB,IAAA,CAAC,EAAEA,KAAK,GAAG,CAAlC;AAAqC,IAAA,SAAS,EAAE,4BAAWE,OAAO,CAACU,iBAAnB,EAAsCT,SAAtC;AAAhD,KAAsGM,IAAtG,EAFF,
|
|
1
|
+
{"version":3,"sources":["../../src/common/drag-handle.jsx"],"names":["RawDragHandle","x","y","width","graphProps","classes","className","interactive","defineChart","isHovered","correctness","color","rest","scale","scaleValue","transparentHandle","handle","value","propTypes","PropTypes","number","isRequired","types","GraphPropsType","object","string","bool","shape","label","DragHandle","height","fill","transition","handleContainer","secondaryDark","D","axis","fromDelta","props","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 PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { gridDraggable, utils, types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { correct, incorrect, disabled } from './styles';\nimport { getScale } from '../utils';\nimport DragIcon from './drag-icon';\n\nconst RawDragHandle = ({\n x,\n y,\n width,\n graphProps,\n classes,\n className,\n interactive,\n defineChart,\n isHovered,\n correctness,\n color,\n ...rest\n}) => {\n const { scale } = graphProps;\n const scaleValue = getScale(width)?.scale;\n\n return (\n <svg x={x} y={scale.y(y) - 10} width={width} overflow=\"visible\">\n {isHovered && !correctness && interactive && <DragIcon width={width} scaleValue={scaleValue} color={color} />}\n <circle cx={width / 2} r={width / 2} className={classNames(classes.transparentHandle, className)} {...rest} />\n\n <defs>\n <filter id=\"bottomShadow\" x=\"0\" y=\"0\" width=\"140%\" height=\"140%\">\n <feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"3\" />\n <feOffset dx=\"0\" dy=\"5\" result=\"offsetblur\" />\n <feFlood floodColor=\"#00000033\" />\n <feComposite in2=\"offsetblur\" operator=\"in\" />\n <feMerge>\n <feMergeNode />\n <feMergeNode in=\"SourceGraphic\" />\n </feMerge>\n </filter>\n </defs>\n\n {correctness && (\n <rect\n y={10}\n width={width}\n filter=\"url(#bottomShadow)\"\n className={classNames(\n classes.handle,\n 'handle',\n className,\n !interactive && 'non-interactive',\n interactive && correctness && correctness.value,\n )}\n {...rest}\n />\n )}\n </svg>\n );\n};\n\nRawDragHandle.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 isHovered: PropTypes.bool,\n correctness: PropTypes.shape({\n value: PropTypes.string,\n label: PropTypes.string,\n }),\n color: PropTypes.string,\n};\n\nexport const DragHandle = withStyles(() => ({\n handle: {\n height: '10px',\n fill: 'transparent',\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 },\n handleContainer: {\n height: 30,\n '&:hover': {\n '& .handle': {\n fill: color.secondaryDark(),\n height: '16px',\n },\n },\n '&.non-interactive': disabled('fill'),\n '&.incorrect': incorrect('fill'),\n '&.correct': correct('fill'),\n },\n}))(RawDragHandle);\n\nexport const D = gridDraggable({\n axis: 'y',\n fromDelta: (props, delta) => {\n //TODO: should be in grid-draggable, if axis is y delta.x should always be 0.\n delta.x = 0;\n const newPoint = utils.point(props).add(utils.point(delta));\n\n return newPoint.y;\n },\n bounds: (props, { domain, range }) => {\n const area = { left: 0, top: props.y, bottom: props.y, right: 0 };\n return utils.bounds(area, domain, range);\n },\n anchorPoint: (props) => {\n return { x: props.x, y: props.y };\n },\n})(DragHandle);\n\nexport default D;\n"],"file":"drag-handle.js"}
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
|
-
"version": "5.15.5
|
|
6
|
+
"version": "5.15.5",
|
|
7
7
|
"description": "charting",
|
|
8
8
|
"keywords": [
|
|
9
9
|
"react",
|
|
@@ -44,5 +44,5 @@
|
|
|
44
44
|
"peerDependencies": {
|
|
45
45
|
"react": "^16.8.1"
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "62083c79a75d549a33105cd4bcb28a31debb7fe5"
|
|
48
48
|
}
|
|
@@ -30,10 +30,24 @@ const RawDragHandle = ({
|
|
|
30
30
|
{isHovered && !correctness && interactive && <DragIcon width={width} scaleValue={scaleValue} color={color} />}
|
|
31
31
|
<circle cx={width / 2} r={width / 2} className={classNames(classes.transparentHandle, className)} {...rest} />
|
|
32
32
|
|
|
33
|
+
<defs>
|
|
34
|
+
<filter id="bottomShadow" x="0" y="0" width="140%" height="140%">
|
|
35
|
+
<feGaussianBlur in="SourceAlpha" stdDeviation="3" />
|
|
36
|
+
<feOffset dx="0" dy="5" result="offsetblur" />
|
|
37
|
+
<feFlood floodColor="#00000033" />
|
|
38
|
+
<feComposite in2="offsetblur" operator="in" />
|
|
39
|
+
<feMerge>
|
|
40
|
+
<feMergeNode />
|
|
41
|
+
<feMergeNode in="SourceGraphic" />
|
|
42
|
+
</feMerge>
|
|
43
|
+
</filter>
|
|
44
|
+
</defs>
|
|
45
|
+
|
|
33
46
|
{correctness && (
|
|
34
47
|
<rect
|
|
35
48
|
y={10}
|
|
36
49
|
width={width}
|
|
50
|
+
filter="url(#bottomShadow)"
|
|
37
51
|
className={classNames(
|
|
38
52
|
classes.handle,
|
|
39
53
|
'handle',
|