@pie-lib/editable-html 7.17.4-next.367 → 7.17.4-next.369

package/lib/plugins/toolbar/toolbar.js

@@ -7,7 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Toolbar = void 0;
 
-var _doneButton = require("./done-button");
+var _react = _interopRequireDefault(require("react"));
+
+var _slate = require("slate");
 
 var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
 
@@ -15,8 +17,6 @@ var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton")
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _debug = _interopRequireDefault(require("debug"));
@@ -25,6 +25,8 @@ var _slatePropTypes = _interopRequireDefault(require("slate-prop-types"));
 
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
 
+var _doneButton = require("./done-button");
+
 var _utils = require("../utils");
 
 var _styles = require("@material-ui/core/styles");
@@ -209,6 +211,11 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
       log('[render] plugin: ', plugin);
 
       var handleDone = function handleDone(change, done) {
+        // use handler only if this is an actual Slate Change
+        if (!(change instanceof _slate.Change)) {
+          return;
+        }
+
         var handler = onDone;
 
         if (plugin && plugin.toolbar && plugin.toolbar.customToolbar) {

package/lib/plugins/toolbar/toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.js","names":["log","debug","getCustomToolbar","plugin","node","value","handleDone","onDataChange","toolbar","CustomToolbarComp","customToolbar","Toolbar","props","type","marks","some","mark","blocks","onChange","onToggle","change","e","preventDefault","fn","finishEditing","onDone","debounce","deleteNode","persist","onDeleteClick","state","classes","plugins","pluginProps","toolbarOpts","autoWidth","isFocused","toolbarRef","findSingleNode","parentNode","findParentNode","find","p","supports","parentPlugin","done","handler","onToolbarDone","handleDataChange","key","data","CustomToolbar","filteredPlugins","filterPlugins","parentExtraStyles","pluginStyles","pluginExtraStyles","extraStyles","deletable","customToolbarShowDone","showDone","alwaysVisible","defaultToolbarShowDone","hasDoneButton","names","classNames","toolbarWithNoDone","toolbarTop","position","toolbarRight","alignment","focused","fullWidth","onClick","shared","iconRoot","onDeleteMouseDown","root","React","Component","zIndex","PropTypes","number","SlatePropTypes","isRequired","array","object","onImageClick","func","bool","shape","oneOf","ref","style","cursor","justifyContent","background","minWidth","margin","padding","boxShadow","boxSizing","display","top","right","width","height","verticalAlign","label","color","withStyles","index"],"sources":["../../../src/plugins/toolbar/toolbar.jsx"],"sourcesContent":["import { DoneButton } from './done-button';\nimport Delete from '@material-ui/icons/Delete';\nimport IconButton from '@material-ui/core/IconButton';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport SlatePropTypes from 'slate-prop-types';\nimport debounce from 'lodash/debounce';\n\nimport { findSingleNode, findParentNode } from '../utils';\nimport { withStyles } from '@material-ui/core/styles';\nimport DefaultToolbar from './default-toolbar';\n\nconst log = debug('@pie-lib:editable-html:plugins:toolbar');\n\nconst getCustomToolbar = (plugin, node, value, handleDone, onDataChange) => {\n  if (!plugin) {\n    return;\n  }\n  if (!plugin.toolbar) {\n    return;\n  }\n  if (plugin.toolbar.CustomToolbarComp) {\n    /**\n     * Using a pre-defined Component should be preferred\n     * as the rendering of it (and it's children) can be optimized by React.\n     * If you keep re-defining the comp with an inline function\n     * then react will have to re-render.\n     */\n    return plugin.toolbar.CustomToolbarComp;\n  } else if (typeof plugin.toolbar.customToolbar === 'function') {\n    log('deprecated - use CustomToolbarComp');\n    return plugin.toolbar.customToolbar(node, value, handleDone, onDataChange);\n  }\n};\n\nexport class Toolbar extends React.Component {\n  static propTypes = {\n    zIndex: PropTypes.number,\n    value: SlatePropTypes.value.isRequired,\n    plugins: PropTypes.array,\n    plugin: PropTypes.object,\n    onImageClick: PropTypes.func,\n    onDone: PropTypes.func.isRequired,\n    toolbarRef: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    isFocused: PropTypes.bool,\n    autoWidth: PropTypes.bool,\n    onChange: PropTypes.func.isRequired,\n    pluginProps: PropTypes.object,\n    toolbarOpts: PropTypes.shape({\n      position: PropTypes.oneOf(['bottom', 'top']),\n      alignment: PropTypes.oneOf(['left', 'right']),\n      alwaysVisible: PropTypes.bool,\n      ref: PropTypes.func,\n      showDone: PropTypes.bool\n    }),\n    onDataChange: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      change: null\n    };\n  }\n\n  hasMark = type => {\n    const { value } = this.props;\n    return value.marks.some(mark => mark.type == type);\n  };\n\n  hasBlock = type => {\n    const { value } = this.props;\n    return value.blocks.some(node => node.type == type);\n  };\n\n  onToggle = plugin => {\n    const { value, onChange } = this.props;\n\n    if (!plugin.onToggle) return;\n\n    const change = plugin.onToggle(value.change());\n    onChange(change);\n  };\n\n  onClick = e => {\n    log('[onClick]');\n    e.preventDefault();\n  };\n\n  onButtonClick = fn => {\n    return e => {\n      e.preventDefault();\n      fn();\n    };\n  };\n\n  onToolbarDone = (change, finishEditing) => {\n    log('[onToolbarDone] change: ', change, 'finishEditing: ', finishEditing);\n    const { onChange, onDone } = this.props;\n\n    if (change) {\n      onChange(change, () => {\n        if (finishEditing) {\n          onDone();\n        }\n      });\n    } else {\n      if (finishEditing) {\n        log('[onToolbarChange] call onDone');\n        onDone();\n      }\n    }\n  };\n\n  onDeleteClick = debounce(\n    (e, plugin, node, value, onChange) => plugin.deleteNode(e, node, value, onChange),\n    500\n  );\n\n  onDeleteMouseDown = (e, plugin, node, value, onChange) => {\n    e.persist();\n    this.onDeleteClick(e, plugin, node, value, onChange);\n  };\n\n  render() {\n    const {\n      classes,\n      plugins,\n      pluginProps,\n      toolbarOpts,\n      value,\n      autoWidth,\n      onChange,\n      isFocused,\n      onDone,\n      toolbarRef\n    } = this.props;\n\n    const node = findSingleNode(value);\n    const parentNode = findParentNode(value, node);\n\n    log(' --------------> [render] node: ', node);\n    log('[render] node: ', node);\n\n    const plugin = plugins.find(p => {\n      if (!node) {\n        return;\n      }\n\n      if (p.toolbar) {\n        return p.toolbar.supports && p.toolbar.supports(node, value);\n      }\n    });\n    const parentPlugin = plugins.find(p => {\n      if (!parentNode) {\n        return;\n      }\n\n      if (p.toolbar) {\n        return p.toolbar.supports && p.toolbar.supports(parentNode, value);\n      }\n    });\n\n    log('[render] plugin: ', plugin);\n\n    const handleDone = (change, done) => {\n      let handler = onDone;\n\n      if (plugin && plugin.toolbar && plugin.toolbar.customToolbar) {\n        handler = this.onToolbarDone;\n      }\n\n      handler(change, done);\n\n      if (parentPlugin && parentPlugin.handleDone) {\n        parentPlugin.handleDone(value, node, plugin, onChange);\n      }\n    };\n\n    const handleDataChange = (key, data) => {\n      this.props.onDataChange(key, data);\n    };\n\n    const CustomToolbar = getCustomToolbar(\n      plugin,\n      node,\n      value,\n      handleDone,\n      this.props.onDataChange\n    );\n\n    const filteredPlugins =\n      plugin && plugin.filterPlugins ? plugin.filterPlugins(node, plugins) : plugins;\n\n    log('[render] CustomToolbar: ', CustomToolbar);\n    const parentExtraStyles =\n      parentPlugin && parentPlugin.pluginStyles\n        ? parentPlugin.pluginStyles(node, parentNode, plugin)\n        : {};\n    const pluginExtraStyles =\n      plugin && plugin.pluginStyles ? plugin.pluginStyles(node, parentNode, plugin) : {};\n    const extraStyles = {\n      ...pluginExtraStyles,\n      ...parentExtraStyles\n    };\n\n    const deletable = node && plugin && plugin.deleteNode;\n    const customToolbarShowDone =\n      node && plugin && plugin.toolbar && plugin.toolbar.showDone && !toolbarOpts.alwaysVisible;\n\n    // If there is a toolbarOpts we check if the showDone is not equal to false\n    const defaultToolbarShowDone = !toolbarOpts || toolbarOpts.showDone !== false;\n\n    const hasDoneButton = defaultToolbarShowDone || customToolbarShowDone;\n\n    const names = classNames(classes.toolbar, {\n      [classes.toolbarWithNoDone]: !hasDoneButton,\n      [classes.toolbarTop]: toolbarOpts.position === 'top',\n      [classes.toolbarRight]: toolbarOpts.alignment === 'right',\n      [classes.focused]: toolbarOpts.alwaysVisible || isFocused,\n      [classes.autoWidth]: autoWidth,\n      [classes.fullWidth]: !autoWidth\n    });\n\n    return (\n      <div className={names} style={extraStyles} onClick={this.onClick} ref={toolbarRef}>\n        {CustomToolbar ? (\n          <CustomToolbar\n            node={node}\n            value={value}\n            onToolbarDone={this.onToolbarDone}\n            onDataChange={handleDataChange}\n            pluginProps={pluginProps}\n          />\n        ) : (\n          <DefaultToolbar\n            plugins={filteredPlugins}\n            pluginProps={pluginProps}\n            value={value}\n            onChange={onChange}\n            showDone={defaultToolbarShowDone}\n            onDone={handleDone}\n            deletable={deletable}\n          />\n        )}\n\n        <div className={classes.shared}>\n          {deletable && (\n            <IconButton\n              aria-label=\"Delete\"\n              className={classes.iconRoot}\n              onMouseDown={e => this.onDeleteMouseDown(e, plugin, node, value, onChange)}\n              classes={{\n                root: classes.iconRoot\n              }}\n            >\n              <Delete />\n            </IconButton>\n          )}\n          {customToolbarShowDone && <DoneButton onClick={handleDone} />}\n        </div>\n      </div>\n    );\n  }\n}\n\nconst style = {\n  toolbar: {\n    position: 'absolute',\n    zIndex: 10,\n    cursor: 'pointer',\n    justifyContent: 'space-between',\n    background: 'var(--editable-html-toolbar-bg, #efefef)',\n    minWidth: '280px',\n    margin: '5px 0 0 0',\n    padding: '2px',\n    boxShadow:\n      '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)',\n    boxSizing: 'border-box',\n    display: 'none'\n  },\n  toolbarWithNoDone: {\n    minWidth: '265px'\n  },\n  toolbarTop: {\n    top: '-45px'\n  },\n  toolbarRight: {\n    right: 0\n  },\n  fullWidth: {\n    width: '100%'\n  },\n  autoWidth: {\n    width: 'auto'\n  },\n  focused: {\n    display: 'flex'\n  },\n  iconRoot: {\n    width: '28px',\n    height: '28px',\n    padding: '4px',\n    verticalAlign: 'top'\n  },\n  label: {\n    color: 'var(--editable-html-toolbar-check, #00bb00)'\n  },\n  shared: {\n    display: 'flex'\n  }\n};\nexport default withStyles(style, { index: 1000 })(Toolbar);\n"],"mappings":"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"}
+{"version":3,"file":"toolbar.js","names":["log","debug","getCustomToolbar","plugin","node","value","handleDone","onDataChange","toolbar","CustomToolbarComp","customToolbar","Toolbar","props","type","marks","some","mark","blocks","onChange","onToggle","change","e","preventDefault","fn","finishEditing","onDone","debounce","deleteNode","persist","onDeleteClick","state","classes","plugins","pluginProps","toolbarOpts","autoWidth","isFocused","toolbarRef","findSingleNode","parentNode","findParentNode","find","p","supports","parentPlugin","done","Change","handler","onToolbarDone","handleDataChange","key","data","CustomToolbar","filteredPlugins","filterPlugins","parentExtraStyles","pluginStyles","pluginExtraStyles","extraStyles","deletable","customToolbarShowDone","showDone","alwaysVisible","defaultToolbarShowDone","hasDoneButton","names","classNames","toolbarWithNoDone","toolbarTop","position","toolbarRight","alignment","focused","fullWidth","onClick","shared","iconRoot","onDeleteMouseDown","root","React","Component","zIndex","PropTypes","number","SlatePropTypes","isRequired","array","object","onImageClick","func","bool","shape","oneOf","ref","style","cursor","justifyContent","background","minWidth","margin","padding","boxShadow","boxSizing","display","top","right","width","height","verticalAlign","label","color","withStyles","index"],"sources":["../../../src/plugins/toolbar/toolbar.jsx"],"sourcesContent":["import React from 'react';\nimport { Change } from 'slate';\nimport Delete from '@material-ui/icons/Delete';\nimport IconButton from '@material-ui/core/IconButton';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport SlatePropTypes from 'slate-prop-types';\nimport debounce from 'lodash/debounce';\n\nimport { DoneButton } from './done-button';\n\nimport { findSingleNode, findParentNode } from '../utils';\nimport { withStyles } from '@material-ui/core/styles';\nimport DefaultToolbar from './default-toolbar';\n\nconst log = debug('@pie-lib:editable-html:plugins:toolbar');\n\nconst getCustomToolbar = (plugin, node, value, handleDone, onDataChange) => {\n  if (!plugin) {\n    return;\n  }\n  if (!plugin.toolbar) {\n    return;\n  }\n  if (plugin.toolbar.CustomToolbarComp) {\n    /**\n     * Using a pre-defined Component should be preferred\n     * as the rendering of it (and it's children) can be optimized by React.\n     * If you keep re-defining the comp with an inline function\n     * then react will have to re-render.\n     */\n    return plugin.toolbar.CustomToolbarComp;\n  } else if (typeof plugin.toolbar.customToolbar === 'function') {\n    log('deprecated - use CustomToolbarComp');\n    return plugin.toolbar.customToolbar(node, value, handleDone, onDataChange);\n  }\n};\n\nexport class Toolbar extends React.Component {\n  static propTypes = {\n    zIndex: PropTypes.number,\n    value: SlatePropTypes.value.isRequired,\n    plugins: PropTypes.array,\n    plugin: PropTypes.object,\n    onImageClick: PropTypes.func,\n    onDone: PropTypes.func.isRequired,\n    toolbarRef: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    isFocused: PropTypes.bool,\n    autoWidth: PropTypes.bool,\n    onChange: PropTypes.func.isRequired,\n    pluginProps: PropTypes.object,\n    toolbarOpts: PropTypes.shape({\n      position: PropTypes.oneOf(['bottom', 'top']),\n      alignment: PropTypes.oneOf(['left', 'right']),\n      alwaysVisible: PropTypes.bool,\n      ref: PropTypes.func,\n      showDone: PropTypes.bool\n    }),\n    onDataChange: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      change: null\n    };\n  }\n\n  hasMark = type => {\n    const { value } = this.props;\n    return value.marks.some(mark => mark.type == type);\n  };\n\n  hasBlock = type => {\n    const { value } = this.props;\n    return value.blocks.some(node => node.type == type);\n  };\n\n  onToggle = plugin => {\n    const { value, onChange } = this.props;\n\n    if (!plugin.onToggle) return;\n\n    const change = plugin.onToggle(value.change());\n    onChange(change);\n  };\n\n  onClick = e => {\n    log('[onClick]');\n    e.preventDefault();\n  };\n\n  onButtonClick = fn => {\n    return e => {\n      e.preventDefault();\n      fn();\n    };\n  };\n\n  onToolbarDone = (change, finishEditing) => {\n    log('[onToolbarDone] change: ', change, 'finishEditing: ', finishEditing);\n    const { onChange, onDone } = this.props;\n\n    if (change) {\n      onChange(change, () => {\n        if (finishEditing) {\n          onDone();\n        }\n      });\n    } else {\n      if (finishEditing) {\n        log('[onToolbarChange] call onDone');\n        onDone();\n      }\n    }\n  };\n\n  onDeleteClick = debounce(\n    (e, plugin, node, value, onChange) => plugin.deleteNode(e, node, value, onChange),\n    500\n  );\n\n  onDeleteMouseDown = (e, plugin, node, value, onChange) => {\n    e.persist();\n    this.onDeleteClick(e, plugin, node, value, onChange);\n  };\n\n  render() {\n    const {\n      classes,\n      plugins,\n      pluginProps,\n      toolbarOpts,\n      value,\n      autoWidth,\n      onChange,\n      isFocused,\n      onDone,\n      toolbarRef\n    } = this.props;\n\n    const node = findSingleNode(value);\n    const parentNode = findParentNode(value, node);\n\n    log(' --------------> [render] node: ', node);\n    log('[render] node: ', node);\n\n    const plugin = plugins.find(p => {\n      if (!node) {\n        return;\n      }\n\n      if (p.toolbar) {\n        return p.toolbar.supports && p.toolbar.supports(node, value);\n      }\n    });\n    const parentPlugin = plugins.find(p => {\n      if (!parentNode) {\n        return;\n      }\n\n      if (p.toolbar) {\n        return p.toolbar.supports && p.toolbar.supports(parentNode, value);\n      }\n    });\n\n    log('[render] plugin: ', plugin);\n\n    const handleDone = (change, done) => {\n      // use handler only if this is an actual Slate Change\n      if (!(change instanceof Change)) {\n        return;\n      }\n\n      let handler = onDone;\n\n      if (plugin && plugin.toolbar && plugin.toolbar.customToolbar) {\n        handler = this.onToolbarDone;\n      }\n\n      handler(change, done);\n\n      if (parentPlugin && parentPlugin.handleDone) {\n        parentPlugin.handleDone(value, node, plugin, onChange);\n      }\n    };\n\n    const handleDataChange = (key, data) => {\n      this.props.onDataChange(key, data);\n    };\n\n    const CustomToolbar = getCustomToolbar(\n      plugin,\n      node,\n      value,\n      handleDone,\n      this.props.onDataChange\n    );\n\n    const filteredPlugins =\n      plugin && plugin.filterPlugins ? plugin.filterPlugins(node, plugins) : plugins;\n\n    log('[render] CustomToolbar: ', CustomToolbar);\n    const parentExtraStyles =\n      parentPlugin && parentPlugin.pluginStyles\n        ? parentPlugin.pluginStyles(node, parentNode, plugin)\n        : {};\n    const pluginExtraStyles =\n      plugin && plugin.pluginStyles ? plugin.pluginStyles(node, parentNode, plugin) : {};\n    const extraStyles = {\n      ...pluginExtraStyles,\n      ...parentExtraStyles\n    };\n\n    const deletable = node && plugin && plugin.deleteNode;\n    const customToolbarShowDone =\n      node && plugin && plugin.toolbar && plugin.toolbar.showDone && !toolbarOpts.alwaysVisible;\n\n    // If there is a toolbarOpts we check if the showDone is not equal to false\n    const defaultToolbarShowDone = !toolbarOpts || toolbarOpts.showDone !== false;\n\n    const hasDoneButton = defaultToolbarShowDone || customToolbarShowDone;\n\n    const names = classNames(classes.toolbar, {\n      [classes.toolbarWithNoDone]: !hasDoneButton,\n      [classes.toolbarTop]: toolbarOpts.position === 'top',\n      [classes.toolbarRight]: toolbarOpts.alignment === 'right',\n      [classes.focused]: toolbarOpts.alwaysVisible || isFocused,\n      [classes.autoWidth]: autoWidth,\n      [classes.fullWidth]: !autoWidth\n    });\n\n    return (\n      <div className={names} style={extraStyles} onClick={this.onClick} ref={toolbarRef}>\n        {CustomToolbar ? (\n          <CustomToolbar\n            node={node}\n            value={value}\n            onToolbarDone={this.onToolbarDone}\n            onDataChange={handleDataChange}\n            pluginProps={pluginProps}\n          />\n        ) : (\n          <DefaultToolbar\n            plugins={filteredPlugins}\n            pluginProps={pluginProps}\n            value={value}\n            onChange={onChange}\n            showDone={defaultToolbarShowDone}\n            onDone={handleDone}\n            deletable={deletable}\n          />\n        )}\n\n        <div className={classes.shared}>\n          {deletable && (\n            <IconButton\n              aria-label=\"Delete\"\n              className={classes.iconRoot}\n              onMouseDown={e => this.onDeleteMouseDown(e, plugin, node, value, onChange)}\n              classes={{\n                root: classes.iconRoot\n              }}\n            >\n              <Delete />\n            </IconButton>\n          )}\n          {customToolbarShowDone && <DoneButton onClick={handleDone} />}\n        </div>\n      </div>\n    );\n  }\n}\n\nconst style = {\n  toolbar: {\n    position: 'absolute',\n    zIndex: 10,\n    cursor: 'pointer',\n    justifyContent: 'space-between',\n    background: 'var(--editable-html-toolbar-bg, #efefef)',\n    minWidth: '280px',\n    margin: '5px 0 0 0',\n    padding: '2px',\n    boxShadow:\n      '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)',\n    boxSizing: 'border-box',\n    display: 'none'\n  },\n  toolbarWithNoDone: {\n    minWidth: '265px'\n  },\n  toolbarTop: {\n    top: '-45px'\n  },\n  toolbarRight: {\n    right: 0\n  },\n  fullWidth: {\n    width: '100%'\n  },\n  autoWidth: {\n    width: 'auto'\n  },\n  focused: {\n    display: 'flex'\n  },\n  iconRoot: {\n    width: '28px',\n    height: '28px',\n    padding: '4px',\n    verticalAlign: 'top'\n  },\n  label: {\n    color: 'var(--editable-html-toolbar-check, #00bb00)'\n  },\n  shared: {\n    display: 'flex'\n  }\n};\nexport default withStyles(style, { index: 1000 })(Toolbar);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,GAAG,GAAG,IAAAC,iBAAA,EAAM,wCAAN,CAAZ;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,MAAD,EAASC,IAAT,EAAeC,KAAf,EAAsBC,UAAtB,EAAkCC,YAAlC,EAAmD;EAC1E,IAAI,CAACJ,MAAL,EAAa;IACX;EACD;;EACD,IAAI,CAACA,MAAM,CAACK,OAAZ,EAAqB;IACnB;EACD;;EACD,IAAIL,MAAM,CAACK,OAAP,CAAeC,iBAAnB,EAAsC;IACpC;AACJ;AACA;AACA;AACA;AACA;IACI,OAAON,MAAM,CAACK,OAAP,CAAeC,iBAAtB;EACD,CARD,MAQO,IAAI,OAAON,MAAM,CAACK,OAAP,CAAeE,aAAtB,KAAwC,UAA5C,EAAwD;IAC7DV,GAAG,CAAC,oCAAD,CAAH;IACA,OAAOG,MAAM,CAACK,OAAP,CAAeE,aAAf,CAA6BN,IAA7B,EAAmCC,KAAnC,EAA0CC,UAA1C,EAAsDC,YAAtD,CAAP;EACD;AACF,CAnBD;;IAqBaI,O;;;;;EAwBX,iBAAYC,KAAZ,EAAmB;IAAA;;IAAA;;IACjB,0BAAMA,KAAN;;IADiB,0DAOT,UAAAC,IAAI,EAAI;MAChB,IAAQR,KAAR,GAAkB,MAAKO,KAAvB,CAAQP,KAAR;MACA,OAAOA,KAAK,CAACS,KAAN,CAAYC,IAAZ,CAAiB,UAAAC,IAAI;QAAA,OAAIA,IAAI,CAACH,IAAL,IAAaA,IAAjB;MAAA,CAArB,CAAP;IACD,CAVkB;;IAAA,2DAYR,UAAAA,IAAI,EAAI;MACjB,IAAQR,KAAR,GAAkB,MAAKO,KAAvB,CAAQP,KAAR;MACA,OAAOA,KAAK,CAACY,MAAN,CAAaF,IAAb,CAAkB,UAAAX,IAAI;QAAA,OAAIA,IAAI,CAACS,IAAL,IAAaA,IAAjB;MAAA,CAAtB,CAAP;IACD,CAfkB;;IAAA,2DAiBR,UAAAV,MAAM,EAAI;MACnB,kBAA4B,MAAKS,KAAjC;MAAA,IAAQP,KAAR,eAAQA,KAAR;MAAA,IAAea,QAAf,eAAeA,QAAf;MAEA,IAAI,CAACf,MAAM,CAACgB,QAAZ,EAAsB;MAEtB,IAAMC,MAAM,GAAGjB,MAAM,CAACgB,QAAP,CAAgBd,KAAK,CAACe,MAAN,EAAhB,CAAf;MACAF,QAAQ,CAACE,MAAD,CAAR;IACD,CAxBkB;;IAAA,0DA0BT,UAAAC,CAAC,EAAI;MACbrB,GAAG,CAAC,WAAD,CAAH;MACAqB,CAAC,CAACC,cAAF;IACD,CA7BkB;;IAAA,gEA+BH,UAAAC,EAAE,EAAI;MACpB,OAAO,UAAAF,CAAC,EAAI;QACVA,CAAC,CAACC,cAAF;QACAC,EAAE;MACH,CAHD;IAID,CApCkB;;IAAA,gEAsCH,UAACH,MAAD,EAASI,aAAT,EAA2B;MACzCxB,GAAG,CAAC,0BAAD,EAA6BoB,MAA7B,EAAqC,iBAArC,EAAwDI,aAAxD,CAAH;MACA,mBAA6B,MAAKZ,KAAlC;MAAA,IAAQM,QAAR,gBAAQA,QAAR;MAAA,IAAkBO,MAAlB,gBAAkBA,MAAlB;;MAEA,IAAIL,MAAJ,EAAY;QACVF,QAAQ,CAACE,MAAD,EAAS,YAAM;UACrB,IAAII,aAAJ,EAAmB;YACjBC,MAAM;UACP;QACF,CAJO,CAAR;MAKD,CAND,MAMO;QACL,IAAID,aAAJ,EAAmB;UACjBxB,GAAG,CAAC,+BAAD,CAAH;UACAyB,MAAM;QACP;MACF;IACF,CAtDkB;;IAAA,gEAwDH,IAAAC,oBAAA,EACd,UAACL,CAAD,EAAIlB,MAAJ,EAAYC,IAAZ,EAAkBC,KAAlB,EAAyBa,QAAzB;MAAA,OAAsCf,MAAM,CAACwB,UAAP,CAAkBN,CAAlB,EAAqBjB,IAArB,EAA2BC,KAA3B,EAAkCa,QAAlC,CAAtC;IAAA,CADc,EAEd,GAFc,CAxDG;;IAAA,oEA6DC,UAACG,CAAD,EAAIlB,MAAJ,EAAYC,IAAZ,EAAkBC,KAAlB,EAAyBa,QAAzB,EAAsC;MACxDG,CAAC,CAACO,OAAF;;MACA,MAAKC,aAAL,CAAmBR,CAAnB,EAAsBlB,MAAtB,EAA8BC,IAA9B,EAAoCC,KAApC,EAA2Ca,QAA3C;IACD,CAhEkB;;IAEjB,MAAKY,KAAL,GAAa;MACXV,MAAM,EAAE;IADG,CAAb;IAFiB;EAKlB;;;;WA6DD,kBAAS;MAAA;MAAA;;MACP,mBAWI,KAAKR,KAXT;MAAA,IACEmB,OADF,gBACEA,OADF;MAAA,IAEEC,OAFF,gBAEEA,OAFF;MAAA,IAGEC,WAHF,gBAGEA,WAHF;MAAA,IAIEC,WAJF,gBAIEA,WAJF;MAAA,IAKE7B,KALF,gBAKEA,KALF;MAAA,IAME8B,SANF,gBAMEA,SANF;MAAA,IAOEjB,QAPF,gBAOEA,QAPF;MAAA,IAQEkB,SARF,gBAQEA,SARF;MAAA,IASEX,MATF,gBASEA,MATF;MAAA,IAUEY,UAVF,gBAUEA,UAVF;MAaA,IAAMjC,IAAI,GAAG,IAAAkC,qBAAA,EAAejC,KAAf,CAAb;MACA,IAAMkC,UAAU,GAAG,IAAAC,qBAAA,EAAenC,KAAf,EAAsBD,IAAtB,CAAnB;MAEAJ,GAAG,CAAC,kCAAD,EAAqCI,IAArC,CAAH;MACAJ,GAAG,CAAC,iBAAD,EAAoBI,IAApB,CAAH;MAEA,IAAMD,MAAM,GAAG6B,OAAO,CAACS,IAAR,CAAa,UAAAC,CAAC,EAAI;QAC/B,IAAI,CAACtC,IAAL,EAAW;UACT;QACD;;QAED,IAAIsC,CAAC,CAAClC,OAAN,EAAe;UACb,OAAOkC,CAAC,CAAClC,OAAF,CAAUmC,QAAV,IAAsBD,CAAC,CAAClC,OAAF,CAAUmC,QAAV,CAAmBvC,IAAnB,EAAyBC,KAAzB,CAA7B;QACD;MACF,CARc,CAAf;MASA,IAAMuC,YAAY,GAAGZ,OAAO,CAACS,IAAR,CAAa,UAAAC,CAAC,EAAI;QACrC,IAAI,CAACH,UAAL,EAAiB;UACf;QACD;;QAED,IAAIG,CAAC,CAAClC,OAAN,EAAe;UACb,OAAOkC,CAAC,CAAClC,OAAF,CAAUmC,QAAV,IAAsBD,CAAC,CAAClC,OAAF,CAAUmC,QAAV,CAAmBJ,UAAnB,EAA+BlC,KAA/B,CAA7B;QACD;MACF,CARoB,CAArB;MAUAL,GAAG,CAAC,mBAAD,EAAsBG,MAAtB,CAAH;;MAEA,IAAMG,UAAU,GAAG,SAAbA,UAAa,CAACc,MAAD,EAASyB,IAAT,EAAkB;QACnC;QACA,IAAI,EAAEzB,MAAM,YAAY0B,aAApB,CAAJ,EAAiC;UAC/B;QACD;;QAED,IAAIC,OAAO,GAAGtB,MAAd;;QAEA,IAAItB,MAAM,IAAIA,MAAM,CAACK,OAAjB,IAA4BL,MAAM,CAACK,OAAP,CAAeE,aAA/C,EAA8D;UAC5DqC,OAAO,GAAG,MAAI,CAACC,aAAf;QACD;;QAEDD,OAAO,CAAC3B,MAAD,EAASyB,IAAT,CAAP;;QAEA,IAAID,YAAY,IAAIA,YAAY,CAACtC,UAAjC,EAA6C;UAC3CsC,YAAY,CAACtC,UAAb,CAAwBD,KAAxB,EAA+BD,IAA/B,EAAqCD,MAArC,EAA6Ce,QAA7C;QACD;MACF,CAjBD;;MAmBA,IAAM+B,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,GAAD,EAAMC,IAAN,EAAe;QACtC,MAAI,CAACvC,KAAL,CAAWL,YAAX,CAAwB2C,GAAxB,EAA6BC,IAA7B;MACD,CAFD;;MAIA,IAAMC,aAAa,GAAGlD,gBAAgB,CACpCC,MADoC,EAEpCC,IAFoC,EAGpCC,KAHoC,EAIpCC,UAJoC,EAKpC,KAAKM,KAAL,CAAWL,YALyB,CAAtC;MAQA,IAAM8C,eAAe,GACnBlD,MAAM,IAAIA,MAAM,CAACmD,aAAjB,GAAiCnD,MAAM,CAACmD,aAAP,CAAqBlD,IAArB,EAA2B4B,OAA3B,CAAjC,GAAuEA,OADzE;MAGAhC,GAAG,CAAC,0BAAD,EAA6BoD,aAA7B,CAAH;MACA,IAAMG,iBAAiB,GACrBX,YAAY,IAAIA,YAAY,CAACY,YAA7B,GACIZ,YAAY,CAACY,YAAb,CAA0BpD,IAA1B,EAAgCmC,UAAhC,EAA4CpC,MAA5C,CADJ,GAEI,EAHN;MAIA,IAAMsD,iBAAiB,GACrBtD,MAAM,IAAIA,MAAM,CAACqD,YAAjB,GAAgCrD,MAAM,CAACqD,YAAP,CAAoBpD,IAApB,EAA0BmC,UAA1B,EAAsCpC,MAAtC,CAAhC,GAAgF,EADlF;;MAEA,IAAMuD,WAAW,mCACZD,iBADY,GAEZF,iBAFY,CAAjB;;MAKA,IAAMI,SAAS,GAAGvD,IAAI,IAAID,MAAR,IAAkBA,MAAM,CAACwB,UAA3C;MACA,IAAMiC,qBAAqB,GACzBxD,IAAI,IAAID,MAAR,IAAkBA,MAAM,CAACK,OAAzB,IAAoCL,MAAM,CAACK,OAAP,CAAeqD,QAAnD,IAA+D,CAAC3B,WAAW,CAAC4B,aAD9E,CAxFO,CA2FP;;MACA,IAAMC,sBAAsB,GAAG,CAAC7B,WAAD,IAAgBA,WAAW,CAAC2B,QAAZ,KAAyB,KAAxE;MAEA,IAAMG,aAAa,GAAGD,sBAAsB,IAAIH,qBAAhD;MAEA,IAAMK,KAAK,GAAG,IAAAC,sBAAA,EAAWnC,OAAO,CAACvB,OAAnB,kDACXuB,OAAO,CAACoC,iBADG,EACiB,CAACH,aADlB,gCAEXjC,OAAO,CAACqC,UAFG,EAEUlC,WAAW,CAACmC,QAAZ,KAAyB,KAFnC,gCAGXtC,OAAO,CAACuC,YAHG,EAGYpC,WAAW,CAACqC,SAAZ,KAA0B,OAHtC,gCAIXxC,OAAO,CAACyC,OAJG,EAIOtC,WAAW,CAAC4B,aAAZ,IAA6B1B,SAJpC,gCAKXL,OAAO,CAACI,SALG,EAKSA,SALT,gCAMXJ,OAAO,CAAC0C,SANG,EAMS,CAACtC,SANV,gBAAd;MASA,oBACE;QAAK,SAAS,EAAE8B,KAAhB;QAAuB,KAAK,EAAEP,WAA9B;QAA2C,OAAO,EAAE,KAAKgB,OAAzD;QAAkE,GAAG,EAAErC;MAAvE,GACGe,aAAa,gBACZ,gCAAC,aAAD;QACE,IAAI,EAAEhD,IADR;QAEE,KAAK,EAAEC,KAFT;QAGE,aAAa,EAAE,KAAK2C,aAHtB;QAIE,YAAY,EAAEC,gBAJhB;QAKE,WAAW,EAAEhB;MALf,EADY,gBASZ,gCAAC,0BAAD;QACE,OAAO,EAAEoB,eADX;QAEE,WAAW,EAAEpB,WAFf;QAGE,KAAK,EAAE5B,KAHT;QAIE,QAAQ,EAAEa,QAJZ;QAKE,QAAQ,EAAE6C,sBALZ;QAME,MAAM,EAAEzD,UANV;QAOE,SAAS,EAAEqD;MAPb,EAVJ,eAqBE;QAAK,SAAS,EAAE5B,OAAO,CAAC4C;MAAxB,GACGhB,SAAS,iBACR,gCAAC,sBAAD;QACE,cAAW,QADb;QAEE,SAAS,EAAE5B,OAAO,CAAC6C,QAFrB;QAGE,WAAW,EAAE,qBAAAvD,CAAC;UAAA,OAAI,MAAI,CAACwD,iBAAL,CAAuBxD,CAAvB,EAA0BlB,MAA1B,EAAkCC,IAAlC,EAAwCC,KAAxC,EAA+Ca,QAA/C,CAAJ;QAAA,CAHhB;QAIE,OAAO,EAAE;UACP4D,IAAI,EAAE/C,OAAO,CAAC6C;QADP;MAJX,gBAQE,gCAAC,kBAAD,OARF,CAFJ,EAaGhB,qBAAqB,iBAAI,gCAAC,sBAAD;QAAY,OAAO,EAAEtD;MAArB,EAb5B,CArBF,CADF;IAuCD;;;;EA1O0ByE,iBAAA,CAAMC,S;;;;gBAAtBrE,O,eACQ;EACjBsE,MAAM,EAAEC,qBAAA,CAAUC,MADD;EAEjB9E,KAAK,EAAE+E,0BAAA,CAAe/E,KAAf,CAAqBgF,UAFX;EAGjBrD,OAAO,EAAEkD,qBAAA,CAAUI,KAHF;EAIjBnF,MAAM,EAAE+E,qBAAA,CAAUK,MAJD;EAKjBC,YAAY,EAAEN,qBAAA,CAAUO,IALP;EAMjBhE,MAAM,EAAEyD,qBAAA,CAAUO,IAAV,CAAeJ,UANN;EAOjBhD,UAAU,EAAE6C,qBAAA,CAAUO,IAAV,CAAeJ,UAPV;EAQjBtD,OAAO,EAAEmD,qBAAA,CAAUK,MAAV,CAAiBF,UART;EASjBjD,SAAS,EAAE8C,qBAAA,CAAUQ,IATJ;EAUjBvD,SAAS,EAAE+C,qBAAA,CAAUQ,IAVJ;EAWjBxE,QAAQ,EAAEgE,qBAAA,CAAUO,IAAV,CAAeJ,UAXR;EAYjBpD,WAAW,EAAEiD,qBAAA,CAAUK,MAZN;EAajBrD,WAAW,EAAEgD,qBAAA,CAAUS,KAAV,CAAgB;IAC3BtB,QAAQ,EAAEa,qBAAA,CAAUU,KAAV,CAAgB,CAAC,QAAD,EAAW,KAAX,CAAhB,CADiB;IAE3BrB,SAAS,EAAEW,qBAAA,CAAUU,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB,CAFgB;IAG3B9B,aAAa,EAAEoB,qBAAA,CAAUQ,IAHE;IAI3BG,GAAG,EAAEX,qBAAA,CAAUO,IAJY;IAK3B5B,QAAQ,EAAEqB,qBAAA,CAAUQ;EALO,CAAhB,CAbI;EAoBjBnF,YAAY,EAAE2E,qBAAA,CAAUO;AApBP,C;;AA4OrB,IAAMK,KAAK,GAAG;EACZtF,OAAO,EAAE;IACP6D,QAAQ,EAAE,UADH;IAEPY,MAAM,EAAE,EAFD;IAGPc,MAAM,EAAE,SAHD;IAIPC,cAAc,EAAE,eAJT;IAKPC,UAAU,EAAE,0CALL;IAMPC,QAAQ,EAAE,OANH;IAOPC,MAAM,EAAE,WAPD;IAQPC,OAAO,EAAE,KARF;IASPC,SAAS,EACP,+GAVK;IAWPC,SAAS,EAAE,YAXJ;IAYPC,OAAO,EAAE;EAZF,CADG;EAeZpC,iBAAiB,EAAE;IACjB+B,QAAQ,EAAE;EADO,CAfP;EAkBZ9B,UAAU,EAAE;IACVoC,GAAG,EAAE;EADK,CAlBA;EAqBZlC,YAAY,EAAE;IACZmC,KAAK,EAAE;EADK,CArBF;EAwBZhC,SAAS,EAAE;IACTiC,KAAK,EAAE;EADE,CAxBC;EA2BZvE,SAAS,EAAE;IACTuE,KAAK,EAAE;EADE,CA3BC;EA8BZlC,OAAO,EAAE;IACP+B,OAAO,EAAE;EADF,CA9BG;EAiCZ3B,QAAQ,EAAE;IACR8B,KAAK,EAAE,MADC;IAERC,MAAM,EAAE,MAFA;IAGRP,OAAO,EAAE,KAHD;IAIRQ,aAAa,EAAE;EAJP,CAjCE;EAuCZC,KAAK,EAAE;IACLC,KAAK,EAAE;EADF,CAvCK;EA0CZnC,MAAM,EAAE;IACN4B,OAAO,EAAE;EADH;AA1CI,CAAd;;eA8Ce,IAAAQ,kBAAA,EAAWjB,KAAX,EAAkB;EAAEkB,KAAK,EAAE;AAAT,CAAlB,EAAmCrG,OAAnC,C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/editable-html",
-  "version": "7.17.4-next.367+605aaece",
+  "version": "7.17.4-next.369+e5b19d2b",
   "description": "",
   "license": "ISC",
   "main": "lib/index.js",
@@ -46,6 +46,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "605aaece22d3f7ea4c8635b636fb9eb32eb74c4a",
+  "gitHead": "e5b19d2b46d6bb924ab042654c1742b3425ef83d",
   "scripts": {}
 }

package/src/plugins/toolbar/toolbar.jsx

@@ -1,13 +1,15 @@
-import { DoneButton } from './done-button';
+import React from 'react';
+import { Change } from 'slate';
 import Delete from '@material-ui/icons/Delete';
 import IconButton from '@material-ui/core/IconButton';
 import PropTypes from 'prop-types';
-import React from 'react';
 import classNames from 'classnames';
 import debug from 'debug';
 import SlatePropTypes from 'slate-prop-types';
 import debounce from 'lodash/debounce';
 
+import { DoneButton } from './done-button';
+
 import { findSingleNode, findParentNode } from '../utils';
 import { withStyles } from '@material-ui/core/styles';
 import DefaultToolbar from './default-toolbar';
@@ -167,6 +169,11 @@ export class Toolbar extends React.Component {
     log('[render] plugin: ', plugin);
 
     const handleDone = (change, done) => {
+      // use handler only if this is an actual Slate Change
+      if (!(change instanceof Change)) {
+        return;
+      }
+
       let handler = onDone;
 
       if (plugin && plugin.toolbar && plugin.toolbar.customToolbar) {