@pie-element/ebsr 6.6.3-next.264 → 6.6.3-next.280

package/configure/node_modules/@pie-lib/editable-html/lib/editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/editor.jsx"],"names":["log","defaultToolbarOpts","position","alignment","alwaysVisible","showDone","doneOn","createToolbarOpts","toolbarOpts","Editor","props","e","relatedTarget","target","node","state","value","setState","focusedNode","resetValue","stashedValue","stashValue","editor","change","c","collapseToStartOf","selectedNode","onChange","resolve","nonEmpty","toolbarInFocus","blur","startText","text","length","then","onEditingDone","event","Promise","handleBlur","bind","onBlur","editorDOM","document","querySelector","key","activeElement","__TEMPORARY_CHANGE_DATA","data","domEl","setNodeByKey","handleDomBlur","removeEventListener","addEventListener","onFocus","force","stopReset","plugins","reduce","s","p","isFocused","toObject","newValue","Value","fromJSON","toJSON","setTimeout","done","v","endsWith","undefined","parseInt","isNaN","object","last","nodes","type","parent","getParent","Block","pos","focus","onResize","activePlugins","math","onClick","onMathClick","onPluginFocus","onPluginBlur","image","onDelete","imageSupport","src","insertImageRequested","getHandler","handler","add","toolbar","disableUnderline","autoWidth","autoWidthToolbar","onDone","table","responseArea","responseAreaProps","options","respAreaToolbar","media","createChange","onRef","window","autoFocus","nextProps","newToolbarOpts","equals","width","minHeight","height","maxHeight","valueToSize","disabled","highlightShape","classes","className","placeholder","pluginProps","onKeyDown","sizeStyle","buildSizeStyle","names","withBg","toolbarOnTop","ref","wrapperRef","r","slateEditor","editorRef","normalize","changeData","React","Component","PropTypes","bool","func","isRequired","SlateTypes","oneOfType","string","number","any","shape","oneOf","arrayOf","values","allValid","every","ALL_PLUGINS","includes","Error","join","styles","backgroundColor","fontFamily","tableLayout","borderCollapse","color","background","borderTop","border","padding","textAlign","marginTop"],"mappings":"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","sourcesContent":["import { Editor as SlateEditor, findNode } 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 } 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';\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 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    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    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      onDelete: PropTypes.func\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  };\n\n  static defaultProps = {\n    disableUnderline: true,\n    onFocus: () => {},\n    onBlur: () => {},\n    toolbarOpts: defaultToolbarOpts,\n    onKeyDown: () => {}\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.plugins = buildPlugins(props.activePlugins, {\n      math: {\n        onClick: this.onMathClick,\n        onFocus: this.onPluginFocus,\n        onBlur: this.onPluginBlur\n      },\n      image: {\n        onDelete:\n          this.props.imageSupport &&\n          this.props.imageSupport.delete &&\n          ((src, done) => {\n            this.props.imageSupport.delete(src, e => {\n              done(e, this.state.value);\n            });\n          }),\n        insertImageRequested:\n          this.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            this.props.imageSupport.add(handler);\n          }),\n        onFocus: this.onPluginFocus,\n        onBlur: this.onPluginBlur\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 } = this.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: props.responseAreaProps && props.responseAreaProps.type,\n        options: props.responseAreaProps && props.responseAreaProps.options,\n        respAreaToolbar: props.responseAreaProps && props.responseAreaProps.respAreaToolbar,\n        onFocus: () => {\n          log('[table:onFocus]...');\n          this.onPluginFocus();\n        },\n        onBlur: () => {\n          log('[table:onBlur]...');\n          this.onPluginBlur();\n        }\n      },\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\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  /*\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        const handleDomBlur = e => {\n          editorDOM.removeEventListener('blur', handleDomBlur);\n          this.onBlur(e);\n        };\n\n        editorDOM.addEventListener('blur', 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    this.setState({ value: change.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 more changes get through.\n     * The issues seem to be related to the promises in onBlur/onFocus. But removing these brings it's own problems.\n     * A major clean up is planned for this component so I've decided to temporarily settle 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  render() {\n    const {\n      disabled,\n      highlightShape,\n      classes,\n      className,\n      placeholder,\n      pluginProps,\n      onKeyDown\n    } = this.props;\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          value={value}\n          focus={this.focus}\n          onKeyDown={onKeyDown}\n          onChange={this.onChange}\n          onBlur={this.onBlur}\n          onFocus={this.onFocus}\n          onEditingDone={this.onEditingDone}\n          focusedNode={focusedNode}\n          normalize={this.normalize}\n          readOnly={disabled}\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    '& 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      border: '1px solid #dfe2e5',\n      padding: '.6em 1em',\n      textAlign: 'center'\n    }\n  },\n  toolbarOnTop: {\n    marginTop: '45px'\n  }\n};\n\nexport default withStyles(styles)(Editor);\n"],"file":"editor.js"}

package/configure/node_modules/@pie-lib/editable-html/lib/index.js

@@ -0,0 +1,213 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Editor", {
+  enumerable: true,
+  get: function get() {
+    return _editor["default"];
+  }
+});
+Object.defineProperty(exports, "DEFAULT_PLUGINS", {
+  enumerable: true,
+  get: function get() {
+    return _editor.DEFAULT_PLUGINS;
+  }
+});
+Object.defineProperty(exports, "ALL_PLUGINS", {
+  enumerable: true,
+  get: function get() {
+    return _editor.ALL_PLUGINS;
+  }
+});
+Object.defineProperty(exports, "htmlToValue", {
+  enumerable: true,
+  get: function get() {
+    return _serialization.htmlToValue;
+  }
+});
+Object.defineProperty(exports, "valueToHtml", {
+  enumerable: true,
+  get: function get() {
+    return _serialization.valueToHtml;
+  }
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _editor = _interopRequireWildcard(require("./editor"));
+
+var _serialization = require("./serialization");
+
+var _parseHtml = require("./parse-html");
+
+var _debug = _interopRequireDefault(require("debug"));
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var log = (0, _debug["default"])('@pie-lib:editable-html');
+/**
+ * Export lower level Editor and serialization functions.
+ */
+
+/**
+ * Wrapper around the editor that exposes a `markup` and `onChange(markup:string)` api.
+ * Because of the mismatch between the markup and the `Value` we need to convert the incoming markup to a value and
+ * compare it. TODO: This is an interim fix, we'll need to strip back `Editor` and look how best to maintain the
+ * `markup` api whilst avoiding the serialization mismatch. We should be making better use of schemas w/ normalize.
+ */
+var EditableHtml =
+/*#__PURE__*/
+function (_React$Component) {
+  _inherits(EditableHtml, _React$Component);
+
+  function EditableHtml(props) {
+    var _this;
+
+    _classCallCheck(this, EditableHtml);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(EditableHtml).call(this, props));
+
+    _defineProperty(_assertThisInitialized(_this), "onChange", function (value, done) {
+      var html = (0, _serialization.valueToHtml)(value);
+      var htmlParsed = (0, _parseHtml.parseDegrees)(html);
+      log('value as html: ', html);
+
+      if (html !== _this.props.markup) {
+        _this.props.onChange(htmlParsed);
+      }
+
+      if (done) {
+        _this.props.onDone(htmlParsed);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "focus", function (position, node) {
+      if (_this.editorRef) {
+        _this.editorRef.change(function (c) {
+          var lastText = node ? c.value.document.getNextText(node.key) : c.value.document.getLastText();
+          var editorDOM = document.querySelector("[data-key=\"".concat(_this.editorRef.value.document.key, "\"]"));
+
+          if (editorDOM !== document.activeElement) {
+            document.activeElement.blur();
+          }
+
+          c.focus();
+
+          if (position === 'end' && lastText) {
+            c.moveFocusTo(lastText.key, lastText.text.length).moveAnchorTo(lastText.key, lastText.text.length);
+          }
+
+          if (position === 'beginning' && lastText) {
+            c.moveFocusTo(lastText.key, 0).moveAnchorTo(lastText.key, 0);
+          }
+        });
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "finishEditing", function () {
+      if (_this.editorRef) {
+        _this.editorRef.props.onEditingDone();
+      }
+    });
+
+    var v = (0, _serialization.htmlToValue)(props.markup);
+    _this.state = {
+      value: v
+    };
+    return _this;
+  } // eslint-disable-next-line react/no-deprecated
+
+
+  _createClass(EditableHtml, [{
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(props) {
+      if (!props.allowValidation && props.markup === this.props.markup) {
+        return;
+      }
+
+      var v = (0, _serialization.htmlToValue)(props.markup);
+      var current = (0, _serialization.htmlToValue)(this.props.markup);
+
+      if (!v.equals(current)) {
+        this.setState({
+          value: v
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var value = this.state.value;
+
+      var props = _objectSpread({}, this.props, {
+        markup: null,
+        value: value,
+        onChange: this.onChange,
+        focus: this.focus
+      });
+
+      return _react["default"].createElement(_editor["default"], _extends({
+        onRef: function onRef(ref) {
+          if (ref) {
+            _this2.rootRef = ref;
+          }
+        },
+        editorRef: function editorRef(ref) {
+          return ref && (_this2.editorRef = ref);
+        }
+      }, props));
+    }
+  }]);
+
+  return EditableHtml;
+}(_react["default"].Component);
+
+exports["default"] = EditableHtml;
+
+_defineProperty(EditableHtml, "propTypes", {
+  onChange: _propTypes["default"].func.isRequired,
+  onDone: _propTypes["default"].func,
+  markup: _propTypes["default"].string.isRequired,
+  allowValidation: _propTypes["default"].bool
+});
+
+_defineProperty(EditableHtml, "defaultProps", {
+  onDone: function onDone() {},
+  allowValidation: false
+});
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-lib/editable-html/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.jsx"],"names":["log","EditableHtml","props","value","done","html","htmlParsed","markup","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","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 */\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(props.markup);\n    const current = htmlToValue(this.props.markup);\n\n    if (!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 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/configure/node_modules/@pie-lib/editable-html/lib/parse-html.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parseDegrees = void 0;
+
+var parseDegrees = function parseDegrees(html) {
+  return html // removes \(   use case: 50°
+  .replace(/\\[(]/g, '') // removes \)   use case: 50°+m<1
+  .replace(/\\[)]/g, '') // removes \degree  use case: 50°
+  .replace(/\\degree/g, '&deg;');
+};
+
+exports.parseDegrees = parseDegrees;
+//# sourceMappingURL=parse-html.js.map

package/configure/node_modules/@pie-lib/editable-html/lib/parse-html.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/parse-html.js"],"names":["parseDegrees","html","replace"],"mappings":";;;;;;;AAAO,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAAAC,IAAI;AAAA,SAC9BA,IAAI,CACF;AADE,GAEDC,OAFH,CAEW,QAFX,EAEqB,EAFrB,EAGE;AAHF,GAIGA,OAJH,CAIW,QAJX,EAIqB,EAJrB,EAKE;AALF,GAMGA,OANH,CAMW,WANX,EAMwB,OANxB,CAD8B;AAAA,CAAzB","sourcesContent":["export const parseDegrees = html =>\n  html\n    // removes \\(   use case: 50°\n    .replace(/\\\\[(]/g, '')\n    // removes \\)   use case: 50°+m<1\n    .replace(/\\\\[)]/g, '')\n    // removes \\degree  use case: 50°\n    .replace(/\\\\degree/g, '&deg;');\n"],"file":"parse-html.js"}

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/image/component.js

@@ -0,0 +1,248 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Component = void 0;
+
+var _LinearProgress = _interopRequireDefault(require("@material-ui/core/LinearProgress"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _slatePropTypes = _interopRequireDefault(require("slate-prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:image:component');
+
+var size = function size(s) {
+  return s ? "".concat(s, "px") : 'auto';
+};
+
+var Component =
+/*#__PURE__*/
+function (_React$Component) {
+  _inherits(Component, _React$Component);
+
+  function Component() {
+    var _getPrototypeOf2;
+
+    var _this;
+
+    _classCallCheck(this, Component);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Component)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+    _defineProperty(_assertThisInitialized(_this), "getWidth", function (percent) {
+      var multiplier = percent / 100;
+      return _this.img.naturalWidth * multiplier;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "getHeight", function (percent) {
+      var multiplier = percent / 100;
+      return _this.img.naturalHeight * multiplier;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "getPercentFromWidth", function (width) {
+      var floored = width / _this.img.naturalWidth * 4;
+      return parseInt(floored.toFixed(0) * 25, 10);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "applySizeData", function () {
+      var _this$props = _this.props,
+          node = _this$props.node,
+          editor = _this$props.editor;
+      var resizePercent = node.data.get('resizePercent');
+      log('[applySizeData]: resizePercent: ', resizePercent);
+      var update = node.data;
+
+      if (resizePercent) {
+        update = update.set('width', _this.getWidth(resizePercent));
+        update = update.set('height', _this.getHeight(resizePercent));
+      } else {
+        var w = update.get('width');
+
+        if (w) {
+          update = update.set('resizePercent', _this.getPercentFromWidth(w));
+        }
+      }
+
+      log('[applySizeData] update: ', update);
+
+      if (!update.equals(node.data)) {
+        editor.change(function (c) {
+          return c.setNodeByKey(node.key, {
+            data: update
+          });
+        });
+      }
+    });
+
+    return _this;
+  }
+
+  _createClass(Component, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.applySizeData();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.applySizeData();
+    }
+  }, {
+    key: "getSize",
+    value: function getSize(data) {
+      return {
+        width: size(data.get('width')),
+        height: size(data.get('height')),
+        objectFit: 'contain'
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props2 = this.props,
+          node = _this$props2.node,
+          editor = _this$props2.editor,
+          classes = _this$props2.classes,
+          attributes = _this$props2.attributes,
+          onFocus = _this$props2.onFocus;
+      var active = editor.value.isFocused && editor.value.selection.hasEdgeIn(node);
+      var src = node.data.get('src');
+      var percent = node.data.get('percent');
+      var loaded = node.data.get('loaded') !== false;
+      var deleteStatus = node.data.get('deleteStatus');
+      log('[render] node.data:', node.data);
+      var size = this.getSize(node.data);
+      log('[render] style:', size);
+      var className = (0, _classnames["default"])(classes.root, active && classes.active, !loaded && classes.loading, deleteStatus === 'pending' && classes.pendingDelete);
+      var progressClasses = (0, _classnames["default"])(classes.progress, loaded && classes.hideProgress);
+      return [_react["default"].createElement("span", {
+        key: 'sp1'
+      }, "\xA0"), _react["default"].createElement("div", {
+        key: 'comp',
+        onFocus: onFocus,
+        className: className
+      }, _react["default"].createElement(_LinearProgress["default"], {
+        mode: "determinate",
+        value: percent > 0 ? percent : 0,
+        className: progressClasses
+      }), _react["default"].createElement("img", _extends({
+        src: src
+      }, attributes, {
+        ref: function ref(r) {
+          return _this2.img = r;
+        },
+        style: size
+      }))), _react["default"].createElement("span", {
+        key: 'sp2'
+      }, "\xA0")];
+    }
+  }]);
+
+  return Component;
+}(_react["default"].Component);
+
+exports.Component = Component;
+
+_defineProperty(Component, "propTypes", {
+  node: _slatePropTypes["default"].node.isRequired,
+  editor: _propTypes["default"].shape({
+    change: _propTypes["default"].func.isRequired,
+    value: _propTypes["default"].object
+  }).isRequired,
+  classes: _propTypes["default"].object.isRequired,
+  attributes: _propTypes["default"].object,
+  onFocus: _propTypes["default"].func,
+  onBlur: _propTypes["default"].func
+});
+
+var styles = function styles(theme) {
+  return {
+    portal: {
+      position: 'absolute',
+      opacity: 0,
+      transition: 'opacity 200ms linear'
+    },
+    floatingButtonRow: {
+      backgroundColor: 'white',
+      borderRadius: '1px',
+      display: 'flex',
+      padding: '10px',
+      border: 'solid 1px #eeeeee',
+      boxShadow: '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)'
+    },
+    progress: {
+      position: 'absolute',
+      left: '0',
+      width: '100%',
+      top: '0%',
+      transition: 'opacity 200ms linear'
+    },
+    hideProgress: {
+      opacity: 0
+    },
+    loading: {
+      opacity: 0.3
+    },
+    pendingDelete: {
+      opacity: 0.3
+    },
+    root: {
+      position: 'relative',
+      border: 'solid 1px white',
+      display: 'inline-block',
+      transition: 'opacity 200ms linear'
+    },
+    active: {
+      border: "solid 1px ".concat(theme.palette.primary.main)
+    },
+    "delete": {
+      position: 'absolute',
+      right: 0
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(styles)(Component);
+
+exports["default"] = _default;
+//# sourceMappingURL=component.js.map

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/image/component.js.map

@@ -0,0 +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","resizePercent","data","get","update","set","getWidth","getHeight","w","getPercentFromWidth","equals","change","c","setNodeByKey","key","applySizeData","height","objectFit","classes","attributes","onFocus","active","value","isFocused","selection","hasEdgeIn","src","loaded","deleteStatus","getSize","className","root","loading","pendingDelete","progressClasses","progress","hideProgress","r","React","SlatePropTypes","isRequired","PropTypes","shape","func","object","onBlur","styles","theme","portal","position","opacity","transition","floatingButtonRow","backgroundColor","borderRadius","display","padding","border","boxShadow","left","top","palette","primary","main","right"],"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  };\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    const resizePercent = node.data.get('resizePercent');\n    log('[applySizeData]: resizePercent: ', resizePercent);\n\n    let update = node.data;\n\n    if (resizePercent) {\n      update = update.set('width', this.getWidth(resizePercent));\n      update = update.set('height', this.getHeight(resizePercent));\n    } else {\n      const w = update.get('width');\n      if (w) {\n        update = update.set('resizePercent', this.getPercentFromWidth(w));\n      }\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  componentDidMount() {\n    this.applySizeData();\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  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 percent = node.data.get('percent');\n    const loaded = node.data.get('loaded') !== false;\n    const deleteStatus = node.data.get('deleteStatus');\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      active && classes.active,\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}>\n        <LinearProgress\n          mode=\"determinate\"\n          value={percent > 0 ? percent : 0}\n          className={progressClasses}\n        />\n        <img src={src} {...attributes} ref={r => (this.img = r)} style={size} />\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: '100%',\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: 'inline-block',\n    transition: 'opacity 200ms linear'\n  },\n  active: {\n    border: `solid 1px ${theme.palette.primary.main}`\n  },\n  delete: {\n    position: 'absolute',\n    right: 0\n  }\n});\n\nexport default withStyles(styles)(Component);\n"],"file":"component.js"}