@pie-lib/plot 2.27.3-next.163 → 2.27.3-next.203

package/lib/label.js

@@ -10,7 +10,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _renderUi = require("@pie-lib/render-ui");
-var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
+var _editableHtmlTipTap = _interopRequireDefault(require("@pie-lib/editable-html-tip-tap"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("./utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -114,7 +114,7 @@ var LabelComponent = function LabelComponent(props) {
     dangerouslySetInnerHTML: {
       __html: text || ''
     }
-  }) : /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+  }) : /*#__PURE__*/_react["default"].createElement(_editableHtmlTipTap["default"], {
     markup: text || '',
     onChange: onChange,
     placeholder: !disabledLabel && placeholder,

package/lib/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","names":["_react","_interopRequireWildcard","require","_renderUi","_editableHtml","_interopRequireDefault","_propTypes","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","styles","axisLabel","fontSize","textAlign","margin","padding","chartLabel","disabledLabel","pointerEvents","width","editLabel","position","backgroundColor","borderRadius","boxShadow","zIndex","rotateLeftLabel","transform","transformOrigin","rotateRightLabel","customBottom","displayNone","display","LabelComponent","props","graphHeight","graphWidth","isChartBottomLabel","isDefineChartBottomLabel","isChartLeftLabel","isDefineChartLeftLabel","placeholder","text","side","onChange","_props$mathMlOptions","mathMlOptions","charactersLimit","titleHeight","_useState","useState","_useState2","_slicedToArray2","rotatedToHorizontal","setRotatedToHorizontal","activePlugins","isChart","chartValue","defaultStyle","top","concat","left","rotatedStyle","rotateLabel","exitEditMode","requestAnimationFrame","_document$activeEleme","_document$activeEleme2","document","activeElement","blur","createElement","Readable","onClick","style","isEmptyString","extractTextFromHTML","dangerouslySetInnerHTML","__html","markup","toolbarOpts","noPadding","noBorder","disableScrollbar","onDone","propTypes","PropTypes","bool","number","string","func","object","_default","exports"],"sources":["../src/label.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Readable } from '@pie-lib/render-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport PropTypes from 'prop-types';\nimport { extractTextFromHTML, isEmptyString } from './utils';\n\nconst styles = {\n  axisLabel: {\n    fontSize: 12,\n    textAlign: 'center',\n    margin: 4,\n    padding: '4px 0',\n  },\n  chartLabel: {\n    fontSize: 16,\n    textAlign: 'center',\n    margin: 4,\n    padding: '4px 0',\n  },\n  disabledLabel: {\n    pointerEvents: 'none',\n    width: '100%',\n  },\n  editLabel: {\n    position: 'absolute',\n    backgroundColor: 'white',\n    borderRadius: 4,\n    boxShadow: '0px 5px 8px rgba(0,0,0,0.15)',\n    zIndex: 10,\n  },\n  rotateLeftLabel: {\n    transform: 'rotate(-90deg)',\n    transformOrigin: '0 0',\n    position: 'absolute',\n  },\n  rotateRightLabel: {\n    transform: 'rotate(90deg)',\n    transformOrigin: '0 0',\n    position: 'absolute',\n  },\n  customBottom: {\n    position: 'absolute',\n  },\n  displayNone: {\n    display: 'none',\n  },\n};\n\nconst LabelComponent = (props) => {\n  const {\n    disabledLabel,\n    graphHeight,\n    graphWidth,\n    isChartBottomLabel,\n    isDefineChartBottomLabel,\n    isChartLeftLabel,\n    isDefineChartLeftLabel,\n    placeholder,\n    text,\n    side,\n    onChange,\n    mathMlOptions = {},\n    charactersLimit,\n    titleHeight,\n  } = props;\n\nconst [rotatedToHorizontal, setRotatedToHorizontal] = useState(false);\n\n  const activePlugins = [\n    'bold',\n    'italic',\n    'underline',\n    'strikethrough',\n    'math',\n  ];\n\n  const isChart =\n    isChartBottomLabel ||\n    isChartLeftLabel ||\n    isDefineChartBottomLabel ||\n    isDefineChartLeftLabel;\n\n  const chartValue =\n    side === 'left' && isDefineChartLeftLabel && graphHeight - 220;\n\n  const defaultStyle = {\n    width:\n      chartValue ||\n      (side === 'left' || side === 'right'\n        ? graphHeight - 8\n        : graphWidth - 8),\n    top:\n      chartValue ||\n      (isChartLeftLabel && `${graphHeight - 70}px`) ||\n      (side === 'left' && `${graphHeight - 8}px`) ||\n      (isChartBottomLabel && `${graphHeight - 60 + titleHeight}px`) ||\n      (side === 'bottom' && `${graphHeight - 120 + titleHeight}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    if (!disabledLabel && (side === 'left' || side === 'right')) {\n      setRotatedToHorizontal(true);\n    }\n  };\n\n  const exitEditMode = () => {\n    setRotatedToHorizontal(false);\n\n    // blur active element because rotation is causing editing issues on exit\n    requestAnimationFrame(() => {\n      document.activeElement?.blur?.();\n    });\n  };\n\n  return (\n    <Readable false>\n      <div\n        onClick={rotateLabel}\n        style={{\n          ...(rotatedToHorizontal ? rotatedStyle : defaultStyle),\n          ...(isChart ? styles.chartLabel : styles.axisLabel),\n          ...(side === 'left' && !rotatedToHorizontal\n            ? styles.rotateLeftLabel\n            : {}),\n          ...(side === 'right' && !rotatedToHorizontal\n            ? styles.rotateRightLabel\n            : {}),\n          ...(rotatedToHorizontal ? styles.editLabel : {}),\n          ...((isChartBottomLabel || isDefineChartBottomLabel)\n            ? styles.customBottom\n            : {}),\n          ...((disabledLabel &&\n            !isChart &&\n            isEmptyString(extractTextFromHTML(text))) &&\n            styles.displayNone),\n        }}\n      >\n        {disabledLabel ? (\n          <div\n            style={styles.disabledLabel}\n            dangerouslySetInnerHTML={{ __html: text || '' }}\n          />\n        ) : (\n          <EditableHtml\n            markup={text || ''}\n            onChange={onChange}\n            placeholder={!disabledLabel && placeholder}\n            toolbarOpts={{\n              position: side === 'bottom' ? 'top' : 'bottom',\n              noPadding: true,\n              noBorder: true,\n            }}\n            disableScrollbar\n            activePlugins={activePlugins}\n            onDone={exitEditMode}\n            mathMlOptions={mathMlOptions}\n            charactersLimit={charactersLimit}\n          />\n        )}\n      </div>\n    </Readable>\n  );\n};\n\nLabelComponent.propTypes = {\n  disabledLabel: PropTypes.bool,\n  graphHeight: PropTypes.number,\n  graphWidth: PropTypes.number,\n  isChartBottomLabel: PropTypes.bool,\n  isDefineChartBottomLabel: PropTypes.bool,\n  isChartLeftLabel: PropTypes.bool,\n  isDefineChartLeftLabel: PropTypes.bool,\n  placeholder: PropTypes.string,\n  text: PropTypes.string,\n  side: PropTypes.string,\n  onChange: PropTypes.func,\n  mathMlOptions: PropTypes.object,\n  charactersLimit: PropTypes.number,\n  titleHeight: PropTypes.number,\n};\n\nexport default LabelComponent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"label.js","names":["_react","_interopRequireWildcard","require","_renderUi","_editableHtmlTipTap","_interopRequireDefault","_propTypes","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","styles","axisLabel","fontSize","textAlign","margin","padding","chartLabel","disabledLabel","pointerEvents","width","editLabel","position","backgroundColor","borderRadius","boxShadow","zIndex","rotateLeftLabel","transform","transformOrigin","rotateRightLabel","customBottom","displayNone","display","LabelComponent","props","graphHeight","graphWidth","isChartBottomLabel","isDefineChartBottomLabel","isChartLeftLabel","isDefineChartLeftLabel","placeholder","text","side","onChange","_props$mathMlOptions","mathMlOptions","charactersLimit","titleHeight","_useState","useState","_useState2","_slicedToArray2","rotatedToHorizontal","setRotatedToHorizontal","activePlugins","isChart","chartValue","defaultStyle","top","concat","left","rotatedStyle","rotateLabel","exitEditMode","requestAnimationFrame","_document$activeEleme","_document$activeEleme2","document","activeElement","blur","createElement","Readable","onClick","style","isEmptyString","extractTextFromHTML","dangerouslySetInnerHTML","__html","markup","toolbarOpts","noPadding","noBorder","disableScrollbar","onDone","propTypes","PropTypes","bool","number","string","func","object","_default","exports"],"sources":["../src/label.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Readable } from '@pie-lib/render-ui';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\nimport PropTypes from 'prop-types';\nimport { extractTextFromHTML, isEmptyString } from './utils';\n\nconst styles = {\n  axisLabel: {\n    fontSize: 12,\n    textAlign: 'center',\n    margin: 4,\n    padding: '4px 0',\n  },\n  chartLabel: {\n    fontSize: 16,\n    textAlign: 'center',\n    margin: 4,\n    padding: '4px 0',\n  },\n  disabledLabel: {\n    pointerEvents: 'none',\n    width: '100%',\n  },\n  editLabel: {\n    position: 'absolute',\n    backgroundColor: 'white',\n    borderRadius: 4,\n    boxShadow: '0px 5px 8px rgba(0,0,0,0.15)',\n    zIndex: 10,\n  },\n  rotateLeftLabel: {\n    transform: 'rotate(-90deg)',\n    transformOrigin: '0 0',\n    position: 'absolute',\n  },\n  rotateRightLabel: {\n    transform: 'rotate(90deg)',\n    transformOrigin: '0 0',\n    position: 'absolute',\n  },\n  customBottom: {\n    position: 'absolute',\n  },\n  displayNone: {\n    display: 'none',\n  },\n};\n\nconst LabelComponent = (props) => {\n  const {\n    disabledLabel,\n    graphHeight,\n    graphWidth,\n    isChartBottomLabel,\n    isDefineChartBottomLabel,\n    isChartLeftLabel,\n    isDefineChartLeftLabel,\n    placeholder,\n    text,\n    side,\n    onChange,\n    mathMlOptions = {},\n    charactersLimit,\n    titleHeight,\n  } = props;\n\n  const [rotatedToHorizontal, setRotatedToHorizontal] = useState(false);\n\n  const activePlugins = ['bold', 'italic', 'underline', 'strikethrough', 'math'];\n\n  const isChart = isChartBottomLabel || isChartLeftLabel || isDefineChartBottomLabel || isDefineChartLeftLabel;\n\n  const chartValue = side === 'left' && isDefineChartLeftLabel && graphHeight - 220;\n\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 - 60 + titleHeight}px`) ||\n      (side === 'bottom' && `${graphHeight - 120 + titleHeight}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    if (!disabledLabel && (side === 'left' || side === 'right')) {\n      setRotatedToHorizontal(true);\n    }\n  };\n\n  const exitEditMode = () => {\n    setRotatedToHorizontal(false);\n\n    // blur active element because rotation is causing editing issues on exit\n    requestAnimationFrame(() => {\n      document.activeElement?.blur?.();\n    });\n  };\n\n  return (\n    <Readable false>\n      <div\n        onClick={rotateLabel}\n        style={{\n          ...(rotatedToHorizontal ? rotatedStyle : defaultStyle),\n          ...(isChart ? styles.chartLabel : styles.axisLabel),\n          ...(side === 'left' && !rotatedToHorizontal ? styles.rotateLeftLabel : {}),\n          ...(side === 'right' && !rotatedToHorizontal ? styles.rotateRightLabel : {}),\n          ...(rotatedToHorizontal ? styles.editLabel : {}),\n          ...(isChartBottomLabel || isDefineChartBottomLabel ? styles.customBottom : {}),\n          ...(disabledLabel && !isChart && isEmptyString(extractTextFromHTML(text)) && styles.displayNone),\n        }}\n      >\n        {disabledLabel ? (\n          <div style={styles.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              noPadding: true,\n              noBorder: true,\n            }}\n            disableScrollbar\n            activePlugins={activePlugins}\n            onDone={exitEditMode}\n            mathMlOptions={mathMlOptions}\n            charactersLimit={charactersLimit}\n          />\n        )}\n      </div>\n    </Readable>\n  );\n};\n\nLabelComponent.propTypes = {\n  disabledLabel: PropTypes.bool,\n  graphHeight: PropTypes.number,\n  graphWidth: PropTypes.number,\n  isChartBottomLabel: PropTypes.bool,\n  isDefineChartBottomLabel: PropTypes.bool,\n  isChartLeftLabel: PropTypes.bool,\n  isDefineChartLeftLabel: PropTypes.bool,\n  placeholder: PropTypes.string,\n  text: PropTypes.string,\n  side: PropTypes.string,\n  onChange: PropTypes.func,\n  mathMlOptions: PropTypes.object,\n  charactersLimit: PropTypes.number,\n  titleHeight: PropTypes.number,\n};\n\nexport default LabelComponent;\n"],"mappings":"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","ignoreList":[]}

package/lib/root.js

@@ -17,7 +17,7 @@ var _styles = require("@mui/material/styles");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _d3Selection = require("d3-selection");
 var _renderUi = require("@pie-lib/render-ui");
-var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
+var _editableHtmlTipTap = _interopRequireDefault(require("@pie-lib/editable-html-tip-tap"));
 var _types = require("./types");
 var _label = _interopRequireDefault(require("./label"));
 var _utils = require("./utils");
@@ -311,7 +311,7 @@ var Root = exports.Root = /*#__PURE__*/function (_React$Component) {
         }
       }, isChart ? /*#__PURE__*/_react["default"].createElement(ChartTitle, {
         className: showPixelGuides ? 'rightMargin' : ''
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtmlTipTap["default"], {
         style: isChart && {
           width: finalWidth
         },
@@ -327,7 +327,7 @@ var Root = exports.Root = /*#__PURE__*/function (_React$Component) {
         onKeyDown: this.handleKeyDown
       })) : /*#__PURE__*/_react["default"].createElement(GraphTitle, {
         className: showPixelGuides ? 'rightMargin' : ''
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtmlTipTap["default"], {
         style: isChart && {
           width: finalWidth
         },

package/lib/root.js.map

@@ -1 +1 @@
-{"version":3,"file":"root.js","names":["_react","_interopRequireDefault","require","_styles","_propTypes","_d3Selection","_renderUi","_editableHtml","_types","_label","_utils","_createForOfIteratorHelper","r","e","t","Symbol","iterator","Array","isArray","_unsupportedIterableToArray","length","_n","F","s","n","done","value","f","TypeError","o","a","u","call","next","_arrayLikeToArray","toString","slice","constructor","name","from","test","ownKeys","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","Boolean","prototype","valueOf","StyledRoot","styled","_ref","theme","border","concat","color","primaryLight","defaults","TEXT","backgroundColor","palette","common","white","touchAction","position","boxSizing","Wrapper","display","DefineChartSvg","paddingLeft","overflow","ChartSvg","GraphBox","cursor","userSelect","GraphTitle","_ref2","fontSize","typography","padding","spacing","textAlign","pointerEvents","marginRight","ChartTitle","_ref3","TopPixelGuides","paddingTop","TopPixelIndicator","flexDirection","alignItems","width","SidePixelGuides","SidePixelIndicator","height","marginBottom","Root","exports","_React$Component","props","_this","_classCallCheck2","g","_this$props","graphProps","onMouseMove","scale","snap","coords","mouse","node","x","invert","y","snapped","newValue","side","_this$props2","labels","onChangeLabels","isChart","titleElement","titleRef","titleHeight","clientHeight","setState","prevTitle","title","resizeObserver","ResizeObserver","setupVisibilityObserver","setTimeout","measureTitleHeight","entries","_iterator","_step","entry","_entry$contentRect","contentRect","err","observe","disconnect","state","_inherits2","_createClass2","key","componentDidMount","select","on","mouseMove","bind","componentWillUnmount","cleanupVisibilityObserver","componentDidUpdate","prevProps","render","_this2","_this$props3","disabledTitle","disabledLabels","labelsPlaceholders","titlePlaceholder","children","defineChart","onChangeTitle","showLabels","showPixelGuides","showTitle","rootRef","_this$props3$mathMlOp","mathMlOptions","labelsCharactersLimit","_graphProps$size","size","_graphProps$size$widt","_graphProps$size$heig","domain","range","topPadding","leftPadding","isEmptyString","extractTextFromHTML","left","isEmptyObject","rightPadding","right","finalWidth","finalHeight","activeTitlePlugins","actualHeight","nbOfVerticalLines","parseInt","nbOfHorizontalLines","sideGridlinesPadding","createElement","style","marginLeft","_toConsumableArray2","map","Readable","ref","className","dangerouslySetInnerHTML","__html","markup","onChange","placeholder","toolbarOpts","noPadding","noBorder","activePlugins","disableScrollbar","onKeyDown","handleKeyDown","text","top","disabledLabel","graphHeight","graphWidth","onChangeLabel","charactersLimit","isChartLeftLabel","isDefineChartLeftLabel","transform","marginTop","reverse","bottom","isChartBottomLabel","isDefineChartBottomLabel","React","Component","PropTypes","string","ChildrenType","bool","GraphPropsType","isRequired","object","func","number","_default"],"sources":["../src/root.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport PropTypes from 'prop-types';\nimport { select, mouse } from 'd3-selection';\n\nimport { color, Readable } from '@pie-lib/render-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { ChildrenType } from './types';\nimport { GraphPropsType } from './types';\nimport Label from './label';\nimport { extractTextFromHTML, isEmptyObject, isEmptyString } from './utils';\n\nconst StyledRoot = styled('div')(({ theme }) => ({\n  border: `solid 1px ${color.primaryLight()}`,\n  color: color.defaults.TEXT,\n  backgroundColor: theme.palette.common.white,\n  touchAction: 'none',\n  position: 'relative',\n  boxSizing: 'unset', // to override the default border-box in IBX that breaks the component width layout\n}));\n\nconst Wrapper = styled('div')({\n  display: 'flex',\n  position: 'relative',\n});\n\nconst DefineChartSvg = styled('svg')({\n  paddingLeft: '50px',\n  overflow: 'visible',\n});\n\nconst ChartSvg = styled('svg')({\n  overflow: 'visible',\n});\n\nconst GraphBox = styled('g')({\n  cursor: 'pointer',\n  userSelect: 'none',\n});\n\nconst GraphTitle = styled('div')(({ theme }) => ({\n  color: color.defaults.TEXT,\n  fontSize: theme.typography.fontSize + 2,\n  padding: `${theme.spacing(1.5)} ${theme.spacing(0.5)} 0`,\n  textAlign: 'center',\n  '&.disabled': {\n    pointerEvents: 'none',\n  },\n  '&.rightMargin': {\n    marginRight: '74px',\n  },\n}));\n\nconst ChartTitle = styled('div')(({ theme }) => ({\n  color: color.defaults.TEXT,\n  fontSize: theme.typography.fontSize + 4,\n  padding: `${theme.spacing(1.5)} ${theme.spacing(0.5)} 0`,\n  textAlign: 'center',\n  '&.disabled': {\n    pointerEvents: 'none',\n  },\n  '&.rightMargin': {\n    marginRight: '74px',\n  },\n}));\n\nconst TopPixelGuides = styled('div')({\n  display: 'flex',\n  paddingTop: '6px',\n});\n\nconst TopPixelIndicator = styled('div')({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  width: '100px',\n  pointerEvents: 'none',\n  userSelect: 'none',\n});\n\nconst SidePixelGuides = styled('div')({\n  width: '70px',\n  display: 'flex',\n  flexDirection: 'column',\n  marginRight: '6px',\n});\n\nconst SidePixelIndicator = styled('div')({\n  textAlign: 'right',\n  height: '20px',\n  pointerEvents: 'none',\n  userSelect: 'none',\n  '&:not(:last-child)': {\n    marginBottom: '80px',\n  },\n});\n\nexport class Root extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      titleHeight: 0,\n    };\n    this.resizeObserver = null;\n  }\n\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    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.node());\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    this.measureTitleHeight();\n    this.setupVisibilityObserver();\n  }\n\n  componentWillUnmount() {\n    const g = select(this.g);\n    g.on('mousemove', null);\n    this.cleanupVisibilityObserver();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.title !== this.props.title) {\n      this.measureTitleHeight();\n    }\n  }\n\n  onChangeLabel = (newValue, side) => {\n    const { labels, onChangeLabels, isChart } = this.props;\n\n    if (!onChangeLabels) {\n      return;\n    }\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  measureTitleHeight = () => {\n    const titleElement = this.titleRef;\n    if (titleElement) {\n      const titleHeight = titleElement.clientHeight;\n      this.setState({ titleHeight, prevTitle: this.props.title });\n\n      if (!this.resizeObserver && typeof ResizeObserver !== 'undefined') {\n        this.setupVisibilityObserver();\n      }\n    }\n  };\n\n  handleKeyDown = () => {\n    setTimeout(() => {\n      this.measureTitleHeight();\n    }, 0);\n  };\n\n  // handle edge case where chart is hidden with display:none and then shown with display:block\n  setupVisibilityObserver = () => {\n    if (typeof ResizeObserver !== 'undefined' && this.titleRef) {\n      this.resizeObserver = new ResizeObserver((entries) => {\n        for (let entry of entries) {\n          const { width, height } = entry.contentRect;\n          // trigger if element becomes visible and we haven't measured this height yet\n          if (width > 0 && height > 0) {\n            setTimeout(() => {\n              this.measureTitleHeight();\n            }, 10);\n            break;\n          }\n        }\n      });\n\n      this.resizeObserver.observe(this.titleRef);\n    }\n  };\n\n  cleanupVisibilityObserver = () => {\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n      this.resizeObserver = null;\n    }\n  };\n\n  render() {\n    const {\n      disabledTitle,\n      disabledLabels,\n      labels,\n      labelsPlaceholders,\n      titlePlaceholder,\n      graphProps,\n      children,\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 = isEmptyString(extractTextFromHTML(labels?.left)) && isEmptyObject(labelsPlaceholders) ? 48 : 70;\n    const rightPadding =\n      isEmptyString(extractTextFromHTML(labels?.right)) && isEmptyObject(labelsPlaceholders) ? 48 : 70;\n    const finalWidth = width + leftPadding + rightPadding + (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      'superscript',\n      'subscript',\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    const { titleHeight } = this.state;\n    \n    return (\n      <StyledRoot>\n        {showPixelGuides && (\n          <TopPixelGuides style={{ marginLeft: isChart ? 80 : showLabels ? 30 : 10 }}>\n            {[...Array(nbOfVerticalLines + 1).keys()].map((value) => (\n              <Readable false key={`top-guide-${value}`}>\n                <TopPixelIndicator>\n                  <div>{value * 100}px</div>\n                  <div>|</div>\n                </TopPixelIndicator>\n              </Readable>\n            ))}\n          </TopPixelGuides>\n        )}\n        {showTitle &&\n          (disabledTitle ? (\n            <div\n              ref={(r) => (this.titleRef = r)}\n              style={{\n                ...(isChart && { width: finalWidth }),\n                ...(isEmptyString(extractTextFromHTML(title)) && { display: 'none' }),\n              }}\n            >\n              {isChart ? (\n                <ChartTitle className=\"disabled\" dangerouslySetInnerHTML={{ __html: title || '' }} />\n              ) : (\n                <GraphTitle className=\"disabled\" dangerouslySetInnerHTML={{ __html: title || '' }} />\n              )}\n            </div>\n          ) : (\n            <div ref={(r) => (this.titleRef = r)}>\n              {isChart ? (\n                <ChartTitle className={showPixelGuides ? 'rightMargin' : ''}>\n                  <EditableHtml\n                    style={\n                      isChart && {\n                        width: finalWidth,\n                      }\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={{ noPadding: true, noBorder: true }}\n                    activePlugins={activeTitlePlugins}\n                    disableScrollbar\n                    onKeyDown={this.handleKeyDown}\n                  />\n                </ChartTitle>\n              ) : (\n                <GraphTitle className={showPixelGuides ? 'rightMargin' : ''}>\n                  <EditableHtml\n                    style={\n                      isChart && {\n                        width: finalWidth,\n                      }\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={{ noPadding: true, noBorder: true }}\n                    activePlugins={activeTitlePlugins}\n                    disableScrollbar\n                    onKeyDown={this.handleKeyDown}\n                  />\n                </GraphTitle>\n              )}\n            </div>\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        <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          {defineChart ? (\n            <DefineChartSvg width={finalWidth} height={finalHeight}>\n              <GraphBox\n                ref={(r) => {\n                  this.g = r;\n                  if (rootRef) {\n                    rootRef(r);\n                  }\n                }}\n                transform={`translate(${leftPadding + (domain.padding || 0)}, ${topPadding + (range.padding || 0)})`}\n              >\n                {children}\n              </GraphBox>\n            </DefineChartSvg>\n          ) : (\n            <ChartSvg width={finalWidth} height={finalHeight}>\n              <GraphBox\n                ref={(r) => {\n                  this.g = r;\n                  if (rootRef) {\n                    rootRef(r);\n                  }\n                }}\n                transform={`translate(${leftPadding + (domain.padding || 0)}, ${topPadding + (range.padding || 0)})`}\n              >\n                {children}\n              </GraphBox>\n            </ChartSvg>\n          )}\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            <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                  <SidePixelIndicator>━ {value * 100}px</SidePixelIndicator>\n                </Readable>\n              ))}\n            </SidePixelGuides>\n          )}\n        </Wrapper>\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            titleHeight={titleHeight}\n            isChartBottomLabel={isChart && !defineChart}\n            isDefineChartBottomLabel={isChart && defineChart}\n            onChange={(value) => this.onChangeLabel(value, 'bottom')}\n            mathMlOptions={mathMlOptions}\n            charactersLimit={labelsCharactersLimit}\n          />\n        )}\n      </StyledRoot>\n    );\n  }\n}\n\nexport default Root;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"root.js","names":["_react","_interopRequireDefault","require","_styles","_propTypes","_d3Selection","_renderUi","_editableHtmlTipTap","_types","_label","_utils","_createForOfIteratorHelper","r","e","t","Symbol","iterator","Array","isArray","_unsupportedIterableToArray","length","_n","F","s","n","done","value","f","TypeError","o","a","u","call","next","_arrayLikeToArray","toString","slice","constructor","name","from","test","ownKeys","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","Boolean","prototype","valueOf","StyledRoot","styled","_ref","theme","border","concat","color","primaryLight","defaults","TEXT","backgroundColor","palette","common","white","touchAction","position","boxSizing","Wrapper","display","DefineChartSvg","paddingLeft","overflow","ChartSvg","GraphBox","cursor","userSelect","GraphTitle","_ref2","fontSize","typography","padding","spacing","textAlign","pointerEvents","marginRight","ChartTitle","_ref3","TopPixelGuides","paddingTop","TopPixelIndicator","flexDirection","alignItems","width","SidePixelGuides","SidePixelIndicator","height","marginBottom","Root","exports","_React$Component","props","_this","_classCallCheck2","g","_this$props","graphProps","onMouseMove","scale","snap","coords","mouse","node","x","invert","y","snapped","newValue","side","_this$props2","labels","onChangeLabels","isChart","titleElement","titleRef","titleHeight","clientHeight","setState","prevTitle","title","resizeObserver","ResizeObserver","setupVisibilityObserver","setTimeout","measureTitleHeight","entries","_iterator","_step","entry","_entry$contentRect","contentRect","err","observe","disconnect","state","_inherits2","_createClass2","key","componentDidMount","select","on","mouseMove","bind","componentWillUnmount","cleanupVisibilityObserver","componentDidUpdate","prevProps","render","_this2","_this$props3","disabledTitle","disabledLabels","labelsPlaceholders","titlePlaceholder","children","defineChart","onChangeTitle","showLabels","showPixelGuides","showTitle","rootRef","_this$props3$mathMlOp","mathMlOptions","labelsCharactersLimit","_graphProps$size","size","_graphProps$size$widt","_graphProps$size$heig","domain","range","topPadding","leftPadding","isEmptyString","extractTextFromHTML","left","isEmptyObject","rightPadding","right","finalWidth","finalHeight","activeTitlePlugins","actualHeight","nbOfVerticalLines","parseInt","nbOfHorizontalLines","sideGridlinesPadding","createElement","style","marginLeft","_toConsumableArray2","map","Readable","ref","className","dangerouslySetInnerHTML","__html","markup","onChange","placeholder","toolbarOpts","noPadding","noBorder","activePlugins","disableScrollbar","onKeyDown","handleKeyDown","text","top","disabledLabel","graphHeight","graphWidth","onChangeLabel","charactersLimit","isChartLeftLabel","isDefineChartLeftLabel","transform","marginTop","reverse","bottom","isChartBottomLabel","isDefineChartBottomLabel","React","Component","PropTypes","string","ChildrenType","bool","GraphPropsType","isRequired","object","func","number","_default"],"sources":["../src/root.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport PropTypes from 'prop-types';\nimport { select, mouse } from 'd3-selection';\n\nimport { color, Readable } from '@pie-lib/render-ui';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\nimport { ChildrenType } from './types';\nimport { GraphPropsType } from './types';\nimport Label from './label';\nimport { extractTextFromHTML, isEmptyObject, isEmptyString } from './utils';\n\nconst StyledRoot = styled('div')(({ theme }) => ({\n  border: `solid 1px ${color.primaryLight()}`,\n  color: color.defaults.TEXT,\n  backgroundColor: theme.palette.common.white,\n  touchAction: 'none',\n  position: 'relative',\n  boxSizing: 'unset', // to override the default border-box in IBX that breaks the component width layout\n}));\n\nconst Wrapper = styled('div')({\n  display: 'flex',\n  position: 'relative',\n});\n\nconst DefineChartSvg = styled('svg')({\n  paddingLeft: '50px',\n  overflow: 'visible',\n});\n\nconst ChartSvg = styled('svg')({\n  overflow: 'visible',\n});\n\nconst GraphBox = styled('g')({\n  cursor: 'pointer',\n  userSelect: 'none',\n});\n\nconst GraphTitle = styled('div')(({ theme }) => ({\n  color: color.defaults.TEXT,\n  fontSize: theme.typography.fontSize + 2,\n  padding: `${theme.spacing(1.5)} ${theme.spacing(0.5)} 0`,\n  textAlign: 'center',\n  '&.disabled': {\n    pointerEvents: 'none',\n  },\n  '&.rightMargin': {\n    marginRight: '74px',\n  },\n}));\n\nconst ChartTitle = styled('div')(({ theme }) => ({\n  color: color.defaults.TEXT,\n  fontSize: theme.typography.fontSize + 4,\n  padding: `${theme.spacing(1.5)} ${theme.spacing(0.5)} 0`,\n  textAlign: 'center',\n  '&.disabled': {\n    pointerEvents: 'none',\n  },\n  '&.rightMargin': {\n    marginRight: '74px',\n  },\n}));\n\nconst TopPixelGuides = styled('div')({\n  display: 'flex',\n  paddingTop: '6px',\n});\n\nconst TopPixelIndicator = styled('div')({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  width: '100px',\n  pointerEvents: 'none',\n  userSelect: 'none',\n});\n\nconst SidePixelGuides = styled('div')({\n  width: '70px',\n  display: 'flex',\n  flexDirection: 'column',\n  marginRight: '6px',\n});\n\nconst SidePixelIndicator = styled('div')({\n  textAlign: 'right',\n  height: '20px',\n  pointerEvents: 'none',\n  userSelect: 'none',\n  '&:not(:last-child)': {\n    marginBottom: '80px',\n  },\n});\n\nexport class Root extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      titleHeight: 0,\n    };\n    this.resizeObserver = null;\n  }\n\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    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.node());\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    this.measureTitleHeight();\n    this.setupVisibilityObserver();\n  }\n\n  componentWillUnmount() {\n    const g = select(this.g);\n    g.on('mousemove', null);\n    this.cleanupVisibilityObserver();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.title !== this.props.title) {\n      this.measureTitleHeight();\n    }\n  }\n\n  onChangeLabel = (newValue, side) => {\n    const { labels, onChangeLabels, isChart } = this.props;\n\n    if (!onChangeLabels) {\n      return;\n    }\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  measureTitleHeight = () => {\n    const titleElement = this.titleRef;\n    if (titleElement) {\n      const titleHeight = titleElement.clientHeight;\n      this.setState({ titleHeight, prevTitle: this.props.title });\n\n      if (!this.resizeObserver && typeof ResizeObserver !== 'undefined') {\n        this.setupVisibilityObserver();\n      }\n    }\n  };\n\n  handleKeyDown = () => {\n    setTimeout(() => {\n      this.measureTitleHeight();\n    }, 0);\n  };\n\n  // handle edge case where chart is hidden with display:none and then shown with display:block\n  setupVisibilityObserver = () => {\n    if (typeof ResizeObserver !== 'undefined' && this.titleRef) {\n      this.resizeObserver = new ResizeObserver((entries) => {\n        for (let entry of entries) {\n          const { width, height } = entry.contentRect;\n          // trigger if element becomes visible and we haven't measured this height yet\n          if (width > 0 && height > 0) {\n            setTimeout(() => {\n              this.measureTitleHeight();\n            }, 10);\n            break;\n          }\n        }\n      });\n\n      this.resizeObserver.observe(this.titleRef);\n    }\n  };\n\n  cleanupVisibilityObserver = () => {\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n      this.resizeObserver = null;\n    }\n  };\n\n  render() {\n    const {\n      disabledTitle,\n      disabledLabels,\n      labels,\n      labelsPlaceholders,\n      titlePlaceholder,\n      graphProps,\n      children,\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 = isEmptyString(extractTextFromHTML(labels?.left)) && isEmptyObject(labelsPlaceholders) ? 48 : 70;\n    const rightPadding =\n      isEmptyString(extractTextFromHTML(labels?.right)) && isEmptyObject(labelsPlaceholders) ? 48 : 70;\n    const finalWidth = width + leftPadding + rightPadding + (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      'superscript',\n      'subscript',\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    const { titleHeight } = this.state;\n\n    return (\n      <StyledRoot>\n        {showPixelGuides && (\n          <TopPixelGuides style={{ marginLeft: isChart ? 80 : showLabels ? 30 : 10 }}>\n            {[...Array(nbOfVerticalLines + 1).keys()].map((value) => (\n              <Readable false key={`top-guide-${value}`}>\n                <TopPixelIndicator>\n                  <div>{value * 100}px</div>\n                  <div>|</div>\n                </TopPixelIndicator>\n              </Readable>\n            ))}\n          </TopPixelGuides>\n        )}\n        {showTitle &&\n          (disabledTitle ? (\n            <div\n              ref={(r) => (this.titleRef = r)}\n              style={{\n                ...(isChart && { width: finalWidth }),\n                ...(isEmptyString(extractTextFromHTML(title)) && { display: 'none' }),\n              }}\n            >\n              {isChart ? (\n                <ChartTitle className=\"disabled\" dangerouslySetInnerHTML={{ __html: title || '' }} />\n              ) : (\n                <GraphTitle className=\"disabled\" dangerouslySetInnerHTML={{ __html: title || '' }} />\n              )}\n            </div>\n          ) : (\n            <div ref={(r) => (this.titleRef = r)}>\n              {isChart ? (\n                <ChartTitle className={showPixelGuides ? 'rightMargin' : ''}>\n                  <EditableHtml\n                    style={\n                      isChart && {\n                        width: finalWidth,\n                      }\n                    }\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={{ noPadding: true, noBorder: true }}\n                    activePlugins={activeTitlePlugins}\n                    disableScrollbar\n                    onKeyDown={this.handleKeyDown}\n                  />\n                </ChartTitle>\n              ) : (\n                <GraphTitle className={showPixelGuides ? 'rightMargin' : ''}>\n                  <EditableHtml\n                    style={\n                      isChart && {\n                        width: finalWidth,\n                      }\n                    }\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={{ noPadding: true, noBorder: true }}\n                    activePlugins={activeTitlePlugins}\n                    disableScrollbar\n                    onKeyDown={this.handleKeyDown}\n                  />\n                </GraphTitle>\n              )}\n            </div>\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        <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          {defineChart ? (\n            <DefineChartSvg width={finalWidth} height={finalHeight}>\n              <GraphBox\n                ref={(r) => {\n                  this.g = r;\n                  if (rootRef) {\n                    rootRef(r);\n                  }\n                }}\n                transform={`translate(${leftPadding + (domain.padding || 0)}, ${topPadding + (range.padding || 0)})`}\n              >\n                {children}\n              </GraphBox>\n            </DefineChartSvg>\n          ) : (\n            <ChartSvg width={finalWidth} height={finalHeight}>\n              <GraphBox\n                ref={(r) => {\n                  this.g = r;\n                  if (rootRef) {\n                    rootRef(r);\n                  }\n                }}\n                transform={`translate(${leftPadding + (domain.padding || 0)}, ${topPadding + (range.padding || 0)})`}\n              >\n                {children}\n              </GraphBox>\n            </ChartSvg>\n          )}\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            <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                  <SidePixelIndicator>━ {value * 100}px</SidePixelIndicator>\n                </Readable>\n              ))}\n            </SidePixelGuides>\n          )}\n        </Wrapper>\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            titleHeight={titleHeight}\n            isChartBottomLabel={isChart && !defineChart}\n            isDefineChartBottomLabel={isChart && defineChart}\n            onChange={(value) => this.onChangeLabel(value, 'bottom')}\n            mathMlOptions={mathMlOptions}\n            charactersLimit={labelsCharactersLimit}\n          />\n        )}\n      </StyledRoot>\n    );\n  }\n}\n\nexport default Root;\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "2.27.3-next.163+60a96cde",
+  "version": "2.27.3-next.203+fbf4a810",
   "description": "Some underlying components for building charts/graphs",
   "keywords": [
     "react",
@@ -21,8 +21,8 @@
     "@mapbox/point-geometry": "^0.1.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/editable-html": "11.21.3-next.163+60a96cde",
-    "@pie-lib/render-ui": "4.35.3-next.163+60a96cde",
+    "@pie-lib/editable-html-tip-tap": "1.0.21-next.6053+fbf4a810",
+    "@pie-lib/render-ui": "4.35.4-next.0",
     "assert": "^1.4.1",
     "d3-scale": "^2.1.2",
     "d3-selection": "^1.3.2",
@@ -38,6 +38,6 @@
   "peerDependencies": {
     "react": "^18.2.0"
   },
-  "gitHead": "60a96cde0ec65f6b1cac0ae329aa33a0abc50d05",
+  "gitHead": "fbf4a810003eeb0a0e984ff8f55362ad94cf4b71",
   "scripts": {}
 }

package/src/label.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { Readable } from '@pie-lib/render-ui';
-import EditableHtml from '@pie-lib/editable-html';
+import EditableHtml from '@pie-lib/editable-html-tip-tap';
 import PropTypes from 'prop-types';
 import { extractTextFromHTML, isEmptyString } from './utils';
 
@@ -64,31 +64,16 @@ const LabelComponent = (props) => {
     titleHeight,
   } = props;
 
-const [rotatedToHorizontal, setRotatedToHorizontal] = useState(false);
+  const [rotatedToHorizontal, setRotatedToHorizontal] = useState(false);
 
-  const activePlugins = [
-    'bold',
-    'italic',
-    'underline',
-    'strikethrough',
-    'math',
-  ];
+  const activePlugins = ['bold', 'italic', 'underline', 'strikethrough', 'math'];
 
-  const isChart =
-    isChartBottomLabel ||
-    isChartLeftLabel ||
-    isDefineChartBottomLabel ||
-    isDefineChartLeftLabel;
+  const isChart = isChartBottomLabel || isChartLeftLabel || isDefineChartBottomLabel || isDefineChartLeftLabel;
 
-  const chartValue =
-    side === 'left' && isDefineChartLeftLabel && graphHeight - 220;
+  const chartValue = side === 'left' && isDefineChartLeftLabel && graphHeight - 220;
 
   const defaultStyle = {
-    width:
-      chartValue ||
-      (side === 'left' || side === 'right'
-        ? graphHeight - 8
-        : graphWidth - 8),
+    width: chartValue || (side === 'left' || side === 'right' ? graphHeight - 8 : graphWidth - 8),
     top:
       chartValue ||
       (isChartLeftLabel && `${graphHeight - 70}px`) ||
@@ -131,27 +116,15 @@ const [rotatedToHorizontal, setRotatedToHorizontal] = useState(false);
         style={{
           ...(rotatedToHorizontal ? rotatedStyle : defaultStyle),
           ...(isChart ? styles.chartLabel : styles.axisLabel),
-          ...(side === 'left' && !rotatedToHorizontal
-            ? styles.rotateLeftLabel
-            : {}),
-          ...(side === 'right' && !rotatedToHorizontal
-            ? styles.rotateRightLabel
-            : {}),
+          ...(side === 'left' && !rotatedToHorizontal ? styles.rotateLeftLabel : {}),
+          ...(side === 'right' && !rotatedToHorizontal ? styles.rotateRightLabel : {}),
           ...(rotatedToHorizontal ? styles.editLabel : {}),
-          ...((isChartBottomLabel || isDefineChartBottomLabel)
-            ? styles.customBottom
-            : {}),
-          ...((disabledLabel &&
-            !isChart &&
-            isEmptyString(extractTextFromHTML(text))) &&
-            styles.displayNone),
+          ...(isChartBottomLabel || isDefineChartBottomLabel ? styles.customBottom : {}),
+          ...(disabledLabel && !isChart && isEmptyString(extractTextFromHTML(text)) && styles.displayNone),
         }}
       >
         {disabledLabel ? (
-          <div
-            style={styles.disabledLabel}
-            dangerouslySetInnerHTML={{ __html: text || '' }}
-          />
+          <div style={styles.disabledLabel} dangerouslySetInnerHTML={{ __html: text || '' }} />
         ) : (
           <EditableHtml
             markup={text || ''}

package/src/root.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { select, mouse } from 'd3-selection';
 
 import { color, Readable } from '@pie-lib/render-ui';
-import EditableHtml from '@pie-lib/editable-html';
+import EditableHtml from '@pie-lib/editable-html-tip-tap';
 import { ChildrenType } from './types';
 import { GraphPropsType } from './types';
 import Label from './label';
@@ -282,7 +282,7 @@ export class Root extends React.Component {
     const nbOfHorizontalLines = parseInt(actualHeight / 100);
     const sideGridlinesPadding = parseInt(actualHeight % 100);
     const { titleHeight } = this.state;
-    
+
     return (
       <StyledRoot>
         {showPixelGuides && (
@@ -325,7 +325,8 @@ export class Root extends React.Component {
                     markup={title || ''}
                     onChange={onChangeTitle}
                     placeholder={
-                      (defineChart && titlePlaceholder) || (!disabledTitle && 'Click here to add a title for this graph')
+                      (defineChart && titlePlaceholder) ||
+                      (!disabledTitle && 'Click here to add a title for this graph')
                     }
                     toolbarOpts={{ noPadding: true, noBorder: true }}
                     activePlugins={activeTitlePlugins}
@@ -344,7 +345,8 @@ export class Root extends React.Component {
                     markup={title || ''}
                     onChange={onChangeTitle}
                     placeholder={
-                      (defineChart && titlePlaceholder) || (!disabledTitle && 'Click here to add a title for this graph')
+                      (defineChart && titlePlaceholder) ||
+                      (!disabledTitle && 'Click here to add a title for this graph')
                     }
                     toolbarOpts={{ noPadding: true, noBorder: true }}
                     activePlugins={activeTitlePlugins}