@pie-lib/editable-html 9.0.4 → 9.0.5

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [9.0.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.0.4...@pie-lib/editable-html@9.0.5) (2022-08-01)
+
+**Note:** Version bump only for package @pie-lib/editable-html
+
+
+
+
+
 ## [9.0.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.0.3...@pie-lib/editable-html@9.0.4) (2022-07-22)
 
 **Note:** Version bump only for package @pie-lib/editable-html

package/lib/editor.js

@@ -297,7 +297,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
       log('[onBlur] node: ', node);
       return new Promise(function (resolve) {
         _this.setState({
-          focusedNode: node
+          focusedNode: !node ? null : node
         }, _this.handleBlur.bind((0, _assertThisInitialized2["default"])(_this), resolve));
 
         _this.props.onBlur(event);

package/lib/editor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/editor.jsx"],"names":["log","defaultToolbarOpts","position","alignment","alwaysVisible","showDone","doneOn","defaultResponseAreaProps","options","respAreaToolbar","onHandleAreaChange","defaultLanguageCharactersProps","createToolbarOpts","toolbarOpts","Editor","props","normalizedResponseAreaProps","responseAreaProps","plugins","activePlugins","math","onClick","onMathClick","onFocus","onPluginFocus","onBlur","onPluginBlur","image","onDelete","imageSupport","src","done","e","state","value","insertImageRequested","getHandler","handler","add","maxImageWidth","maxImageHeight","toolbar","disableUnderline","autoWidth","autoWidthToolbar","onDone","nonEmpty","setState","toolbarInFocus","focusedNode","editor","blur","startText","text","length","resetValue","then","onEditingDone","table","responseArea","type","maxResponseAreas","error","languageCharacters","languageCharactersProps","media","focus","createChange","change","onChange","relatedTarget","target","node","stashedValue","stashValue","c","collapseToStartOf","selectedNode","resolve","event","Promise","handleBlur","bind","editorDOM","document","querySelector","key","setTimeout","wrapperRef","editorElement","activeElement","closest","className","toolbarElement","toolbarRef","isInCurrentComponent","contains","removeEventListener","handleDomBlur","__TEMPORARY_CHANGE_DATA","data","domEl","setNodeByKey","addEventListener","force","stopReset","reduce","s","p","isFocused","toObject","newValue","Value","fromJSON","toJSON","charactersLimit","v","endsWith","undefined","parseInt","isNaN","object","last","nodes","parent","getParent","Block","pos","dropContext","transfer","file","files","fragment","inline","Inline","create","isVoid","loading","range","select","ch","insertInline","insertFragment","selection","startBlock","defaultBlock","defaultMarks","getInsertMarksAtRange","frag","Plain","deserialize","onResize","handlePlugins","onRef","window","autoFocus","nextProps","newToolbarOpts","zeroWidthEls","querySelectorAll","Array","from","forEach","el","style","minWidth","display","equals","width","minHeight","height","maxHeight","valueToSize","disabled","spellCheck","highlightShape","classes","placeholder","pluginProps","onKeyDown","sizeStyle","buildSizeStyle","names","withBg","toolbarOnTop","ref","r","slateEditor","editorRef","onDropPaste","normalize","changeData","React","Component","PropTypes","bool","func","isRequired","SlateTypes","number","oneOfType","string","any","shape","oneOf","arrayOf","language","characterIcon","characters","values","allValid","every","ALL_PLUGINS","includes","Error","join","styles","backgroundColor","fontFamily","tableLayout","borderCollapse","color","background","borderTop","padding","textAlign","border","marginTop"],"mappings":"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","sourcesContent":["import { Editor as SlateEditor, findNode, getEventRange, getEventTransfer } from 'slate-react';\nimport SlateTypes from 'slate-prop-types';\n\nimport isEqual from 'lodash/isEqual';\nimport * as serialization from './serialization';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { Value, Block, Inline } from 'slate';\nimport { buildPlugins, ALL_PLUGINS, DEFAULT_PLUGINS } from './plugins';\nimport debug from 'debug';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { color } from '@pie-lib/render-ui';\nimport Plain from 'slate-plain-serializer';\n\nimport { getBase64 } from './serialization';\n\nexport { ALL_PLUGINS, DEFAULT_PLUGINS, serialization };\n\nconst log = debug('editable-html:editor');\n\nconst defaultToolbarOpts = {\n  position: 'bottom',\n  alignment: 'left',\n  alwaysVisible: false,\n  showDone: true,\n  doneOn: 'blur'\n};\n\nconst defaultResponseAreaProps = {\n  options: {},\n  respAreaToolbar: () => {},\n  onHandleAreaChange: () => {}\n};\n\nconst defaultLanguageCharactersProps = [];\n\nconst createToolbarOpts = toolbarOpts => {\n  return {\n    ...defaultToolbarOpts,\n    ...toolbarOpts\n  };\n};\n\nexport class Editor extends React.Component {\n  static propTypes = {\n    autoFocus: PropTypes.bool,\n    editorRef: PropTypes.func.isRequired,\n    onRef: PropTypes.func.isRequired,\n    onChange: PropTypes.func.isRequired,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    onKeyDown: PropTypes.func,\n    focus: PropTypes.func.isRequired,\n    value: SlateTypes.value.isRequired,\n    imageSupport: PropTypes.object,\n    charactersLimit: PropTypes.number,\n    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    minHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    classes: PropTypes.object.isRequired,\n    highlightShape: PropTypes.bool,\n    disabled: PropTypes.bool,\n    spellCheck: PropTypes.bool,\n    nonEmpty: PropTypes.bool,\n    disableUnderline: PropTypes.bool,\n    autoWidthToolbar: PropTypes.bool,\n    pluginProps: PropTypes.any,\n    placeholder: PropTypes.string,\n    responseAreaProps: PropTypes.shape({\n      type: PropTypes.oneOf([\n        'explicit-constructed-response',\n        'inline-dropdown',\n        'drag-in-the-blank'\n      ]),\n      options: PropTypes.object,\n      respAreaToolbar: PropTypes.func,\n      onHandleAreaChange: PropTypes.func\n    }),\n    languageCharactersProps: PropTypes.arrayOf(\n      PropTypes.shape({\n        language: PropTypes.string,\n        characterIcon: PropTypes.string,\n        characters: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.string))\n      })\n    ),\n    toolbarOpts: PropTypes.shape({\n      position: PropTypes.oneOf(['bottom', 'top']),\n      alignment: PropTypes.oneOf(['left', 'right']),\n      alwaysVisible: PropTypes.bool,\n      showDone: PropTypes.bool,\n      doneOn: PropTypes.string\n    }),\n    activePlugins: PropTypes.arrayOf(values => {\n      const allValid = values.every(v => ALL_PLUGINS.includes(v));\n\n      return (\n        !allValid &&\n        new Error(`Invalid values: ${values}, values must be one of [${ALL_PLUGINS.join(',')}]`)\n      );\n    }),\n    className: PropTypes.string,\n    maxImageWidth: PropTypes.number,\n    maxImageHeight: PropTypes.number\n  };\n\n  static defaultProps = {\n    disableUnderline: true,\n    onFocus: () => {},\n    onBlur: () => {},\n    onKeyDown: () => {},\n    toolbarOpts: defaultToolbarOpts,\n    responseAreaProps: defaultResponseAreaProps,\n    languageCharactersProps: defaultLanguageCharactersProps\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: props.value,\n      toolbarOpts: createToolbarOpts(props.toolbarOpts)\n    };\n\n    this.onResize = () => {\n      props.onChange(this.state.value, true);\n    };\n\n    this.handlePlugins(this.props);\n  }\n\n  handlePlugins = props => {\n    const normalizedResponseAreaProps = {\n      ...defaultResponseAreaProps,\n      ...props.responseAreaProps\n    };\n\n    this.plugins = buildPlugins(props.activePlugins, {\n      math: {\n        onClick: this.onMathClick,\n        onFocus: this.onPluginFocus,\n        onBlur: this.onPluginBlur\n      },\n      image: {\n        onDelete:\n          props.imageSupport &&\n          props.imageSupport.delete &&\n          ((src, done) => {\n            props.imageSupport.delete(src, e => {\n              done(e, this.state.value);\n            });\n          }),\n        insertImageRequested:\n          props.imageSupport &&\n          (getHandler => {\n            /**\n             * The handler is the object through which the outer context\n             * communicates file upload events like: fileChosen, cancel, progress\n             */\n            const handler = getHandler(() => this.state.value);\n            props.imageSupport.add(handler);\n          }),\n        onFocus: this.onPluginFocus,\n        onBlur: this.onPluginBlur,\n        maxImageWidth: this.props.maxImageWidth,\n        maxImageHeight: this.props.maxImageHeight\n      },\n      toolbar: {\n        /**\n         * To minimize converting html -> state -> html\n         * We only emit markup once 'done' is clicked.\n         */\n        disableUnderline: props.disableUnderline,\n        autoWidth: props.autoWidthToolbar,\n        onDone: () => {\n          const { nonEmpty } = props;\n\n          log('[onDone]');\n          this.setState({ toolbarInFocus: false, focusedNode: null });\n          this.editor.blur();\n\n          if (nonEmpty && this.state.value.startText?.text?.length === 0) {\n            this.resetValue(true).then(() => {\n              this.onEditingDone();\n            });\n          } else {\n            this.onEditingDone();\n          }\n        }\n      },\n      table: {\n        onFocus: () => {\n          log('[table:onFocus]...');\n          this.onPluginFocus();\n        },\n        onBlur: () => {\n          log('[table:onBlur]...');\n          this.onPluginBlur();\n        }\n      },\n      responseArea: {\n        type: normalizedResponseAreaProps.type,\n        options: normalizedResponseAreaProps.options,\n        maxResponseAreas: normalizedResponseAreaProps.maxResponseAreas,\n        respAreaToolbar: normalizedResponseAreaProps.respAreaToolbar,\n        onHandleAreaChange: normalizedResponseAreaProps.onHandleAreaChange,\n        error: normalizedResponseAreaProps.error,\n        onFocus: () => {\n          log('[table:onFocus]...');\n          this.onPluginFocus();\n        },\n        onBlur: () => {\n          log('[table:onBlur]...');\n          this.onPluginBlur();\n        }\n      },\n      languageCharacters: props.languageCharactersProps,\n      media: {\n        focus: this.focus,\n        createChange: () => this.state.value.change(),\n        onChange: this.onChange\n      }\n    });\n  };\n\n  componentDidMount() {\n    // onRef is needed to get the ref of the component because we export it using withStyles\n    this.props.onRef(this);\n\n    window.addEventListener('resize', this.onResize);\n\n    if (this.editor && this.props.autoFocus) {\n      Promise.resolve().then(() => {\n        if (this.editor) {\n          const editorDOM = document.querySelector(\n            `[data-key=\"${this.editor.value.document.key}\"]`\n          );\n\n          this.editor.focus();\n\n          if (editorDOM) {\n            editorDOM.focus();\n          }\n        }\n      });\n    }\n  }\n\n  componentWillReceiveProps(nextProps) {\n    const { toolbarOpts } = this.state;\n    const newToolbarOpts = createToolbarOpts(nextProps.toolbarOpts);\n\n    if (!isEqual(newToolbarOpts, toolbarOpts)) {\n      this.setState({\n        toolbarOpts: newToolbarOpts\n      });\n    }\n\n    if (!isEqual(nextProps.languageCharactersProps, this.props.languageCharactersProps)) {\n      this.handlePlugins(nextProps);\n    }\n  }\n\n  componentDidUpdate() {\n    // The cursor is on a zero width element and when that is placed near void elements, it is not visible\n    // so we increase the width to at least 2px in order for the user to see it\n    const zeroWidthEls = document.querySelectorAll('[data-slate-zero-width=\"z\"]');\n\n    Array.from(zeroWidthEls).forEach(el => {\n      el.style.minWidth = '2px';\n      el.style.display = 'inline-block';\n    });\n  }\n\n  onPluginBlur = e => {\n    log('[onPluginBlur]', e && e.relatedTarget);\n    const target = e && e.relatedTarget;\n\n    const node = target ? findNode(target, this.state.value) : null;\n    log('[onPluginBlur] node: ', node);\n    this.setState({ focusedNode: node }, () => {\n      this.resetValue();\n    });\n  };\n\n  onPluginFocus = e => {\n    log('[onPluginFocus]', e && e.target);\n    const target = e && e.target;\n    if (target) {\n      const node = findNode(target, this.state.value);\n      log('[onPluginFocus] node: ', node);\n\n      const stashedValue = this.state.stashedValue || this.state.value;\n      this.setState({ focusedNode: node, stashedValue });\n    } else {\n      this.setState({ focusedNode: null });\n    }\n    this.stashValue();\n  };\n\n  onMathClick = node => {\n    this.editor.change(c => c.collapseToStartOf(node));\n    this.setState({ selectedNode: node });\n  };\n\n  onEditingDone = () => {\n    log('[onEditingDone]');\n    this.setState({ stashedValue: null, focusedNode: null });\n    log('[onEditingDone] value: ', this.state.value);\n    this.props.onChange(this.state.value, true);\n  };\n\n  /**\n   * Remove onResize event listener\n   */\n  componentWillUnmount() {\n    window.removeEventListener('resize', this.onResize);\n  }\n\n  // Allowing time for onChange to take effect if it is called\n  handleBlur = resolve => {\n    const { nonEmpty } = this.props;\n    const {\n      toolbarOpts: { doneOn }\n    } = this.state;\n\n    this.setState({ toolbarInFocus: false, focusedNode: null });\n\n    if (this.editor) {\n      this.editor.blur();\n    }\n\n    if (doneOn === 'blur') {\n      if (nonEmpty && this.state.value.startText?.text?.length === 0) {\n        this.resetValue(true).then(() => {\n          this.onEditingDone();\n          resolve();\n        });\n      } else {\n        this.onEditingDone();\n        resolve();\n      }\n    }\n  };\n\n  onBlur = event => {\n    log('[onBlur]');\n    const target = event.relatedTarget;\n\n    const node = target ? findNode(target, this.state.value) : null;\n\n    log('[onBlur] node: ', node);\n\n    return new Promise(resolve => {\n      this.setState({ focusedNode: node }, this.handleBlur.bind(this, resolve));\n      this.props.onBlur(event);\n    });\n  };\n\n  handleDomBlur = e => {\n    const editorDOM = document.querySelector(`[data-key=\"${this.state.value.document.key}\"]`);\n\n    setTimeout(() => {\n      if (!this.wrapperRef) {\n        return;\n      }\n\n      const editorElement =\n        !editorDOM || document.activeElement.closest(`[class*=\"${editorDOM.className}\"]`);\n      const toolbarElement =\n        !this.toolbarRef ||\n        document.activeElement.closest(`[class*=\"${this.toolbarRef.className}\"]`);\n      const isInCurrentComponent =\n        this.wrapperRef.contains(editorElement) || this.wrapperRef.contains(toolbarElement);\n\n      if (!isInCurrentComponent) {\n        editorDOM.removeEventListener('blur', this.handleDomBlur);\n        this.onBlur(e);\n      }\n    }, 50);\n  };\n\n  /*\n   * Needs to be wrapped otherwise it causes issues because of race conditions\n   * Known issue for slatejs. See: https://github.com/ianstormtaylor/slate/issues/2097\n   * Using timeout I wasn't able to test this\n   *\n   * Note: The use of promises has been causing issues with MathQuill\n   * */\n  onFocus = () =>\n    new Promise(resolve => {\n      const editorDOM = document.querySelector(`[data-key=\"${this.state.value.document.key}\"]`);\n\n      log('[onFocus]', document.activeElement);\n\n      /**\n       * This is a temporary hack - @see changeData below for some more information.\n       */\n      if (this.__TEMPORARY_CHANGE_DATA) {\n        const { key, data } = this.__TEMPORARY_CHANGE_DATA;\n        const domEl = document.querySelector(`[data-key=\"${key}\"]`);\n\n        if (domEl) {\n          let change = this.state.value.change().setNodeByKey(key, { data });\n\n          this.setState({ value: change.value }, () => {\n            this.__TEMPORARY_CHANGE_DATA = null;\n          });\n        }\n      }\n\n      /**\n       * This is needed just in case the browser decides to make the editor\n       * lose focus without triggering the onBlur event (can happen in a few cases).\n       * This will also trigger onBlur if the user clicks outside of the page when the editor\n       * is focused.\n       */\n      if (editorDOM === document.activeElement) {\n        editorDOM.removeEventListener('blur', this.handleDomBlur);\n        editorDOM.addEventListener('blur', this.handleDomBlur);\n      }\n\n      this.stashValue();\n      this.props.onFocus();\n\n      resolve();\n    });\n\n  stashValue = () => {\n    log('[stashValue]');\n    if (!this.state.stashedValue) {\n      this.setState({ stashedValue: this.state.value });\n    }\n  };\n\n  /**\n   * Reset the value if the user didn't click done.\n   */\n  resetValue = force => {\n    const { value, focusedNode } = this.state;\n\n    const stopReset = this.plugins.reduce((s, p) => {\n      return s || (p.stopReset && p.stopReset(this.state.value));\n    }, false);\n\n    log('[resetValue]', value.isFocused, focusedNode, 'stopReset: ', stopReset);\n    if ((this.state.stashedValue && !value.isFocused && !focusedNode && !stopReset) || force) {\n      log('[resetValue] resetting...');\n      log('stashed', this.state.stashedValue.document.toObject());\n      log('current', this.state.value.document.toObject());\n\n      const newValue = Value.fromJSON(this.state.stashedValue.toJSON());\n\n      log('newValue: ', newValue.document);\n      return new Promise(resolve => {\n        setTimeout(() => {\n          this.setState({ value: newValue, stashedValue: null }, () => {\n            log('value now: ', this.state.value.document.toJSON());\n            resolve();\n          });\n        }, 50);\n      });\n    } else {\n      return Promise.resolve({});\n    }\n  };\n\n  onChange = (change, done) => {\n    log('[onChange]');\n\n    const { value } = change;\n    const { charactersLimit } = this.props;\n\n    if (\n      value &&\n      value.document &&\n      value.document.text &&\n      value.document.text.length > charactersLimit\n    ) {\n      return;\n    }\n\n    this.setState({ value }, () => {\n      log('[onChange], call done()');\n\n      if (done) {\n        done();\n      }\n    });\n  };\n\n  UNSAFE_componentWillReceiveProps(props) {\n    if (!props.value.document.equals(this.props.value.document)) {\n      this.setState({\n        focus: false,\n        value: props.value\n      });\n    }\n  }\n\n  valueToSize = v => {\n    if (!v) {\n      return;\n    }\n\n    if (typeof v === 'string') {\n      if (v.endsWith('%')) {\n        return undefined;\n      } else if (v.endsWith('px') || v.endsWith('vh') || v.endsWith('vw')) {\n        return v;\n      } else {\n        const value = parseInt(v, 10);\n        return isNaN(value) ? value : `${value}px`;\n      }\n    }\n    if (typeof v === 'number') {\n      return `${v}px`;\n    }\n\n    return;\n  };\n\n  buildSizeStyle() {\n    const { width, minHeight, height, maxHeight } = this.props;\n\n    return {\n      width: this.valueToSize(width),\n      height: this.valueToSize(height),\n      minHeight: this.valueToSize(minHeight),\n      maxHeight: this.valueToSize(maxHeight)\n    };\n  }\n\n  validateNode = node => {\n    if (node.object !== 'block') return;\n\n    const last = node.nodes.last();\n    if (!last) return;\n\n    if (last.type !== 'image') return;\n\n    log('[validateNode] last is image..');\n\n    const parent = last.getParent(last.key);\n    const p = Block.getParent(last.key);\n    log('[validateNode] parent:', parent, p);\n\n    return undefined;\n  };\n\n  changeData = (key, data) => {\n    log('[changeData]. .. ', key, data);\n\n    /**\n     * HACK ALERT: We should be calling setState here and storing the change data:\n     *\n     * <code>this.setState({changeData: { key, data}})</code>\n     * However this is causing issues with the Mathquill instance. The 'input' event stops firing on the element and no\n     * more changes get through. The issues seem to be related to the promises in onBlur/onFocus. But removing these\n     * brings it's own problems. A major clean up is planned for this component so I've decided to temporarily settle\n     * on this hack rather than spend more time on this.\n     */\n\n    // Uncomment this line to see the bug described above.\n    // this.setState({changeData: {key, data}})\n\n    this.__TEMPORARY_CHANGE_DATA = { key, data };\n  };\n\n  focus = (pos, node) => {\n    const position = pos || 'end';\n\n    this.props.focus(position, node);\n  };\n\n  onDropPaste = async (event, change, dropContext) => {\n    const editor = change.editor;\n    const transfer = getEventTransfer(event);\n    const file = transfer.files && transfer.files[0];\n\n    const type = transfer.type;\n    const fragment = transfer.fragment;\n    const text = transfer.text;\n\n    if (\n      file &&\n      (file.type === 'image/jpeg' || file.type === 'image/jpg' || file.type === 'image/png')\n    ) {\n      if (!this.props.imageSupport) {\n        return;\n      }\n      try {\n        log('[onDropPaste]');\n        const src = await getBase64(file);\n        const inline = Inline.create({\n          type: 'image',\n          isVoid: true,\n          data: {\n            loading: false,\n            src\n          }\n        });\n\n        if (dropContext) {\n          this.focus();\n        } else {\n          const range = getEventRange(event, editor);\n          if (range) {\n            change.select(range);\n          }\n        }\n\n        const ch = change.insertInline(inline);\n        this.onChange(ch);\n      } catch (err) {\n        log('[onDropPaste] error: ', err);\n      }\n    } else if (type === 'fragment') {\n      change.insertFragment(fragment);\n    } else if (type === 'text' || type === 'html') {\n      if (!text) {\n        return;\n      }\n      const {\n        value: { document, selection, startBlock }\n      } = change;\n\n      if (startBlock.isVoid) {\n        return;\n      }\n\n      const defaultBlock = startBlock;\n      const defaultMarks = document.getInsertMarksAtRange(selection);\n      const frag = Plain.deserialize(text, {\n        defaultBlock,\n        defaultMarks\n      }).document;\n      change.insertFragment(frag);\n    }\n  };\n\n  render() {\n    const {\n      disabled,\n      spellCheck,\n      highlightShape,\n      classes,\n      className,\n      placeholder,\n      pluginProps,\n      onKeyDown\n    } = this.props;\n\n    const { value, focusedNode, toolbarOpts } = this.state;\n\n    log('[render] value: ', value);\n    const sizeStyle = this.buildSizeStyle();\n    const names = classNames(\n      {\n        [classes.withBg]: highlightShape,\n        [classes.toolbarOnTop]: toolbarOpts.alwaysVisible && toolbarOpts.position === 'top'\n      },\n      className\n    );\n\n    return (\n      <div\n        ref={ref => (this.wrapperRef = ref)}\n        style={{ width: sizeStyle.width }}\n        className={names}\n      >\n        <SlateEditor\n          plugins={this.plugins}\n          innerRef={r => {\n            if (r) {\n              this.slateEditor = r;\n            }\n          }}\n          ref={r => (this.editor = r && this.props.editorRef(r))}\n          toolbarRef={r => {\n            if (r) {\n              this.toolbarRef = r;\n            }\n          }}\n          value={value}\n          focus={this.focus}\n          onKeyDown={onKeyDown}\n          onChange={this.onChange}\n          onBlur={this.onBlur}\n          onDrop={(event, editor) => this.onDropPaste(event, editor, true)}\n          onPaste={(event, editor) => this.onDropPaste(event, editor)}\n          onFocus={this.onFocus}\n          onEditingDone={this.onEditingDone}\n          focusedNode={focusedNode}\n          normalize={this.normalize}\n          readOnly={disabled}\n          spellCheck={spellCheck}\n          className={classes.slateEditor}\n          style={{\n            minHeight: sizeStyle.minHeight,\n            height: sizeStyle.height,\n            maxHeight: sizeStyle.maxHeight\n          }}\n          pluginProps={pluginProps}\n          toolbarOpts={toolbarOpts}\n          placeholder={placeholder}\n          onDataChange={this.changeData}\n        />\n      </div>\n    );\n  }\n}\n\n// TODO color - hardcoded gray background and keypad colors will need to change too\nconst styles = {\n  withBg: {\n    backgroundColor: 'rgba(0,0,0,0.06)'\n  },\n  slateEditor: {\n    fontFamily: 'Roboto, sans-serif',\n\n    '& table': {\n      tableLayout: 'fixed',\n      width: '100%',\n      borderCollapse: 'collapse',\n      color: color.text(),\n      backgroundColor: color.background()\n    },\n    '& table:not([border=\"1\"]) tr': {\n      borderTop: '1px solid #dfe2e5'\n      // TODO perhaps secondary color for background, for now disable\n      // '&:nth-child(2n)': {\n      //   backgroundColor: '#f6f8fa'\n      // }\n    },\n    '& td, th': {\n      padding: '.6em 1em',\n      textAlign: 'center'\n    },\n    '& table:not([border=\"1\"]) td, th': {\n      border: '1px solid #dfe2e5'\n    }\n  },\n  toolbarOnTop: {\n    marginTop: '45px'\n  }\n};\n\nexport default withStyles(styles)(Editor);\n"],"file":"editor.js"}
+{"version":3,"sources":["../src/editor.jsx"],"names":["log","defaultToolbarOpts","position","alignment","alwaysVisible","showDone","doneOn","defaultResponseAreaProps","options","respAreaToolbar","onHandleAreaChange","defaultLanguageCharactersProps","createToolbarOpts","toolbarOpts","Editor","props","normalizedResponseAreaProps","responseAreaProps","plugins","activePlugins","math","onClick","onMathClick","onFocus","onPluginFocus","onBlur","onPluginBlur","image","onDelete","imageSupport","src","done","e","state","value","insertImageRequested","getHandler","handler","add","maxImageWidth","maxImageHeight","toolbar","disableUnderline","autoWidth","autoWidthToolbar","onDone","nonEmpty","setState","toolbarInFocus","focusedNode","editor","blur","startText","text","length","resetValue","then","onEditingDone","table","responseArea","type","maxResponseAreas","error","languageCharacters","languageCharactersProps","media","focus","createChange","change","onChange","relatedTarget","target","node","stashedValue","stashValue","c","collapseToStartOf","selectedNode","resolve","event","Promise","handleBlur","bind","editorDOM","document","querySelector","key","setTimeout","wrapperRef","editorElement","activeElement","closest","className","toolbarElement","toolbarRef","isInCurrentComponent","contains","removeEventListener","handleDomBlur","__TEMPORARY_CHANGE_DATA","data","domEl","setNodeByKey","addEventListener","force","stopReset","reduce","s","p","isFocused","toObject","newValue","Value","fromJSON","toJSON","charactersLimit","v","endsWith","undefined","parseInt","isNaN","object","last","nodes","parent","getParent","Block","pos","dropContext","transfer","file","files","fragment","inline","Inline","create","isVoid","loading","range","select","ch","insertInline","insertFragment","selection","startBlock","defaultBlock","defaultMarks","getInsertMarksAtRange","frag","Plain","deserialize","onResize","handlePlugins","onRef","window","autoFocus","nextProps","newToolbarOpts","zeroWidthEls","querySelectorAll","Array","from","forEach","el","style","minWidth","display","equals","width","minHeight","height","maxHeight","valueToSize","disabled","spellCheck","highlightShape","classes","placeholder","pluginProps","onKeyDown","sizeStyle","buildSizeStyle","names","withBg","toolbarOnTop","ref","r","slateEditor","editorRef","onDropPaste","normalize","changeData","React","Component","PropTypes","bool","func","isRequired","SlateTypes","number","oneOfType","string","any","shape","oneOf","arrayOf","language","characterIcon","characters","values","allValid","every","ALL_PLUGINS","includes","Error","join","styles","backgroundColor","fontFamily","tableLayout","borderCollapse","color","background","borderTop","padding","textAlign","border","marginTop"],"mappings":"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","sourcesContent":["import { Editor as SlateEditor, findNode, getEventRange, getEventTransfer } from 'slate-react';\nimport SlateTypes from 'slate-prop-types';\n\nimport isEqual from 'lodash/isEqual';\nimport * as serialization from './serialization';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { Value, Block, Inline } from 'slate';\nimport { buildPlugins, ALL_PLUGINS, DEFAULT_PLUGINS } from './plugins';\nimport debug from 'debug';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { color } from '@pie-lib/render-ui';\nimport Plain from 'slate-plain-serializer';\n\nimport { getBase64 } from './serialization';\n\nexport { ALL_PLUGINS, DEFAULT_PLUGINS, serialization };\n\nconst log = debug('editable-html:editor');\n\nconst defaultToolbarOpts = {\n  position: 'bottom',\n  alignment: 'left',\n  alwaysVisible: false,\n  showDone: true,\n  doneOn: 'blur'\n};\n\nconst defaultResponseAreaProps = {\n  options: {},\n  respAreaToolbar: () => {},\n  onHandleAreaChange: () => {}\n};\n\nconst defaultLanguageCharactersProps = [];\n\nconst createToolbarOpts = toolbarOpts => {\n  return {\n    ...defaultToolbarOpts,\n    ...toolbarOpts\n  };\n};\n\nexport class Editor extends React.Component {\n  static propTypes = {\n    autoFocus: PropTypes.bool,\n    editorRef: PropTypes.func.isRequired,\n    onRef: PropTypes.func.isRequired,\n    onChange: PropTypes.func.isRequired,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    onKeyDown: PropTypes.func,\n    focus: PropTypes.func.isRequired,\n    value: SlateTypes.value.isRequired,\n    imageSupport: PropTypes.object,\n    charactersLimit: PropTypes.number,\n    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    minHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    classes: PropTypes.object.isRequired,\n    highlightShape: PropTypes.bool,\n    disabled: PropTypes.bool,\n    spellCheck: PropTypes.bool,\n    nonEmpty: PropTypes.bool,\n    disableUnderline: PropTypes.bool,\n    autoWidthToolbar: PropTypes.bool,\n    pluginProps: PropTypes.any,\n    placeholder: PropTypes.string,\n    responseAreaProps: PropTypes.shape({\n      type: PropTypes.oneOf([\n        'explicit-constructed-response',\n        'inline-dropdown',\n        'drag-in-the-blank'\n      ]),\n      options: PropTypes.object,\n      respAreaToolbar: PropTypes.func,\n      onHandleAreaChange: PropTypes.func\n    }),\n    languageCharactersProps: PropTypes.arrayOf(\n      PropTypes.shape({\n        language: PropTypes.string,\n        characterIcon: PropTypes.string,\n        characters: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.string))\n      })\n    ),\n    toolbarOpts: PropTypes.shape({\n      position: PropTypes.oneOf(['bottom', 'top']),\n      alignment: PropTypes.oneOf(['left', 'right']),\n      alwaysVisible: PropTypes.bool,\n      showDone: PropTypes.bool,\n      doneOn: PropTypes.string\n    }),\n    activePlugins: PropTypes.arrayOf(values => {\n      const allValid = values.every(v => ALL_PLUGINS.includes(v));\n\n      return (\n        !allValid &&\n        new Error(`Invalid values: ${values}, values must be one of [${ALL_PLUGINS.join(',')}]`)\n      );\n    }),\n    className: PropTypes.string,\n    maxImageWidth: PropTypes.number,\n    maxImageHeight: PropTypes.number\n  };\n\n  static defaultProps = {\n    disableUnderline: true,\n    onFocus: () => {},\n    onBlur: () => {},\n    onKeyDown: () => {},\n    toolbarOpts: defaultToolbarOpts,\n    responseAreaProps: defaultResponseAreaProps,\n    languageCharactersProps: defaultLanguageCharactersProps\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: props.value,\n      toolbarOpts: createToolbarOpts(props.toolbarOpts)\n    };\n\n    this.onResize = () => {\n      props.onChange(this.state.value, true);\n    };\n\n    this.handlePlugins(this.props);\n  }\n\n  handlePlugins = props => {\n    const normalizedResponseAreaProps = {\n      ...defaultResponseAreaProps,\n      ...props.responseAreaProps\n    };\n\n    this.plugins = buildPlugins(props.activePlugins, {\n      math: {\n        onClick: this.onMathClick,\n        onFocus: this.onPluginFocus,\n        onBlur: this.onPluginBlur\n      },\n      image: {\n        onDelete:\n          props.imageSupport &&\n          props.imageSupport.delete &&\n          ((src, done) => {\n            props.imageSupport.delete(src, e => {\n              done(e, this.state.value);\n            });\n          }),\n        insertImageRequested:\n          props.imageSupport &&\n          (getHandler => {\n            /**\n             * The handler is the object through which the outer context\n             * communicates file upload events like: fileChosen, cancel, progress\n             */\n            const handler = getHandler(() => this.state.value);\n            props.imageSupport.add(handler);\n          }),\n        onFocus: this.onPluginFocus,\n        onBlur: this.onPluginBlur,\n        maxImageWidth: this.props.maxImageWidth,\n        maxImageHeight: this.props.maxImageHeight\n      },\n      toolbar: {\n        /**\n         * To minimize converting html -> state -> html\n         * We only emit markup once 'done' is clicked.\n         */\n        disableUnderline: props.disableUnderline,\n        autoWidth: props.autoWidthToolbar,\n        onDone: () => {\n          const { nonEmpty } = props;\n\n          log('[onDone]');\n          this.setState({ toolbarInFocus: false, focusedNode: null });\n          this.editor.blur();\n\n          if (nonEmpty && this.state.value.startText?.text?.length === 0) {\n            this.resetValue(true).then(() => {\n              this.onEditingDone();\n            });\n          } else {\n            this.onEditingDone();\n          }\n        }\n      },\n      table: {\n        onFocus: () => {\n          log('[table:onFocus]...');\n          this.onPluginFocus();\n        },\n        onBlur: () => {\n          log('[table:onBlur]...');\n          this.onPluginBlur();\n        }\n      },\n      responseArea: {\n        type: normalizedResponseAreaProps.type,\n        options: normalizedResponseAreaProps.options,\n        maxResponseAreas: normalizedResponseAreaProps.maxResponseAreas,\n        respAreaToolbar: normalizedResponseAreaProps.respAreaToolbar,\n        onHandleAreaChange: normalizedResponseAreaProps.onHandleAreaChange,\n        error: normalizedResponseAreaProps.error,\n        onFocus: () => {\n          log('[table:onFocus]...');\n          this.onPluginFocus();\n        },\n        onBlur: () => {\n          log('[table:onBlur]...');\n          this.onPluginBlur();\n        }\n      },\n      languageCharacters: props.languageCharactersProps,\n      media: {\n        focus: this.focus,\n        createChange: () => this.state.value.change(),\n        onChange: this.onChange\n      }\n    });\n  };\n\n  componentDidMount() {\n    // onRef is needed to get the ref of the component because we export it using withStyles\n    this.props.onRef(this);\n\n    window.addEventListener('resize', this.onResize);\n\n    if (this.editor && this.props.autoFocus) {\n      Promise.resolve().then(() => {\n        if (this.editor) {\n          const editorDOM = document.querySelector(\n            `[data-key=\"${this.editor.value.document.key}\"]`\n          );\n\n          this.editor.focus();\n\n          if (editorDOM) {\n            editorDOM.focus();\n          }\n        }\n      });\n    }\n  }\n\n  componentWillReceiveProps(nextProps) {\n    const { toolbarOpts } = this.state;\n    const newToolbarOpts = createToolbarOpts(nextProps.toolbarOpts);\n\n    if (!isEqual(newToolbarOpts, toolbarOpts)) {\n      this.setState({\n        toolbarOpts: newToolbarOpts\n      });\n    }\n\n    if (!isEqual(nextProps.languageCharactersProps, this.props.languageCharactersProps)) {\n      this.handlePlugins(nextProps);\n    }\n  }\n\n  componentDidUpdate() {\n    // The cursor is on a zero width element and when that is placed near void elements, it is not visible\n    // so we increase the width to at least 2px in order for the user to see it\n    const zeroWidthEls = document.querySelectorAll('[data-slate-zero-width=\"z\"]');\n\n    Array.from(zeroWidthEls).forEach(el => {\n      el.style.minWidth = '2px';\n      el.style.display = 'inline-block';\n    });\n  }\n\n  onPluginBlur = e => {\n    log('[onPluginBlur]', e && e.relatedTarget);\n    const target = e && e.relatedTarget;\n\n    const node = target ? findNode(target, this.state.value) : null;\n    log('[onPluginBlur] node: ', node);\n    this.setState({ focusedNode: node }, () => {\n      this.resetValue();\n    });\n  };\n\n  onPluginFocus = e => {\n    log('[onPluginFocus]', e && e.target);\n    const target = e && e.target;\n    if (target) {\n      const node = findNode(target, this.state.value);\n      log('[onPluginFocus] node: ', node);\n\n      const stashedValue = this.state.stashedValue || this.state.value;\n      this.setState({ focusedNode: node, stashedValue });\n    } else {\n      this.setState({ focusedNode: null });\n    }\n    this.stashValue();\n  };\n\n  onMathClick = node => {\n    this.editor.change(c => c.collapseToStartOf(node));\n    this.setState({ selectedNode: node });\n  };\n\n  onEditingDone = () => {\n    log('[onEditingDone]');\n    this.setState({ stashedValue: null, focusedNode: null });\n    log('[onEditingDone] value: ', this.state.value);\n    this.props.onChange(this.state.value, true);\n  };\n\n  /**\n   * Remove onResize event listener\n   */\n  componentWillUnmount() {\n    window.removeEventListener('resize', this.onResize);\n  }\n\n  // Allowing time for onChange to take effect if it is called\n  handleBlur = resolve => {\n    const { nonEmpty } = this.props;\n    const {\n      toolbarOpts: { doneOn }\n    } = this.state;\n\n    this.setState({ toolbarInFocus: false, focusedNode: null });\n\n    if (this.editor) {\n      this.editor.blur();\n    }\n\n    if (doneOn === 'blur') {\n      if (nonEmpty && this.state.value.startText?.text?.length === 0) {\n        this.resetValue(true).then(() => {\n          this.onEditingDone();\n          resolve();\n        });\n      } else {\n        this.onEditingDone();\n        resolve();\n      }\n    }\n  };\n\n  onBlur = event => {\n    log('[onBlur]');\n    const target = event.relatedTarget;\n\n    const node = target ? findNode(target, this.state.value) : null;\n\n    log('[onBlur] node: ', node);\n\n    return new Promise(resolve => {\n      this.setState({ focusedNode: !node ? null : node }, this.handleBlur.bind(this, resolve));\n      this.props.onBlur(event);\n    });\n  };\n\n  handleDomBlur = e => {\n    const editorDOM = document.querySelector(`[data-key=\"${this.state.value.document.key}\"]`);\n\n    setTimeout(() => {\n      if (!this.wrapperRef) {\n        return;\n      }\n\n      const editorElement =\n        !editorDOM || document.activeElement.closest(`[class*=\"${editorDOM.className}\"]`);\n      const toolbarElement =\n        !this.toolbarRef ||\n        document.activeElement.closest(`[class*=\"${this.toolbarRef.className}\"]`);\n      const isInCurrentComponent =\n        this.wrapperRef.contains(editorElement) || this.wrapperRef.contains(toolbarElement);\n\n      if (!isInCurrentComponent) {\n        editorDOM.removeEventListener('blur', this.handleDomBlur);\n        this.onBlur(e);\n      }\n    }, 50);\n  };\n\n  /*\n   * Needs to be wrapped otherwise it causes issues because of race conditions\n   * Known issue for slatejs. See: https://github.com/ianstormtaylor/slate/issues/2097\n   * Using timeout I wasn't able to test this\n   *\n   * Note: The use of promises has been causing issues with MathQuill\n   * */\n  onFocus = () =>\n    new Promise(resolve => {\n      const editorDOM = document.querySelector(`[data-key=\"${this.state.value.document.key}\"]`);\n\n      log('[onFocus]', document.activeElement);\n\n      /**\n       * This is a temporary hack - @see changeData below for some more information.\n       */\n      if (this.__TEMPORARY_CHANGE_DATA) {\n        const { key, data } = this.__TEMPORARY_CHANGE_DATA;\n        const domEl = document.querySelector(`[data-key=\"${key}\"]`);\n\n        if (domEl) {\n          let change = this.state.value.change().setNodeByKey(key, { data });\n\n          this.setState({ value: change.value }, () => {\n            this.__TEMPORARY_CHANGE_DATA = null;\n          });\n        }\n      }\n\n      /**\n       * This is needed just in case the browser decides to make the editor\n       * lose focus without triggering the onBlur event (can happen in a few cases).\n       * This will also trigger onBlur if the user clicks outside of the page when the editor\n       * is focused.\n       */\n      if (editorDOM === document.activeElement) {\n        editorDOM.removeEventListener('blur', this.handleDomBlur);\n        editorDOM.addEventListener('blur', this.handleDomBlur);\n      }\n\n      this.stashValue();\n      this.props.onFocus();\n\n      resolve();\n    });\n\n  stashValue = () => {\n    log('[stashValue]');\n    if (!this.state.stashedValue) {\n      this.setState({ stashedValue: this.state.value });\n    }\n  };\n\n  /**\n   * Reset the value if the user didn't click done.\n   */\n  resetValue = force => {\n    const { value, focusedNode } = this.state;\n\n    const stopReset = this.plugins.reduce((s, p) => {\n      return s || (p.stopReset && p.stopReset(this.state.value));\n    }, false);\n\n    log('[resetValue]', value.isFocused, focusedNode, 'stopReset: ', stopReset);\n    if ((this.state.stashedValue && !value.isFocused && !focusedNode && !stopReset) || force) {\n      log('[resetValue] resetting...');\n      log('stashed', this.state.stashedValue.document.toObject());\n      log('current', this.state.value.document.toObject());\n\n      const newValue = Value.fromJSON(this.state.stashedValue.toJSON());\n\n      log('newValue: ', newValue.document);\n      return new Promise(resolve => {\n        setTimeout(() => {\n          this.setState({ value: newValue, stashedValue: null }, () => {\n            log('value now: ', this.state.value.document.toJSON());\n            resolve();\n          });\n        }, 50);\n      });\n    } else {\n      return Promise.resolve({});\n    }\n  };\n\n  onChange = (change, done) => {\n    log('[onChange]');\n\n    const { value } = change;\n    const { charactersLimit } = this.props;\n\n    if (\n      value &&\n      value.document &&\n      value.document.text &&\n      value.document.text.length > charactersLimit\n    ) {\n      return;\n    }\n\n    this.setState({ value }, () => {\n      log('[onChange], call done()');\n\n      if (done) {\n        done();\n      }\n    });\n  };\n\n  UNSAFE_componentWillReceiveProps(props) {\n    if (!props.value.document.equals(this.props.value.document)) {\n      this.setState({\n        focus: false,\n        value: props.value\n      });\n    }\n  }\n\n  valueToSize = v => {\n    if (!v) {\n      return;\n    }\n\n    if (typeof v === 'string') {\n      if (v.endsWith('%')) {\n        return undefined;\n      } else if (v.endsWith('px') || v.endsWith('vh') || v.endsWith('vw')) {\n        return v;\n      } else {\n        const value = parseInt(v, 10);\n        return isNaN(value) ? value : `${value}px`;\n      }\n    }\n    if (typeof v === 'number') {\n      return `${v}px`;\n    }\n\n    return;\n  };\n\n  buildSizeStyle() {\n    const { width, minHeight, height, maxHeight } = this.props;\n\n    return {\n      width: this.valueToSize(width),\n      height: this.valueToSize(height),\n      minHeight: this.valueToSize(minHeight),\n      maxHeight: this.valueToSize(maxHeight)\n    };\n  }\n\n  validateNode = node => {\n    if (node.object !== 'block') return;\n\n    const last = node.nodes.last();\n    if (!last) return;\n\n    if (last.type !== 'image') return;\n\n    log('[validateNode] last is image..');\n\n    const parent = last.getParent(last.key);\n    const p = Block.getParent(last.key);\n    log('[validateNode] parent:', parent, p);\n\n    return undefined;\n  };\n\n  changeData = (key, data) => {\n    log('[changeData]. .. ', key, data);\n\n    /**\n     * HACK ALERT: We should be calling setState here and storing the change data:\n     *\n     * <code>this.setState({changeData: { key, data}})</code>\n     * However this is causing issues with the Mathquill instance. The 'input' event stops firing on the element and no\n     * more changes get through. The issues seem to be related to the promises in onBlur/onFocus. But removing these\n     * brings it's own problems. A major clean up is planned for this component so I've decided to temporarily settle\n     * on this hack rather than spend more time on this.\n     */\n\n    // Uncomment this line to see the bug described above.\n    // this.setState({changeData: {key, data}})\n\n    this.__TEMPORARY_CHANGE_DATA = { key, data };\n  };\n\n  focus = (pos, node) => {\n    const position = pos || 'end';\n\n    this.props.focus(position, node);\n  };\n\n  onDropPaste = async (event, change, dropContext) => {\n    const editor = change.editor;\n    const transfer = getEventTransfer(event);\n    const file = transfer.files && transfer.files[0];\n\n    const type = transfer.type;\n    const fragment = transfer.fragment;\n    const text = transfer.text;\n\n    if (\n      file &&\n      (file.type === 'image/jpeg' || file.type === 'image/jpg' || file.type === 'image/png')\n    ) {\n      if (!this.props.imageSupport) {\n        return;\n      }\n      try {\n        log('[onDropPaste]');\n        const src = await getBase64(file);\n        const inline = Inline.create({\n          type: 'image',\n          isVoid: true,\n          data: {\n            loading: false,\n            src\n          }\n        });\n\n        if (dropContext) {\n          this.focus();\n        } else {\n          const range = getEventRange(event, editor);\n          if (range) {\n            change.select(range);\n          }\n        }\n\n        const ch = change.insertInline(inline);\n        this.onChange(ch);\n      } catch (err) {\n        log('[onDropPaste] error: ', err);\n      }\n    } else if (type === 'fragment') {\n      change.insertFragment(fragment);\n    } else if (type === 'text' || type === 'html') {\n      if (!text) {\n        return;\n      }\n      const {\n        value: { document, selection, startBlock }\n      } = change;\n\n      if (startBlock.isVoid) {\n        return;\n      }\n\n      const defaultBlock = startBlock;\n      const defaultMarks = document.getInsertMarksAtRange(selection);\n      const frag = Plain.deserialize(text, {\n        defaultBlock,\n        defaultMarks\n      }).document;\n      change.insertFragment(frag);\n    }\n  };\n\n  render() {\n    const {\n      disabled,\n      spellCheck,\n      highlightShape,\n      classes,\n      className,\n      placeholder,\n      pluginProps,\n      onKeyDown\n    } = this.props;\n\n    const { value, focusedNode, toolbarOpts } = this.state;\n\n    log('[render] value: ', value);\n    const sizeStyle = this.buildSizeStyle();\n    const names = classNames(\n      {\n        [classes.withBg]: highlightShape,\n        [classes.toolbarOnTop]: toolbarOpts.alwaysVisible && toolbarOpts.position === 'top'\n      },\n      className\n    );\n\n    return (\n      <div\n        ref={ref => (this.wrapperRef = ref)}\n        style={{ width: sizeStyle.width }}\n        className={names}\n      >\n        <SlateEditor\n          plugins={this.plugins}\n          innerRef={r => {\n            if (r) {\n              this.slateEditor = r;\n            }\n          }}\n          ref={r => (this.editor = r && this.props.editorRef(r))}\n          toolbarRef={r => {\n            if (r) {\n              this.toolbarRef = r;\n            }\n          }}\n          value={value}\n          focus={this.focus}\n          onKeyDown={onKeyDown}\n          onChange={this.onChange}\n          onBlur={this.onBlur}\n          onDrop={(event, editor) => this.onDropPaste(event, editor, true)}\n          onPaste={(event, editor) => this.onDropPaste(event, editor)}\n          onFocus={this.onFocus}\n          onEditingDone={this.onEditingDone}\n          focusedNode={focusedNode}\n          normalize={this.normalize}\n          readOnly={disabled}\n          spellCheck={spellCheck}\n          className={classes.slateEditor}\n          style={{\n            minHeight: sizeStyle.minHeight,\n            height: sizeStyle.height,\n            maxHeight: sizeStyle.maxHeight\n          }}\n          pluginProps={pluginProps}\n          toolbarOpts={toolbarOpts}\n          placeholder={placeholder}\n          onDataChange={this.changeData}\n        />\n      </div>\n    );\n  }\n}\n\n// TODO color - hardcoded gray background and keypad colors will need to change too\nconst styles = {\n  withBg: {\n    backgroundColor: 'rgba(0,0,0,0.06)'\n  },\n  slateEditor: {\n    fontFamily: 'Roboto, sans-serif',\n\n    '& table': {\n      tableLayout: 'fixed',\n      width: '100%',\n      borderCollapse: 'collapse',\n      color: color.text(),\n      backgroundColor: color.background()\n    },\n    '& table:not([border=\"1\"]) tr': {\n      borderTop: '1px solid #dfe2e5'\n      // TODO perhaps secondary color for background, for now disable\n      // '&:nth-child(2n)': {\n      //   backgroundColor: '#f6f8fa'\n      // }\n    },\n    '& td, th': {\n      padding: '.6em 1em',\n      textAlign: 'center'\n    },\n    '& table:not([border=\"1\"]) td, th': {\n      border: '1px solid #dfe2e5'\n    }\n  },\n  toolbarOnTop: {\n    marginTop: '45px'\n  }\n};\n\nexport default withStyles(styles)(Editor);\n"],"file":"editor.js"}

package/lib/index.js

@@ -136,7 +136,9 @@ var EditableHtml = /*#__PURE__*/function (_React$Component) {
           c.focus();
 
           if (position === 'end' && lastText) {
-            c.moveFocusTo(lastText.key, lastText.text.length).moveAnchorTo(lastText.key, lastText.text.length);
+            var _lastText$text, _lastText$text2;
+
+            c.moveFocusTo(lastText.key, (_lastText$text = lastText.text) === null || _lastText$text === void 0 ? void 0 : _lastText$text.length).moveAnchorTo(lastText.key, (_lastText$text2 = lastText.text) === null || _lastText$text2 === void 0 ? void 0 : _lastText$text2.length);
           }
 
           if (position === 'beginning' && lastText) {

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.jsx"],"names":["log","reduceMultipleBrs","markup","replace","e","console","EditableHtml","props","value","done","html","htmlParsed","onChange","onDone","position","node","editorRef","change","c","lastText","document","getNextText","key","getLastText","editorDOM","querySelector","activeElement","blur","focus","moveFocusTo","text","length","moveAnchorTo","onEditingDone","v","state","allowValidation","current","equals","setState","toolbarOpts","error","ref","rootRef","React","Component","PropTypes","func","isRequired","string","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Editor, { DEFAULT_PLUGINS, ALL_PLUGINS } from './editor';\nimport { htmlToValue, valueToHtml } from './serialization';\nimport { parseDegrees } from './parse-html';\nimport debug from 'debug';\n\nconst log = debug('@pie-lib:editable-html');\n/**\n * Export lower level Editor and serialization functions.\n */\nexport { htmlToValue, valueToHtml, Editor, DEFAULT_PLUGINS, ALL_PLUGINS };\n\n/**\n * Wrapper around the editor that exposes a `markup` and `onChange(markup:string)` api.\n * Because of the mismatch between the markup and the `Value` we need to convert the incoming markup to a value and\n * compare it. TODO: This is an interim fix, we'll need to strip back `Editor` and look how best to maintain the\n * `markup` api whilst avoiding the serialization mismatch. We should be making better use of schemas w/ normalize.\n */\n\nconst reduceMultipleBrs = markup => {\n  try {\n    return markup.replace(/(<br\\s*\\/?>){3,}/gi, '<br>');\n  } catch (e) {\n    console.log(\"Couldn't remove <br/> tags: \", e);\n  }\n\n  return markup;\n};\n\nexport default class EditableHtml extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func.isRequired,\n    onDone: PropTypes.func,\n    markup: PropTypes.string.isRequired,\n    allowValidation: PropTypes.bool\n  };\n\n  static defaultProps = {\n    onDone: () => {},\n    allowValidation: false\n  };\n\n  constructor(props) {\n    super(props);\n    const v = htmlToValue(props.markup);\n    this.state = {\n      value: v\n    };\n  }\n\n  // eslint-disable-next-line react/no-deprecated\n  componentWillReceiveProps(props) {\n    if (!props.allowValidation && props.markup === this.props.markup) {\n      return;\n    }\n\n    const v = htmlToValue(reduceMultipleBrs(props.markup));\n    const current = htmlToValue(reduceMultipleBrs(this.props.markup));\n\n    if (v.equals && !v.equals(current)) {\n      this.setState({ value: v });\n    }\n  }\n\n  onChange = (value, done) => {\n    const html = valueToHtml(value);\n    const htmlParsed = parseDegrees(html);\n\n    log('value as html: ', html);\n\n    if (html !== this.props.markup) {\n      this.props.onChange(htmlParsed);\n    }\n\n    if (done) {\n      this.props.onDone(htmlParsed);\n    }\n  };\n\n  focus = (position, node) => {\n    if (this.editorRef) {\n      this.editorRef.change(c => {\n        const lastText = node\n          ? c.value.document.getNextText(node.key)\n          : c.value.document.getLastText();\n        const editorDOM = document.querySelector(\n          `[data-key=\"${this.editorRef.value.document.key}\"]`\n        );\n\n        if (editorDOM !== document.activeElement) {\n          document.activeElement.blur();\n        }\n\n        c.focus();\n\n        if (position === 'end' && lastText) {\n          c.moveFocusTo(lastText.key, lastText.text.length).moveAnchorTo(\n            lastText.key,\n            lastText.text.length\n          );\n        }\n\n        if (position === 'beginning' && lastText) {\n          c.moveFocusTo(lastText.key, 0).moveAnchorTo(lastText.key, 0);\n        }\n      });\n    }\n  };\n\n  finishEditing = () => {\n    if (this.editorRef) {\n      this.editorRef.props.onEditingDone();\n    }\n  };\n\n  render() {\n    const { value } = this.state;\n    const { toolbarOpts, error } = this.props;\n\n    if (toolbarOpts) {\n      toolbarOpts.error = error;\n    }\n\n    const props = {\n      ...this.props,\n      markup: null,\n      value,\n      onChange: this.onChange,\n      focus: this.focus\n    };\n\n    return (\n      <Editor\n        onRef={ref => {\n          if (ref) {\n            this.rootRef = ref;\n          }\n        }}\n        editorRef={ref => ref && (this.editorRef = ref)}\n        {...props}\n      />\n    );\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.jsx"],"names":["log","reduceMultipleBrs","markup","replace","e","console","EditableHtml","props","value","done","html","htmlParsed","onChange","onDone","position","node","editorRef","change","c","lastText","document","getNextText","key","getLastText","editorDOM","querySelector","activeElement","blur","focus","moveFocusTo","text","length","moveAnchorTo","onEditingDone","v","state","allowValidation","current","equals","setState","toolbarOpts","error","ref","rootRef","React","Component","PropTypes","func","isRequired","string","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Editor, { DEFAULT_PLUGINS, ALL_PLUGINS } from './editor';\nimport { htmlToValue, valueToHtml } from './serialization';\nimport { parseDegrees } from './parse-html';\nimport debug from 'debug';\n\nconst log = debug('@pie-lib:editable-html');\n/**\n * Export lower level Editor and serialization functions.\n */\nexport { htmlToValue, valueToHtml, Editor, DEFAULT_PLUGINS, ALL_PLUGINS };\n\n/**\n * Wrapper around the editor that exposes a `markup` and `onChange(markup:string)` api.\n * Because of the mismatch between the markup and the `Value` we need to convert the incoming markup to a value and\n * compare it. TODO: This is an interim fix, we'll need to strip back `Editor` and look how best to maintain the\n * `markup` api whilst avoiding the serialization mismatch. We should be making better use of schemas w/ normalize.\n */\n\nconst reduceMultipleBrs = markup => {\n  try {\n    return markup.replace(/(<br\\s*\\/?>){3,}/gi, '<br>');\n  } catch (e) {\n    console.log(\"Couldn't remove <br/> tags: \", e);\n  }\n\n  return markup;\n};\n\nexport default class EditableHtml extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func.isRequired,\n    onDone: PropTypes.func,\n    markup: PropTypes.string.isRequired,\n    allowValidation: PropTypes.bool\n  };\n\n  static defaultProps = {\n    onDone: () => {},\n    allowValidation: false\n  };\n\n  constructor(props) {\n    super(props);\n    const v = htmlToValue(props.markup);\n    this.state = {\n      value: v\n    };\n  }\n\n  // eslint-disable-next-line react/no-deprecated\n  componentWillReceiveProps(props) {\n    if (!props.allowValidation && props.markup === this.props.markup) {\n      return;\n    }\n\n    const v = htmlToValue(reduceMultipleBrs(props.markup));\n    const current = htmlToValue(reduceMultipleBrs(this.props.markup));\n\n    if (v.equals && !v.equals(current)) {\n      this.setState({ value: v });\n    }\n  }\n\n  onChange = (value, done) => {\n    const html = valueToHtml(value);\n    const htmlParsed = parseDegrees(html);\n\n    log('value as html: ', html);\n\n    if (html !== this.props.markup) {\n      this.props.onChange(htmlParsed);\n    }\n\n    if (done) {\n      this.props.onDone(htmlParsed);\n    }\n  };\n\n  focus = (position, node) => {\n    if (this.editorRef) {\n      this.editorRef.change(c => {\n        const lastText = node\n          ? c.value.document.getNextText(node.key)\n          : c.value.document.getLastText();\n        const editorDOM = document.querySelector(\n          `[data-key=\"${this.editorRef.value.document.key}\"]`\n        );\n\n        if (editorDOM !== document.activeElement) {\n          document.activeElement.blur();\n        }\n\n        c.focus();\n\n        if (position === 'end' && lastText) {\n          c.moveFocusTo(lastText.key, lastText.text?.length).moveAnchorTo(\n            lastText.key,\n            lastText.text?.length\n          );\n        }\n\n        if (position === 'beginning' && lastText) {\n          c.moveFocusTo(lastText.key, 0).moveAnchorTo(lastText.key, 0);\n        }\n      });\n    }\n  };\n\n  finishEditing = () => {\n    if (this.editorRef) {\n      this.editorRef.props.onEditingDone();\n    }\n  };\n\n  render() {\n    const { value } = this.state;\n    const { toolbarOpts, error } = this.props;\n\n    if (toolbarOpts) {\n      toolbarOpts.error = error;\n    }\n\n    const props = {\n      ...this.props,\n      markup: null,\n      value,\n      onChange: this.onChange,\n      focus: this.focus\n    };\n\n    return (\n      <Editor\n        onRef={ref => {\n          if (ref) {\n            this.rootRef = ref;\n          }\n        }}\n        editorRef={ref => ref && (this.editorRef = ref)}\n        {...props}\n      />\n    );\n  }\n}\n"],"file":"index.js"}

package/lib/plugins/image/alt-dialog.js

@@ -0,0 +1,119 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.AltDialog = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
+
+var _ArrowBackIos = _interopRequireDefault(require("@material-ui/icons/ArrowBackIos"));
+
+var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+
+var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var AltDialog = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(AltDialog, _React$Component);
+
+  var _super = _createSuper(AltDialog);
+
+  function AltDialog(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, AltDialog);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "closeDialog", function () {
+      var allDialogs = document.querySelectorAll('#text-dialog');
+      allDialogs.forEach(function (s) {
+        return s.remove();
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDone", function () {
+      var onDone = _this.props.onDone;
+      var value = _this.state.value;
+      onDone(value);
+
+      _this.closeDialog();
+    });
+    var alt = props.alt;
+    _this.state = {
+      value: alt
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(AltDialog, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var value = this.state.value;
+      return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+        open: true,
+        disablePortal: true,
+        onClose: this.closeDialog,
+        id: "text-dialog",
+        hideBackdrop: true
+      }, /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          display: 'flex'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_ArrowBackIos["default"], {
+        style: {
+          paddingTop: '6px'
+        }
+      }), /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+        multiline: true,
+        placeholder: 'Enter an Alt Text description of this image',
+        helperText: 'Users with visual limitations rely on Alt Text, since screen readers cannot otherwise describe the contents of an image.',
+        value: value,
+        onChange: function onChange(event) {
+          return _this2.setState({
+            value: event.target.value
+          });
+        }
+      }))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        onClick: this.onDone
+      }, "Done")));
+    }
+  }]);
+  return AltDialog;
+}(_react["default"].Component);
+
+exports.AltDialog = AltDialog;
+(0, _defineProperty2["default"])(AltDialog, "propTypes", {
+  onDone: _propTypes["default"].func.isRequired,
+  alt: _propTypes["default"].string
+});
+var _default = AltDialog;
+exports["default"] = _default;
+//# sourceMappingURL=alt-dialog.js.map

package/lib/plugins/image/alt-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/image/alt-dialog.jsx"],"names":["AltDialog","props","allDialogs","document","querySelectorAll","forEach","s","remove","onDone","value","state","closeDialog","alt","display","paddingTop","event","setState","target","React","Component","PropTypes","func","isRequired","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,S;;;;;AAMX,qBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,oGAUL,YAAM;AAClB,UAAMC,UAAU,GAAGC,QAAQ,CAACC,gBAAT,CAA0B,cAA1B,CAAnB;AAEAF,MAAAA,UAAU,CAACG,OAAX,CAAmB,UAASC,CAAT,EAAY;AAC7B,eAAOA,CAAC,CAACC,MAAF,EAAP;AACD,OAFD;AAGD,KAhBkB;AAAA,+FAkBV,YAAM;AACb,UAAQC,MAAR,GAAmB,MAAKP,KAAxB,CAAQO,MAAR;AACA,UAAQC,KAAR,GAAkB,MAAKC,KAAvB,CAAQD,KAAR;AAEAD,MAAAA,MAAM,CAACC,KAAD,CAAN;;AACA,YAAKE,WAAL;AACD,KAxBkB;AAGjB,QAAQC,GAAR,GAAgBX,KAAhB,CAAQW,GAAR;AAEA,UAAKF,KAAL,GAAa;AACXD,MAAAA,KAAK,EAAEG;AADI,KAAb;AALiB;AAQlB;;;;WAkBD,kBAAS;AAAA;;AACP,UAAQH,KAAR,GAAkB,KAAKC,KAAvB,CAAQD,KAAR;AAEA,0BACE,gCAAC,kBAAD;AAAQ,QAAA,IAAI,MAAZ;AAAa,QAAA,aAAa,MAA1B;AAA2B,QAAA,OAAO,EAAE,KAAKE,WAAzC;AAAsD,QAAA,EAAE,EAAC,aAAzD;AAAuE,QAAA,YAAY;AAAnF,sBACE,gCAAC,yBAAD,qBACE;AAAK,QAAA,KAAK,EAAE;AAAEE,UAAAA,OAAO,EAAE;AAAX;AAAZ,sBACE,gCAAC,wBAAD;AAAc,QAAA,KAAK,EAAE;AAAEC,UAAAA,UAAU,EAAE;AAAd;AAArB,QADF,eAEE,gCAAC,qBAAD;AACE,QAAA,SAAS,MADX;AAEE,QAAA,WAAW,EAAE,6CAFf;AAGE,QAAA,UAAU,EACR,0HAJJ;AAME,QAAA,KAAK,EAAEL,KANT;AAOE,QAAA,QAAQ,EAAE,kBAAAM,KAAK;AAAA,iBAAI,MAAI,CAACC,QAAL,CAAc;AAAEP,YAAAA,KAAK,EAAEM,KAAK,CAACE,MAAN,CAAaR;AAAtB,WAAd,CAAJ;AAAA;AAPjB,QAFF,CADF,CADF,eAeE,gCAAC,yBAAD,qBACE,gCAAC,kBAAD;AAAQ,QAAA,OAAO,EAAE,KAAKD;AAAtB,gBADF,CAfF,CADF;AAqBD;;;EAxD4BU,kBAAMC,S;;;iCAAxBnB,S,eACQ;AACjBQ,EAAAA,MAAM,EAAEY,sBAAUC,IAAV,CAAeC,UADN;AAEjBV,EAAAA,GAAG,EAAEQ,sBAAUG;AAFE,C;eA0DNvB,S","sourcesContent":["import React from 'react';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport ArrowBackIos from '@material-ui/icons/ArrowBackIos';\nimport TextField from '@material-ui/core/TextField';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport PropTypes from \"prop-types\";\n\nexport class AltDialog extends React.Component {\n  static propTypes = {\n    onDone: PropTypes.func.isRequired,\n    alt: PropTypes.string\n  };\n\n  constructor(props) {\n    super(props);\n\n    const { alt } = props;\n\n    this.state = {\n      value: alt\n    };\n  }\n\n  closeDialog = () => {\n    const allDialogs = document.querySelectorAll('#text-dialog');\n\n    allDialogs.forEach(function(s) {\n      return s.remove();\n    });\n  };\n\n  onDone = () => {\n    const { onDone } = this.props;\n    const { value } = this.state;\n\n    onDone(value);\n    this.closeDialog();\n  };\n\n  render() {\n    const { value } = this.state;\n\n    return (\n      <Dialog open disablePortal onClose={this.closeDialog} id=\"text-dialog\" hideBackdrop>\n        <DialogContent>\n          <div style={{ display: 'flex' }}>\n            <ArrowBackIos style={{ paddingTop: '6px' }} />\n            <TextField\n              multiline\n              placeholder={'Enter an Alt Text description of this image'}\n              helperText={\n                'Users with visual limitations rely on Alt Text, since screen readers cannot otherwise describe the contents of an image.'\n              }\n              value={value}\n              onChange={event => this.setState({ value: event.target.value })}\n            />\n          </div>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={this.onDone}>Done</Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n}\n\nexport default AltDialog;\n"],"file":"alt-dialog.js"}

package/lib/plugins/image/component.js

@@ -266,6 +266,7 @@ var Component = /*#__PURE__*/function (_React$Component) {
       var deleteStatus = node.data.get('deleteStatus');
       var alignment = node.data.get('alignment');
       var percent = node.data.get('percent');
+      var alt = node.data.get('alt');
       var margin;
       var justifyContent;
 
@@ -318,7 +319,8 @@ var Component = /*#__PURE__*/function (_React$Component) {
         },
         src: src,
         style: size,
-        onLoad: this.loadImage
+        onLoad: this.loadImage,
+        alt: alt
       })), /*#__PURE__*/_react["default"].createElement("div", {
         ref: function ref(_ref3) {
           _this2.resize = _ref3;

package/lib/plugins/image/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plugins/image/component.jsx"],"names":["log","size","s","Component","percent","multiplier","img","naturalWidth","naturalHeight","width","floored","parseInt","toFixed","props","node","editor","update","data","w","get","set","getPercentFromWidth","equals","change","c","setNodeByKey","key","window","addEventListener","startResizing","stopResizing","maxImageWidth","maxImageHeight","box","style","dimensions","height","updateImageDimensions","setState","e","bounds","target","getBoundingClientRect","clientX","left","clientY","top","hasMinimumWidth","hasDimensionsConstraints","removeEventListener","initialDim","nextDim","keepAspectRatio","resizeType","imageAspectRatio","applySizeData","resizeHandle","resize","initialiseResize","objectFit","classes","attributes","onFocus","active","value","isFocused","selection","hasEdgeIn","src","loaded","deleteStatus","alignment","margin","justifyContent","getSize","className","root","loading","pendingDelete","progressClasses","progress","hideProgress","imageContainer","image","ref","loadImage","React","SlatePropTypes","isRequired","PropTypes","shape","func","object","onBlur","number","styles","theme","portal","position","opacity","transition","floatingButtonRow","backgroundColor","borderRadius","display","padding","border","boxShadow","right","alignItems","palette","primary","main","cursor","marginLeft","marginRight","drawableHeight","minHeight"],"mappings":"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","sourcesContent":["import LinearProgress from '@material-ui/core/LinearProgress';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport { withStyles } from '@material-ui/core/styles';\nimport SlatePropTypes from 'slate-prop-types';\n\nconst log = debug('@pie-lib:editable-html:plugins:image:component');\n\nconst size = s => (s ? `${s}px` : 'auto');\n\nexport class Component extends React.Component {\n  static propTypes = {\n    node: SlatePropTypes.node.isRequired,\n    editor: PropTypes.shape({\n      change: PropTypes.func.isRequired,\n      value: PropTypes.object\n    }).isRequired,\n    classes: PropTypes.object.isRequired,\n    attributes: PropTypes.object,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    maxImageWidth: PropTypes.number,\n    maxImageHeight: PropTypes.number\n  };\n\n  getWidth = percent => {\n    const multiplier = percent / 100;\n    return this.img.naturalWidth * multiplier;\n  };\n\n  getHeight = percent => {\n    const multiplier = percent / 100;\n    return this.img.naturalHeight * multiplier;\n  };\n\n  getPercentFromWidth = width => {\n    var floored = (width / this.img.naturalWidth) * 4;\n    return parseInt(floored.toFixed(0) * 25, 10);\n  };\n\n  applySizeData = () => {\n    const { node, editor } = this.props;\n\n    let update = node.data;\n\n    const w = update.get('width');\n    if (w) {\n      update = update.set('resizePercent', this.getPercentFromWidth(w));\n    }\n\n    log('[applySizeData] update: ', update);\n\n    if (!update.equals(node.data)) {\n      editor.change(c => c.setNodeByKey(node.key, { data: update }));\n    }\n  };\n\n  initialiseResize = () => {\n    window.addEventListener('mousemove', this.startResizing, false);\n    window.addEventListener('mouseup', this.stopResizing, false);\n  };\n\n  componentDidMount() {\n    this.applySizeData();\n\n    const resizeHandle = this.resize;\n\n    if (resizeHandle) {\n      resizeHandle.addEventListener('mousedown', this.initialiseResize, false);\n    }\n  }\n\n  componentDidUpdate() {\n    this.applySizeData();\n  }\n\n  getSize(data) {\n    return {\n      width: size(data.get('width')),\n      height: size(data.get('height')),\n      objectFit: 'contain'\n    };\n  }\n\n  loadImage = () => {\n    let { maxImageWidth, maxImageHeight } = this.props || {};\n    maxImageWidth = maxImageWidth || 700;\n    maxImageHeight = maxImageHeight || 900;\n\n    const box = this.img;\n\n    //on first load\n    if (!box.style.width || box.style.width === 'auto') {\n      const dimensions = {\n        width: (box && box.naturalWidth) || 100,\n        height: (box && box.naturalHeight) || 100\n      };\n\n      const { width, height } = this.updateImageDimensions(\n        dimensions,\n        {\n          width: dimensions.width < maxImageWidth ? dimensions.width : maxImageWidth,\n          height: dimensions.height < maxImageHeight ? dimensions.height : maxImageHeight\n        },\n        true\n      );\n\n      box.style.width = `${width}px`;\n      box.style.height = `${height}px`;\n\n      this.setState({\n        dimensions: { height: height, width: width }\n      });\n\n      const { node, editor } = this.props;\n\n      let update = node.data;\n\n      update = update.set('width', width);\n      update = update.set('height', height);\n\n      if (!update.equals(node.data)) {\n        editor.change(c => c.setNodeByKey(node.key, { data: update }));\n      }\n    }\n  };\n\n  startResizing = e => {\n    const bounds = e.target.getBoundingClientRect();\n    const box = this.img;\n    const dimensions = {\n      width: (box && box.naturalWidth) || 100,\n      height: (box && box.naturalHeight) || 100\n    };\n\n    const { width, height } = this.updateImageDimensions(\n      dimensions,\n      {\n        width: e.clientX - bounds.left,\n        height: e.clientY - bounds.top\n      },\n      true\n    );\n\n    const hasMinimumWidth = width > 50 && height > 50;\n    const hasDimensionsConstraints = width <= 700 && height <= 900;\n\n    if (hasMinimumWidth && hasDimensionsConstraints && box) {\n      box.style.width = `${width}px`;\n      box.style.height = `${height}px`;\n\n      this.setState({\n        dimensions: { height: height, width: width }\n      });\n\n      const { node, editor } = this.props;\n\n      let update = node.data;\n\n      update = update.set('width', width);\n      update = update.set('height', height);\n\n      if (!update.equals(node.data)) {\n        editor.change(c => c.setNodeByKey(node.key, { data: update }));\n      }\n    }\n  };\n\n  stopResizing = () => {\n    window.removeEventListener('mousemove', this.startResizing, false);\n    window.removeEventListener('mouseup', this.stopResizing, false);\n  };\n\n  updateImageDimensions = (initialDim, nextDim, keepAspectRatio, resizeType) => {\n    // if we want to keep image aspect ratio\n    if (keepAspectRatio) {\n      const imageAspectRatio = initialDim.width / initialDim.height;\n\n      if (resizeType === 'height') {\n        // if we want to change image height => we update the width accordingly\n        return {\n          width: nextDim.height * imageAspectRatio,\n          height: nextDim.height\n        };\n      }\n\n      // if we want to change image width => we update the height accordingly\n      return {\n        width: nextDim.width,\n        height: nextDim.width / imageAspectRatio\n      };\n    }\n\n    // if we don't want to keep aspect ratio, we just update both values\n    return {\n      width: nextDim.width,\n      height: nextDim.height\n    };\n  };\n\n  render() {\n    const { node, editor, classes, attributes, onFocus } = this.props;\n    const active = editor.value.isFocused && editor.value.selection.hasEdgeIn(node);\n    const src = node.data.get('src');\n    const loaded = node.data.get('loaded') !== false;\n    const deleteStatus = node.data.get('deleteStatus');\n    const alignment = node.data.get('alignment');\n    const percent = node.data.get('percent');\n    let margin;\n    let justifyContent;\n\n    switch (alignment) {\n      case 'left':\n        justifyContent = 'flex-start';\n        margin = '0';\n        break;\n      case 'center':\n        justifyContent = 'center';\n        margin = '0 auto';\n        break;\n      case 'right':\n        justifyContent = 'flex-end';\n        margin = 'auto 0 0 auto ';\n        break;\n      default:\n        justifyContent = 'flex-start';\n        margin = '0';\n        break;\n    }\n    log('[render] node.data:', node.data);\n\n    const size = this.getSize(node.data);\n\n    log('[render] style:', size);\n\n    const className = classNames(\n      classes.root,\n      !loaded && classes.loading,\n      deleteStatus === 'pending' && classes.pendingDelete\n    );\n\n    const progressClasses = classNames(classes.progress, loaded && classes.hideProgress);\n\n    return [\n      <span key={'sp1'}>&nbsp;</span>,\n      <div key={'comp'} onFocus={onFocus} className={className} style={{ justifyContent }}>\n        <LinearProgress\n          mode=\"determinate\"\n          value={percent > 0 ? percent : 0}\n          className={progressClasses}\n        />\n        <div className={classes.imageContainer}>\n          <img\n            {...attributes}\n            className={classNames(classes.image, active && classes.active)}\n            ref={ref => {\n              this.img = ref;\n            }}\n            src={src}\n            style={size}\n            onLoad={this.loadImage}\n          />\n          <div\n            ref={ref => {\n              this.resize = ref;\n            }}\n            className={classNames(classes.resize, 'resize')}\n          />\n        </div>\n      </div>,\n      <span key={'sp2'}>&nbsp;</span>\n    ];\n  }\n}\n\nconst styles = theme => ({\n  portal: {\n    position: 'absolute',\n    opacity: 0,\n    transition: 'opacity 200ms linear'\n  },\n  floatingButtonRow: {\n    backgroundColor: 'white',\n    borderRadius: '1px',\n    display: 'flex',\n    padding: '10px',\n    border: 'solid 1px #eeeeee',\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  },\n  progress: {\n    position: 'absolute',\n    left: '0',\n    width: 'fit-content',\n    top: '0%',\n    transition: 'opacity 200ms linear'\n  },\n  hideProgress: {\n    opacity: 0\n  },\n  loading: {\n    opacity: 0.3\n  },\n  pendingDelete: {\n    opacity: 0.3\n  },\n  root: {\n    position: 'relative',\n    border: 'solid 1px white',\n    display: 'flex',\n    transition: 'opacity 200ms linear'\n  },\n  delete: {\n    position: 'absolute',\n    right: 0\n  },\n  imageContainer: {\n    position: 'relative',\n    width: 'fit-content',\n    display: 'flex',\n    alignItems: 'center',\n\n    '&&:hover > .resize': {\n      display: 'block'\n    }\n  },\n  active: {\n    border: `solid 1px ${theme.palette.primary.main}`\n  },\n  resize: {\n    backgroundColor: theme.palette.primary.main,\n    cursor: 'col-resize',\n    height: '35px',\n    width: '5px',\n    borderRadius: 8,\n    marginLeft: '5px',\n    marginRight: '10px',\n    display: 'none'\n  },\n  drawableHeight: {\n    minHeight: 350\n  }\n});\n\nexport default withStyles(styles)(Component);\n"],"file":"component.js"}
+{"version":3,"sources":["../../../src/plugins/image/component.jsx"],"names":["log","size","s","Component","percent","multiplier","img","naturalWidth","naturalHeight","width","floored","parseInt","toFixed","props","node","editor","update","data","w","get","set","getPercentFromWidth","equals","change","c","setNodeByKey","key","window","addEventListener","startResizing","stopResizing","maxImageWidth","maxImageHeight","box","style","dimensions","height","updateImageDimensions","setState","e","bounds","target","getBoundingClientRect","clientX","left","clientY","top","hasMinimumWidth","hasDimensionsConstraints","removeEventListener","initialDim","nextDim","keepAspectRatio","resizeType","imageAspectRatio","applySizeData","resizeHandle","resize","initialiseResize","objectFit","classes","attributes","onFocus","active","value","isFocused","selection","hasEdgeIn","src","loaded","deleteStatus","alignment","alt","margin","justifyContent","getSize","className","root","loading","pendingDelete","progressClasses","progress","hideProgress","imageContainer","image","ref","loadImage","React","SlatePropTypes","isRequired","PropTypes","shape","func","object","onBlur","number","styles","theme","portal","position","opacity","transition","floatingButtonRow","backgroundColor","borderRadius","display","padding","border","boxShadow","right","alignItems","palette","primary","main","cursor","marginLeft","marginRight","drawableHeight","minHeight"],"mappings":"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","sourcesContent":["import LinearProgress from '@material-ui/core/LinearProgress';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport { withStyles } from '@material-ui/core/styles';\nimport SlatePropTypes from 'slate-prop-types';\n\nconst log = debug('@pie-lib:editable-html:plugins:image:component');\n\nconst size = s => (s ? `${s}px` : 'auto');\n\nexport class Component extends React.Component {\n  static propTypes = {\n    node: SlatePropTypes.node.isRequired,\n    editor: PropTypes.shape({\n      change: PropTypes.func.isRequired,\n      value: PropTypes.object\n    }).isRequired,\n    classes: PropTypes.object.isRequired,\n    attributes: PropTypes.object,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    maxImageWidth: PropTypes.number,\n    maxImageHeight: PropTypes.number\n  };\n\n  getWidth = percent => {\n    const multiplier = percent / 100;\n    return this.img.naturalWidth * multiplier;\n  };\n\n  getHeight = percent => {\n    const multiplier = percent / 100;\n    return this.img.naturalHeight * multiplier;\n  };\n\n  getPercentFromWidth = width => {\n    var floored = (width / this.img.naturalWidth) * 4;\n    return parseInt(floored.toFixed(0) * 25, 10);\n  };\n\n  applySizeData = () => {\n    const { node, editor } = this.props;\n\n    let update = node.data;\n\n    const w = update.get('width');\n    if (w) {\n      update = update.set('resizePercent', this.getPercentFromWidth(w));\n    }\n\n    log('[applySizeData] update: ', update);\n\n    if (!update.equals(node.data)) {\n      editor.change(c => c.setNodeByKey(node.key, { data: update }));\n    }\n  };\n\n  initialiseResize = () => {\n    window.addEventListener('mousemove', this.startResizing, false);\n    window.addEventListener('mouseup', this.stopResizing, false);\n  };\n\n  componentDidMount() {\n    this.applySizeData();\n\n    const resizeHandle = this.resize;\n\n    if (resizeHandle) {\n      resizeHandle.addEventListener('mousedown', this.initialiseResize, false);\n    }\n  }\n\n  componentDidUpdate() {\n    this.applySizeData();\n  }\n\n  getSize(data) {\n    return {\n      width: size(data.get('width')),\n      height: size(data.get('height')),\n      objectFit: 'contain'\n    };\n  }\n\n  loadImage = () => {\n    let { maxImageWidth, maxImageHeight } = this.props || {};\n    maxImageWidth = maxImageWidth || 700;\n    maxImageHeight = maxImageHeight || 900;\n\n    const box = this.img;\n\n    //on first load\n    if (!box.style.width || box.style.width === 'auto') {\n      const dimensions = {\n        width: (box && box.naturalWidth) || 100,\n        height: (box && box.naturalHeight) || 100\n      };\n\n      const { width, height } = this.updateImageDimensions(\n        dimensions,\n        {\n          width: dimensions.width < maxImageWidth ? dimensions.width : maxImageWidth,\n          height: dimensions.height < maxImageHeight ? dimensions.height : maxImageHeight\n        },\n        true\n      );\n\n      box.style.width = `${width}px`;\n      box.style.height = `${height}px`;\n\n      this.setState({\n        dimensions: { height: height, width: width }\n      });\n\n      const { node, editor } = this.props;\n\n      let update = node.data;\n\n      update = update.set('width', width);\n      update = update.set('height', height);\n\n      if (!update.equals(node.data)) {\n        editor.change(c => c.setNodeByKey(node.key, { data: update }));\n      }\n    }\n  };\n\n  startResizing = e => {\n    const bounds = e.target.getBoundingClientRect();\n    const box = this.img;\n    const dimensions = {\n      width: (box && box.naturalWidth) || 100,\n      height: (box && box.naturalHeight) || 100\n    };\n\n    const { width, height } = this.updateImageDimensions(\n      dimensions,\n      {\n        width: e.clientX - bounds.left,\n        height: e.clientY - bounds.top\n      },\n      true\n    );\n\n    const hasMinimumWidth = width > 50 && height > 50;\n    const hasDimensionsConstraints = width <= 700 && height <= 900;\n\n    if (hasMinimumWidth && hasDimensionsConstraints && box) {\n      box.style.width = `${width}px`;\n      box.style.height = `${height}px`;\n\n      this.setState({\n        dimensions: { height: height, width: width }\n      });\n\n      const { node, editor } = this.props;\n\n      let update = node.data;\n\n      update = update.set('width', width);\n      update = update.set('height', height);\n\n      if (!update.equals(node.data)) {\n        editor.change(c => c.setNodeByKey(node.key, { data: update }));\n      }\n    }\n  };\n\n  stopResizing = () => {\n    window.removeEventListener('mousemove', this.startResizing, false);\n    window.removeEventListener('mouseup', this.stopResizing, false);\n  };\n\n  updateImageDimensions = (initialDim, nextDim, keepAspectRatio, resizeType) => {\n    // if we want to keep image aspect ratio\n    if (keepAspectRatio) {\n      const imageAspectRatio = initialDim.width / initialDim.height;\n\n      if (resizeType === 'height') {\n        // if we want to change image height => we update the width accordingly\n        return {\n          width: nextDim.height * imageAspectRatio,\n          height: nextDim.height\n        };\n      }\n\n      // if we want to change image width => we update the height accordingly\n      return {\n        width: nextDim.width,\n        height: nextDim.width / imageAspectRatio\n      };\n    }\n\n    // if we don't want to keep aspect ratio, we just update both values\n    return {\n      width: nextDim.width,\n      height: nextDim.height\n    };\n  };\n\n  render() {\n    const { node, editor, classes, attributes, onFocus } = this.props;\n    const active = editor.value.isFocused && editor.value.selection.hasEdgeIn(node);\n    const src = node.data.get('src');\n    const loaded = node.data.get('loaded') !== false;\n    const deleteStatus = node.data.get('deleteStatus');\n    const alignment = node.data.get('alignment');\n    const percent = node.data.get('percent');\n    const alt = node.data.get('alt');\n    let margin;\n    let justifyContent;\n\n    switch (alignment) {\n      case 'left':\n        justifyContent = 'flex-start';\n        margin = '0';\n        break;\n      case 'center':\n        justifyContent = 'center';\n        margin = '0 auto';\n        break;\n      case 'right':\n        justifyContent = 'flex-end';\n        margin = 'auto 0 0 auto ';\n        break;\n      default:\n        justifyContent = 'flex-start';\n        margin = '0';\n        break;\n    }\n    log('[render] node.data:', node.data);\n\n    const size = this.getSize(node.data);\n\n    log('[render] style:', size);\n\n    const className = classNames(\n      classes.root,\n      !loaded && classes.loading,\n      deleteStatus === 'pending' && classes.pendingDelete\n    );\n\n    const progressClasses = classNames(classes.progress, loaded && classes.hideProgress);\n\n    return [\n      <span key={'sp1'}>&nbsp;</span>,\n      <div key={'comp'} onFocus={onFocus} className={className} style={{ justifyContent }}>\n        <LinearProgress\n          mode=\"determinate\"\n          value={percent > 0 ? percent : 0}\n          className={progressClasses}\n        />\n        <div className={classes.imageContainer}>\n          <img\n            {...attributes}\n            className={classNames(classes.image, active && classes.active)}\n            ref={ref => {\n              this.img = ref;\n            }}\n            src={src}\n            style={size}\n            onLoad={this.loadImage}\n            alt={alt}\n          />\n          <div\n            ref={ref => {\n              this.resize = ref;\n            }}\n            className={classNames(classes.resize, 'resize')}\n          />\n        </div>\n      </div>,\n      <span key={'sp2'}>&nbsp;</span>\n    ];\n  }\n}\n\nconst styles = theme => ({\n  portal: {\n    position: 'absolute',\n    opacity: 0,\n    transition: 'opacity 200ms linear'\n  },\n  floatingButtonRow: {\n    backgroundColor: 'white',\n    borderRadius: '1px',\n    display: 'flex',\n    padding: '10px',\n    border: 'solid 1px #eeeeee',\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  },\n  progress: {\n    position: 'absolute',\n    left: '0',\n    width: 'fit-content',\n    top: '0%',\n    transition: 'opacity 200ms linear'\n  },\n  hideProgress: {\n    opacity: 0\n  },\n  loading: {\n    opacity: 0.3\n  },\n  pendingDelete: {\n    opacity: 0.3\n  },\n  root: {\n    position: 'relative',\n    border: 'solid 1px white',\n    display: 'flex',\n    transition: 'opacity 200ms linear'\n  },\n  delete: {\n    position: 'absolute',\n    right: 0\n  },\n  imageContainer: {\n    position: 'relative',\n    width: 'fit-content',\n    display: 'flex',\n    alignItems: 'center',\n\n    '&&:hover > .resize': {\n      display: 'block'\n    }\n  },\n  active: {\n    border: `solid 1px ${theme.palette.primary.main}`\n  },\n  resize: {\n    backgroundColor: theme.palette.primary.main,\n    cursor: 'col-resize',\n    height: '35px',\n    width: '5px',\n    borderRadius: 8,\n    marginLeft: '5px',\n    marginRight: '10px',\n    display: 'none'\n  },\n  drawableHeight: {\n    minHeight: 350\n  }\n});\n\nexport default withStyles(styles)(Component);\n"],"file":"component.js"}