@pie-lib/editable-html-tip-tap 1.0.3 → 1.0.5

package/lib/components/media/MediaDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media/MediaDialog.js"],"names":["log","matchYoutubeUrl","url","p","match","matchVimeoUrl","test","matchDriveUrl","matchSoundCloudUrl","regexp","makeApiRequest","Promise","resolve","fetch","then","response","json","d","document","createElement","innerHTML","html","iframe","querySelector","src","err","typeMap","video","audio","tabsTypeMap","uploadFile","insertUrl","MediaDialog","props","state","urlToUse","starts","ends","isYoutube","isVimeo","formattedUrl","params","paramName","paramStart","push","length","join","callback","setState","updating","newState","formatUrl","value","handleStateChange","invalid","regExp","id","replace","e","target","type","checkAudio","checkVideo","val","handleClose","tabValue","fileUpload","isInsertURL","handleRemoveFile","height","width","tag","loading","scheduled","preventDefault","error","fileChosen","files","reader","FileReader","onload","dataURL","result","mimeType","readAsDataURL","uploadSoundSupport","add","done","console","handleDone","bind","undefined","showUploadFile","urlChange","classes","open","disablePortal","edit","isUploadMedia","submitIsDisabled","paper","row","event","root","properties","changeHandler","uploadInput","deleteIcon","input","handleUploadFile","React","Component","PropTypes","object","isRequired","bool","func","shape","string","number","styles","theme","minWidth","padding","display","flexDirection","rowItem","marginRight","spacing","unit","cursor","active","color","primary","borderBottom","marginTop","palette","main","marginLeft"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport { color } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport MuiTabs from '@material-ui/core/Tabs';\nimport MuiTab from '@material-ui/core/Tab';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport TextField from '@material-ui/core/TextField';\nimport Typography from '@material-ui/core/Typography';\nimport IconButton from '@material-ui/core/IconButton';\nimport ActionDelete from '@material-ui/icons/Delete';\n\nconst log = debug('@pie-lib:editable-html:plugins:media:dialog');\n\nconst matchYoutubeUrl = (url) => {\n  if (!url) {\n    return false;\n  }\n\n  const p = /^(?:https?:\\/\\/)?(?:m\\.|www\\.)?(?:youtu\\.be\\/|youtube\\.com\\/(?:embed\\/|v\\/|watch\\?v=|watch\\?.+&v=))((\\w|-){11})(?:\\S+)?$/;\n  if (url.match(p)) {\n    return url.match(p)[1];\n  }\n  return false;\n};\n\nconst matchVimeoUrl = (url) =>\n  url &&\n  /(http|https)?:\\/\\/(www\\.)?(player\\.)?vimeo.com\\/(?:channels\\/(?:\\w+\\/)?|groups\\/([^/]*)\\/videos\\/|)(video\\/)?(\\d+)(?:|\\/\\?)/.test(\n    url,\n  );\n\nconst matchDriveUrl = (url) =>\n  url && /^https:\\/\\/drive\\.google\\.com\\/(?:file\\/d\\/|drive\\/(?:u\\/\\d+\\/)?folders\\/|uc\\?id=)([a-zA-Z0-9_-]+)/.test(url);\n\nconst matchSoundCloudUrl = (url) => {\n  if (!url) {\n    return false;\n  }\n\n  const regexp = /^https?:\\/\\/(soundcloud\\.com|snd\\.sc)\\/(.*)$/;\n  return url.match(regexp) && url.match(regexp)[2];\n};\n\nconst makeApiRequest = (url) => {\n  return new Promise((resolve) => {\n    try {\n      fetch(`https://soundcloud.com/oembed?format=json&url=${url}`)\n        .then((response) => response.json())\n        .then((json) => {\n          const d = document.createElement('div');\n\n          d.innerHTML = json.html;\n\n          const iframe = d.querySelector('iframe');\n\n          resolve(iframe.src);\n        })\n        .catch((err) => {\n          resolve('');\n          log(err);\n        });\n    } catch (err) {\n      resolve('');\n    }\n  });\n};\n\nconst typeMap = {\n  video: 'Video',\n  audio: 'Audio',\n};\n\nconst tabsTypeMap = {\n  uploadFile: 'upload-file',\n  insertUrl: 'insert-url',\n};\n\nexport class MediaDialog extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    open: PropTypes.bool,\n    edit: PropTypes.bool,\n    disablePortal: PropTypes.bool,\n    handleClose: PropTypes.func,\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func,\n      delete: PropTypes.func,\n    }),\n    type: PropTypes.string,\n    src: PropTypes.string,\n    url: PropTypes.string,\n    urlToUse: PropTypes.string,\n    starts: PropTypes.number,\n    ends: PropTypes.number,\n    height: PropTypes.number,\n    width: PropTypes.number,\n  };\n\n  constructor(props) {\n    super(props);\n\n    const { ends, height, src, starts, type, uploadSoundSupport, url, urlToUse, width } = props;\n    const showUploadFile = uploadSoundSupport?.add && uploadSoundSupport?.delete && type !== 'video' && !src;\n\n    this.state = {\n      ends: ends || 0,\n      url: url,\n      urlToUse: urlToUse,\n      formattedUrl: src,\n      height: height || 315,\n      invalid: false,\n      starts: starts || 0,\n      width: width || 560,\n      // default selected tab should be upload file if available\n      tabValue: showUploadFile ? tabsTypeMap.uploadFile : tabsTypeMap.insertUrl,\n      fileUpload: {\n        error: null,\n        loading: false,\n        scheduled: false,\n        url: '',\n        mimeType: '',\n      },\n    };\n  }\n\n  componentDidMount() {\n    if (this.props.url) {\n      this.urlChange({\n        target: {\n          value: this.props.url,\n        },\n      });\n    }\n  }\n\n  formatUrl = () => {\n    const { url, urlToUse, starts, ends } = this.state;\n    const isYoutube = matchYoutubeUrl(url);\n    const isVimeo = matchVimeoUrl(url);\n    let formattedUrl = urlToUse;\n\n    if ((isYoutube || isVimeo) && urlToUse) {\n      const params = [];\n\n      let paramName;\n      let paramStart;\n\n      switch (true) {\n        case isVimeo:\n          paramName = 't';\n          paramStart = '#';\n          break;\n        case isYoutube:\n          paramName = 'start';\n          paramStart = '?';\n          break;\n        default:\n          paramName = 'start';\n          paramStart = '?';\n      }\n\n      if (starts) {\n        params.push(`${paramName}=${starts}`);\n      }\n\n      if (ends) {\n        params.push(`end=${ends}`);\n      }\n\n      formattedUrl = `${urlToUse}${params.length ? paramStart : ''}${params.join('&')}`;\n    }\n\n    const callback = () => this.setState({ formattedUrl, updating: false });\n\n    this.setState({ formattedUrl: null, updating: true }, callback);\n  };\n\n  handleStateChange = (newState) => this.setState(newState, this.formatUrl);\n\n  checkAudio = (value) => {\n    if (matchSoundCloudUrl(value)) {\n      makeApiRequest(value)\n        .then((urlToUse) => {\n          this.handleStateChange({\n            urlToUse,\n            invalid: !urlToUse,\n            url: value,\n          });\n        })\n        .catch(log);\n    }\n  };\n\n  checkVideo = (value) => {\n    if (matchYoutubeUrl(value)) {\n      const regExp = /^.*(youtu\\.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=|&v=)([^#&?]*).*/;\n      const match = value.match(regExp);\n      const id = match[2];\n      const urlToUse = `https://youtube.com/embed/${id}`;\n\n      log('is youtube');\n\n      this.handleStateChange({\n        urlToUse,\n        url: value,\n        invalid: false,\n      });\n    }\n\n    if (matchVimeoUrl(value)) {\n      const id = value.replace(/.*vimeo.com\\/(.*)/g, '$1');\n      const urlToUse = `https://player.vimeo.com/video/${id}`;\n\n      log('is vimeo');\n\n      this.handleStateChange({\n        urlToUse,\n        url: value,\n        ends: null,\n        invalid: false,\n      });\n    }\n\n    if (matchDriveUrl(value)) {\n      // https://drive.google.com/file/d/11QkK_gUO068amNvZBm9cxZpKX74WYb8q/view\n      const id = value.replace(\n        /^https:\\/\\/drive\\.google\\.com\\/(?:file\\/d\\/|drive\\/(?:u\\/\\d+\\/)?folders\\/|uc\\?id=)([a-zA-Z0-9_-]+)\\/.*/,\n        '$1',\n      );\n      const urlToUse = `https://drive.google.com/file/d/${id}/preview`;\n\n      log('is google drive');\n\n      this.handleStateChange({\n        urlToUse,\n        url: value,\n        ends: null,\n        invalid: false,\n      });\n    }\n  };\n\n  urlChange = (e) => {\n    const { value } = e.target || {};\n    const { type } = this.props;\n\n    if (type && type === 'audio') {\n      this.checkAudio(value);\n      return;\n    } else if (type && type === 'video') {\n      this.checkVideo(value);\n      return;\n    }\n\n    this.handleStateChange({\n      urlToUse: null,\n      url: null,\n      invalid: true,\n    });\n  };\n\n  changeHandler = (type) => (e) => this.handleStateChange({ [type]: e.target.value });\n\n  handleDone = (val) => {\n    const { handleClose } = this.props;\n    const { tabValue, fileUpload } = this.state;\n    const isInsertURL = tabValue === tabsTypeMap.insertUrl;\n\n    if (!val) {\n      if (fileUpload.url) {\n        this.handleRemoveFile();\n      }\n\n      handleClose(val);\n      return;\n    }\n\n    if (isInsertURL) {\n      const { ends, height, url, urlToUse, formattedUrl, starts, width } = this.state;\n\n      handleClose(val, {\n        tag: 'iframe',\n        ends,\n        height,\n        starts,\n        width,\n        url,\n        urlToUse,\n        src: formattedUrl,\n      });\n      return;\n    }\n\n    if (!fileUpload.loading) {\n      handleClose(val, {\n        tag: 'audio',\n        src: fileUpload.url,\n      });\n      return;\n    }\n\n    this.setState({\n      fileUpload: {\n        ...fileUpload,\n        scheduled: true,\n      },\n    });\n  };\n\n  handleUploadFile = async (e) => {\n    e.preventDefault();\n\n    this.setState({\n      fileUpload: {\n        ...this.state.fileUpload,\n        error: null,\n        loading: true,\n      },\n    });\n\n    const fileChosen = e.target.files[0];\n\n    const reader = new FileReader();\n\n    reader.onload = () => {\n      const dataURL = reader.result;\n\n      this.setState({\n        fileUpload: {\n          ...this.state.fileUpload,\n          url: dataURL,\n          mimeType: fileChosen.type,\n        },\n      });\n    };\n    reader.readAsDataURL(fileChosen);\n\n    this.props.uploadSoundSupport.add({\n      fileChosen,\n      done: (err, src) => {\n        log('done: err:', err);\n        if (err) {\n          //eslint-disable-next-line\n          console.log(err);\n          this.setState({\n            fileUpload: {\n              ...this.state.fileUpload,\n              scheduled: false,\n              loading: false,\n              error: err,\n            },\n          });\n          return;\n        }\n\n        const { fileUpload } = this.state;\n        const callback = fileUpload && fileUpload.scheduled ? this.handleDone.bind(this, true) : undefined;\n\n        this.setState(\n          {\n            fileUpload: {\n              ...fileUpload,\n              scheduled: false,\n              loading: false,\n              url: src,\n            },\n          },\n          callback,\n        );\n      },\n    });\n  };\n\n  handleRemoveFile = async () => {\n    this.props.uploadSoundSupport.delete(this.state.fileUpload.url, (err) => {\n      if (err) {\n        //eslint-disable-next-line\n        console.log(err);\n        this.setState({\n          fileUpload: {\n            ...this.state.fileUpload,\n            error: err,\n          },\n        });\n      }\n    });\n\n    // we should put it inside uploadSoundSupport.delete but we can leave it here for testing purposes\n    this.setState({\n      fileUpload: {\n        ...this.state.fileUpload,\n        loading: false,\n        url: '',\n        mimeType: '',\n      },\n    });\n  };\n\n  render() {\n    const { classes, open, disablePortal, type, edit, uploadSoundSupport } = this.props;\n    const {\n      ends,\n      height,\n      invalid,\n      starts,\n      width,\n      url,\n      mimeType,\n      formattedUrl,\n      updating,\n      tabValue,\n      fileUpload,\n    } = this.state;\n    const isYoutube = matchYoutubeUrl(url);\n    const isInsertURL = tabValue === tabsTypeMap.insertUrl;\n    const isUploadMedia = tabValue === tabsTypeMap.uploadFile;\n    const submitIsDisabled = isInsertURL\n      ? invalid || url === null || url === undefined\n      : !fileUpload.url || fileUpload.scheduled;\n    const showUploadFile = uploadSoundSupport?.add && uploadSoundSupport?.delete && type !== 'video';\n\n    return (\n      <Dialog\n        classes={{\n          paper: classes.paper,\n        }}\n        disablePortal={disablePortal}\n        open={open}\n        onClose={() => this.handleDone(false)}\n        aria-labelledby=\"form-dialog-title\"\n      >\n        <DialogTitle id=\"form-dialog-title\">Insert {typeMap[type]}</DialogTitle>\n        <DialogContent>\n          <div>\n            <div className={classes.row}>\n              <MuiTabs\n                indicatorColor=\"primary\"\n                value={tabValue}\n                onChange={(event, value) => {\n                  this.setState({ tabValue: value });\n                }}\n              >\n                {showUploadFile ? <MuiTab value={tabsTypeMap.uploadFile} label=\"Upload file\" /> : null}\n                <MuiTab\n                  value={tabsTypeMap.insertUrl}\n                  label={type === 'video' ? 'Insert YouTube, Vimeo, or Google Drive URL' : 'Insert SoundCloud URL'}\n                />\n              </MuiTabs>\n            </div>\n            {isInsertURL && (\n              <div>\n                <TextField\n                  autoFocus\n                  error={invalid}\n                  helperText={invalid ? 'Invalid URL' : ''}\n                  margin=\"dense\"\n                  id=\"name\"\n                  label=\"URL\"\n                  placeholder={`Paste URL of ${type}...`}\n                  type=\"text\"\n                  onChange={this.urlChange}\n                  value={url}\n                  fullWidth\n                />\n                {type === 'video' && (\n                  <DialogContent\n                    classes={{\n                      root: classes.properties,\n                    }}\n                  >\n                    <DialogContentText>Video Properties</DialogContentText>\n                    <TextField\n                      autoFocus\n                      margin=\"dense\"\n                      id=\"width\"\n                      label=\"Width\"\n                      type=\"number\"\n                      placeholder=\"Width\"\n                      value={width}\n                      onChange={this.changeHandler('width')}\n                    />\n                    <TextField\n                      autoFocus\n                      margin=\"dense\"\n                      id=\"height\"\n                      label=\"Height\"\n                      type=\"number\"\n                      placeholder=\"Height\"\n                      value={height}\n                      onChange={this.changeHandler('height')}\n                    />\n                  </DialogContent>\n                )}\n                {formattedUrl && (\n                  <iframe\n                    width={width}\n                    height={height}\n                    src={formattedUrl}\n                    frameBorder=\"0\"\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                    allowFullScreen\n                  />\n                )}\n                {type === 'video' && (formattedUrl || updating) && !invalid && (\n                  <React.Fragment>\n                    <DialogContent\n                      classes={{\n                        root: classes.properties,\n                      }}\n                    >\n                      <TextField\n                        autoFocus\n                        margin=\"dense\"\n                        id=\"starts\"\n                        label=\"Starts\"\n                        type=\"number\"\n                        placeholder=\"Starts\"\n                        value={starts}\n                        onChange={this.changeHandler('starts')}\n                      />\n                      {isYoutube && (\n                        <TextField\n                          autoFocus\n                          margin=\"dense\"\n                          id=\"ends\"\n                          label=\"Ends\"\n                          type=\"number\"\n                          placeholder=\"Ends\"\n                          value={ends}\n                          onChange={this.changeHandler('ends')}\n                        />\n                      )}\n                    </DialogContent>\n                  </React.Fragment>\n                )}\n              </div>\n            )}\n            {isUploadMedia && (\n              <div className={classes.uploadInput}>\n                <div>\n                  {fileUpload.url ? (\n                    <>\n                      <div className={classes.row}>\n                        <audio controls=\"controls\" controlsList=\"nodownload\">\n                          <source type={mimeType} src={fileUpload.url} />\n                        </audio>\n                        <IconButton aria-label=\"delete\" className={classes.deleteIcon} onClick={this.handleRemoveFile}>\n                          <ActionDelete />\n                        </IconButton>\n                      </div>\n                      {!fileUpload.scheduled && fileUpload.loading ? (\n                        <Typography variant=\"subheading\">Loading...</Typography>\n                      ) : null}\n                      {fileUpload.scheduled ? (\n                        <Typography variant=\"subheading\">\n                          Waiting for Upload to finish, then inserting item...\n                        </Typography>\n                      ) : null}\n                    </>\n                  ) : !fileUpload.loading ? (\n                    <input accept=\"audio/*\" className={classes.input} onChange={this.handleUploadFile} type=\"file\" />\n                  ) : null}\n                  {!!fileUpload.error && (\n                    <Typography className={classes.error} variant=\"caption\">\n                      {fileUpload.error}\n                    </Typography>\n                  )}\n                </div>\n              </div>\n            )}\n          </div>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={() => this.handleDone(false)} color=\"primary\">\n            Cancel\n          </Button>\n          <Button disabled={submitIsDisabled} onClick={() => this.handleDone(true)} color=\"primary\">\n            {edit ? 'Update' : 'Insert'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  paper: {\n    minWidth: '500px',\n  },\n  properties: {\n    padding: 0,\n  },\n  row: {\n    display: 'flex',\n    flexDirection: 'space-between',\n  },\n  rowItem: {\n    marginRight: theme.spacing.unit * 1.5,\n    cursor: 'pointer',\n  },\n  active: {\n    color: color.primary(),\n    borderBottom: `2px solid ${color.primary()}`,\n  },\n  uploadInput: {\n    marginTop: theme.spacing.unit * 1.5,\n  },\n  error: {\n    marginTop: theme.spacing.unit * 1.5,\n    color: theme.palette.error.main,\n  },\n  deleteIcon: {\n    marginLeft: theme.spacing.unit * 1.5,\n  },\n});\n\nexport default withStyles(styles)(MediaDialog);\n"],"file":"MediaDialog.js"}

package/lib/components/media/MediaToolbar.js

@@ -5,12 +5,97 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _mediaToolbar["default"];
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+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 useStyles = (0, _styles.withStyles)(function (theme) {
+  return {
+    root: {
+      position: 'relative',
+      bottom: '5px',
+      left: 0,
+      width: '100%',
+      background: theme.palette.common.white,
+      display: 'inline-flex',
+      padding: '5px',
+      boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)'
+    },
+    editContainer: {
+      cursor: 'pointer',
+      flex: 3,
+      border: "solid ".concat(theme.palette.common.black),
+      textAlign: 'right',
+      borderWidth: '0 2px 0 0',
+      marginRight: '5px',
+      paddingRight: '5px'
+    },
+    removeContainer: {
+      cursor: 'pointer'
+    }
+  };
+});
+
+var MediaToolbar = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(MediaToolbar, _React$Component);
+
+  var _super = _createSuper(MediaToolbar);
+
+  function MediaToolbar() {
+    (0, _classCallCheck2["default"])(this, MediaToolbar);
+    return _super.apply(this, arguments);
   }
+
+  (0, _createClass2["default"])(MediaToolbar, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          hideEdit = _this$props.hideEdit,
+          onEdit = _this$props.onEdit,
+          onRemove = _this$props.onRemove;
+      return /*#__PURE__*/_react["default"].createElement("span", {
+        className: classes.root
+      }, hideEdit ? null : /*#__PURE__*/_react["default"].createElement("span", {
+        className: classes.editContainer,
+        onClick: onEdit
+      }, "Edit Settings"), /*#__PURE__*/_react["default"].createElement("span", {
+        className: classes.removeContainer,
+        onClick: onRemove
+      }, "Remove"));
+    }
+  }]);
+  return MediaToolbar;
+}(_react["default"].Component);
+
+(0, _defineProperty2["default"])(MediaToolbar, "propTypes", {
+  classes: _propTypes["default"].object,
+  onEdit: _propTypes["default"].func,
+  hideEdit: _propTypes["default"].bool,
+  onRemove: _propTypes["default"].func
 });
 
-var _mediaToolbar = _interopRequireDefault(require("../../plugins/media/media-toolbar"));
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL21lZGlhL01lZGlhVG9vbGJhci5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7QUFBQSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IGRlZmF1bHQgfSBmcm9tICcuLi8uLi9wbHVnaW5zL21lZGlhL21lZGlhLXRvb2xiYXInO1xuIl19
+var _default = useStyles(MediaToolbar);
+
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL21lZGlhL01lZGlhVG9vbGJhci5qc3giXSwibmFtZXMiOlsidXNlU3R5bGVzIiwidGhlbWUiLCJyb290IiwicG9zaXRpb24iLCJib3R0b20iLCJsZWZ0Iiwid2lkdGgiLCJiYWNrZ3JvdW5kIiwicGFsZXR0ZSIsImNvbW1vbiIsIndoaXRlIiwiZGlzcGxheSIsInBhZGRpbmciLCJib3hTaGFkb3ciLCJlZGl0Q29udGFpbmVyIiwiY3Vyc29yIiwiZmxleCIsImJvcmRlciIsImJsYWNrIiwidGV4dEFsaWduIiwiYm9yZGVyV2lkdGgiLCJtYXJnaW5SaWdodCIsInBhZGRpbmdSaWdodCIsInJlbW92ZUNvbnRhaW5lciIsIk1lZGlhVG9vbGJhciIsInByb3BzIiwiY2xhc3NlcyIsImhpZGVFZGl0Iiwib25FZGl0Iiwib25SZW1vdmUiLCJSZWFjdCIsIkNvbXBvbmVudCIsIlByb3BUeXBlcyIsIm9iamVjdCIsImZ1bmMiLCJib29sIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7Ozs7O0FBRUEsSUFBTUEsU0FBUyxHQUFHLHdCQUFXLFVBQUNDLEtBQUQ7QUFBQSxTQUFZO0FBQ3ZDQyxJQUFBQSxJQUFJLEVBQUU7QUFDSkMsTUFBQUEsUUFBUSxFQUFFLFVBRE47QUFFSkMsTUFBQUEsTUFBTSxFQUFFLEtBRko7QUFHSkMsTUFBQUEsSUFBSSxFQUFFLENBSEY7QUFJSkMsTUFBQUEsS0FBSyxFQUFFLE1BSkg7QUFLSkMsTUFBQUEsVUFBVSxFQUFFTixLQUFLLENBQUNPLE9BQU4sQ0FBY0MsTUFBZCxDQUFxQkMsS0FMN0I7QUFNSkMsTUFBQUEsT0FBTyxFQUFFLGFBTkw7QUFPSkMsTUFBQUEsT0FBTyxFQUFFLEtBUEw7QUFRSkMsTUFBQUEsU0FBUyxFQUFFO0FBUlAsS0FEaUM7QUFXdkNDLElBQUFBLGFBQWEsRUFBRTtBQUNiQyxNQUFBQSxNQUFNLEVBQUUsU0FESztBQUViQyxNQUFBQSxJQUFJLEVBQUUsQ0FGTztBQUdiQyxNQUFBQSxNQUFNLGtCQUFXaEIsS0FBSyxDQUFDTyxPQUFOLENBQWNDLE1BQWQsQ0FBcUJTLEtBQWhDLENBSE87QUFJYkMsTUFBQUEsU0FBUyxFQUFFLE9BSkU7QUFLYkMsTUFBQUEsV0FBVyxFQUFFLFdBTEE7QUFNYkMsTUFBQUEsV0FBVyxFQUFFLEtBTkE7QUFPYkMsTUFBQUEsWUFBWSxFQUFFO0FBUEQsS0FYd0I7QUFvQnZDQyxJQUFBQSxlQUFlLEVBQUU7QUFDZlIsTUFBQUEsTUFBTSxFQUFFO0FBRE87QUFwQnNCLEdBQVo7QUFBQSxDQUFYLENBQWxCOztJQXlCTVMsWTs7Ozs7Ozs7Ozs7O1dBUUosa0JBQVM7QUFDUCx3QkFBZ0QsS0FBS0MsS0FBckQ7QUFBQSxVQUFRQyxPQUFSLGVBQVFBLE9BQVI7QUFBQSxVQUFpQkMsUUFBakIsZUFBaUJBLFFBQWpCO0FBQUEsVUFBMkJDLE1BQTNCLGVBQTJCQSxNQUEzQjtBQUFBLFVBQW1DQyxRQUFuQyxlQUFtQ0EsUUFBbkM7QUFFQSwwQkFDRTtBQUFNLFFBQUEsU0FBUyxFQUFFSCxPQUFPLENBQUN4QjtBQUF6QixTQUNHeUIsUUFBUSxHQUFHLElBQUgsZ0JBQ1A7QUFBTSxRQUFBLFNBQVMsRUFBRUQsT0FBTyxDQUFDWixhQUF6QjtBQUF3QyxRQUFBLE9BQU8sRUFBRWM7QUFBakQseUJBRkosZUFNRTtBQUFNLFFBQUEsU0FBUyxFQUFFRixPQUFPLENBQUNILGVBQXpCO0FBQTBDLFFBQUEsT0FBTyxFQUFFTTtBQUFuRCxrQkFORixDQURGO0FBWUQ7OztFQXZCd0JDLGtCQUFNQyxTOztpQ0FBM0JQLFksZUFDZTtBQUNqQkUsRUFBQUEsT0FBTyxFQUFFTSxzQkFBVUMsTUFERjtBQUVqQkwsRUFBQUEsTUFBTSxFQUFFSSxzQkFBVUUsSUFGRDtBQUdqQlAsRUFBQUEsUUFBUSxFQUFFSyxzQkFBVUcsSUFISDtBQUlqQk4sRUFBQUEsUUFBUSxFQUFFRyxzQkFBVUU7QUFKSCxDOztlQXlCTmxDLFNBQVMsQ0FBQ3dCLFlBQUQsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgd2l0aFN0eWxlcyB9IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL3N0eWxlcyc7XG5cbmNvbnN0IHVzZVN0eWxlcyA9IHdpdGhTdHlsZXMoKHRoZW1lKSA9PiAoe1xuICByb290OiB7XG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgYm90dG9tOiAnNXB4JyxcbiAgICBsZWZ0OiAwLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gICAgYmFja2dyb3VuZDogdGhlbWUucGFsZXR0ZS5jb21tb24ud2hpdGUsXG4gICAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgICBwYWRkaW5nOiAnNXB4JyxcbiAgICBib3hTaGFkb3c6ICcwcHggNHB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMjUpJyxcbiAgfSxcbiAgZWRpdENvbnRhaW5lcjoge1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGZsZXg6IDMsXG4gICAgYm9yZGVyOiBgc29saWQgJHt0aGVtZS5wYWxldHRlLmNvbW1vbi5ibGFja31gLFxuICAgIHRleHRBbGlnbjogJ3JpZ2h0JyxcbiAgICBib3JkZXJXaWR0aDogJzAgMnB4IDAgMCcsXG4gICAgbWFyZ2luUmlnaHQ6ICc1cHgnLFxuICAgIHBhZGRpbmdSaWdodDogJzVweCcsXG4gIH0sXG4gIHJlbW92ZUNvbnRhaW5lcjoge1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICB9LFxufSkpO1xuXG5jbGFzcyBNZWRpYVRvb2xiYXIgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIGNsYXNzZXM6IFByb3BUeXBlcy5vYmplY3QsXG4gICAgb25FZGl0OiBQcm9wVHlwZXMuZnVuYyxcbiAgICBoaWRlRWRpdDogUHJvcFR5cGVzLmJvb2wsXG4gICAgb25SZW1vdmU6IFByb3BUeXBlcy5mdW5jLFxuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IGNsYXNzZXMsIGhpZGVFZGl0LCBvbkVkaXQsIG9uUmVtb3ZlIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y2xhc3Nlcy5yb290fT5cbiAgICAgICAge2hpZGVFZGl0ID8gbnVsbCA6IChcbiAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2NsYXNzZXMuZWRpdENvbnRhaW5lcn0gb25DbGljaz17b25FZGl0fT5cbiAgICAgICAgICAgIEVkaXQgU2V0dGluZ3NcbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICl9XG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y2xhc3Nlcy5yZW1vdmVDb250YWluZXJ9IG9uQ2xpY2s9e29uUmVtb3ZlfT5cbiAgICAgICAgICBSZW1vdmVcbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgdXNlU3R5bGVzKE1lZGlhVG9vbGJhcik7XG4iXX0=

package/lib/components/media/MediaToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media/MediaToolbar.jsx"],"names":["useStyles","theme","root","position","bottom","left","width","background","palette","common","white","display","padding","boxShadow","editContainer","cursor","flex","border","black","textAlign","borderWidth","marginRight","paddingRight","removeContainer","MediaToolbar","props","classes","hideEdit","onEdit","onRemove","React","Component","PropTypes","object","func","bool"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,IAAMA,SAAS,GAAG,wBAAW,UAACC,KAAD;AAAA,SAAY;AACvCC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,UADN;AAEJC,MAAAA,MAAM,EAAE,KAFJ;AAGJC,MAAAA,IAAI,EAAE,CAHF;AAIJC,MAAAA,KAAK,EAAE,MAJH;AAKJC,MAAAA,UAAU,EAAEN,KAAK,CAACO,OAAN,CAAcC,MAAd,CAAqBC,KAL7B;AAMJC,MAAAA,OAAO,EAAE,aANL;AAOJC,MAAAA,OAAO,EAAE,KAPL;AAQJC,MAAAA,SAAS,EAAE;AARP,KADiC;AAWvCC,IAAAA,aAAa,EAAE;AACbC,MAAAA,MAAM,EAAE,SADK;AAEbC,MAAAA,IAAI,EAAE,CAFO;AAGbC,MAAAA,MAAM,kBAAWhB,KAAK,CAACO,OAAN,CAAcC,MAAd,CAAqBS,KAAhC,CAHO;AAIbC,MAAAA,SAAS,EAAE,OAJE;AAKbC,MAAAA,WAAW,EAAE,WALA;AAMbC,MAAAA,WAAW,EAAE,KANA;AAObC,MAAAA,YAAY,EAAE;AAPD,KAXwB;AAoBvCC,IAAAA,eAAe,EAAE;AACfR,MAAAA,MAAM,EAAE;AADO;AApBsB,GAAZ;AAAA,CAAX,CAAlB;;IAyBMS,Y;;;;;;;;;;;;WAQJ,kBAAS;AACP,wBAAgD,KAAKC,KAArD;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,QAAjB,eAAiBA,QAAjB;AAAA,UAA2BC,MAA3B,eAA2BA,MAA3B;AAAA,UAAmCC,QAAnC,eAAmCA,QAAnC;AAEA,0BACE;AAAM,QAAA,SAAS,EAAEH,OAAO,CAACxB;AAAzB,SACGyB,QAAQ,GAAG,IAAH,gBACP;AAAM,QAAA,SAAS,EAAED,OAAO,CAACZ,aAAzB;AAAwC,QAAA,OAAO,EAAEc;AAAjD,yBAFJ,eAME;AAAM,QAAA,SAAS,EAAEF,OAAO,CAACH,eAAzB;AAA0C,QAAA,OAAO,EAAEM;AAAnD,kBANF,CADF;AAYD;;;EAvBwBC,kBAAMC,S;;iCAA3BP,Y,eACe;AACjBE,EAAAA,OAAO,EAAEM,sBAAUC,MADF;AAEjBL,EAAAA,MAAM,EAAEI,sBAAUE,IAFD;AAGjBP,EAAAA,QAAQ,EAAEK,sBAAUG,IAHH;AAIjBN,EAAAA,QAAQ,EAAEG,sBAAUE;AAJH,C;;eAyBNlC,SAAS,CAACwB,YAAD,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst useStyles = withStyles((theme) => ({\n  root: {\n    position: 'relative',\n    bottom: '5px',\n    left: 0,\n    width: '100%',\n    background: theme.palette.common.white,\n    display: 'inline-flex',\n    padding: '5px',\n    boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)',\n  },\n  editContainer: {\n    cursor: 'pointer',\n    flex: 3,\n    border: `solid ${theme.palette.common.black}`,\n    textAlign: 'right',\n    borderWidth: '0 2px 0 0',\n    marginRight: '5px',\n    paddingRight: '5px',\n  },\n  removeContainer: {\n    cursor: 'pointer',\n  },\n}));\n\nclass MediaToolbar extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    onEdit: PropTypes.func,\n    hideEdit: PropTypes.bool,\n    onRemove: PropTypes.func,\n  };\n\n  render() {\n    const { classes, hideEdit, onEdit, onRemove } = this.props;\n\n    return (\n      <span className={classes.root}>\n        {hideEdit ? null : (\n          <span className={classes.editContainer} onClick={onEdit}>\n            Edit Settings\n          </span>\n        )}\n        <span className={classes.removeContainer} onClick={onRemove}>\n          Remove\n        </span>\n      </span>\n    );\n  }\n}\n\nexport default useStyles(MediaToolbar);\n"],"file":"MediaToolbar.js"}

package/lib/components/media/MediaWrapper.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _excluded = ["editor", "classes", "children", "width"];
+
+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 useStyles = (0, _styles.withStyles)(function () {
+  return {
+    root: {
+      position: 'relative'
+    },
+    editor: {
+      display: 'inline-block',
+      overflow: 'hidden'
+    }
+  };
+});
+
+var MediaWrapper = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(MediaWrapper, _React$Component);
+
+  var _super = _createSuper(MediaWrapper);
+
+  function MediaWrapper() {
+    (0, _classCallCheck2["default"])(this, MediaWrapper);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(MediaWrapper, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          editor = _this$props.editor,
+          classes = _this$props.classes,
+          children = _this$props.children,
+          width = _this$props.width,
+          rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+      return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({
+        className: (0, _classnames["default"])(classes.root, (0, _defineProperty2["default"])({}, classes.editor, editor))
+      }, rest, {
+        style: {
+          width: width || 300
+        }
+      }), children);
+    }
+  }]);
+  return MediaWrapper;
+}(_react["default"].Component);
+
+(0, _defineProperty2["default"])(MediaWrapper, "propTypes", {
+  classes: _propTypes["default"].object,
+  children: _propTypes["default"].array,
+  editor: _propTypes["default"].bool,
+  width: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string])
+});
+
+var _default = useStyles(MediaWrapper);
+
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL21lZGlhL01lZGlhV3JhcHBlci5qc3giXSwibmFtZXMiOlsidXNlU3R5bGVzIiwicm9vdCIsInBvc2l0aW9uIiwiZWRpdG9yIiwiZGlzcGxheSIsIm92ZXJmbG93IiwiTWVkaWFXcmFwcGVyIiwicHJvcHMiLCJjbGFzc2VzIiwiY2hpbGRyZW4iLCJ3aWR0aCIsInJlc3QiLCJSZWFjdCIsIkNvbXBvbmVudCIsIlByb3BUeXBlcyIsIm9iamVjdCIsImFycmF5IiwiYm9vbCIsIm9uZU9mVHlwZSIsIm51bWJlciIsInN0cmluZyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7OztBQUVBLElBQU1BLFNBQVMsR0FBRyx3QkFBVztBQUFBLFNBQU87QUFDbENDLElBQUFBLElBQUksRUFBRTtBQUNKQyxNQUFBQSxRQUFRLEVBQUU7QUFETixLQUQ0QjtBQUlsQ0MsSUFBQUEsTUFBTSxFQUFFO0FBQ05DLE1BQUFBLE9BQU8sRUFBRSxjQURIO0FBRU5DLE1BQUFBLFFBQVEsRUFBRTtBQUZKO0FBSjBCLEdBQVA7QUFBQSxDQUFYLENBQWxCOztJQVVNQyxZOzs7Ozs7Ozs7Ozs7V0FRSixrQkFBUztBQUNQLHdCQUFzRCxLQUFLQyxLQUEzRDtBQUFBLFVBQVFKLE1BQVIsZUFBUUEsTUFBUjtBQUFBLFVBQWdCSyxPQUFoQixlQUFnQkEsT0FBaEI7QUFBQSxVQUF5QkMsUUFBekIsZUFBeUJBLFFBQXpCO0FBQUEsVUFBbUNDLEtBQW5DLGVBQW1DQSxLQUFuQztBQUFBLFVBQTZDQyxJQUE3QztBQUVBLDBCQUNFO0FBQ0UsUUFBQSxTQUFTLEVBQUUsNEJBQVdILE9BQU8sQ0FBQ1AsSUFBbkIsdUNBQ1JPLE9BQU8sQ0FBQ0wsTUFEQSxFQUNTQSxNQURUO0FBRGIsU0FJTVEsSUFKTjtBQUtFLFFBQUEsS0FBSyxFQUFFO0FBQ0xELFVBQUFBLEtBQUssRUFBRUEsS0FBSyxJQUFJO0FBRFg7QUFMVCxVQVNHRCxRQVRILENBREY7QUFhRDs7O0VBeEJ3Qkcsa0JBQU1DLFM7O2lDQUEzQlAsWSxlQUNlO0FBQ2pCRSxFQUFBQSxPQUFPLEVBQUVNLHNCQUFVQyxNQURGO0FBRWpCTixFQUFBQSxRQUFRLEVBQUVLLHNCQUFVRSxLQUZIO0FBR2pCYixFQUFBQSxNQUFNLEVBQUVXLHNCQUFVRyxJQUhEO0FBSWpCUCxFQUFBQSxLQUFLLEVBQUVJLHNCQUFVSSxTQUFWLENBQW9CLENBQUNKLHNCQUFVSyxNQUFYLEVBQW1CTCxzQkFBVU0sTUFBN0IsQ0FBcEI7QUFKVSxDOztlQTBCTnBCLFNBQVMsQ0FBQ00sWUFBRCxDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCB7IHdpdGhTdHlsZXMgfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9zdHlsZXMnO1xuXG5jb25zdCB1c2VTdHlsZXMgPSB3aXRoU3R5bGVzKCgpID0+ICh7XG4gIHJvb3Q6IHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgfSxcbiAgZWRpdG9yOiB7XG4gICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICB9LFxufSkpO1xuXG5jbGFzcyBNZWRpYVdyYXBwZXIgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIGNsYXNzZXM6IFByb3BUeXBlcy5vYmplY3QsXG4gICAgY2hpbGRyZW46IFByb3BUeXBlcy5hcnJheSxcbiAgICBlZGl0b3I6IFByb3BUeXBlcy5ib29sLFxuICAgIHdpZHRoOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMubnVtYmVyLCBQcm9wVHlwZXMuc3RyaW5nXSksXG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgZWRpdG9yLCBjbGFzc2VzLCBjaGlsZHJlbiwgd2lkdGgsIC4uLnJlc3QgfSA9IHRoaXMucHJvcHM7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW5cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGNsYXNzZXMucm9vdCwge1xuICAgICAgICAgIFtjbGFzc2VzLmVkaXRvcl06IGVkaXRvcixcbiAgICAgICAgfSl9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIHdpZHRoOiB3aWR0aCB8fCAzMDAsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IHVzZVN0eWxlcyhNZWRpYVdyYXBwZXIpO1xuIl19

package/lib/components/media/MediaWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media/MediaWrapper.jsx"],"names":["useStyles","root","position","editor","display","overflow","MediaWrapper","props","classes","children","width","rest","React","Component","PropTypes","object","array","bool","oneOfType","number","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,SAAS,GAAG,wBAAW;AAAA,SAAO;AAClCC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE;AADN,KAD4B;AAIlCC,IAAAA,MAAM,EAAE;AACNC,MAAAA,OAAO,EAAE,cADH;AAENC,MAAAA,QAAQ,EAAE;AAFJ;AAJ0B,GAAP;AAAA,CAAX,CAAlB;;IAUMC,Y;;;;;;;;;;;;WAQJ,kBAAS;AACP,wBAAsD,KAAKC,KAA3D;AAAA,UAAQJ,MAAR,eAAQA,MAAR;AAAA,UAAgBK,OAAhB,eAAgBA,OAAhB;AAAA,UAAyBC,QAAzB,eAAyBA,QAAzB;AAAA,UAAmCC,KAAnC,eAAmCA,KAAnC;AAAA,UAA6CC,IAA7C;AAEA,0BACE;AACE,QAAA,SAAS,EAAE,4BAAWH,OAAO,CAACP,IAAnB,uCACRO,OAAO,CAACL,MADA,EACSA,MADT;AADb,SAIMQ,IAJN;AAKE,QAAA,KAAK,EAAE;AACLD,UAAAA,KAAK,EAAEA,KAAK,IAAI;AADX;AALT,UASGD,QATH,CADF;AAaD;;;EAxBwBG,kBAAMC,S;;iCAA3BP,Y,eACe;AACjBE,EAAAA,OAAO,EAAEM,sBAAUC,MADF;AAEjBN,EAAAA,QAAQ,EAAEK,sBAAUE,KAFH;AAGjBb,EAAAA,MAAM,EAAEW,sBAAUG,IAHD;AAIjBP,EAAAA,KAAK,EAAEI,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,MAAX,EAAmBL,sBAAUM,MAA7B,CAApB;AAJU,C;;eA0BNpB,SAAS,CAACM,YAAD,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst useStyles = withStyles(() => ({\n  root: {\n    position: 'relative',\n  },\n  editor: {\n    display: 'inline-block',\n    overflow: 'hidden',\n  },\n}));\n\nclass MediaWrapper extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    children: PropTypes.array,\n    editor: PropTypes.bool,\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  };\n\n  render() {\n    const { editor, classes, children, width, ...rest } = this.props;\n\n    return (\n      <span\n        className={classNames(classes.root, {\n          [classes.editor]: editor,\n        })}\n        {...rest}\n        style={{\n          width: width || 300,\n        }}\n      >\n        {children}\n      </span>\n    );\n  }\n}\n\nexport default useStyles(MediaWrapper);\n"],"file":"MediaWrapper.js"}

package/lib/components/respArea/DragInTheBlank/DragInTheBlank.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/respArea/DragInTheBlank/DragInTheBlank.jsx"],"names":["onValueChange","editor","node","pos","choice","tr","state","setNodeMarkup","undefined","attrs","isDone","view","dispatch","onRemoveResponse","DragDrop","props","getPos","options","selected","attributes","inTable","display","minHeight","minWidth","position","margin","cursor","id","duplicates","propTypes","PropTypes","object","data","n","nodeProps","opts"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport DragDropTile from './choice';\nimport omit from 'lodash/omit';\n\nexport const onValueChange = (editor, node, pos, choice) => {\n  const { tr } = editor.state;\n\n  // Merge old and new attributes\n  tr.setNodeMarkup(pos, undefined, {\n    ...node.attrs,\n    ...choice,\n  });\n  tr.isDone = true;\n  editor.view.dispatch(tr);\n};\n\nexport const onRemoveResponse = (editor, node, pos) => {\n  const { tr } = editor.state;\n\n  // Merge old and new attributes\n  tr.setNodeMarkup(pos, undefined, omit(node.attrs, ['value', 'id']));\n  tr.isDone = true;\n  editor.view.dispatch(tr);\n};\n\nconst DragDrop = (props) => {\n  const { editor, node, getPos, options, selected } = props;\n  const { attrs: attributes } = node;\n  const { inTable } = attributes;\n  const pos = getPos();\n\n  // console.log({nodeProps.children})\n  return (\n    <NodeViewWrapper className=\"drag-in-the-blank\" data-selected={selected}>\n      <span\n        {...attributes}\n        style={{\n          display: 'inline-flex',\n          minHeight: '50px',\n          minWidth: '178px',\n          position: 'relative',\n          margin: inTable ? '10px' : '0 10px',\n          cursor: 'pointer',\n        }}\n      >\n        <DragDropTile\n          n={attributes}\n          dragKey={attributes.id}\n          targetId=\"0\"\n          value={attributes}\n          duplicates={options.duplicates}\n          onChange={(choice) => onValueChange(editor, node, pos, choice)}\n          removeResponse={() => onRemoveResponse(editor, node, pos)}\n        ></DragDropTile>\n      </span>\n    </NodeViewWrapper>\n  );\n};\n\nDragDrop.propTypes = {\n  attributes: PropTypes.object,\n  data: PropTypes.object,\n  n: PropTypes.object,\n  nodeProps: PropTypes.object,\n  opts: PropTypes.object,\n};\n\nexport default DragDrop;\n"],"file":"DragInTheBlank.js"}

package/lib/components/respArea/DragInTheBlank/choice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/respArea/DragInTheBlank/choice.jsx"],"names":["useStyles","theme","content","border","palette","primary","main","fontSize","chip","minWidth","correct","color","incorrect","error","selected","primaryDark","BlankContent","props","handleClick","bind","state","hoveredElementSize","document","addEventListener","removeEventListener","event","classes","elementRef","className","contains","target","prevProps","isOver","node","width","offsetWidth","height","offsetHeight","prevState","snapshot","renderMath","setState","n","children","isDragging","dragItem","value","label","finalLabel","hasGrip","isPreview","ref","display","minHeight","background","defaults","BORDER_LIGHT","WHITE","BORDER_DARK","boxSizing","borderRadius","overflow","position","padding","undefined","key","top","left","__html","React","Component","PropTypes","object","func","bool","StyledBlankContent","connectedBlankContent","connectDropTarget","connectDragSource","dragContent","dragEl","over","tileTarget","drop","monitor","draggedItem","getItem","shouldDrop","index","onChange","dropped","canDrop","instanceId","DropTile","connect","dropTarget","shallow","tileSource","canDrag","disabled","beginDrag","id","targetId","fromChoice","endDrag","dropResult","getDropResult","duplicates","removeResponse","dragSource"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isUndefined from 'lodash/isUndefined';\nimport { DragSource, DropTarget } from '@pie-lib/drag';\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { withStyles } from '@material-ui/core/styles';\nimport classnames from 'classnames';\n\nimport { GripIcon } from '../../icons/RespArea';\n\nconst useStyles = withStyles((theme) => ({\n  content: {\n    border: `solid 0px ${theme.palette.primary.main}`,\n    '& mjx-frac': {\n      fontSize: '120% !important',\n    },\n  },\n  chip: {\n    minWidth: '90px',\n  },\n  correct: {\n    border: `solid 1px ${color.correct()}`,\n  },\n  incorrect: {\n    border: `solid 1px ${theme.palette.error.main}`,\n  },\n  selected: {\n    border: `2px solid ${color.primaryDark()} !important`,\n  },\n}));\n\nexport class BlankContent extends React.Component {\n  static propTypes = {\n    n: PropTypes.object,\n    children: PropTypes.func,\n    isDragging: PropTypes.bool,\n    isOver: PropTypes.bool,\n    dragItem: PropTypes.object,\n    value: PropTypes.object,\n    classes: PropTypes.object,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.handleClick = this.handleClick.bind(this);\n    this.state = { hoveredElementSize: null };\n  }\n\n  componentDidMount() {\n    document.addEventListener('click', this.handleClick);\n  }\n\n  componentWillUnmount() {\n    document.removeEventListener('click', this.handleClick);\n  }\n\n  handleClick(event) {\n    const { classes } = this.props;\n\n    if (this.elementRef) {\n      this.elementRef.className = this.elementRef.contains(event.target) ? classes.selected : '';\n    }\n  }\n\n  getSnapshotBeforeUpdate(prevProps) {\n    if (!prevProps.isOver && this.props.isOver && this.elementRef) {\n      const node = this.elementRef;\n      return { width: node.offsetWidth, height: node.offsetHeight };\n    }\n    return null;\n  }\n\n  componentDidUpdate(prevProps, prevState, snapshot) {\n    if (this.elementRef && typeof renderMath === 'function') {\n      renderMath(this.elementRef);\n    }\n\n    if (\n      snapshot &&\n      (!this.state.hoveredElementSize ||\n        this.state.hoveredElementSize.width !== snapshot.width ||\n        this.state.hoveredElementSize.height !== snapshot.height)\n    ) {\n      this.setState({ hoveredElementSize: snapshot });\n      return;\n    }\n\n    if (prevProps.isOver && !this.props.isOver && this.state.hoveredElementSize) {\n      this.setState({ hoveredElementSize: null });\n    }\n  }\n\n  render() {\n    const { n, children, isDragging, dragItem, isOver, value } = this.props;\n    const { hoveredElementSize } = this.state;\n\n    const label = dragItem && isOver ? dragItem.value.value : value.value || '\\u00A0';\n    const finalLabel = isDragging ? '\\u00A0' : label;\n    const hasGrip = finalLabel !== '\\u00A0';\n    const isPreview = dragItem && isOver;\n\n    return (\n      <div\n        ref={(ref) => (this.elementRef = ref)}\n        style={{\n          display: 'inline-flex',\n          minWidth: '178px',\n          minHeight: '36px',\n          background: isPreview ? `${color.defaults.BORDER_LIGHT}` : `${color.defaults.WHITE}`,\n          border: isPreview ? `1px solid  ${color.defaults.BORDER_DARK}` : `1px solid  ${color.defaults.BORDER_LIGHT}`,\n          boxSizing: 'border-box',\n          borderRadius: '3px',\n          overflow: 'hidden',\n          position: 'relative',\n          padding: '8px 8px 8px 35px',\n          width: hoveredElementSize ? hoveredElementSize.width : undefined,\n          height: hoveredElementSize ? hoveredElementSize.height : undefined,\n        }}\n        data-key={n.key}\n        contentEditable={false}\n      >\n        {hasGrip && (\n          <GripIcon\n            style={{\n              position: 'absolute',\n              top: '6px',\n              left: '15px',\n              color: '#9B9B9B',\n            }}\n            contentEditable={false}\n          />\n        )}\n        <span\n          dangerouslySetInnerHTML={{\n            __html: finalLabel,\n          }}\n        />\n        {children}\n      </div>\n    );\n  }\n}\n\nconst StyledBlankContent = useStyles(BlankContent);\n\nconst connectedBlankContent = useStyles(({ connectDropTarget, connectDragSource, ...props }) => {\n  const { classes, isOver, value } = props;\n  const dragContent = <StyledBlankContent {...props} />;\n  const dragEl = !value ? dragContent : connectDragSource(<span>{dragContent}</span>);\n  const content = <span className={classnames(classes.content, isOver && classes.over)}>{dragEl}</span>;\n\n  return connectDropTarget ? connectDropTarget(content) : content;\n});\n\nexport const tileTarget = {\n  drop(props, monitor) {\n    const draggedItem = monitor.getItem();\n    const shouldDrop =\n      isUndefined(draggedItem.value.index) ||\n      isUndefined(props.value.index) ||\n      draggedItem.value.index !== props.value.index;\n\n    if (shouldDrop) {\n      props.onChange(draggedItem.value);\n    }\n\n    return {\n      dropped: shouldDrop,\n    };\n  },\n  canDrop(props, monitor) {\n    const draggedItem = monitor.getItem();\n\n    return draggedItem.instanceId === props.instanceId;\n  },\n};\n\nconst DropTile = DropTarget('drag-in-the-blank-choice', tileTarget, (connect, monitor) => ({\n  connectDropTarget: connect.dropTarget(),\n  isOver: monitor.isOver({ shallow: true }),\n  dragItem: monitor.getItem(),\n}))(connectedBlankContent);\n\nexport const tileSource = {\n  canDrag(props) {\n    return !props.disabled && !!props.value;\n  },\n  beginDrag(props) {\n    return {\n      id: props.targetId,\n      value: props.value,\n      instanceId: props.instanceId,\n      fromChoice: true,\n    };\n  },\n  endDrag(props, monitor) {\n    // this will be null if it did not drop\n    const dropResult = monitor.getDropResult();\n\n    if (!dropResult || (dropResult.dropped && !props.duplicates)) {\n      const draggedItem = monitor.getItem();\n\n      if (draggedItem.fromChoice) {\n        props.removeResponse(draggedItem.value);\n      }\n    }\n  },\n};\n\nexport default DragSource('drag-in-the-blank-choice', tileSource, (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  isDragging: monitor.isDragging(),\n}))(DropTile);\n"],"file":"choice.js"}

package/lib/components/respArea/ExplicitConstructedResponse.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/respArea/ExplicitConstructedResponse.jsx"],"names":["ExplicitConstructedResponse","props","editor","node","getPos","options","selected","attributes","attrs","value","error","pos","showToolbar","setShowToolbar","EcrToolbar","respAreaToolbar","toolbarRef","handleDone","newLatex","updateAttributes","latex","commands","focus","handleClickOutside","event","current","contains","target","closest","document","addEventListener","removeEventListener","display","minHeight","position","cursor","width","height","backgroundColor","border","boxSizing","borderRadius","overflow","padding","margin","visibility","__html","zIndex","propTypes","PropTypes","object","any","string","isFocused","bool"],"mappings":"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","sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport PropTypes from 'prop-types';\n\nconst ExplicitConstructedResponse = (props) => {\n  const { editor, node, getPos, options, selected } = props;\n  const { attrs: attributes } = node;\n  const { value, error } = attributes;\n  const pos = getPos();\n  const [showToolbar, setShowToolbar] = useState(false);\n  const EcrToolbar = options.respAreaToolbar(node, editor, () => {});\n  const toolbarRef = useRef(null);\n\n  const handleDone = (newLatex) => {\n    updateAttributes({ latex: newLatex });\n    setShowToolbar(false);\n    editor.commands.focus();\n  };\n\n  useEffect(() => {\n    setShowToolbar(selected);\n  }, [selected]);\n\n  useEffect(() => {\n    const handleClickOutside = (event) => {\n      if (\n        toolbarRef.current &&\n        !toolbarRef.current.contains(event.target) &&\n        !event.target.closest('[data-inline-node]')\n      ) {\n        setShowToolbar(false);\n      }\n    };\n\n    if (showToolbar) {\n      document.addEventListener('mousedown', handleClickOutside);\n    } else {\n      document.removeEventListener('mousedown', handleClickOutside);\n    }\n\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [showToolbar]);\n\n  return (\n    <NodeViewWrapper\n      className=\"drag-in-the-blank\"\n      data-selected={selected}\n      style={{\n        display: 'inline-flex',\n        minHeight: '55px',\n        position: 'relative',\n        cursor: 'pointer',\n      }}\n    >\n      <div\n        {...attributes}\n        style={{\n          display: 'inline-flex',\n          width: '100%',\n          minHeight: '46px',\n          height: '46px',\n          backgroundColor: '#FFF',\n          border: `1px solid ${error ? 'red' : '#C0C3CF'}`,\n          boxSizing: 'border-box',\n          borderRadius: '4px',\n          overflow: 'hidden',\n          padding: '12px 21px',\n          margin: '0 4px',\n          visibility: showToolbar ? 'hidden' : 'visible',\n        }}\n        onClick={() => setShowToolbar(true)}\n        dangerouslySetInnerHTML={{\n          __html: value || '<div>&nbsp;</div>',\n        }}\n      />\n      {showToolbar && (\n        <div ref={toolbarRef} className=\"absolute z-50 bg-white shadow-lg rounded p-2\" style={{ zIndex: 1 }}>\n          <EcrToolbar />\n        </div>\n      )}\n    </NodeViewWrapper>\n  );\n};\n\nExplicitConstructedResponse.propTypes = {\n  attributes: PropTypes.object,\n  error: PropTypes.any,\n  value: PropTypes.string,\n  isFocused: PropTypes.bool,\n};\n\nexport default ExplicitConstructedResponse;\n"],"file":"ExplicitConstructedResponse.js"}

package/lib/components/respArea/InlineDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/respArea/InlineDropdown.jsx"],"names":["InlineDropdown","props","editor","node","getPos","options","selected","attributes","attrs","value","error","html","toolbarRef","showToolbar","setShowToolbar","InlineDropdownToolbar","respAreaToolbar","handleClickOutside","event","current","contains","target","closest","document","addEventListener","removeEventListener","display","height","margin","cursor","minWidth","background","border","boxSizing","borderRadius","position","alignItems","flex","overflow","padding","whiteSpace","textOverflow","verticalAlign","__html","top","right","zIndex","propTypes","PropTypes","object","selectedItem","oneOfType","string"],"mappings":"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","sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from 'prop-types';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport { Chevron } from '../icons/RespArea';\n\nconst InlineDropdown = (props) => {\n  const { editor, node, getPos, options, selected } = props;\n  const { attrs: attributes } = node;\n  const { value, error } = attributes;\n  // TODO: Investigate\n  // Needed because items with values inside have different positioning for some reason\n  const html = value || '<div>&nbsp</div>';\n  const toolbarRef = useRef(null);\n  const [showToolbar, setShowToolbar] = useState(false);\n  const InlineDropdownToolbar = options.respAreaToolbar(node, editor, () => {});\n\n  useEffect(() => {\n    setShowToolbar(selected);\n  }, [selected]);\n\n  useEffect(() => {\n    const handleClickOutside = (event) => {\n      if (\n        toolbarRef.current &&\n        !toolbarRef.current.contains(event.target) &&\n        !event.target.closest('[data-inline-node]')\n      ) {\n        setShowToolbar(false);\n      }\n    };\n\n    if (showToolbar) {\n      document.addEventListener('mousedown', handleClickOutside);\n    } else {\n      document.removeEventListener('mousedown', handleClickOutside);\n    }\n\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [showToolbar]);\n\n  return (\n    <NodeViewWrapper\n      className=\"inline-dropdown\"\n      data-selected={selected}\n      style={{\n        display: 'inline-flex',\n        height: '50px',\n        margin: '0 5px',\n        cursor: 'pointer',\n      }}\n    >\n      <div\n        style={{\n          display: 'inline-flex',\n          minWidth: '178px',\n          height: '36px',\n          background: '#FFF',\n          border: '1px solid #C0C3CF',\n          boxSizing: 'border-box',\n          borderRadius: '3px',\n          margin: '0 4px',\n          position: 'relative',\n          alignItems: 'center',\n        }}\n      >\n        <div\n          style={{\n            flex: 1,\n            overflow: 'hidden',\n            padding: '0 25px 0 8px',\n            whiteSpace: 'nowrap',\n            textOverflow: 'ellipsis',\n          }}\n        >\n          <span\n            style={{\n              display: 'inline-block',\n              verticalAlign: 'middle',\n            }}\n            dangerouslySetInnerHTML={{\n              __html: html,\n            }}\n          />\n        </div>\n        <Chevron\n          direction=\"down\"\n          style={{\n            position: 'absolute',\n            top: '5px',\n            right: '5px',\n          }}\n        />\n      </div>\n      {showToolbar && (\n        <div ref={toolbarRef} className=\"absolute z-50 bg-white shadow-lg rounded p-2\" style={{ zIndex: 1 }}>\n          <InlineDropdownToolbar />\n        </div>\n      )}\n    </NodeViewWrapper>\n  );\n};\n\nInlineDropdown.propTypes = {\n  attributes: PropTypes.object,\n  selectedItem: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n};\n\nexport default InlineDropdown;\n"],"file":"InlineDropdown.js"}

package/lib/components/respArea/ToolbarIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/respArea/ToolbarIcon.jsx"],"names":["Chevron","props","direction","style","rotate","transform","GripIcon","margin","styles","theme","icon","fontFamily","fontSize","typography","fontWeight","lineHeight","position","top","width","height","whiteSpace","ToolbarIcon","classes"],"mappings":";;;;;;;;;;;AAAA;;AACA;;;;;;AAEO,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;AAChC,MAAQC,SAAR,GAA6BD,KAA7B,CAAQC,SAAR;AAAA,MAAmBC,KAAnB,GAA6BF,KAA7B,CAAmBE,KAAnB;;AACA,MAAMC,MAAM,GAAI,YAAM;AACpB,YAAQF,SAAR;AACE,WAAK,MAAL;AACE,eAAO,EAAP;;AACF,WAAK,IAAL;AACE,eAAO,CAAC,EAAR;;AACF,WAAK,MAAL;AACE,eAAO,GAAP;;AACF;AACE,eAAO,CAAP;AARJ;AAUD,GAXc,EAAf;;AAaA,sBACE;AACE,IAAA,KAAK;AACHG,MAAAA,SAAS,mBAAYD,MAAZ;AADN,OAEAD,KAFA,CADP;AAKE,IAAA,KAAK,EAAC,IALR;AAME,IAAA,MAAM,EAAC,IANT;AAOE,IAAA,OAAO,EAAC,WAPV;AAQE,IAAA,KAAK,EAAC;AARR,kBAUE;AAAM,IAAA,CAAC,EAAC,gDAAR;AAAyD,IAAA,IAAI,EAAC;AAA9D,IAVF,CADF;AAcD,CA7BM;;;;AA+BA,IAAMG,QAAQ,GAAG,SAAXA,QAAW;AAAA,MAAGH,KAAH,QAAGA,KAAH;AAAA,sBACtB;AAAM,IAAA,KAAK,EAAEA;AAAb,kBACE;AACE,IAAA,KAAK,EAAE;AACLI,MAAAA,MAAM,EAAE;AADH,KADT;AAIE,IAAA,KAAK,EAAC,IAJR;AAKE,IAAA,MAAM,EAAC,IALT;AAME,IAAA,OAAO,EAAC,WANV;AAOE,IAAA,KAAK,EAAC;AAPR,kBASE;AAAM,IAAA,CAAC,EAAC;AAAR,IATF,CADF,eAYE;AAAK,IAAA,KAAK,EAAC,IAAX;AAAgB,IAAA,MAAM,EAAC,IAAvB;AAA4B,IAAA,OAAO,EAAC,WAApC;AAAgD,IAAA,KAAK,EAAC;AAAtD,kBACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CAZF,CADsB;AAAA,CAAjB;;;;AAmBP,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,UAAU,EAAE,yBADR;AAEJC,MAAAA,QAAQ,EAAEH,KAAK,CAACI,UAAN,CAAiBD,QAFvB;AAGJE,MAAAA,UAAU,EAAE,MAHR;AAIJC,MAAAA,UAAU,EAAE,MAJR;AAKJC,MAAAA,QAAQ,EAAE,UALN;AAMJC,MAAAA,GAAG,EAAE,KAND;AAOJC,MAAAA,KAAK,EAAE,OAPH;AAQJC,MAAAA,MAAM,EAAE,MARJ;AASJC,MAAAA,UAAU,EAAE;AATR;AADmB,GAAZ;AAAA,CAAf;;AAcO,IAAMC,WAAW,GAAG,wBAAWb,MAAX,EAAmB;AAAA,MAAGc,OAAH,SAAGA,OAAH;AAAA,sBAAiB;AAAK,IAAA,SAAS,EAAEA,OAAO,CAACZ;AAAxB,uBAAjB;AAAA,CAAnB,CAApB","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\nexport const Chevron = (props) => {\n  const { direction, style } = props;\n  const rotate = (() => {\n    switch (direction) {\n      case 'down':\n        return 90;\n      case 'up':\n        return -90;\n      case 'left':\n        return 180;\n      default:\n        return 0;\n    }\n  })();\n\n  return (\n    <svg\n      style={{\n        transform: `rotate(${rotate}deg)`,\n        ...style,\n      }}\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" fill=\"currentColor\" />\n    </svg>\n  );\n};\n\nexport const GripIcon = ({ style }) => (\n  <span style={style}>\n    <svg\n      style={{\n        margin: '0 -16px',\n      }}\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d=\"M9 3H7v2h2V3zm0 4H7v2h2V7zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm4-16h-2v2h2V3zm0 4h-2v2h2V7zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2z\" />\n    </svg>\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M9 3H7v2h2V3zm0 4H7v2h2V7zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm4-16h-2v2h2V3zm0 4h-2v2h2V7zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2z\" />\n    </svg>\n  </span>\n);\n\nconst styles = (theme) => ({\n  icon: {\n    fontFamily: 'Cerebri Sans !important',\n    fontSize: theme.typography.fontSize,\n    fontWeight: 'bold',\n    lineHeight: '14px',\n    position: 'relative',\n    top: '7px',\n    width: '110px',\n    height: '28px',\n    whiteSpace: 'nowrap',\n  },\n});\n\nexport const ToolbarIcon = withStyles(styles)(({ classes }) => <div className={classes.icon}>+ Response Area</div>);\n"],"file":"ToolbarIcon.js"}

package/lib/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/constants.js"],"names":["MAIN_CONTAINER_CLASS","PIE_TOOLBAR__CLASS"],"mappings":";;;;;;AAAO,IAAMA,oBAAoB,GAAG,gBAA7B;;AACA,IAAMC,kBAAkB,GAAG,aAA3B;;eAEQ;AACbD,EAAAA,oBAAoB,EAApBA,oBADa;AAEbC,EAAAA,kBAAkB,EAAlBA;AAFa,C","sourcesContent":["export const MAIN_CONTAINER_CLASS = 'main-container';\nexport const PIE_TOOLBAR__CLASS = 'pie-toolbar';\n\nexport default {\n  MAIN_CONTAINER_CLASS,\n  PIE_TOOLBAR__CLASS,\n};\n"],"file":"constants.js"}

package/lib/extensions/component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/extensions/component.jsx"],"names":["log","sizePx","s","ImageComponent","props","node","editor","classes","attributes","onFocus","selected","options","maxImageWidth","maxImageHeight","latex","handleChange","handleDone","alt","attrs","showToolbar","setShowToolbar","imgRef","resizeRef","toolbarRef","getPercentFromWidth","width","floored","current","naturalWidth","parseInt","toFixed","applySizeData","update","resizePercent","commands","updateAttributes","imageHandling","insertImageRequested","finish","InsertImageHandler","resizeHandle","addEventListener","initResize","removeEventListener","loadImage","box","style","w","Math","min","h","naturalHeight","height","updateAspect","initial","next","keepAspect","resizeType","ratio","startResize","e","bounds","target","getBoundingClientRect","clientX","left","clientY","top","onChange","newValues","stopResize","window","objectFit","flexAlign","center","right","alignment","root","loaded","loading","deleteStatus","pendingDelete","justifyContent","percent","progress","hideProgress","imageContainer","src","image","active","resize","position","zIndex","background","boxShadow","onDone","focus","disableImageAlignmentButtons","propTypes","PropTypes","object","isRequired","func","number","theme","portal","opacity","transition","floatingButtonRow","backgroundColor","palette","paper","borderRadius","display","padding","border","grey","common","white","alignItems","primary","main","cursor","marginLeft","marginRight","drawableHeight","minHeight"],"mappings":"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","sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport isEqual from 'lodash/isEqual';\nimport debug from 'debug';\nimport LinearProgress from '@material-ui/core/LinearProgress';\nimport { withStyles } from '@material-ui/core/styles';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport InsertImageHandler from '../components/image/InsertImageHandler';\nimport ImageToolbar from '../components/image/ImageToolbar';\nimport CustomToolbarWrapper from './custom-toolbar-wrapper';\n\nconst log = debug('@pie-lib:editable-html:plugins:image:component');\n\nconst sizePx = (s) => (s ? `${s}px` : 'calc(20px)');\n\nfunction ImageComponent(props) {\n  const {\n    node,\n    editor,\n    classes,\n    attributes,\n    onFocus,\n    selected,\n    options,\n    maxImageWidth = 700,\n    maxImageHeight = 900,\n    latex,\n    handleChange,\n    handleDone,\n  } = props;\n  const { alt } = node.attrs;\n\n  const [showToolbar, setShowToolbar] = useState(false);\n\n  const imgRef = useRef(null);\n  const resizeRef = useRef(null);\n  const toolbarRef = useRef(null);\n\n  const getPercentFromWidth = useCallback((width) => {\n    const floored = (width / imgRef.current.naturalWidth) * 4;\n    return parseInt(floored.toFixed(0) * 25, 10);\n  }, []);\n\n  const applySizeData = useCallback(() => {\n    if (!node.attrs.width || !imgRef.current) return;\n\n    const update = {\n      ...node.attrs,\n      resizePercent: getPercentFromWidth(node.attrs.width),\n    };\n\n    if (!isEqual(update, node.attrs)) {\n      editor.commands.updateAttributes('imageUploadNode', update);\n    }\n  }, [editor, node.attrs, getPercentFromWidth]);\n\n  useEffect(() => {\n    setShowToolbar(selected);\n  }, [selected]);\n\n  useEffect(() => {\n    options.imageHandling.insertImageRequested(node, (finish) => new InsertImageHandler(editor, finish));\n    applySizeData();\n\n    const resizeHandle = resizeRef.current;\n    if (resizeHandle) {\n      resizeHandle.addEventListener('mousedown', initResize, false);\n    }\n    return () => {\n      if (resizeHandle) resizeHandle.removeEventListener('mousedown', initResize, false);\n    };\n  }, []);\n\n  useEffect(() => {\n    applySizeData();\n  });\n\n  const loadImage = useCallback(() => {\n    const box = imgRef.current;\n    if (!box) return;\n\n    if (!box.style.width || box.style.width === 'calc(20px)') {\n      const w = Math.min(box.naturalWidth, maxImageWidth);\n      const h = Math.min(box.naturalHeight, maxImageHeight);\n\n      box.style.width = `${w}px`;\n      box.style.height = `${h}px`;\n\n      const update = { width: w, height: h };\n      if (!isEqual(update, node.attrs)) {\n        editor.commands.updateAttributes('imageUploadNode', update);\n      }\n    }\n  }, [editor, node.attrs, maxImageWidth, maxImageHeight]);\n\n  const updateAspect = (initial, next, keepAspect = true, resizeType) => {\n    if (keepAspect) {\n      const ratio = initial.width / initial.height;\n      if (resizeType === 'height') return { width: next.height * ratio, height: next.height };\n      return { width: next.width, height: next.width / ratio };\n    }\n    return next;\n  };\n\n  const startResize = useCallback(\n    (e) => {\n      const box = imgRef.current;\n      if (!box) return;\n\n      const bounds = e.target.getBoundingClientRect();\n      const initial = { width: box.naturalWidth, height: box.naturalHeight };\n\n      const next = updateAspect(initial, {\n        width: e.clientX - bounds.left,\n        height: e.clientY - bounds.top,\n      });\n\n      if (next.width > 50 && next.height > 50 && next.width <= 700 && next.height <= 900) {\n        box.style.width = `${next.width}px`;\n        box.style.height = `${next.height}px`;\n\n        const update = { width: next.width, height: next.height };\n        if (!isEqual(update, node.attrs)) {\n          editor.commands.updateAttributes('imageUploadNode', update);\n        }\n      }\n    },\n    [editor, node.attrs],\n  );\n\n  const onChange = useCallback(\n    (newValues) => {\n      editor.commands.updateAttributes('imageUploadNode', newValues);\n    },\n    [editor],\n  );\n\n  const stopResize = useCallback(() => {\n    window.removeEventListener('mousemove', startResize);\n    window.removeEventListener('mouseup', stopResize);\n  }, [startResize]);\n\n  const initResize = useCallback(() => {\n    window.addEventListener('mousemove', startResize);\n    window.addEventListener('mouseup', stopResize);\n  }, [startResize, stopResize]);\n\n  const style = {\n    width: sizePx(node.attrs.width),\n    height: sizePx(node.attrs.height),\n    objectFit: 'contain',\n  };\n\n  const flexAlign = { left: 'flex-start', center: 'center', right: 'flex-end' }[node.attrs.alignment] || 'flex-start';\n\n  return (\n    <NodeViewWrapper>\n      <div\n        onFocus={onFocus}\n        className={classNames(\n          classes.root,\n          !node.attrs.loaded && classes.loading,\n          node.attrs.deleteStatus === 'pending' && classes.pendingDelete,\n        )}\n        style={{ justifyContent: flexAlign }}\n      >\n        <LinearProgress\n          mode=\"determinate\"\n          value={node.attrs.percent || 0}\n          className={classNames(classes.progress, node.attrs.loaded && classes.hideProgress)}\n        />\n\n        <div className={classes.imageContainer}>\n          <img\n            {...attributes}\n            ref={imgRef}\n            src={node.attrs.src}\n            className={classNames(classes.image, selected && classes.active)}\n            style={style}\n            onLoad={loadImage}\n            alt={node.attrs.alt}\n          />\n          <div ref={resizeRef} className={classNames(classes.resize, 'resize')} />\n        </div>\n      </div>\n\n      {showToolbar && (\n        <div\n          ref={toolbarRef}\n          style={{\n            position: 'absolute',\n            top: '100%',\n            left: 0,\n            zIndex: 20,\n            background: 'var(--editable-html-toolbar-bg, #efefef)',\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            width: '100%',\n          }}\n        >\n          <CustomToolbarWrapper\n            showDone\n            {...options}\n            onDone={() => {\n              setShowToolbar(false);\n              props.imageHandling?.onDone();\n              props.editor.commands.focus('end');\n            }}\n          >\n            <ImageToolbar\n              disableImageAlignmentButtons={options.disableImageAlignmentButtons}\n              alt={node.attrs.alt}\n              imageLoaded={node.attrs.loaded}\n              alignment={node.attrs.alignment || 'left'}\n              onChange={onChange}\n            />\n          </CustomToolbarWrapper>\n        </div>\n      )}\n    </NodeViewWrapper>\n  );\n}\n\nImageComponent.propTypes = {\n  node: PropTypes.object.isRequired,\n  editor: PropTypes.object.isRequired,\n  classes: PropTypes.object.isRequired,\n  attributes: PropTypes.object,\n  onFocus: PropTypes.func,\n  maxImageWidth: PropTypes.number,\n  maxImageHeight: PropTypes.number,\n};\n\nexport default withStyles((theme) => ({\n  portal: {\n    position: 'absolute',\n    opacity: 0,\n    transition: 'opacity 200ms linear',\n  },\n  floatingButtonRow: {\n    backgroundColor: theme.palette.background.paper,\n    borderRadius: '1px',\n    display: 'flex',\n    padding: '10px',\n    border: `solid 1px ${theme.palette.grey[200]}`,\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 ${theme.palette.common.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}))(ImageComponent);\n"],"file":"component.js"}

package/lib/extensions/css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/extensions/css.js"],"names":["removeDialogs","prevDialogs","document","querySelectorAll","forEach","s","remove","insertDialog","editor","callback","opts","selectedText","parentNode","editorDOM","options","element","newEl","createElement","selection","state","className","popoverEl","closePopOver","firstCallMade","listener","e","focusIsInModals","contains","target","focusIsInEditor","handleClose","undefined","body","removeEventListener","handleChange","name","parentNodeClass","attrs","createHTML","html","tag","object","text","slice","$anchor","textOffset","$head","el","background","height","padding","overflow","display","flexFlow","names","map","i","marginRight","__html","ReactDOM","render","cursorItem","view","nodeDOM","from","cursorNode","bodyRect","parentElement","getBoundingClientRect","boundRect","appendChild","style","maxWidth","position","top","zIndex","leftValue","left","Math","abs","offsetWidth","rightValue","x","leftAlignedWidth","right","rightAlignedWidth","addEventListener","CSSMark","Mark","create","addOptions","classes","addAttributes","parseHTML","getAttribute","renderHTML","attributes","getAttrs","cls","match","find","includes","HTMLAttributes","addCommands","setCSSClass","commands","setMark","unsetCSSClass","unsetMark","openCSSClassDialog","doc","textBetween","to","$from","nodeAfter","extraCSSRules","chain","focus","run"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Mark, mergeAttributes } from '@tiptap/core';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\n\nexport const removeDialogs = () => {\n  const prevDialogs = document.querySelectorAll('.insert-css-dialog');\n\n  prevDialogs.forEach((s) => s.remove());\n};\n\nconst insertDialog = ({ editor, callback, opts, selectedText, parentNode }) => {\n  const editorDOM = editor.options.element;\n  const newEl = document.createElement('div');\n  const { selection } = editor.state;\n\n  removeDialogs();\n\n  newEl.className = 'insert-css-dialog';\n\n  let popoverEl;\n\n  const closePopOver = () => {\n    if (popoverEl) {\n      popoverEl.remove();\n    }\n  };\n\n  let firstCallMade = false;\n\n  const listener = (e) => {\n    // this will be triggered right after setting it because\n    // this toolbar is added on the mousedown event\n    // so right after mouseup, the click will be triggered\n    if (firstCallMade) {\n      const focusIsInModals = newEl.contains(e.target) || (popoverEl && popoverEl.contains(e.target));\n      const focusIsInEditor = editorDOM.contains(e.target);\n\n      if (!(focusIsInModals || focusIsInEditor)) {\n        handleClose();\n      }\n    } else {\n      firstCallMade = true;\n    }\n  };\n\n  const handleClose = () => {\n    callback(undefined, true);\n    newEl.remove();\n    closePopOver();\n    document.body.removeEventListener('click', listener);\n  };\n\n  const handleChange = (name) => {\n    callback(name, true);\n    newEl.remove();\n    closePopOver();\n    document.body.removeEventListener('click', listener);\n  };\n\n  const parentNodeClass = parentNode?.attrs.class;\n  const createHTML = (name) => {\n    let html = `<span class=\"${name}\">${selectedText}</span>`;\n\n    if (parentNode) {\n      let tag = 'span';\n\n      if (parentNode?.object === 'inline') {\n        tag = 'span';\n      }\n\n      if (parentNode?.object === 'block') {\n        tag = 'div';\n      }\n\n      html = `<${tag} class=\"${parentNodeClass}\">${parentNode.text.slice(0, selection.$anchor.textOffset)}${html}${parentNode.text.slice(\n        selection.$head.textOffset,\n      )}</${tag}>`;\n    }\n\n    return html;\n  };\n\n  const el = (\n    <div\n      style={{ background: 'white', height: 500, padding: 20, overflow: 'hidden', display: 'flex', flexFlow: 'column' }}\n    >\n      <h2>Please choose a css class</h2>\n      {parentNodeClass && <div>The current parent has this class {parentNodeClass}</div>}\n      <List component=\"nav\" style={{ overflow: 'scroll' }}>\n        {opts.names.map((name, i) => (\n          <ListItem key={`rule-${i}`} button onClick={() => handleChange(name)}>\n            <div style={{ marginRight: 20 }}>{name}</div>\n            <div\n              dangerouslySetInnerHTML={{\n                __html: createHTML(name),\n              }}\n            />\n          </ListItem>\n        ))}\n      </List>\n    </div>\n  );\n\n  ReactDOM.render(el, newEl, () => {\n    const cursorItem = editor.view.nodeDOM(editor.state.selection.from);\n    const cursorNode = cursorItem?.parentNode;\n\n    if (cursorNode) {\n      const bodyRect = editorDOM.parentElement.parentElement.parentElement.getBoundingClientRect();\n      const boundRect = cursorNode.getBoundingClientRect();\n\n      editorDOM.parentElement.parentElement.parentElement.appendChild(newEl);\n\n      newEl.style.maxWidth = '500px';\n      newEl.style.position = 'absolute';\n      newEl.style.top = 0;\n      newEl.style.zIndex = 99999;\n\n      const leftValue = `${boundRect.left + Math.abs(bodyRect.left) + cursorNode.offsetWidth + 10}px`;\n\n      const rightValue = `${boundRect.x}px`;\n\n      newEl.style.left = leftValue;\n\n      const leftAlignedWidth = newEl.offsetWidth;\n\n      newEl.style.left = 'unset';\n      newEl.style.right = rightValue;\n\n      const rightAlignedWidth = newEl.offsetWidth;\n\n      newEl.style.left = 'unset';\n      newEl.style.right = 'unset';\n\n      if (leftAlignedWidth >= rightAlignedWidth) {\n        newEl.style.left = leftValue;\n      } else {\n        newEl.style.right = rightValue;\n      }\n\n      document.body.addEventListener('click', listener);\n    }\n  });\n};\n\nexport const CSSMark = Mark.create({\n  name: 'cssmark',\n\n  addOptions() {\n    return {\n      classes: [],\n    };\n  },\n\n  addAttributes() {\n    return {\n      class: {\n        default: null,\n        parseHTML: (el) => el.getAttribute('class'),\n        renderHTML: (attributes) => {\n          if (!attributes.class) return {};\n          return { class: attributes.class };\n        },\n      },\n    };\n  },\n\n  parseHTML() {\n    // Any span with a class that matches one of allowed classes\n    return [\n      {\n        tag: 'span[class]',\n        getAttrs: (el) => {\n          const cls = el.getAttribute('class') || '';\n          const match = this.options.classes.find((name) => cls.includes(name));\n          return match ? { class: match } : false;\n        },\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['span', mergeAttributes(HTMLAttributes), 0];\n  },\n\n  addCommands() {\n    return {\n      setCSSClass: (className) => ({ commands }) => {\n        return commands.setMark(this.name, { class: className });\n      },\n\n      unsetCSSClass: () => ({ commands }) => {\n        return commands.unsetMark(this.name);\n      },\n\n      openCSSClassDialog: () => ({ editor }) => {\n        insertDialog({\n          editor,\n          selectedText: editor.state.doc.textBetween(editor.state.selection.from, editor.state.selection.to),\n          parentNode: editor.state.selection.$from.nodeAfter,\n          opts: this.options.extraCSSRules,\n          callback: (className) => {\n            if (className) {\n              editor\n                .chain()\n                .focus()\n                .setCSSClass(className)\n                .run();\n            }\n          },\n        });\n      },\n    };\n  },\n});\n"],"file":"css.js"}

package/lib/extensions/custom-toolbar-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/extensions/custom-toolbar-wrapper.jsx"],"names":["CustomToolbarWrapper","props","children","deletable","classes","toolbarOpts","autoWidth","isFocused","doneButtonRef","onDelete","showDone","onDone","names","toolbar","PIE_TOOLBAR__CLASS","toolbarWithNoDone","toolbarRight","alignment","focused","alwaysVisible","fullWidth","hidden","isHidden","customStyles","minWidth","undefined","shared","iconRoot","e","root","style","position","zIndex","cursor","justifyContent","background","margin","padding","boxShadow","boxSizing","display","opacity","right","width","visibility","height","verticalAlign","label","color","index"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,oBAAT,CAA8BC,KAA9B,EAAqC;AAAA;;AACnC,MACEC,QADF,GAWID,KAXJ,CACEC,QADF;AAAA,MAEEC,SAFF,GAWIF,KAXJ,CAEEE,SAFF;AAAA,MAGEC,OAHF,GAWIH,KAXJ,CAGEG,OAHF;AAAA,MAIEC,WAJF,GAWIJ,KAXJ,CAIEI,WAJF;AAAA,MAKEC,SALF,GAWIL,KAXJ,CAKEK,SALF;AAAA,MAMEC,SANF,GAWIN,KAXJ,CAMEM,SANF;AAAA,MAOEC,aAPF,GAWIP,KAXJ,CAOEO,aAPF;AAAA,MAQEC,QARF,GAWIR,KAXJ,CAQEQ,QARF;AAAA,MASEC,QATF,GAWIT,KAXJ,CASES,QATF;AAAA,MAUEC,MAVF,GAWIV,KAXJ,CAUEU,MAVF;AAYA,MAAMC,KAAK,GAAG,4BAAWR,OAAO,CAACS,OAAnB,EAA4BC,6BAA5B,mEACXV,OAAO,CAACW,iBADG,EACiB,CAACL,QADlB,iDAEXN,OAAO,CAACY,YAFG,EAEYX,WAAW,CAACY,SAAZ,KAA0B,OAFtC,iDAGXb,OAAO,CAACc,OAHG,EAGOb,WAAW,CAACc,aAAZ,IAA6BZ,SAHpC,iDAIXH,OAAO,CAACE,SAJG,EAISA,SAJT,iDAKXF,OAAO,CAACgB,SALG,EAKS,CAACd,SALV,iDAMXF,OAAO,CAACiB,MANG,EAMMhB,WAAW,CAACiB,QAAZ,KAAyB,IAN/B,gBAAd;AAQA,MAAMC,YAAY,GAAGlB,WAAW,CAACmB,QAAZ,KAAyBC,SAAzB,GAAqC;AAAED,IAAAA,QAAQ,EAAEnB,WAAW,CAACmB;AAAxB,GAArC,GAA0E,EAA/F;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEZ,KAAhB;AAAuB,IAAA,KAAK,oBAAOW,YAAP;AAA5B,KACGrB,QADH,eAGE;AAAK,IAAA,SAAS,EAAEE,OAAO,CAACsB;AAAxB,KACGvB,SAAS,iBACR,gCAAC,sBAAD;AACE,kBAAW,QADb;AAEE,IAAA,SAAS,EAAEC,OAAO,CAACuB,QAFrB;AAGE,IAAA,WAAW,EAAE,qBAACC,CAAD;AAAA,aAAOnB,QAAP,aAAOA,QAAP,uBAAOA,QAAQ,CAAGmB,CAAH,CAAf;AAAA,KAHf;AAIE,IAAA,OAAO,EAAE;AACPC,MAAAA,IAAI,EAAEzB,OAAO,CAACuB;AADP;AAJX,kBAQE,gCAAC,kBAAD,OARF,CAFJ,EAaGjB,QAAQ,iBAAI,gCAAC,sBAAD;AAAY,IAAA,aAAa,EAAEF,aAA3B;AAA0C,IAAA,OAAO,EAAEG;AAAnD,IAbf,CAHF,CADF;AAqBD;;AAED,IAAMmB,KAAK,GAAG;AACZjB,EAAAA,OAAO,EAAE;AACPkB,IAAAA,QAAQ,EAAE,UADH;AAEPC,IAAAA,MAAM,EAAE,EAFD;AAGPC,IAAAA,MAAM,EAAE,SAHD;AAIPC,IAAAA,cAAc,EAAE,eAJT;AAKPC,IAAAA,UAAU,EAAE,0CALL;AAMPX,IAAAA,QAAQ,EAAE,OANH;AAOPY,IAAAA,MAAM,EAAE,WAPD;AAQPC,IAAAA,OAAO,EAAE,KARF;AASPC,IAAAA,SAAS,EACP,+GAVK;AAWPC,IAAAA,SAAS,EAAE,YAXJ;AAYPC,IAAAA,OAAO,EAAE,MAZF;AAaPC,IAAAA,OAAO,EAAE;AAbF,GADG;AAgBZ1B,EAAAA,iBAAiB,EAAE;AACjBS,IAAAA,QAAQ,EAAE;AADO,GAhBP;AAmBZR,EAAAA,YAAY,EAAE;AACZ0B,IAAAA,KAAK,EAAE;AADK,GAnBF;AAsBZtB,EAAAA,SAAS,EAAE;AACTuB,IAAAA,KAAK,EAAE;AADE,GAtBC;AAyBZtB,EAAAA,MAAM,EAAE;AACNuB,IAAAA,UAAU,EAAE;AADN,GAzBI;AA4BZtC,EAAAA,SAAS,EAAE;AACTqC,IAAAA,KAAK,EAAE;AADE,GA5BC;AA+BZhB,EAAAA,QAAQ,EAAE;AACRgB,IAAAA,KAAK,EAAE,MADC;AAERE,IAAAA,MAAM,EAAE,MAFA;AAGRR,IAAAA,OAAO,EAAE,KAHD;AAIRS,IAAAA,aAAa,EAAE;AAJP,GA/BE;AAqCZC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE;AADF,GArCK;AAwCZtB,EAAAA,MAAM,EAAE;AACNc,IAAAA,OAAO,EAAE;AADH;AAxCI,CAAd;;eA4Ce,wBAAWV,KAAX,EAAkB;AAAEmB,EAAAA,KAAK,EAAE;AAAT,CAAlB,EAAmCjD,oBAAnC,C","sourcesContent":["import React, { useCallback } from 'react';\nimport IconButton from '@material-ui/core/IconButton';\nimport Delete from '@material-ui/icons/Delete';\nimport classNames from 'classnames';\nimport { PIE_TOOLBAR__CLASS } from '../constants';\nimport { withStyles } from '@material-ui/core/styles';\nimport { DoneButton } from '../components/common/done-button';\n\nfunction CustomToolbarWrapper(props) {\n  const {\n    children,\n    deletable,\n    classes,\n    toolbarOpts,\n    autoWidth,\n    isFocused,\n    doneButtonRef,\n    onDelete,\n    showDone,\n    onDone,\n  } = props;\n  const names = classNames(classes.toolbar, PIE_TOOLBAR__CLASS, {\n    [classes.toolbarWithNoDone]: !showDone,\n    [classes.toolbarRight]: toolbarOpts.alignment === 'right',\n    [classes.focused]: toolbarOpts.alwaysVisible || isFocused,\n    [classes.autoWidth]: autoWidth,\n    [classes.fullWidth]: !autoWidth,\n    [classes.hidden]: toolbarOpts.isHidden === true,\n  });\n  const customStyles = toolbarOpts.minWidth !== undefined ? { minWidth: toolbarOpts.minWidth } : {};\n\n  return (\n    <div className={names} style={{ ...customStyles }}>\n      {children}\n\n      <div className={classes.shared}>\n        {deletable && (\n          <IconButton\n            aria-label=\"Delete\"\n            className={classes.iconRoot}\n            onMouseDown={(e) => onDelete?.(e)}\n            classes={{\n              root: classes.iconRoot,\n            }}\n          >\n            <Delete />\n          </IconButton>\n        )}\n        {showDone && <DoneButton doneButtonRef={doneButtonRef} onClick={onDone} />}\n      </div>\n    </div>\n  );\n}\n\nconst style = {\n  toolbar: {\n    position: 'absolute',\n    zIndex: 10,\n    cursor: 'pointer',\n    justifyContent: 'space-between',\n    background: 'var(--editable-html-toolbar-bg, #efefef)',\n    minWidth: '280px',\n    margin: '5px 0 0 0',\n    padding: '2px',\n    boxShadow:\n      '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)',\n    boxSizing: 'border-box',\n    display: 'flex',\n    opacity: 1,\n  },\n  toolbarWithNoDone: {\n    minWidth: '265px',\n  },\n  toolbarRight: {\n    right: 0,\n  },\n  fullWidth: {\n    width: '100%',\n  },\n  hidden: {\n    visibility: 'hidden',\n  },\n  autoWidth: {\n    width: 'auto',\n  },\n  iconRoot: {\n    width: '28px',\n    height: '28px',\n    padding: '4px',\n    verticalAlign: 'top',\n  },\n  label: {\n    color: 'var(--editable-html-toolbar-check, #00bb00)',\n  },\n  shared: {\n    display: 'flex',\n  },\n};\nexport default withStyles(style, { index: 1000 })(CustomToolbarWrapper);\n"],"file":"custom-toolbar-wrapper.js"}

package/lib/extensions/extended-table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/extensions/extended-table.js"],"names":["ExtendedTable","Table","extend","addAttributes","border","renderHTML","props","originalTable","parent","HTMLAttributes","previousStyle","style","match"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,aAAa,GAAGC,sBAAMC,MAAN,CAAa;AACjCC,EAAAA,aADiC,2BACjB;AACd,WAAO;AACLC,MAAAA,MAAM,EAAE;AAAE,mBAAS;AAAX;AADH,KAAP;AAGD,GALgC;AAMjCC,EAAAA,UANiC,sBAMtBC,KANsB,EAMf;AAChB,QAAMC,aAAa,GAAG,KAAKC,MAAL,CAAYF,KAAZ,CAAtB;AACA,QAAQF,MAAR,GAAmBE,KAAK,CAACG,cAAzB,CAAQL,MAAR;AAEA,QAAMM,aAAa,aAAMH,aAAa,CAAC,CAAD,CAAb,CAAiBI,KAAvB,SAA+BJ,aAAa,CAAC,CAAD,CAAb,CAAiBI,KAAjB,CAAuBC,KAAvB,CAA6B,OAA7B,IAAwC,EAAxC,GAA6C,GAA5E,CAAnB;AAEAL,IAAAA,aAAa,CAAC,CAAD,CAAb,CAAiBI,KAAjB,aAA4BD,aAA5B;AAMAH,IAAAA,aAAa,CAAC,CAAD,CAAb,CAAiBH,MAAjB,GAA0BA,MAAM,GAAGA,MAAH,GAAY,GAA5C;AAEA,WAAOG,aAAP;AACD;AArBgC,CAAb,CAAtB;;eAwBeP,a","sourcesContent":["import { Table } from '@tiptap/extension-table';\n\nconst ExtendedTable = Table.extend({\n  addAttributes() {\n    return {\n      border: { default: '1' },\n    };\n  },\n  renderHTML(props) {\n    const originalTable = this.parent(props);\n    const { border } = props.HTMLAttributes;\n\n    const previousStyle = `${originalTable[1].style}${originalTable[1].style.match(/.*; */) ? '' : ';'}`;\n\n    originalTable[1].style = `${previousStyle}\n    width: 100%;\n    color: var(--pie-text, black);\n    table-layout: fixed;\n    border-collapse: collapse;\n    background-color: var(--pie-background, rgba(255, 255, 255))`;\n    originalTable[1].border = border ? border : '1';\n\n    return originalTable;\n  },\n});\n\nexport default ExtendedTable;\n"],"file":"extended-table.js"}

package/lib/extensions/image.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,14 +13,10 @@ var _core = require("@tiptap/core");
 
 var _react = require("@tiptap/react");
 
-var _react2 = _interopRequireWildcard(require("react"));
+var _react2 = _interopRequireDefault(require("react"));
 
 var _component = _interopRequireDefault(require("./component"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -103,4 +97,4 @@ var ImageUploadNode = _core.Node.create({
 });
 
 exports.ImageUploadNode = ImageUploadNode;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leHRlbnNpb25zL2ltYWdlLmpzIl0sIm5hbWVzIjpbIkltYWdlVXBsb2FkTm9kZSIsIk5vZGUiLCJjcmVhdGUiLCJuYW1lIiwiZ3JvdXAiLCJhdG9tIiwic2VsZWN0YWJsZSIsImRyYWdnYWJsZSIsImFkZEF0dHJpYnV0ZXMiLCJsb2FkZWQiLCJkZWxldGVTdGF0dXMiLCJhbGlnbm1lbnQiLCJwZXJjZW50Iiwid2lkdGgiLCJoZWlnaHQiLCJzcmMiLCJhbHQiLCJwYXJzZUhUTUwiLCJ0YWciLCJyZW5kZXJIVE1MIiwiSFRNTEF0dHJpYnV0ZXMiLCJhZGROb2RlVmlldyIsInByb3BzIiwib3B0aW9ucyIsImFkZENvbW1hbmRzIiwic2V0SW1hZ2VVcGxvYWROb2RlIiwiY29tbWFuZHMiLCJpbnNlcnRDb250ZW50IiwidHlwZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7Ozs7O0FBRUE7QUFFTyxJQUFNQSxlQUFlLEdBQUdDLFdBQUtDLE1BQUwsQ0FBWTtBQUN6Q0MsRUFBQUEsSUFBSSxFQUFFLGlCQURtQztBQUd6Q0MsRUFBQUEsS0FBSyxFQUFFLE9BSGtDO0FBSXpDQyxFQUFBQSxJQUFJLEVBQUUsSUFKbUM7QUFJN0I7QUFDWkMsRUFBQUEsVUFBVSxFQUFFLElBTDZCO0FBS3ZCO0FBQ2xCQyxFQUFBQSxTQUFTLEVBQUUsSUFOOEI7QUFNeEI7QUFFakJDLEVBQUFBLGFBUnlDLDJCQVF6QjtBQUNkLFdBQU87QUFDTEMsTUFBQUEsTUFBTSxFQUFFO0FBQUUsbUJBQVM7QUFBWCxPQURIO0FBRUxDLE1BQUFBLFlBQVksRUFBRTtBQUFFLG1CQUFTO0FBQVgsT0FGVDtBQUdMQyxNQUFBQSxTQUFTLEVBQUU7QUFBRSxtQkFBUztBQUFYLE9BSE47QUFJTEMsTUFBQUEsT0FBTyxFQUFFO0FBQUUsbUJBQVM7QUFBWCxPQUpKO0FBS0xDLE1BQUFBLEtBQUssRUFBRTtBQUFFLG1CQUFTO0FBQVgsT0FMRjtBQU1MQyxNQUFBQSxNQUFNLEVBQUU7QUFBRSxtQkFBUztBQUFYLE9BTkg7QUFPTEMsTUFBQUEsR0FBRyxFQUFFO0FBQUUsbUJBQVM7QUFBWCxPQVBBO0FBUUxDLE1BQUFBLEdBQUcsRUFBRTtBQUFFLG1CQUFTO0FBQVg7QUFSQSxLQUFQO0FBVUQsR0FuQndDO0FBcUJ6Q0MsRUFBQUEsU0FyQnlDLHVCQXFCN0I7QUFDVixXQUFPLENBQ0w7QUFDRUMsTUFBQUEsR0FBRyxFQUFFO0FBRFAsS0FESyxDQUFQO0FBS0QsR0EzQndDO0FBNkJ6QztBQUNBQyxFQUFBQSxVQTlCeUMsNEJBOEJWO0FBQUEsUUFBbEJDLGNBQWtCLFFBQWxCQSxjQUFrQjtBQUM3QixXQUFPLENBQUMsS0FBRCxFQUFRLDJCQUFnQkEsY0FBaEIsRUFBZ0M7QUFBRSxtQkFBYTtBQUFmLEtBQWhDLENBQVIsQ0FBUDtBQUNELEdBaEN3QztBQWtDekNDLEVBQUFBLFdBbEN5Qyx5QkFrQzNCO0FBQUE7O0FBQ1osV0FBTyxrQ0FBc0IsVUFBQ0MsS0FBRDtBQUFBLDBCQUFXLGlDQUFDLHFCQUFELGtDQUF5QkEsS0FBekI7QUFBZ0NDLFFBQUFBLE9BQU8sRUFBRSxLQUFJLENBQUNBO0FBQTlDLFNBQVg7QUFBQSxLQUF0QixDQUFQO0FBQ0QsR0FwQ3dDO0FBc0N6Q0MsRUFBQUEsV0F0Q3lDLHlCQXNDM0I7QUFBQTs7QUFDWixXQUFPO0FBQ0xDLE1BQUFBLGtCQUFrQixFQUFFO0FBQUEsZUFBTSxpQkFBa0I7QUFBQSxjQUFmQyxRQUFlLFNBQWZBLFFBQWU7QUFDMUMsaUJBQU9BLFFBQVEsQ0FBQ0MsYUFBVCxDQUF1QjtBQUM1QkMsWUFBQUEsSUFBSSxFQUFFLE1BQUksQ0FBQ3pCO0FBRGlCLFdBQXZCLENBQVA7QUFHRCxTQUptQjtBQUFBO0FBRGYsS0FBUDtBQU9EO0FBOUN3QyxDQUFaLENBQXhCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTm9kZSwgbWVyZ2VBdHRyaWJ1dGVzIH0gZnJvbSAnQHRpcHRhcC9jb3JlJztcbmltcG9ydCB7IE5vZGVWaWV3V3JhcHBlciwgUmVhY3ROb2RlVmlld1JlbmRlcmVyIH0gZnJvbSAnQHRpcHRhcC9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VTdGF0ZSwgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSW1hZ2VDb21wb25lbnQgZnJvbSAnLi9jb21wb25lbnQnO1xuXG4vLyAtLS0tIFRpcHRhcCBFeHRlbnNpb24gLS0tLSAvL1xuXG5leHBvcnQgY29uc3QgSW1hZ2VVcGxvYWROb2RlID0gTm9kZS5jcmVhdGUoe1xuICBuYW1lOiAnaW1hZ2VVcGxvYWROb2RlJyxcblxuICBncm91cDogJ2Jsb2NrJyxcbiAgYXRvbTogdHJ1ZSwgLy8g4pyFIHByZXZlbnRzIGNvbnRlbnQgaG9sZXNcbiAgc2VsZWN0YWJsZTogdHJ1ZSwgLy8gb3B0aW9uYWxcbiAgZHJhZ2dhYmxlOiB0cnVlLCAvLyBvcHRpb25hbFxuXG4gIGFkZEF0dHJpYnV0ZXMoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGxvYWRlZDogeyBkZWZhdWx0OiBmYWxzZSB9LFxuICAgICAgZGVsZXRlU3RhdHVzOiB7IGRlZmF1bHQ6IG51bGwgfSxcbiAgICAgIGFsaWdubWVudDogeyBkZWZhdWx0OiBudWxsIH0sXG4gICAgICBwZXJjZW50OiB7IGRlZmF1bHQ6IG51bGwgfSxcbiAgICAgIHdpZHRoOiB7IGRlZmF1bHQ6IG51bGwgfSxcbiAgICAgIGhlaWdodDogeyBkZWZhdWx0OiBudWxsIH0sXG4gICAgICBzcmM6IHsgZGVmYXVsdDogbnVsbCB9LFxuICAgICAgYWx0OiB7IGRlZmF1bHQ6IG51bGwgfSxcbiAgICB9O1xuICB9LFxuXG4gIHBhcnNlSFRNTCgpIHtcbiAgICByZXR1cm4gW1xuICAgICAge1xuICAgICAgICB0YWc6ICdkaXZbZGF0YS10eXBlPVwiaW1hZ2UtdXBsb2FkLW5vZGVcIl0nLFxuICAgICAgfSxcbiAgICBdO1xuICB9LFxuXG4gIC8vIOKchSBObyBgMGAgaGVyZSFcbiAgcmVuZGVySFRNTCh7IEhUTUxBdHRyaWJ1dGVzIH0pIHtcbiAgICByZXR1cm4gWydpbWcnLCBtZXJnZUF0dHJpYnV0ZXMoSFRNTEF0dHJpYnV0ZXMsIHsgJ2RhdGEtdHlwZSc6ICdpbWFnZS11cGxvYWQtbm9kZScgfSldO1xuICB9LFxuXG4gIGFkZE5vZGVWaWV3KCkge1xuICAgIHJldHVybiBSZWFjdE5vZGVWaWV3UmVuZGVyZXIoKHByb3BzKSA9PiA8SW1hZ2VDb21wb25lbnQgey4uLnsgLi4ucHJvcHMsIG9wdGlvbnM6IHRoaXMub3B0aW9ucyB9fSAvPik7XG4gIH0sXG5cbiAgYWRkQ29tbWFuZHMoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHNldEltYWdlVXBsb2FkTm9kZTogKCkgPT4gKHsgY29tbWFuZHMgfSkgPT4ge1xuICAgICAgICByZXR1cm4gY29tbWFuZHMuaW5zZXJ0Q29udGVudCh7XG4gICAgICAgICAgdHlwZTogdGhpcy5uYW1lLFxuICAgICAgICB9KTtcbiAgICAgIH0sXG4gICAgfTtcbiAgfSxcbn0pO1xuIl19
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leHRlbnNpb25zL2ltYWdlLmpzIl0sIm5hbWVzIjpbIkltYWdlVXBsb2FkTm9kZSIsIk5vZGUiLCJjcmVhdGUiLCJuYW1lIiwiZ3JvdXAiLCJhdG9tIiwic2VsZWN0YWJsZSIsImRyYWdnYWJsZSIsImFkZEF0dHJpYnV0ZXMiLCJsb2FkZWQiLCJkZWxldGVTdGF0dXMiLCJhbGlnbm1lbnQiLCJwZXJjZW50Iiwid2lkdGgiLCJoZWlnaHQiLCJzcmMiLCJhbHQiLCJwYXJzZUhUTUwiLCJ0YWciLCJyZW5kZXJIVE1MIiwiSFRNTEF0dHJpYnV0ZXMiLCJhZGROb2RlVmlldyIsInByb3BzIiwib3B0aW9ucyIsImFkZENvbW1hbmRzIiwic2V0SW1hZ2VVcGxvYWROb2RlIiwiY29tbWFuZHMiLCJpbnNlcnRDb250ZW50IiwidHlwZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7O0FBRUE7QUFFTyxJQUFNQSxlQUFlLEdBQUdDLFdBQUtDLE1BQUwsQ0FBWTtBQUN6Q0MsRUFBQUEsSUFBSSxFQUFFLGlCQURtQztBQUd6Q0MsRUFBQUEsS0FBSyxFQUFFLE9BSGtDO0FBSXpDQyxFQUFBQSxJQUFJLEVBQUUsSUFKbUM7QUFJN0I7QUFDWkMsRUFBQUEsVUFBVSxFQUFFLElBTDZCO0FBS3ZCO0FBQ2xCQyxFQUFBQSxTQUFTLEVBQUUsSUFOOEI7QUFNeEI7QUFFakJDLEVBQUFBLGFBUnlDLDJCQVF6QjtBQUNkLFdBQU87QUFDTEMsTUFBQUEsTUFBTSxFQUFFO0FBQUUsbUJBQVM7QUFBWCxPQURIO0FBRUxDLE1BQUFBLFlBQVksRUFBRTtBQUFFLG1CQUFTO0FBQVgsT0FGVDtBQUdMQyxNQUFBQSxTQUFTLEVBQUU7QUFBRSxtQkFBUztBQUFYLE9BSE47QUFJTEMsTUFBQUEsT0FBTyxFQUFFO0FBQUUsbUJBQVM7QUFBWCxPQUpKO0FBS0xDLE1BQUFBLEtBQUssRUFBRTtBQUFFLG1CQUFTO0FBQVgsT0FMRjtBQU1MQyxNQUFBQSxNQUFNLEVBQUU7QUFBRSxtQkFBUztBQUFYLE9BTkg7QUFPTEMsTUFBQUEsR0FBRyxFQUFFO0FBQUUsbUJBQVM7QUFBWCxPQVBBO0FBUUxDLE1BQUFBLEdBQUcsRUFBRTtBQUFFLG1CQUFTO0FBQVg7QUFSQSxLQUFQO0FBVUQsR0FuQndDO0FBcUJ6Q0MsRUFBQUEsU0FyQnlDLHVCQXFCN0I7QUFDVixXQUFPLENBQ0w7QUFDRUMsTUFBQUEsR0FBRyxFQUFFO0FBRFAsS0FESyxDQUFQO0FBS0QsR0EzQndDO0FBNkJ6QztBQUNBQyxFQUFBQSxVQTlCeUMsNEJBOEJWO0FBQUEsUUFBbEJDLGNBQWtCLFFBQWxCQSxjQUFrQjtBQUM3QixXQUFPLENBQUMsS0FBRCxFQUFRLDJCQUFnQkEsY0FBaEIsRUFBZ0M7QUFBRSxtQkFBYTtBQUFmLEtBQWhDLENBQVIsQ0FBUDtBQUNELEdBaEN3QztBQWtDekNDLEVBQUFBLFdBbEN5Qyx5QkFrQzNCO0FBQUE7O0FBQ1osV0FBTyxrQ0FBc0IsVUFBQ0MsS0FBRDtBQUFBLDBCQUFXLGlDQUFDLHFCQUFELGtDQUF5QkEsS0FBekI7QUFBZ0NDLFFBQUFBLE9BQU8sRUFBRSxLQUFJLENBQUNBO0FBQTlDLFNBQVg7QUFBQSxLQUF0QixDQUFQO0FBQ0QsR0FwQ3dDO0FBc0N6Q0MsRUFBQUEsV0F0Q3lDLHlCQXNDM0I7QUFBQTs7QUFDWixXQUFPO0FBQ0xDLE1BQUFBLGtCQUFrQixFQUFFO0FBQUEsZUFBTSxpQkFBa0I7QUFBQSxjQUFmQyxRQUFlLFNBQWZBLFFBQWU7QUFDMUMsaUJBQU9BLFFBQVEsQ0FBQ0MsYUFBVCxDQUF1QjtBQUM1QkMsWUFBQUEsSUFBSSxFQUFFLE1BQUksQ0FBQ3pCO0FBRGlCLFdBQXZCLENBQVA7QUFHRCxTQUptQjtBQUFBO0FBRGYsS0FBUDtBQU9EO0FBOUN3QyxDQUFaLENBQXhCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTm9kZSwgbWVyZ2VBdHRyaWJ1dGVzIH0gZnJvbSAnQHRpcHRhcC9jb3JlJztcbmltcG9ydCB7IFJlYWN0Tm9kZVZpZXdSZW5kZXJlciB9IGZyb20gJ0B0aXB0YXAvcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBJbWFnZUNvbXBvbmVudCBmcm9tICcuL2NvbXBvbmVudCc7XG5cbi8vIC0tLS0gVGlwdGFwIEV4dGVuc2lvbiAtLS0tIC8vXG5cbmV4cG9ydCBjb25zdCBJbWFnZVVwbG9hZE5vZGUgPSBOb2RlLmNyZWF0ZSh7XG4gIG5hbWU6ICdpbWFnZVVwbG9hZE5vZGUnLFxuXG4gIGdyb3VwOiAnYmxvY2snLFxuICBhdG9tOiB0cnVlLCAvLyDinIUgcHJldmVudHMgY29udGVudCBob2xlc1xuICBzZWxlY3RhYmxlOiB0cnVlLCAvLyBvcHRpb25hbFxuICBkcmFnZ2FibGU6IHRydWUsIC8vIG9wdGlvbmFsXG5cbiAgYWRkQXR0cmlidXRlcygpIHtcbiAgICByZXR1cm4ge1xuICAgICAgbG9hZGVkOiB7IGRlZmF1bHQ6IGZhbHNlIH0sXG4gICAgICBkZWxldGVTdGF0dXM6IHsgZGVmYXVsdDogbnVsbCB9LFxuICAgICAgYWxpZ25tZW50OiB7IGRlZmF1bHQ6IG51bGwgfSxcbiAgICAgIHBlcmNlbnQ6IHsgZGVmYXVsdDogbnVsbCB9LFxuICAgICAgd2lkdGg6IHsgZGVmYXVsdDogbnVsbCB9LFxuICAgICAgaGVpZ2h0OiB7IGRlZmF1bHQ6IG51bGwgfSxcbiAgICAgIHNyYzogeyBkZWZhdWx0OiBudWxsIH0sXG4gICAgICBhbHQ6IHsgZGVmYXVsdDogbnVsbCB9LFxuICAgIH07XG4gIH0sXG5cbiAgcGFyc2VIVE1MKCkge1xuICAgIHJldHVybiBbXG4gICAgICB7XG4gICAgICAgIHRhZzogJ2RpdltkYXRhLXR5cGU9XCJpbWFnZS11cGxvYWQtbm9kZVwiXScsXG4gICAgICB9LFxuICAgIF07XG4gIH0sXG5cbiAgLy8g4pyFIE5vIGAwYCBoZXJlIVxuICByZW5kZXJIVE1MKHsgSFRNTEF0dHJpYnV0ZXMgfSkge1xuICAgIHJldHVybiBbJ2ltZycsIG1lcmdlQXR0cmlidXRlcyhIVE1MQXR0cmlidXRlcywgeyAnZGF0YS10eXBlJzogJ2ltYWdlLXVwbG9hZC1ub2RlJyB9KV07XG4gIH0sXG5cbiAgYWRkTm9kZVZpZXcoKSB7XG4gICAgcmV0dXJuIFJlYWN0Tm9kZVZpZXdSZW5kZXJlcigocHJvcHMpID0+IDxJbWFnZUNvbXBvbmVudCB7Li4ueyAuLi5wcm9wcywgb3B0aW9uczogdGhpcy5vcHRpb25zIH19IC8+KTtcbiAgfSxcblxuICBhZGRDb21tYW5kcygpIHtcbiAgICByZXR1cm4ge1xuICAgICAgc2V0SW1hZ2VVcGxvYWROb2RlOiAoKSA9PiAoeyBjb21tYW5kcyB9KSA9PiB7XG4gICAgICAgIHJldHVybiBjb21tYW5kcy5pbnNlcnRDb250ZW50KHtcbiAgICAgICAgICB0eXBlOiB0aGlzLm5hbWUsXG4gICAgICAgIH0pO1xuICAgICAgfSxcbiAgICB9O1xuICB9LFxufSk7XG4iXX0=