@pie-lib/plot 2.1.10-next.661 → 2.1.10-next.686

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.
Files changed (8) hide show
  1. package/CHANGELOG.json +15 -0
  2. package/lib/label.js +7 -4
  3. package/lib/label.js.map +1 -1
  4. package/lib/root.js +13 -4
  5. package/lib/root.js.map +1 -1
  6. package/package.json +2 -2
  7. package/src/label.jsx +9 -3
  8. package/src/root.jsx +16 -3
package/CHANGELOG.json CHANGED
@@ -333,5 +333,20 @@
333
333
  "committerDate": "2021-03-26 12:18:14 +0200",
334
334
  "isTagged": true,
335
335
  "tag": "@pie-lib/plot@2.1.5"
336
+ },
337
+ {
338
+ "type": "fix",
339
+ "scope": "charting",
340
+ "subject": "fix conflicts",
341
+ "merge": null,
342
+ "header": "fix(charting): fix conflicts",
343
+ "body": null,
344
+ "footer": null,
345
+ "notes": [],
346
+ "hash": "2b3da1b4b87a518b5c18daf6f6c57db1ccc1c536",
347
+ "gitTags": "",
348
+ "committerDate": "2022-09-19 15:27:23 +0300",
349
+ "isTagged": true,
350
+ "tag": "@pie-lib/plot@2.5.0"
336
351
  }
337
352
  ]
package/lib/label.js CHANGED
@@ -35,7 +35,9 @@ var LabelComponent = function LabelComponent(props) {
35
35
  graphHeight = props.graphHeight,
36
36
  graphWidth = props.graphWidth,
37
37
  isChartBottomLabel = props.isChartBottomLabel,
38
+ isDefineChartBottomLabel = props.isDefineChartBottomLabel,
38
39
  isChartLeftLabel = props.isChartLeftLabel,
40
+ isDefineChartLeftLabel = props.isDefineChartLeftLabel,
39
41
  placeholder = props.placeholder,
40
42
  text = props.text,
41
43
  side = props.side,
@@ -48,11 +50,11 @@ var LabelComponent = function LabelComponent(props) {
48
50
 
49
51
  var activePlugins = ['bold', 'italic', 'underline', 'strikethrough', 'math' // 'languageCharacters'
50
52
  ];
51
- var chartValue = side === 'left' && isChartLeftLabel && graphHeight - 148;
53
+ var chartValue = side === 'left' && isDefineChartLeftLabel && graphHeight - 220;
52
54
  var defaultStyle = {
53
55
  width: chartValue || (side === 'left' || side === 'right' ? graphHeight - 8 : graphWidth - 8),
54
- top: chartValue || side === 'left' && "".concat(graphHeight - 8, "px") || side === 'bottom' && "".concat(graphHeight - 90, "px") || 0,
55
- left: side === 'right' && "".concat(graphWidth - 8, "px") || (isChartLeftLabel || isChartBottomLabel) && '50px' || 0
56
+ top: chartValue || isChartLeftLabel && "".concat(graphHeight - 70, "px") || side === 'left' && "".concat(graphHeight - 8, "px") || isChartBottomLabel && "".concat(graphHeight - 40, "px") || side === 'bottom' && "".concat(graphHeight - 90, "px") || 0,
57
+ left: side === 'right' && "".concat(graphWidth - 8, "px") || (isDefineChartLeftLabel || isDefineChartBottomLabel) && '40px' || isChartBottomLabel && '-10px' || 0
56
58
  };
57
59
  var rotatedStyle = {
58
60
  width: graphWidth - 8,
@@ -67,7 +69,7 @@ var LabelComponent = function LabelComponent(props) {
67
69
  return /*#__PURE__*/_react["default"].createElement(_renderUi.Readable, {
68
70
  "false": true
69
71
  }, /*#__PURE__*/_react["default"].createElement("div", {
70
- className: (0, _classnames["default"])(classes.axisLabel, (_cn = {}, (0, _defineProperty2["default"])(_cn, classes.rotateLeftLabel, side === 'left' && !rotatedToHorizontal), (0, _defineProperty2["default"])(_cn, classes.rotateRightLabel, side === 'right' && !rotatedToHorizontal), (0, _defineProperty2["default"])(_cn, classes.editLabel, rotatedToHorizontal), (0, _defineProperty2["default"])(_cn, classes.customBottom, isChartBottomLabel), _cn)),
72
+ className: (0, _classnames["default"])(classes.axisLabel, (_cn = {}, (0, _defineProperty2["default"])(_cn, classes.rotateLeftLabel, side === 'left' && !rotatedToHorizontal), (0, _defineProperty2["default"])(_cn, classes.rotateRightLabel, side === 'right' && !rotatedToHorizontal), (0, _defineProperty2["default"])(_cn, classes.editLabel, rotatedToHorizontal), (0, _defineProperty2["default"])(_cn, classes.customBottom, isChartBottomLabel || isDefineChartBottomLabel), _cn)),
71
73
  style: rotatedToHorizontal ? rotatedStyle : defaultStyle,
72
74
  onClick: rotateLabel
73
75
  }, disabledLabel ? /*#__PURE__*/_react["default"].createElement("div", {
@@ -83,6 +85,7 @@ var LabelComponent = function LabelComponent(props) {
83
85
  position: side === 'bottom' ? 'top' : 'bottom',
84
86
  noBorder: true
85
87
  },
88
+ disableScrollbar: true,
86
89
  activePlugins: activePlugins,
87
90
  onDone: function onDone() {
88
91
  return setRotatedToHorizontal(false);
package/lib/label.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"label.js","names":["LabelComponent","props","classes","disabledLabel","graphHeight","graphWidth","isChartBottomLabel","isChartLeftLabel","placeholder","text","side","onChange","useState","rotatedToHorizontal","setRotatedToHorizontal","activePlugins","chartValue","defaultStyle","width","top","left","rotatedStyle","rotateLabel","cn","axisLabel","rotateLeftLabel","rotateRightLabel","editLabel","customBottom","__html","position","noBorder","withStyles","theme","label","fill","color","secondary","fontSize","typography","textAlign","margin","padding","pointerEvents","backgroundColor","borderRadius","boxShadow","zIndex","rotate","transformOrigin","transformStyle"],"sources":["../src/label.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { color, Readable } from '@pie-lib/render-ui';\nimport cn from 'classnames';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst LabelComponent = props => {\n const {\n classes,\n disabledLabel,\n graphHeight,\n graphWidth,\n isChartBottomLabel,\n isChartLeftLabel,\n placeholder,\n text,\n side,\n onChange\n } = props;\n const [rotatedToHorizontal, setRotatedToHorizontal] = useState(false);\n const activePlugins = [\n 'bold',\n 'italic',\n 'underline',\n 'strikethrough',\n 'math'\n // 'languageCharacters'\n ];\n\n const chartValue = side === 'left' && isChartLeftLabel && graphHeight - 148;\n const defaultStyle = {\n width: chartValue || (side === 'left' || side === 'right' ? graphHeight - 8 : graphWidth - 8),\n top:\n chartValue ||\n (side === 'left' && `${graphHeight - 8}px`) ||\n (side === 'bottom' && `${graphHeight - 90}px`) ||\n 0,\n left:\n (side === 'right' && `${graphWidth - 8}px`) ||\n ((isChartLeftLabel || isChartBottomLabel) && '50px') ||\n 0\n };\n\n const rotatedStyle = {\n width: graphWidth - 8,\n top: (side === 'right' && `${graphHeight - 22}px`) || 0,\n left: 0\n };\n\n const rotateLabel = () =>\n !disabledLabel && (side === 'left' || side === 'right') && setRotatedToHorizontal(true);\n\n return (\n <Readable false>\n <div\n className={cn(classes.axisLabel, {\n [classes.rotateLeftLabel]: side === 'left' && !rotatedToHorizontal,\n [classes.rotateRightLabel]: side === 'right' && !rotatedToHorizontal,\n [classes.editLabel]: rotatedToHorizontal,\n [classes.customBottom]: isChartBottomLabel\n })}\n style={rotatedToHorizontal ? rotatedStyle : defaultStyle}\n onClick={rotateLabel}\n >\n {disabledLabel ? (\n <div className={classes.disabledLabel} dangerouslySetInnerHTML={{ __html: text || '' }} />\n ) : (\n <EditableHtml\n markup={text || ''}\n onChange={onChange}\n placeholder={!disabledLabel && placeholder}\n toolbarOpts={{\n position: side === 'bottom' ? 'top' : 'bottom',\n noBorder: true\n }}\n activePlugins={activePlugins}\n onDone={() => setRotatedToHorizontal(false)}\n />\n )}\n </div>\n </Readable>\n );\n};\n\nexport default withStyles(theme => ({\n label: {\n fill: color.secondary()\n },\n axisLabel: {\n fontSize: theme.typography.fontSize - 2,\n textAlign: 'center',\n margin: '4px',\n padding: '4px 0'\n },\n disabledLabel: {\n pointerEvents: 'none',\n width: '100%'\n },\n editLabel: {\n position: 'absolute',\n backgroundColor: 'white',\n borderRadius: '4px',\n boxShadow: '0px 5px 8px rgba(0, 0, 0, 0.15)',\n zIndex: 10\n },\n rotateLeftLabel: {\n rotate: '-90deg',\n transformOrigin: '0 0',\n transformStyle: 'preserve-3d',\n position: 'absolute'\n },\n rotateRightLabel: {\n rotate: '90deg',\n transformOrigin: '0 0',\n transformStyle: 'preserve-3d',\n position: 'absolute'\n },\n customBottom: {\n position: 'absolute'\n }\n}))(LabelComponent);\n"],"mappings":"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"}
1
+ {"version":3,"file":"label.js","names":["LabelComponent","props","classes","disabledLabel","graphHeight","graphWidth","isChartBottomLabel","isDefineChartBottomLabel","isChartLeftLabel","isDefineChartLeftLabel","placeholder","text","side","onChange","useState","rotatedToHorizontal","setRotatedToHorizontal","activePlugins","chartValue","defaultStyle","width","top","left","rotatedStyle","rotateLabel","cn","axisLabel","rotateLeftLabel","rotateRightLabel","editLabel","customBottom","__html","position","noBorder","withStyles","theme","label","fill","color","secondary","fontSize","typography","textAlign","margin","padding","pointerEvents","backgroundColor","borderRadius","boxShadow","zIndex","rotate","transformOrigin","transformStyle"],"sources":["../src/label.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { color, Readable } from '@pie-lib/render-ui';\nimport cn from 'classnames';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst LabelComponent = props => {\n const {\n classes,\n disabledLabel,\n graphHeight,\n graphWidth,\n isChartBottomLabel,\n isDefineChartBottomLabel,\n isChartLeftLabel,\n isDefineChartLeftLabel,\n placeholder,\n text,\n side,\n onChange\n } = props;\n const [rotatedToHorizontal, setRotatedToHorizontal] = useState(false);\n const activePlugins = [\n 'bold',\n 'italic',\n 'underline',\n 'strikethrough',\n 'math'\n // 'languageCharacters'\n ];\n\n const chartValue = side === 'left' && isDefineChartLeftLabel && graphHeight - 220;\n const defaultStyle = {\n width: chartValue || (side === 'left' || side === 'right' ? graphHeight - 8 : graphWidth - 8),\n top:\n chartValue ||\n (isChartLeftLabel && `${graphHeight - 70}px`) ||\n (side === 'left' && `${graphHeight - 8}px`) ||\n (isChartBottomLabel && `${graphHeight - 40}px`) ||\n (side === 'bottom' && `${graphHeight - 90}px`) ||\n 0,\n left:\n (side === 'right' && `${graphWidth - 8}px`) ||\n ((isDefineChartLeftLabel || isDefineChartBottomLabel) && '40px') ||\n (isChartBottomLabel && '-10px') ||\n 0\n };\n\n const rotatedStyle = {\n width: graphWidth - 8,\n top: (side === 'right' && `${graphHeight - 22}px`) || 0,\n left: 0\n };\n\n const rotateLabel = () =>\n !disabledLabel && (side === 'left' || side === 'right') && setRotatedToHorizontal(true);\n\n return (\n <Readable false>\n <div\n className={cn(classes.axisLabel, {\n [classes.rotateLeftLabel]: side === 'left' && !rotatedToHorizontal,\n [classes.rotateRightLabel]: side === 'right' && !rotatedToHorizontal,\n [classes.editLabel]: rotatedToHorizontal,\n [classes.customBottom]: isChartBottomLabel || isDefineChartBottomLabel\n })}\n style={rotatedToHorizontal ? rotatedStyle : defaultStyle}\n onClick={rotateLabel}\n >\n {disabledLabel ? (\n <div className={classes.disabledLabel} dangerouslySetInnerHTML={{ __html: text || '' }} />\n ) : (\n <EditableHtml\n markup={text || ''}\n onChange={onChange}\n placeholder={!disabledLabel && placeholder}\n toolbarOpts={{\n position: side === 'bottom' ? 'top' : 'bottom',\n noBorder: true\n }}\n disableScrollbar\n activePlugins={activePlugins}\n onDone={() => setRotatedToHorizontal(false)}\n />\n )}\n </div>\n </Readable>\n );\n};\n\nexport default withStyles(theme => ({\n label: {\n fill: color.secondary()\n },\n axisLabel: {\n fontSize: theme.typography.fontSize - 2,\n textAlign: 'center',\n margin: '4px',\n padding: '4px 0'\n },\n disabledLabel: {\n pointerEvents: 'none',\n width: '100%'\n },\n editLabel: {\n position: 'absolute',\n backgroundColor: 'white',\n borderRadius: '4px',\n boxShadow: '0px 5px 8px rgba(0, 0, 0, 0.15)',\n zIndex: 10\n },\n rotateLeftLabel: {\n rotate: '-90deg',\n transformOrigin: '0 0',\n transformStyle: 'preserve-3d',\n position: 'absolute'\n },\n rotateRightLabel: {\n rotate: '90deg',\n transformOrigin: '0 0',\n transformStyle: 'preserve-3d',\n position: 'absolute'\n },\n customBottom: {\n position: 'absolute'\n }\n}))(LabelComponent);\n"],"mappings":"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"}
package/lib/root.js CHANGED
@@ -152,7 +152,7 @@ var Root = /*#__PURE__*/function (_React$Component) {
152
152
  var finalHeight = height + topPadding * 2 + (range.padding || 0) * 2;
153
153
  var activeTitlePlugins = ['bold', 'italic', 'underline', 'strikethrough', 'math' // 'languageCharacters'
154
154
  ];
155
- var actualHeight = defineChart && showPixelGuides ? height - 150 : height;
155
+ var actualHeight = defineChart && showPixelGuides ? height - 160 : height;
156
156
  var nbOfVerticalLines = parseInt(width / 100);
157
157
  var nbOfHorizontalLines = parseInt(actualHeight / 100);
158
158
  var sideGridlinesPadding = parseInt(actualHeight % 100);
@@ -171,11 +171,17 @@ var Root = /*#__PURE__*/function (_React$Component) {
171
171
  className: classes.topPixelIndicator
172
172
  }, /*#__PURE__*/_react["default"].createElement("div", null, value * 100, "px"), /*#__PURE__*/_react["default"].createElement("div", null, "|")));
173
173
  })), showTitle && (disabledTitle ? /*#__PURE__*/_react["default"].createElement("div", {
174
+ style: isChart && {
175
+ width: finalWidth
176
+ },
174
177
  className: (0, _classnames["default"])(classes.graphTitle, classes.disabledTitle),
175
178
  dangerouslySetInnerHTML: {
176
179
  __html: title || ''
177
180
  }
178
181
  }) : /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
182
+ style: isChart && {
183
+ width: finalWidth
184
+ },
179
185
  className: (0, _classnames["default"])((0, _defineProperty2["default"])({}, classes.rightMargin, showPixelGuides), classes.graphTitle),
180
186
  markup: title || '',
181
187
  onChange: onChangeTitle,
@@ -183,7 +189,8 @@ var Root = /*#__PURE__*/function (_React$Component) {
183
189
  toolbarOpts: {
184
190
  noBorder: true
185
191
  },
186
- activePlugins: activeTitlePlugins
192
+ activePlugins: activeTitlePlugins,
193
+ disableScrollbar: true
187
194
  })), showLabels && !isChart && /*#__PURE__*/_react["default"].createElement(_label["default"], {
188
195
  side: "top",
189
196
  text: labels.top,
@@ -203,7 +210,8 @@ var Root = /*#__PURE__*/function (_React$Component) {
203
210
  placeholder: labelsPlaceholders === null || labelsPlaceholders === void 0 ? void 0 : labelsPlaceholders.left,
204
211
  graphHeight: finalHeight,
205
212
  graphWidth: finalWidth,
206
- isChartLeftLabel: isChart && defineChart,
213
+ isChartLeftLabel: isChart && !defineChart,
214
+ isDefineChartLeftLabel: isChart && defineChart,
207
215
  onChange: function onChange(value) {
208
216
  return _this2.onChangeLabel(value, 'left');
209
217
  }
@@ -251,7 +259,8 @@ var Root = /*#__PURE__*/function (_React$Component) {
251
259
  placeholder: labelsPlaceholders === null || labelsPlaceholders === void 0 ? void 0 : labelsPlaceholders.bottom,
252
260
  graphHeight: finalHeight,
253
261
  graphWidth: finalWidth,
254
- isChartBottomLabel: isChart && defineChart,
262
+ isChartBottomLabel: isChart && !defineChart,
263
+ isDefineChartBottomLabel: isChart && defineChart,
255
264
  onChange: function onChange(value) {
256
265
  return _this2.onChangeLabel(value, 'bottom');
257
266
  }
package/lib/root.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"root.js","names":["Root","g","props","graphProps","onMouseMove","scale","snap","coords","mouse","_groups","x","invert","y","snapped","newValue","side","labels","onChangeLabels","isChart","select","on","mouseMove","bind","disabledTitle","disabledLabels","labelsPlaceholders","titlePlaceholder","children","classes","defineChart","onChangeTitle","showLabels","showPixelGuides","showTitle","title","rootRef","size","width","height","domain","range","topPadding","leftPadding","finalWidth","padding","finalHeight","activeTitlePlugins","actualHeight","nbOfVerticalLines","parseInt","nbOfHorizontalLines","sideGridlinesPadding","root","topPixelGuides","marginLeft","Array","keys","map","value","topPixelIndicator","cn","graphTitle","__html","rightMargin","noBorder","top","onChangeLabel","wrapper","left","chart","r","graphBox","right","sidePixelGuides","paddingTop","marginTop","reverse","sidePixelIndicator","bottom","React","Component","PropTypes","string","ChildrenType","bool","GraphPropsType","isRequired","func","object","styles","theme","border","color","primaryLight","text","backgroundColor","background","touchAction","position","display","svg","paddingLeft","overflow","cursor","userSelect","fontSize","typography","textAlign","pointerEvents","marginRight","flexDirection","alignItems","marginBottom","withStyles"],"sources":["../src/root.jsx"],"sourcesContent":["import React from 'react';\nimport { ChildrenType } from './types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { select, mouse } from 'd3-selection';\nimport PropTypes from 'prop-types';\nimport { GraphPropsType } from './types';\nimport { color, Readable } from '@pie-lib/render-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport cn from 'classnames';\nimport Label from './label';\n\nexport class Root extends React.Component {\n static propTypes = {\n title: PropTypes.string,\n children: ChildrenType,\n disabledTitle: PropTypes.bool,\n graphProps: GraphPropsType.isRequired,\n onChangeTitle: PropTypes.func,\n onMouseMove: PropTypes.func,\n classes: PropTypes.object.isRequired,\n showLabels: PropTypes.bool,\n showTitle: PropTypes.bool,\n showPixelGuides: PropTypes.bool,\n rootRef: PropTypes.func\n };\n\n mouseMove = g => {\n const { graphProps, onMouseMove } = this.props;\n\n if (!onMouseMove) {\n return;\n }\n\n const { scale, snap } = graphProps;\n const coords = mouse(g._groups[0][0]);\n const x = scale.x.invert(coords[0]);\n const y = scale.y.invert(coords[1]);\n\n const snapped = {\n x: snap.x(x),\n y: snap.y(y)\n };\n\n onMouseMove(snapped);\n };\n\n componentDidMount() {\n const g = select(this.g);\n g.on('mousemove', this.mouseMove.bind(this, g));\n }\n\n componentWillUnmount() {\n const g = select(this.g);\n g.on('mousemove', null);\n }\n\n onChangeLabel = (newValue, side) => {\n const { labels, onChangeLabels, isChart } = this.props;\n\n if (isChart) {\n if (side === 'left') {\n onChangeLabels('range', newValue);\n } else {\n onChangeLabels('domain', newValue);\n }\n\n return;\n }\n\n onChangeLabels({\n ...labels,\n [side]: newValue\n });\n };\n\n render() {\n const {\n disabledTitle,\n disabledLabels,\n labels,\n labelsPlaceholders,\n titlePlaceholder,\n graphProps,\n children,\n classes,\n defineChart,\n onChangeTitle,\n isChart,\n showLabels,\n showPixelGuides,\n showTitle,\n title,\n rootRef\n } = this.props;\n const {\n size: { width = 500, height = 500 },\n domain,\n range\n } = graphProps;\n\n const topPadding = 40;\n const leftPadding = showLabels ? 80 : 60;\n const finalWidth = width + leftPadding * 2 + (domain.padding || 0) * 2;\n const finalHeight = height + topPadding * 2 + (range.padding || 0) * 2;\n\n const activeTitlePlugins = [\n 'bold',\n 'italic',\n 'underline',\n 'strikethrough',\n 'math'\n // 'languageCharacters'\n ];\n\n const actualHeight = defineChart && showPixelGuides ? height - 150 : height;\n const nbOfVerticalLines = parseInt(width / 100);\n const nbOfHorizontalLines = parseInt(actualHeight / 100);\n const sideGridlinesPadding = parseInt(actualHeight % 100);\n\n return (\n <div className={classes.root}>\n {showPixelGuides && (\n <div\n className={classes.topPixelGuides}\n style={{ marginLeft: isChart ? 60 : showLabels ? 30 : 10 }}\n >\n {[...Array(nbOfVerticalLines + 1).keys()].map(value => (\n <Readable false key={`top-guide-${value}`}>\n <div className={classes.topPixelIndicator}>\n <div>{value * 100}px</div>\n <div>|</div>\n </div>\n </Readable>\n ))}\n </div>\n )}\n {showTitle &&\n (disabledTitle ? (\n <div\n className={cn(classes.graphTitle, classes.disabledTitle)}\n dangerouslySetInnerHTML={{ __html: title || '' }}\n />\n ) : (\n <EditableHtml\n className={cn({ [classes.rightMargin]: showPixelGuides }, classes.graphTitle)}\n markup={title || ''}\n onChange={onChangeTitle}\n placeholder={\n (defineChart && titlePlaceholder) ||\n (!disabledTitle && 'Click here to add a title for this graph')\n }\n toolbarOpts={{ noBorder: true }}\n activePlugins={activeTitlePlugins}\n />\n ))}\n {showLabels && !isChart && (\n <Label\n side=\"top\"\n text={labels.top}\n disabledLabel={disabledLabels}\n placeholder={labelsPlaceholders?.top}\n graphHeight={finalHeight}\n graphWidth={finalWidth}\n onChange={value => this.onChangeLabel(value, 'top')}\n />\n )}\n <div className={classes.wrapper}>\n {showLabels && (\n <Label\n side=\"left\"\n text={labels.left}\n disabledLabel={disabledLabels}\n placeholder={labelsPlaceholders?.left}\n graphHeight={finalHeight}\n graphWidth={finalWidth}\n isChartLeftLabel={isChart && defineChart}\n onChange={value => this.onChangeLabel(value, 'left')}\n />\n )}\n <svg\n width={finalWidth}\n height={finalHeight}\n className={defineChart ? classes.defineChart : classes.chart}\n >\n <g\n ref={r => {\n this.g = r;\n if (rootRef) {\n rootRef(r);\n }\n }}\n className={classes.graphBox}\n transform={`translate(${leftPadding}, ${topPadding})`}\n >\n {children}\n </g>\n </svg>\n {showLabels && !isChart && (\n <Label\n side=\"right\"\n text={labels.right}\n disabledLabel={disabledLabels}\n placeholder={labelsPlaceholders?.right}\n graphHeight={finalHeight}\n graphWidth={finalWidth}\n onChange={value => this.onChangeLabel(value, 'right')}\n />\n )}\n {showPixelGuides && (\n <div\n className={classes.sidePixelGuides}\n style={{\n paddingTop: sideGridlinesPadding,\n marginTop: defineChart ? 25 : 31\n }}\n >\n {[...Array(nbOfHorizontalLines + 1).keys()].reverse().map(value => (\n <Readable false key={`top-guide-${value}`}>\n <div className={classes.sidePixelIndicator}>━ {value * 100}px</div>\n </Readable>\n ))}\n </div>\n )}\n </div>\n {showLabels && (\n <Label\n side=\"bottom\"\n text={labels.bottom}\n disabledLabel={disabledLabels}\n placeholder={labelsPlaceholders?.bottom}\n graphHeight={finalHeight}\n graphWidth={finalWidth}\n isChartBottomLabel={isChart && defineChart}\n onChange={value => this.onChangeLabel(value, 'bottom')}\n />\n )}\n </div>\n );\n }\n}\n\nconst styles = theme => ({\n root: {\n border: `solid 1px ${color.primaryLight()}`,\n color: color.text(),\n backgroundColor: color.background(),\n touchAction: 'none',\n position: 'relative'\n },\n wrapper: {\n display: 'flex',\n position: 'relative'\n },\n svg: {},\n defineChart: {\n paddingLeft: '50px',\n overflow: 'visible'\n },\n chart: {\n overflow: 'visible'\n },\n graphBox: {\n cursor: 'pointer',\n userSelect: 'none'\n },\n graphTitle: {\n color: color.text(),\n fontSize: theme.typography.fontSize + 2,\n padding: '12px 4px 0',\n textAlign: 'center'\n },\n disabledTitle: {\n pointerEvents: 'none'\n },\n rightMargin: {\n marginRight: '74px'\n },\n topPixelGuides: {\n display: 'flex',\n paddingTop: '6px'\n },\n topPixelIndicator: {\n color: color.primaryLight(),\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n width: '100px',\n pointerEvents: 'none',\n userSelect: 'none'\n },\n sidePixelGuides: {\n width: '70px',\n display: 'flex',\n flexDirection: 'column',\n marginRight: '6px'\n },\n sidePixelIndicator: {\n color: color.primaryLight(),\n textAlign: 'right',\n height: '20px',\n pointerEvents: 'none',\n userSelect: 'none',\n\n '&:not(:last-child)': {\n marginBottom: '80px'\n }\n }\n});\n\nexport default withStyles(styles)(Root);\n"],"mappings":"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"}
1
+ {"version":3,"file":"root.js","names":["Root","g","props","graphProps","onMouseMove","scale","snap","coords","mouse","_groups","x","invert","y","snapped","newValue","side","labels","onChangeLabels","isChart","select","on","mouseMove","bind","disabledTitle","disabledLabels","labelsPlaceholders","titlePlaceholder","children","classes","defineChart","onChangeTitle","showLabels","showPixelGuides","showTitle","title","rootRef","size","width","height","domain","range","topPadding","leftPadding","finalWidth","padding","finalHeight","activeTitlePlugins","actualHeight","nbOfVerticalLines","parseInt","nbOfHorizontalLines","sideGridlinesPadding","root","topPixelGuides","marginLeft","Array","keys","map","value","topPixelIndicator","cn","graphTitle","__html","rightMargin","noBorder","top","onChangeLabel","wrapper","left","chart","r","graphBox","right","sidePixelGuides","paddingTop","marginTop","reverse","sidePixelIndicator","bottom","React","Component","PropTypes","string","ChildrenType","bool","GraphPropsType","isRequired","func","object","styles","theme","border","color","primaryLight","text","backgroundColor","background","touchAction","position","display","svg","paddingLeft","overflow","cursor","userSelect","fontSize","typography","textAlign","pointerEvents","marginRight","flexDirection","alignItems","marginBottom","withStyles"],"sources":["../src/root.jsx"],"sourcesContent":["import React from 'react';\nimport { ChildrenType } from './types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { select, mouse } from 'd3-selection';\nimport PropTypes from 'prop-types';\nimport { GraphPropsType } from './types';\nimport { color, Readable } from '@pie-lib/render-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport cn from 'classnames';\nimport Label from './label';\n\nexport class Root extends React.Component {\n static propTypes = {\n title: PropTypes.string,\n children: ChildrenType,\n disabledTitle: PropTypes.bool,\n graphProps: GraphPropsType.isRequired,\n onChangeTitle: PropTypes.func,\n onMouseMove: PropTypes.func,\n classes: PropTypes.object.isRequired,\n showLabels: PropTypes.bool,\n showTitle: PropTypes.bool,\n showPixelGuides: PropTypes.bool,\n rootRef: PropTypes.func\n };\n\n mouseMove = g => {\n const { graphProps, onMouseMove } = this.props;\n\n if (!onMouseMove) {\n return;\n }\n\n const { scale, snap } = graphProps;\n const coords = mouse(g._groups[0][0]);\n const x = scale.x.invert(coords[0]);\n const y = scale.y.invert(coords[1]);\n\n const snapped = {\n x: snap.x(x),\n y: snap.y(y)\n };\n\n onMouseMove(snapped);\n };\n\n componentDidMount() {\n const g = select(this.g);\n g.on('mousemove', this.mouseMove.bind(this, g));\n }\n\n componentWillUnmount() {\n const g = select(this.g);\n g.on('mousemove', null);\n }\n\n onChangeLabel = (newValue, side) => {\n const { labels, onChangeLabels, isChart } = this.props;\n\n if (isChart) {\n if (side === 'left') {\n onChangeLabels('range', newValue);\n } else {\n onChangeLabels('domain', newValue);\n }\n\n return;\n }\n\n onChangeLabels({\n ...labels,\n [side]: newValue\n });\n };\n\n render() {\n const {\n disabledTitle,\n disabledLabels,\n labels,\n labelsPlaceholders,\n titlePlaceholder,\n graphProps,\n children,\n classes,\n defineChart,\n onChangeTitle,\n isChart,\n showLabels,\n showPixelGuides,\n showTitle,\n title,\n rootRef\n } = this.props;\n const {\n size: { width = 500, height = 500 },\n domain,\n range\n } = graphProps;\n\n const topPadding = 40;\n const leftPadding = showLabels ? 80 : 60;\n const finalWidth = width + leftPadding * 2 + (domain.padding || 0) * 2;\n const finalHeight = height + topPadding * 2 + (range.padding || 0) * 2;\n\n const activeTitlePlugins = [\n 'bold',\n 'italic',\n 'underline',\n 'strikethrough',\n 'math'\n // 'languageCharacters'\n ];\n\n const actualHeight = defineChart && showPixelGuides ? height - 160 : height;\n const nbOfVerticalLines = parseInt(width / 100);\n const nbOfHorizontalLines = parseInt(actualHeight / 100);\n const sideGridlinesPadding = parseInt(actualHeight % 100);\n\n return (\n <div className={classes.root}>\n {showPixelGuides && (\n <div\n className={classes.topPixelGuides}\n style={{ marginLeft: isChart ? 60 : showLabels ? 30 : 10 }}\n >\n {[...Array(nbOfVerticalLines + 1).keys()].map(value => (\n <Readable false key={`top-guide-${value}`}>\n <div className={classes.topPixelIndicator}>\n <div>{value * 100}px</div>\n <div>|</div>\n </div>\n </Readable>\n ))}\n </div>\n )}\n {showTitle &&\n (disabledTitle ? (\n <div\n style={\n isChart && {\n width: finalWidth\n }\n }\n className={cn(classes.graphTitle, classes.disabledTitle)}\n dangerouslySetInnerHTML={{ __html: title || '' }}\n />\n ) : (\n <EditableHtml\n style={\n isChart && {\n width: finalWidth\n }\n }\n className={cn({ [classes.rightMargin]: showPixelGuides }, classes.graphTitle)}\n markup={title || ''}\n onChange={onChangeTitle}\n placeholder={\n (defineChart && titlePlaceholder) ||\n (!disabledTitle && 'Click here to add a title for this graph')\n }\n toolbarOpts={{ noBorder: true }}\n activePlugins={activeTitlePlugins}\n disableScrollbar\n />\n ))}\n {showLabels && !isChart && (\n <Label\n side=\"top\"\n text={labels.top}\n disabledLabel={disabledLabels}\n placeholder={labelsPlaceholders?.top}\n graphHeight={finalHeight}\n graphWidth={finalWidth}\n onChange={value => this.onChangeLabel(value, 'top')}\n />\n )}\n <div className={classes.wrapper}>\n {showLabels && (\n <Label\n side=\"left\"\n text={labels.left}\n disabledLabel={disabledLabels}\n placeholder={labelsPlaceholders?.left}\n graphHeight={finalHeight}\n graphWidth={finalWidth}\n isChartLeftLabel={isChart && !defineChart}\n isDefineChartLeftLabel={isChart && defineChart}\n onChange={value => this.onChangeLabel(value, 'left')}\n />\n )}\n <svg\n width={finalWidth}\n height={finalHeight}\n className={defineChart ? classes.defineChart : classes.chart}\n >\n <g\n ref={r => {\n this.g = r;\n if (rootRef) {\n rootRef(r);\n }\n }}\n className={classes.graphBox}\n transform={`translate(${leftPadding}, ${topPadding})`}\n >\n {children}\n </g>\n </svg>\n {showLabels && !isChart && (\n <Label\n side=\"right\"\n text={labels.right}\n disabledLabel={disabledLabels}\n placeholder={labelsPlaceholders?.right}\n graphHeight={finalHeight}\n graphWidth={finalWidth}\n onChange={value => this.onChangeLabel(value, 'right')}\n />\n )}\n {showPixelGuides && (\n <div\n className={classes.sidePixelGuides}\n style={{\n paddingTop: sideGridlinesPadding,\n marginTop: defineChart ? 25 : 31\n }}\n >\n {[...Array(nbOfHorizontalLines + 1).keys()].reverse().map(value => (\n <Readable false key={`top-guide-${value}`}>\n <div className={classes.sidePixelIndicator}>━ {value * 100}px</div>\n </Readable>\n ))}\n </div>\n )}\n </div>\n {showLabels && (\n <Label\n side=\"bottom\"\n text={labels.bottom}\n disabledLabel={disabledLabels}\n placeholder={labelsPlaceholders?.bottom}\n graphHeight={finalHeight}\n graphWidth={finalWidth}\n isChartBottomLabel={isChart && !defineChart}\n isDefineChartBottomLabel={isChart && defineChart}\n onChange={value => this.onChangeLabel(value, 'bottom')}\n />\n )}\n </div>\n );\n }\n}\n\nconst styles = theme => ({\n root: {\n border: `solid 1px ${color.primaryLight()}`,\n color: color.text(),\n backgroundColor: color.background(),\n touchAction: 'none',\n position: 'relative'\n },\n wrapper: {\n display: 'flex',\n position: 'relative'\n },\n svg: {},\n defineChart: {\n paddingLeft: '50px',\n overflow: 'visible'\n },\n chart: {\n overflow: 'visible'\n },\n graphBox: {\n cursor: 'pointer',\n userSelect: 'none'\n },\n graphTitle: {\n color: color.text(),\n fontSize: theme.typography.fontSize + 2,\n padding: '12px 4px 0',\n textAlign: 'center'\n },\n disabledTitle: {\n pointerEvents: 'none'\n },\n rightMargin: {\n marginRight: '74px'\n },\n topPixelGuides: {\n display: 'flex',\n paddingTop: '6px'\n },\n topPixelIndicator: {\n color: color.primaryLight(),\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n width: '100px',\n pointerEvents: 'none',\n userSelect: 'none'\n },\n sidePixelGuides: {\n width: '70px',\n display: 'flex',\n flexDirection: 'column',\n marginRight: '6px'\n },\n sidePixelIndicator: {\n color: color.primaryLight(),\n textAlign: 'right',\n height: '20px',\n pointerEvents: 'none',\n userSelect: 'none',\n\n '&:not(:last-child)': {\n marginBottom: '80px'\n }\n }\n});\n\nexport default withStyles(styles)(Root);\n"],"mappings":"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"}
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "access": "public"
5
5
  },
6
- "version": "2.1.10-next.661+24b1f730",
6
+ "version": "2.1.10-next.686+bb25a95d",
7
7
  "description": "Some underlying components for building charts/graphs",
8
8
  "keywords": [
9
9
  "react",
@@ -38,6 +38,6 @@
38
38
  "peerDependencies": {
39
39
  "react": "^16.8.1"
40
40
  },
41
- "gitHead": "24b1f73049d7c2f386cc7d3d198c036ab6c7dadf",
41
+ "gitHead": "bb25a95db26c61151f5bf4c82f29cfec62f2a07d",
42
42
  "scripts": {}
43
43
  }
package/src/label.jsx CHANGED
@@ -11,7 +11,9 @@ const LabelComponent = props => {
11
11
  graphHeight,
12
12
  graphWidth,
13
13
  isChartBottomLabel,
14
+ isDefineChartBottomLabel,
14
15
  isChartLeftLabel,
16
+ isDefineChartLeftLabel,
15
17
  placeholder,
16
18
  text,
17
19
  side,
@@ -27,17 +29,20 @@ const LabelComponent = props => {
27
29
  // 'languageCharacters'
28
30
  ];
29
31
 
30
- const chartValue = side === 'left' && isChartLeftLabel && graphHeight - 148;
32
+ const chartValue = side === 'left' && isDefineChartLeftLabel && graphHeight - 220;
31
33
  const defaultStyle = {
32
34
  width: chartValue || (side === 'left' || side === 'right' ? graphHeight - 8 : graphWidth - 8),
33
35
  top:
34
36
  chartValue ||
37
+ (isChartLeftLabel && `${graphHeight - 70}px`) ||
35
38
  (side === 'left' && `${graphHeight - 8}px`) ||
39
+ (isChartBottomLabel && `${graphHeight - 40}px`) ||
36
40
  (side === 'bottom' && `${graphHeight - 90}px`) ||
37
41
  0,
38
42
  left:
39
43
  (side === 'right' && `${graphWidth - 8}px`) ||
40
- ((isChartLeftLabel || isChartBottomLabel) && '50px') ||
44
+ ((isDefineChartLeftLabel || isDefineChartBottomLabel) && '40px') ||
45
+ (isChartBottomLabel && '-10px') ||
41
46
  0
42
47
  };
43
48
 
@@ -57,7 +62,7 @@ const LabelComponent = props => {
57
62
  [classes.rotateLeftLabel]: side === 'left' && !rotatedToHorizontal,
58
63
  [classes.rotateRightLabel]: side === 'right' && !rotatedToHorizontal,
59
64
  [classes.editLabel]: rotatedToHorizontal,
60
- [classes.customBottom]: isChartBottomLabel
65
+ [classes.customBottom]: isChartBottomLabel || isDefineChartBottomLabel
61
66
  })}
62
67
  style={rotatedToHorizontal ? rotatedStyle : defaultStyle}
63
68
  onClick={rotateLabel}
@@ -73,6 +78,7 @@ const LabelComponent = props => {
73
78
  position: side === 'bottom' ? 'top' : 'bottom',
74
79
  noBorder: true
75
80
  }}
81
+ disableScrollbar
76
82
  activePlugins={activePlugins}
77
83
  onDone={() => setRotatedToHorizontal(false)}
78
84
  />
package/src/root.jsx CHANGED
@@ -112,7 +112,7 @@ export class Root extends React.Component {
112
112
  // 'languageCharacters'
113
113
  ];
114
114
 
115
- const actualHeight = defineChart && showPixelGuides ? height - 150 : height;
115
+ const actualHeight = defineChart && showPixelGuides ? height - 160 : height;
116
116
  const nbOfVerticalLines = parseInt(width / 100);
117
117
  const nbOfHorizontalLines = parseInt(actualHeight / 100);
118
118
  const sideGridlinesPadding = parseInt(actualHeight % 100);
@@ -137,11 +137,21 @@ export class Root extends React.Component {
137
137
  {showTitle &&
138
138
  (disabledTitle ? (
139
139
  <div
140
+ style={
141
+ isChart && {
142
+ width: finalWidth
143
+ }
144
+ }
140
145
  className={cn(classes.graphTitle, classes.disabledTitle)}
141
146
  dangerouslySetInnerHTML={{ __html: title || '' }}
142
147
  />
143
148
  ) : (
144
149
  <EditableHtml
150
+ style={
151
+ isChart && {
152
+ width: finalWidth
153
+ }
154
+ }
145
155
  className={cn({ [classes.rightMargin]: showPixelGuides }, classes.graphTitle)}
146
156
  markup={title || ''}
147
157
  onChange={onChangeTitle}
@@ -151,6 +161,7 @@ export class Root extends React.Component {
151
161
  }
152
162
  toolbarOpts={{ noBorder: true }}
153
163
  activePlugins={activeTitlePlugins}
164
+ disableScrollbar
154
165
  />
155
166
  ))}
156
167
  {showLabels && !isChart && (
@@ -173,7 +184,8 @@ export class Root extends React.Component {
173
184
  placeholder={labelsPlaceholders?.left}
174
185
  graphHeight={finalHeight}
175
186
  graphWidth={finalWidth}
176
- isChartLeftLabel={isChart && defineChart}
187
+ isChartLeftLabel={isChart && !defineChart}
188
+ isDefineChartLeftLabel={isChart && defineChart}
177
189
  onChange={value => this.onChangeLabel(value, 'left')}
178
190
  />
179
191
  )}
@@ -230,7 +242,8 @@ export class Root extends React.Component {
230
242
  placeholder={labelsPlaceholders?.bottom}
231
243
  graphHeight={finalHeight}
232
244
  graphWidth={finalWidth}
233
- isChartBottomLabel={isChart && defineChart}
245
+ isChartBottomLabel={isChart && !defineChart}
246
+ isDefineChartBottomLabel={isChart && defineChart}
234
247
  onChange={value => this.onChangeLabel(value, 'bottom')}
235
248
  />
236
249
  )}