@pie-element/complex-rubric 2.10.2-next.30 → 2.10.2-next.32

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 (24) hide show
  1. package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/code/editable-html/editor.js +39 -22
  2. package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/code/editable-html/editor.js.map +1 -1
  3. package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/code/editable-html/plugins/image/component.js +4 -18
  4. package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/code/editable-html/plugins/image/component.js.map +1 -1
  5. package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/code/editable-html/plugins/list/index.js +12 -4
  6. package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/code/editable-html/plugins/list/index.js.map +1 -1
  7. package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/code/editable-html/plugins/table/index.js +0 -17
  8. package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/code/editable-html/plugins/table/index.js.map +1 -1
  9. package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/code/plot/label.js +2 -2
  10. package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/code/plot/label.js.map +1 -1
  11. package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/code/plot/root.js +3 -3
  12. package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/code/plot/root.js.map +1 -1
  13. package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/package.json +2 -2
  14. package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/src/code/editable-html/editor.jsx +39 -23
  15. package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/src/code/editable-html/plugins/image/component.jsx +4 -13
  16. package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/src/code/editable-html/plugins/list/index.jsx +9 -4
  17. package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/src/code/editable-html/plugins/table/index.jsx +0 -8
  18. package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/src/code/plot/label.jsx +1 -1
  19. package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/src/code/plot/root.jsx +3 -3
  20. package/module/configure.js +2 -2
  21. package/module/element.js +2 -2
  22. package/module/manifest.json +2 -2
  23. package/module/print.js +2 -2
  24. package/package.json +2 -2
@@ -92,15 +92,15 @@ var Root = /*#__PURE__*/function (_React$Component) {
92
92
 
93
93
  if (isChart) {
94
94
  if (side === 'left') {
95
- onChangeLabels('range', newValue);
95
+ onChangeLabels && onChangeLabels('range', newValue);
96
96
  } else {
97
- onChangeLabels('domain', newValue);
97
+ onChangeLabels && onChangeLabels('domain', newValue);
98
98
  }
99
99
 
100
100
  return;
101
101
  }
102
102
 
103
- onChangeLabels(_objectSpread(_objectSpread({}, labels), {}, (0, _defineProperty2["default"])({}, side, newValue)));
103
+ onChangeLabels && onChangeLabels(_objectSpread(_objectSpread({}, labels), {}, (0, _defineProperty2["default"])({}, side, newValue)));
104
104
  });
105
105
  return _this;
106
106
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/code/plot/root.jsx"],"names":["Root","g","props","graphProps","onMouseMove","scale","snap","coords","_groups","x","invert","y","snapped","newValue","side","labels","onChangeLabels","isChart","on","mouseMove","bind","disabledTitle","disabledLabels","labelsPlaceholders","titlePlaceholder","children","classes","defineChart","onChangeTitle","showLabels","showPixelGuides","showTitle","title","rootRef","mathMlOptions","labelsCharactersLimit","size","width","height","domain","range","topPadding","leftPadding","finalWidth","padding","finalHeight","activeTitlePlugins","actualHeight","nbOfVerticalLines","parseInt","nbOfHorizontalLines","sideGridlinesPadding","root","topPixelGuides","marginLeft","Array","keys","map","value","topPixelIndicator","chartTitle","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","object","func","number","styles","theme","border","color","primaryLight","defaults","TEXT","backgroundColor","palette","common","white","touchAction","position","display","svg","paddingLeft","overflow","cursor","userSelect","fontSize","typography","spacing","unit","textAlign","pointerEvents","marginRight","PRIMARY_LIGHT","flexDirection","alignItems","marginBottom"],"mappings":"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","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 '../render-ui';\nimport EditableHtml from '../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 defineChart: PropTypes.bool,\n disabledLabels: PropTypes.bool,\n disabledTitle: PropTypes.bool,\n graphProps: GraphPropsType.isRequired,\n isChart: PropTypes.bool,\n labels: PropTypes.object,\n labelsPlaceholders: PropTypes.object,\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 onChangeLabels: PropTypes.func,\n titlePlaceholder: PropTypes.string,\n mathMlOptions: PropTypes.object,\n labelsCharactersLimit: PropTypes.number,\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 mathMlOptions = {},\n labelsCharactersLimit,\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 className={classes.topPixelGuides} style={{ marginLeft: isChart ? 80 : showLabels ? 30 : 10 }}>\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(isChart ? classes.chartTitle : classes.graphTitle, classes.disabledTitle)}\n dangerouslySetInnerHTML={{ __html: title || '' }}\n />\n ) : (\n <EditableHtml\n style={\n isChart && {\n width: finalWidth,\n }\n }\n className={cn(\n { [classes.rightMargin]: showPixelGuides },\n isChart ? classes.chartTitle : classes.graphTitle,\n )}\n markup={title || ''}\n onChange={onChangeTitle}\n placeholder={\n (defineChart && titlePlaceholder) || (!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 mathMlOptions={mathMlOptions}\n charactersLimit={labelsCharactersLimit}\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 mathMlOptions={mathMlOptions}\n charactersLimit={labelsCharactersLimit}\n />\n )}\n <svg width={finalWidth} height={finalHeight} className={defineChart ? classes.defineChart : classes.chart}>\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 mathMlOptions={mathMlOptions}\n charactersLimit={labelsCharactersLimit}\n />\n )}\n {showPixelGuides && (\n <div\n className={classes.sidePixelGuides}\n style={{\n paddingTop: sideGridlinesPadding,\n marginTop: 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 mathMlOptions={mathMlOptions}\n charactersLimit={labelsCharactersLimit}\n />\n )}\n </div>\n );\n }\n}\n\n// use default color theme style to avoid color contrast issues\nconst styles = (theme) => ({\n root: {\n border: `solid 1px ${color.primaryLight()}`,\n color: color.defaults.TEXT,\n backgroundColor: theme.palette.common.white,\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.defaults.TEXT,\n fontSize: theme.typography.fontSize + 2,\n padding: `${theme.spacing.unit * 1.5}px ${theme.spacing.unit / 2}px 0`,\n textAlign: 'center',\n },\n chartTitle: {\n color: color.defaults.TEXT,\n fontSize: theme.typography.fontSize + 4,\n padding: `${theme.spacing.unit * 1.5}px ${theme.spacing.unit / 2}px 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.defaults.PRIMARY_LIGHT,\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.defaults.PRIMARY_LIGHT,\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"],"file":"root.js"}
1
+ {"version":3,"sources":["../../src/code/plot/root.jsx"],"names":["Root","g","props","graphProps","onMouseMove","scale","snap","coords","_groups","x","invert","y","snapped","newValue","side","labels","onChangeLabels","isChart","on","mouseMove","bind","disabledTitle","disabledLabels","labelsPlaceholders","titlePlaceholder","children","classes","defineChart","onChangeTitle","showLabels","showPixelGuides","showTitle","title","rootRef","mathMlOptions","labelsCharactersLimit","size","width","height","domain","range","topPadding","leftPadding","finalWidth","padding","finalHeight","activeTitlePlugins","actualHeight","nbOfVerticalLines","parseInt","nbOfHorizontalLines","sideGridlinesPadding","root","topPixelGuides","marginLeft","Array","keys","map","value","topPixelIndicator","chartTitle","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","object","func","number","styles","theme","border","color","primaryLight","defaults","TEXT","backgroundColor","palette","common","white","touchAction","position","display","svg","paddingLeft","overflow","cursor","userSelect","fontSize","typography","spacing","unit","textAlign","pointerEvents","marginRight","PRIMARY_LIGHT","flexDirection","alignItems","marginBottom"],"mappings":"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","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 '../render-ui';\nimport EditableHtml from '../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 defineChart: PropTypes.bool,\n disabledLabels: PropTypes.bool,\n disabledTitle: PropTypes.bool,\n graphProps: GraphPropsType.isRequired,\n isChart: PropTypes.bool,\n labels: PropTypes.object,\n labelsPlaceholders: PropTypes.object,\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 onChangeLabels: PropTypes.func,\n titlePlaceholder: PropTypes.string,\n mathMlOptions: PropTypes.object,\n labelsCharactersLimit: PropTypes.number,\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 && onChangeLabels('range', newValue);\n } else {\n onChangeLabels && onChangeLabels('domain', newValue);\n }\n\n return;\n }\n\n onChangeLabels && 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 mathMlOptions = {},\n labelsCharactersLimit,\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 className={classes.topPixelGuides} style={{ marginLeft: isChart ? 80 : showLabels ? 30 : 10 }}>\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(isChart ? classes.chartTitle : classes.graphTitle, classes.disabledTitle)}\n dangerouslySetInnerHTML={{ __html: title || '' }}\n />\n ) : (\n <EditableHtml\n style={\n isChart && {\n width: finalWidth,\n }\n }\n className={cn(\n { [classes.rightMargin]: showPixelGuides },\n isChart ? classes.chartTitle : classes.graphTitle,\n )}\n markup={title || ''}\n onChange={onChangeTitle}\n placeholder={\n (defineChart && titlePlaceholder) || (!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 mathMlOptions={mathMlOptions}\n charactersLimit={labelsCharactersLimit}\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 mathMlOptions={mathMlOptions}\n charactersLimit={labelsCharactersLimit}\n />\n )}\n <svg width={finalWidth} height={finalHeight} className={defineChart ? classes.defineChart : classes.chart}>\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 mathMlOptions={mathMlOptions}\n charactersLimit={labelsCharactersLimit}\n />\n )}\n {showPixelGuides && (\n <div\n className={classes.sidePixelGuides}\n style={{\n paddingTop: sideGridlinesPadding,\n marginTop: 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 mathMlOptions={mathMlOptions}\n charactersLimit={labelsCharactersLimit}\n />\n )}\n </div>\n );\n }\n}\n\n// use default color theme style to avoid color contrast issues\nconst styles = (theme) => ({\n root: {\n border: `solid 1px ${color.primaryLight()}`,\n color: color.defaults.TEXT,\n backgroundColor: theme.palette.common.white,\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.defaults.TEXT,\n fontSize: theme.typography.fontSize + 2,\n padding: `${theme.spacing.unit * 1.5}px ${theme.spacing.unit / 2}px 0`,\n textAlign: 'center',\n },\n chartTitle: {\n color: color.defaults.TEXT,\n fontSize: theme.typography.fontSize + 4,\n padding: `${theme.spacing.unit * 1.5}px ${theme.spacing.unit / 2}px 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.defaults.PRIMARY_LIGHT,\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.defaults.PRIMARY_LIGHT,\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"],"file":"root.js"}
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pie-lib/pie-toolbox",
3
- "version": "1.16.5-next.55+55cf0cde",
3
+ "version": "1.16.5-next.62+cd9f2bfc",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -86,5 +86,5 @@
86
86
  "react": "^16.8.1",
87
87
  "react-dom": "^16.8.1"
88
88
  },
89
- "gitHead": "55cf0cdec9f22bcb0f6218c9eebd21a0b52f5355"
89
+ "gitHead": "cd9f2bfcf7206fd2588e9aa3eb2458143e1d207b"
90
90
  }
@@ -59,7 +59,7 @@ const initialValue = [
59
59
 
60
60
  const SlateEditor = (editorProps) => {
61
61
  const mounted = useRef(false);
62
- const { autoFocus, value, plugins, actionsRef, onEditingDone } = editorProps;
62
+ const { autoFocus, value, plugins, actionsRef, onEditingDone, placeholder, renderPlaceholder } = editorProps;
63
63
  const renderElement = useCallback((props) => <Element {...props} plugins={plugins} />, []);
64
64
  const renderLeaf = useCallback((props) => <Leaf {...props} />, []);
65
65
  const editor = useMemo(() => withPlugins(createEditor(), plugins), []);
@@ -128,7 +128,13 @@ const SlateEditor = (editorProps) => {
128
128
 
129
129
  return returnValue;
130
130
  };
131
- const onFocus = () => setIsFocused(true);
131
+ const onFocus = () => {
132
+ setIsFocused(true);
133
+
134
+ if (editorProps.onFocus) {
135
+ editorProps.onFocus();
136
+ }
137
+ };
132
138
  const onBlur = (e) => {
133
139
  setTimeout(() => {
134
140
  if (!editorRef.current || !editorRef.current.contains(document.activeElement)) {
@@ -180,6 +186,8 @@ const SlateEditor = (editorProps) => {
180
186
  }}
181
187
  >
182
188
  <Editable
189
+ placeholder={placeholder}
190
+ renderPlaceholder={renderPlaceholder}
183
191
  renderElement={renderElement}
184
192
  renderLeaf={renderLeaf}
185
193
  spellCheck
@@ -258,7 +266,18 @@ const Element = (props) => {
258
266
  const { attributes, children, element, plugins } = props;
259
267
  const style = { textAlign: element.align };
260
268
 
261
- const nodeProps = { ...attributes, ...props, node: { ...element }, children };
269
+ let nodePath;
270
+ const nodeInfo = Array.from(
271
+ editor.nodes({
272
+ match: (n) => n === element,
273
+ }),
274
+ )[0];
275
+
276
+ if (nodeInfo) {
277
+ nodePath = nodeInfo[1];
278
+ }
279
+
280
+ const nodeProps = { ...attributes, ...props, node: element, nodePath, children };
262
281
  const pluginToRender = plugins.find((plugin) => typeof plugin.supports === 'function' && plugin.supports(element));
263
282
 
264
283
  if (pluginToRender) {
@@ -963,21 +982,21 @@ export class EditorComponent extends React.Component {
963
982
  * */
964
983
  onFocus = () =>
965
984
  new Promise((resolve) => {
966
- const editorDOM = document.querySelector(`[data-key="${this.state.value.document.key}"]`);
967
-
968
- log('[onFocus]', document.activeElement);
969
-
970
- /**
971
- * This is needed just in case the browser decides to make the editor
972
- * lose focus without triggering the onBlur event (can happen in a few cases).
973
- * This will also trigger onBlur if the user clicks outside of the page when the editor
974
- * is focused.
975
- */
976
- if (editorDOM === document.activeElement) {
977
- editorDOM.removeEventListener('blur', this.handleDomBlur);
978
- editorDOM.addEventListener('blur', this.handleDomBlur);
979
- }
980
-
985
+ // const editorDOM = document.querySelector(`[data-key="${this.state.value.document.key}"]`);
986
+ //
987
+ // log('[onFocus]', document.activeElement);
988
+ //
989
+ // /**
990
+ // * This is needed just in case the browser decides to make the editor
991
+ // * lose focus without triggering the onBlur event (can happen in a few cases).
992
+ // * This will also trigger onBlur if the user clicks outside of the page when the editor
993
+ // * is focused.
994
+ // */
995
+ // if (editorDOM === document.activeElement) {
996
+ // editorDOM.removeEventListener('blur', this.handleDomBlur);
997
+ // editorDOM.addEventListener('blur', this.handleDomBlur);
998
+ // }
999
+ //
981
1000
  this.stashValue();
982
1001
  this.props.onFocus();
983
1002
 
@@ -1122,10 +1141,7 @@ export class EditorComponent extends React.Component {
1122
1141
  };
1123
1142
 
1124
1143
  renderPlaceholder = (props) => {
1125
- const { editor } = props;
1126
- const { document } = editor.value;
1127
-
1128
- if (!editor.props.placeholder || document.text !== '' || document.nodes.size !== 1) {
1144
+ if (!props.children) {
1129
1145
  return false;
1130
1146
  }
1131
1147
 
@@ -1142,7 +1158,7 @@ export class EditorComponent extends React.Component {
1142
1158
  userSelect: 'none',
1143
1159
  }}
1144
1160
  >
1145
- {editor.props.placeholder}
1161
+ {props.children}
1146
1162
  </span>
1147
1163
  );
1148
1164
  };
@@ -20,10 +20,7 @@ export class Component extends React.Component {
20
20
  data: PropTypes.object,
21
21
  }).isRequired,
22
22
  focused: PropTypes.bool,
23
- editor: PropTypes.shape({
24
- change: PropTypes.func.isRequired,
25
- value: PropTypes.object,
26
- }).isRequired,
23
+ editor: PropTypes.object.isRequired,
27
24
  classes: PropTypes.object.isRequired,
28
25
  attributes: PropTypes.object,
29
26
  onFocus: PropTypes.func,
@@ -48,7 +45,7 @@ export class Component extends React.Component {
48
45
  };
49
46
 
50
47
  applySizeData = () => {
51
- const { node, editor } = this.props;
48
+ const { node, nodePath, editor } = this.props;
52
49
 
53
50
  let update = cloneDeep(node.data);
54
51
 
@@ -61,8 +58,6 @@ export class Component extends React.Component {
61
58
  log('[applySizeData] update: ', update);
62
59
 
63
60
  if (editor.selection && !isEqual(update, node.data)) {
64
- const [, nodePath] = Editor.parent(editor, editor.selection);
65
-
66
61
  editor.apply({
67
62
  type: 'set_node',
68
63
  path: nodePath,
@@ -131,7 +126,7 @@ export class Component extends React.Component {
131
126
  dimensions: { height: height, width: width },
132
127
  });
133
128
 
134
- const { node, editor } = this.props;
129
+ const { node, nodePath, editor } = this.props;
135
130
 
136
131
  const update = cloneDeep(node.data);
137
132
 
@@ -139,8 +134,6 @@ export class Component extends React.Component {
139
134
  update.height = height;
140
135
 
141
136
  if (editor.selection && !isEqual(update, node.data)) {
142
- const [, nodePath] = Editor.parent(editor, editor.selection);
143
-
144
137
  editor.apply({
145
138
  type: 'set_node',
146
139
  path: nodePath,
@@ -181,7 +174,7 @@ export class Component extends React.Component {
181
174
  dimensions: { height: height, width: width },
182
175
  });
183
176
 
184
- const { node, editor } = this.props;
177
+ const { node, nodePath, editor } = this.props;
185
178
 
186
179
  const update = {
187
180
  ...node.data,
@@ -190,8 +183,6 @@ export class Component extends React.Component {
190
183
  };
191
184
 
192
185
  if (!isEqual(update, node.data)) {
193
- const [, nodePath] = Editor.parent(editor, editor.selection);
194
-
195
186
  editor.apply({
196
187
  type: 'set_node',
197
188
  path: nodePath,
@@ -420,8 +420,9 @@ export default (options) => {
420
420
  // Block is empty, we exit the list
421
421
  const [, listPath] = editor.parent(currentLiPath);
422
422
  const [parentListItem] = listPath.length > 1 ? editor.parent(listPath) : [];
423
+ const isListItem = parentListItem && parentListItem.type === 'li';
423
424
 
424
- if (parentListItem) {
425
+ if (isListItem) {
425
426
  return decreaseItemDepth(editor);
426
427
  }
427
428
 
@@ -435,7 +436,7 @@ export default (options) => {
435
436
  editor.apply({
436
437
  type: 'split_node',
437
438
  path: pathToSplit,
438
- position: 1,
439
+ position: currentLi.children.length,
439
440
  properties: { type: 'li' },
440
441
  });
441
442
 
@@ -466,8 +467,11 @@ export default (options) => {
466
467
 
467
468
  core.onBackSpace = (editor, event) => {
468
469
  const startRange = Range.start(editor.selection);
470
+ const isNotOnTheFirstNode = startRange.path[startRange.path.length - 1] !== 0;
471
+ const isNotOnTheFirstIndex = startRange.offset !== 0;
472
+ const isAtStartOfListItem = isNotOnTheFirstNode || isNotOnTheFirstIndex;
469
473
 
470
- if (startRange.offset !== 0) {
474
+ if (isAtStartOfListItem) {
471
475
  return;
472
476
  }
473
477
 
@@ -482,8 +486,9 @@ export default (options) => {
482
486
  // Block is empty, we exit the list
483
487
  const [, listPath] = editor.parent(currentLiPath);
484
488
  const [parentListItem] = listPath.length > 1 ? editor.parent(listPath) : [];
489
+ const isListItem = parentListItem && parentListItem.type === 'li';
485
490
 
486
- if (parentListItem) {
491
+ if (isListItem) {
487
492
  return decreaseItemDepth(editor);
488
493
  }
489
494
 
@@ -250,14 +250,6 @@ export default (opts, toolbarPlugins /* : {toolbar: {}}[] */) => {
250
250
  },
251
251
  });
252
252
 
253
- const [nodeAtSelection, nodePath] = Editor.node(editor, editor.selection);
254
-
255
- if (Text.isText(nodeAtSelection)) {
256
- const block = { type: 'div', children: [] };
257
-
258
- Transforms.wrapNodes(editor, block, { at: nodePath });
259
- }
260
-
261
253
  editor.insertNode(newTable);
262
254
  moveToBeginningOfTable(editor, newTable);
263
255
  },
@@ -69,7 +69,6 @@ const LabelComponent = (props) => {
69
69
  [classes.customBottom]: isChartBottomLabel || isDefineChartBottomLabel,
70
70
  })}
71
71
  style={rotatedToHorizontal ? rotatedStyle : defaultStyle}
72
- onClick={rotateLabel}
73
72
  >
74
73
  {disabledLabel ? (
75
74
  <div className={classes.disabledLabel} dangerouslySetInnerHTML={{ __html: text || '' }} />
@@ -84,6 +83,7 @@ const LabelComponent = (props) => {
84
83
  }}
85
84
  disableScrollbar
86
85
  activePlugins={activePlugins}
86
+ onFocus={rotateLabel}
87
87
  onDone={() => setRotatedToHorizontal(false)}
88
88
  mathMlOptions={mathMlOptions}
89
89
  charactersLimit={charactersLimit}
@@ -68,15 +68,15 @@ export class Root extends React.Component {
68
68
 
69
69
  if (isChart) {
70
70
  if (side === 'left') {
71
- onChangeLabels('range', newValue);
71
+ onChangeLabels && onChangeLabels('range', newValue);
72
72
  } else {
73
- onChangeLabels('domain', newValue);
73
+ onChangeLabels && onChangeLabels('domain', newValue);
74
74
  }
75
75
 
76
76
  return;
77
77
  }
78
78
 
79
- onChangeLabels({
79
+ onChangeLabels && onChangeLabels({
80
80
  ...labels,
81
81
  [side]: newValue,
82
82
  });
@@ -1,6 +1,6 @@
1
- import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.3/module/index.js";
1
+ import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.4/module/index.js";
2
2
  import RubricConfigure from '@pie-element/rubric/configure/lib';
3
- import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@4.11.1-next.8/module/index.js";
3
+ import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@4.11.1-next.13/module/index.js";
4
4
  function _mergeNamespaces(n, m) {
5
5
  m.forEach(function (e) {
6
6
  e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
package/module/element.js CHANGED
@@ -1,5 +1,5 @@
1
- import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.3/module/index.js";
2
- import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.11.1-next.8/module/index.js";
1
+ import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.4/module/index.js";
2
+ import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.11.1-next.13/module/index.js";
3
3
  function _mergeNamespaces(n, m) {
4
4
  m.forEach(function (e) {
5
5
  e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -4,11 +4,11 @@
4
4
  "modules": [
5
5
  {
6
6
  "name": "@pie-lib/pie-toolbox-math-rendering-module",
7
- "version": "1.10.3"
7
+ "version": "1.10.4"
8
8
  },
9
9
  {
10
10
  "name": "@pie-lib/pie-toolbox-module",
11
- "version": "4.11.1-next.8"
11
+ "version": "4.11.1-next.13"
12
12
  }
13
13
  ]
14
14
  }
package/module/print.js CHANGED
@@ -1,5 +1,5 @@
1
- import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.3/module/index.js";
2
- import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.11.1-next.8/module/index.js";
1
+ import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.4/module/index.js";
2
+ import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.11.1-next.13/module/index.js";
3
3
  function _mergeNamespaces(n, m) {
4
4
  m.forEach(function (e) {
5
5
  e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pie-element/complex-rubric",
3
3
  "repository": "pie-framework/pie-elements",
4
- "version": "2.10.2-next.30+4c2350f56",
4
+ "version": "2.10.2-next.32+453fdc3a0",
5
5
  "publishConfig": {
6
6
  "access": "public"
7
7
  },
@@ -15,7 +15,7 @@
15
15
  "lodash": "^4.17.11",
16
16
  "prop-types": "^15.7.2"
17
17
  },
18
- "gitHead": "4c2350f56193abf77221d29ebec9965a29491434",
18
+ "gitHead": "453fdc3a036634f3062a6986e606af14dda5912e",
19
19
  "scripts": {
20
20
  "postpublish": "../../scripts/postpublish"
21
21
  },