@pie-element/explicit-constructed-response 4.6.1-beta.0 → 4.6.1-beta.3

package/configure/lib/ecr-toolbar.js

@@ -1,183 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.ECRToolbar = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _OutlinedInput = _interopRequireDefault(require("@material-ui/core/OutlinedInput"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-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; }
-
-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 findSlateNode = function findSlateNode(key) {
-  return window.document.querySelector('[data-key="' + key + '"]');
-};
-
-var ECRToolbar = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(ECRToolbar, _React$Component);
-
-  var _super = _createSuper(ECRToolbar);
-
-  function ECRToolbar() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, ECRToolbar);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
-      markup: ''
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDone", function () {
-      var newValue = _this.state.markup;
-      var _this$props = _this.props,
-          node = _this$props.node,
-          nodePath = _this$props.nodePath,
-          editor = _this$props.editor,
-          onToolbarDone = _this$props.onToolbarDone,
-          onChangeResponse = _this$props.onChangeResponse;
-
-      var update = _objectSpread(_objectSpread({}, node.data), {}, {
-        value: newValue
-      });
-
-      editor.apply({
-        type: 'set_node',
-        path: nodePath,
-        properties: {
-          data: node.data
-        },
-        newProperties: {
-          data: update
-        }
-      });
-      onToolbarDone(true);
-      onChangeResponse(newValue);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (e) {
-      return _this.setState({
-        markup: e.target.value
-      });
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(ECRToolbar, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this$props2 = this.props,
-          correctChoice = _this$props2.correctChoice,
-          node = _this$props2.node;
-      var choice = correctChoice || {};
-      var domNode = findSlateNode(node.key);
-
-      if (domNode) {
-        //eslint-disable-next-line
-        var domNodeRect = domNode.getBoundingClientRect();
-        var editor = domNode.closest('[data-slate-editor]');
-        var editorRect = editor.getBoundingClientRect();
-        var top = domNodeRect.top - editorRect.top;
-        var left = domNodeRect.left - editorRect.left;
-        this.setState({
-          markup: choice.label,
-          toolbarStyle: {
-            position: 'absolute',
-            top: "".concat(top + domNodeRect.height + 20, "px"),
-            left: "".concat(left + 20, "px"),
-            width: domNodeRect.width
-          }
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _node$data;
-
-      var _this$props3 = this.props,
-          classes = _this$props3.classes,
-          node = _this$props3.node;
-      var _this$state = this.state,
-          markup = _this$state.markup,
-          toolbarStyle = _this$state.toolbarStyle;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread(_objectSpread({}, toolbarStyle), {}, {
-          backgroundColor: '#E0E1E6'
-        })
-      }, /*#__PURE__*/_react["default"].createElement(_OutlinedInput["default"], {
-        style: {
-          width: '100%'
-        },
-        autoFocus: true,
-        labelWidth: 0,
-        classes: {
-          input: classes.input
-        },
-        onChange: this.onChange,
-        onBlur: this.onDone,
-        value: markup || (node === null || node === void 0 ? void 0 : (_node$data = node.data) === null || _node$data === void 0 ? void 0 : _node$data.value) || ''
-      }));
-    }
-  }]);
-  return ECRToolbar;
-}(_react["default"].Component);
-
-exports.ECRToolbar = ECRToolbar;
-(0, _defineProperty2["default"])(ECRToolbar, "propTypes", {
-  correctChoice: _propTypes["default"].object,
-  classes: _propTypes["default"].object,
-  node: _propTypes["default"].object,
-  nodePath: _propTypes["default"].array,
-  onDone: _propTypes["default"].func,
-  onChangeResponse: _propTypes["default"].func.isRequired,
-  onToolbarDone: _propTypes["default"].func.isRequired,
-  editor: _propTypes["default"].object
-});
-var StyledECRToolbar = (0, _styles.withStyles)({
-  respArea: {
-    backgroundColor: '#fff'
-  },
-  input: {
-    backgroundColor: '#fff',
-    padding: '10px 20px 10px 10px'
-  },
-  errorInput: {
-    border: '2px solid red'
-  }
-})(ECRToolbar);
-var _default = StyledECRToolbar;
-exports["default"] = _default;
-//# sourceMappingURL=ecr-toolbar.js.map

package/configure/lib/ecr-toolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ecr-toolbar.jsx"],"names":["findSlateNode","key","window","document","querySelector","ECRToolbar","markup","newValue","state","props","node","nodePath","editor","onToolbarDone","onChangeResponse","update","data","value","apply","type","path","properties","newProperties","e","setState","target","correctChoice","choice","domNode","domNodeRect","getBoundingClientRect","closest","editorRect","top","left","label","toolbarStyle","position","height","width","classes","backgroundColor","input","onChange","onDone","React","Component","PropTypes","object","array","func","isRequired","StyledECRToolbar","respArea","padding","errorInput","border"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,GAAD,EAAS;AAC7B,SAAOC,MAAM,CAACC,QAAP,CAAgBC,aAAhB,CAA8B,gBAAgBH,GAAhB,GAAsB,IAApD,CAAP;AACD,CAFD;;IAIaI,U;;;;;;;;;;;;;;;8FAYH;AACNC,MAAAA,MAAM,EAAE;AADF,K;+FA8BC,YAAM;AACb,UAAgBC,QAAhB,GAA6B,MAAKC,KAAlC,CAAQF,MAAR;AACA,wBAAoE,MAAKG,KAAzE;AAAA,UAAQC,IAAR,eAAQA,IAAR;AAAA,UAAcC,QAAd,eAAcA,QAAd;AAAA,UAAwBC,MAAxB,eAAwBA,MAAxB;AAAA,UAAgCC,aAAhC,eAAgCA,aAAhC;AAAA,UAA+CC,gBAA/C,eAA+CA,gBAA/C;;AACA,UAAMC,MAAM,mCAAQL,IAAI,CAACM,IAAb;AAAmBC,QAAAA,KAAK,EAAEV;AAA1B,QAAZ;;AAEAK,MAAAA,MAAM,CAACM,KAAP,CAAa;AACXC,QAAAA,IAAI,EAAE,UADK;AAEXC,QAAAA,IAAI,EAAET,QAFK;AAGXU,QAAAA,UAAU,EAAE;AACVL,UAAAA,IAAI,EAAEN,IAAI,CAACM;AADD,SAHD;AAMXM,QAAAA,aAAa,EAAE;AAAEN,UAAAA,IAAI,EAAED;AAAR;AANJ,OAAb;AASAF,MAAAA,aAAa,CAAC,IAAD,CAAb;AACAC,MAAAA,gBAAgB,CAACP,QAAD,CAAhB;AACD,K;iGAEU,UAACgB,CAAD;AAAA,aAAO,MAAKC,QAAL,CAAc;AAAElB,QAAAA,MAAM,EAAEiB,CAAC,CAACE,MAAF,CAASR;AAAnB,OAAd,CAAP;AAAA,K;;;;;;WA5CX,6BAAoB;AAClB,yBAAgC,KAAKR,KAArC;AAAA,UAAQiB,aAAR,gBAAQA,aAAR;AAAA,UAAuBhB,IAAvB,gBAAuBA,IAAvB;AACA,UAAMiB,MAAM,GAAGD,aAAa,IAAI,EAAhC;AAEA,UAAME,OAAO,GAAG5B,aAAa,CAACU,IAAI,CAACT,GAAN,CAA7B;;AAEA,UAAI2B,OAAJ,EAAa;AACX;AACA,YAAMC,WAAW,GAAGD,OAAO,CAACE,qBAAR,EAApB;AACA,YAAMlB,MAAM,GAAGgB,OAAO,CAACG,OAAR,CAAgB,qBAAhB,CAAf;AACA,YAAMC,UAAU,GAAGpB,MAAM,CAACkB,qBAAP,EAAnB;AACA,YAAMG,GAAG,GAAGJ,WAAW,CAACI,GAAZ,GAAkBD,UAAU,CAACC,GAAzC;AACA,YAAMC,IAAI,GAAGL,WAAW,CAACK,IAAZ,GAAmBF,UAAU,CAACE,IAA3C;AAEA,aAAKV,QAAL,CAAc;AACZlB,UAAAA,MAAM,EAAEqB,MAAM,CAACQ,KADH;AAEZC,UAAAA,YAAY,EAAE;AACZC,YAAAA,QAAQ,EAAE,UADE;AAEZJ,YAAAA,GAAG,YAAKA,GAAG,GAAGJ,WAAW,CAACS,MAAlB,GAA2B,EAAhC,OAFS;AAGZJ,YAAAA,IAAI,YAAKA,IAAI,GAAG,EAAZ,OAHQ;AAIZK,YAAAA,KAAK,EAAEV,WAAW,CAACU;AAJP;AAFF,SAAd;AASD;AACF;;;WAsBD,kBAAS;AAAA;;AACP,yBAA0B,KAAK9B,KAA/B;AAAA,UAAQ+B,OAAR,gBAAQA,OAAR;AAAA,UAAiB9B,IAAjB,gBAAiBA,IAAjB;AACA,wBAAiC,KAAKF,KAAtC;AAAA,UAAQF,MAAR,eAAQA,MAAR;AAAA,UAAgB8B,YAAhB,eAAgBA,YAAhB;AAEA,0BACE;AACE,QAAA,KAAK,kCACAA,YADA;AAEHK,UAAAA,eAAe,EAAE;AAFd;AADP,sBAME,gCAAC,yBAAD;AACE,QAAA,KAAK,EAAE;AAAEF,UAAAA,KAAK,EAAE;AAAT,SADT;AAEE,QAAA,SAAS,MAFX;AAGE,QAAA,UAAU,EAAE,CAHd;AAIE,QAAA,OAAO,EAAE;AACPG,UAAAA,KAAK,EAAEF,OAAO,CAACE;AADR,SAJX;AAOE,QAAA,QAAQ,EAAE,KAAKC,QAPjB;AAQE,QAAA,MAAM,EAAE,KAAKC,MARf;AASE,QAAA,KAAK,EAAEtC,MAAM,KAAII,IAAJ,aAAIA,IAAJ,qCAAIA,IAAI,CAAEM,IAAV,+CAAI,WAAYC,KAAhB,CAAN,IAA+B;AATxC,QANF,CADF;AAoBD;;;EAtF6B4B,kBAAMC,S;;;iCAAzBzC,U,eACQ;AACjBqB,EAAAA,aAAa,EAAEqB,sBAAUC,MADR;AAEjBR,EAAAA,OAAO,EAAEO,sBAAUC,MAFF;AAGjBtC,EAAAA,IAAI,EAAEqC,sBAAUC,MAHC;AAIjBrC,EAAAA,QAAQ,EAAEoC,sBAAUE,KAJH;AAKjBL,EAAAA,MAAM,EAAEG,sBAAUG,IALD;AAMjBpC,EAAAA,gBAAgB,EAAEiC,sBAAUG,IAAV,CAAeC,UANhB;AAOjBtC,EAAAA,aAAa,EAAEkC,sBAAUG,IAAV,CAAeC,UAPb;AAQjBvC,EAAAA,MAAM,EAAEmC,sBAAUC;AARD,C;AAwFrB,IAAMI,gBAAgB,GAAG,wBAAW;AAClCC,EAAAA,QAAQ,EAAE;AACRZ,IAAAA,eAAe,EAAE;AADT,GADwB;AAIlCC,EAAAA,KAAK,EAAE;AACLD,IAAAA,eAAe,EAAE,MADZ;AAELa,IAAAA,OAAO,EAAE;AAFJ,GAJ2B;AAQlCC,EAAAA,UAAU,EAAE;AACVC,IAAAA,MAAM,EAAE;AADE;AARsB,CAAX,EAWtBnD,UAXsB,CAAzB;eAae+C,gB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\nimport classNames from 'classnames';\n\nconst findSlateNode = (key) => {\n  return window.document.querySelector('[data-key=\"' + key + '\"]');\n};\n\nexport class ECRToolbar extends React.Component {\n  static propTypes = {\n    correctChoice: PropTypes.object,\n    classes: PropTypes.object,\n    node: PropTypes.object,\n    nodePath: PropTypes.array,\n    onDone: PropTypes.func,\n    onChangeResponse: PropTypes.func.isRequired,\n    onToolbarDone: PropTypes.func.isRequired,\n    editor: PropTypes.object\n  };\n\n  state = {\n    markup: '',\n  };\n\n  componentDidMount() {\n    const { correctChoice, node } = this.props;\n    const choice = correctChoice || {};\n\n    const domNode = findSlateNode(node.key);\n\n    if (domNode) {\n      //eslint-disable-next-line\n      const domNodeRect = domNode.getBoundingClientRect();\n      const editor = domNode.closest('[data-slate-editor]');\n      const editorRect = editor.getBoundingClientRect();\n      const top = domNodeRect.top - editorRect.top;\n      const left = domNodeRect.left - editorRect.left;\n\n      this.setState({\n        markup: choice.label,\n        toolbarStyle: {\n          position: 'absolute',\n          top: `${top + domNodeRect.height + 20}px`,\n          left: `${left + 20}px`,\n          width: domNodeRect.width,\n        },\n      });\n    }\n  }\n\n  onDone = () => {\n    const { markup: newValue } = this.state;\n    const { node, nodePath, editor, onToolbarDone, onChangeResponse } = this.props;\n    const update = { ...node.data, value: newValue };\n\n    editor.apply({\n      type: 'set_node',\n      path: nodePath,\n      properties: {\n        data: node.data\n      },\n      newProperties: { data: update }\n    });\n\n    onToolbarDone(true);\n    onChangeResponse(newValue);\n  };\n\n  onChange = (e) => this.setState({ markup: e.target.value });\n\n  render() {\n    const { classes, node } = this.props;\n    const { markup, toolbarStyle } = this.state;\n\n    return (\n      <div\n        style={{\n          ...toolbarStyle,\n          backgroundColor: '#E0E1E6',\n        }}\n      >\n        <OutlinedInput\n          style={{ width: '100%' }}\n          autoFocus\n          labelWidth={0}\n          classes={{\n            input: classes.input,\n          }}\n          onChange={this.onChange}\n          onBlur={this.onDone}\n          value={markup || node?.data?.value || ''}\n        />\n      </div>\n    );\n  }\n}\n\nconst StyledECRToolbar = withStyles({\n  respArea: {\n    backgroundColor: '#fff',\n  },\n  input: {\n    backgroundColor: '#fff',\n    padding: '10px 20px 10px 10px',\n  },\n  errorInput: {\n    border: '2px solid red',\n  },\n})(ECRToolbar);\n\nexport default StyledECRToolbar;\n"],"file":"ecr-toolbar.js"}

package/configure/lib/index.js

@@ -1,195 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _debug = _interopRequireDefault(require("debug"));
-
-var _defaults = _interopRequireDefault(require("lodash/defaults"));
-
-var _isArray = _interopRequireDefault(require("lodash/isArray"));
-
-var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
-
-var _main = _interopRequireDefault(require("./main"));
-
-var _defaults2 = _interopRequireDefault(require("./defaults"));
-
-var _markupUtils = require("./markupUtils");
-
-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; }
-
-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 log = (0, _debug["default"])('explicit-constructed-response:configure');
-
-var ExplicitConstructedResponse = /*#__PURE__*/function (_HTMLElement) {
-  (0, _inherits2["default"])(ExplicitConstructedResponse, _HTMLElement);
-
-  var _super = _createSuper(ExplicitConstructedResponse);
-
-  function ExplicitConstructedResponse() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, ExplicitConstructedResponse);
-    _this = _super.call(this);
-    _this._model = ExplicitConstructedResponse.prepareModel();
-    _this._configuration = _defaults2["default"].configuration;
-    _this.onModelChanged = _this.onModelChanged.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.onConfigurationChanged = _this.onConfigurationChanged.bind((0, _assertThisInitialized2["default"])(_this));
-    return _this;
-  }
-
-  (0, _createClass2["default"])(ExplicitConstructedResponse, [{
-    key: "model",
-    set: function set(s) {
-      this._model = ExplicitConstructedResponse.prepareModel(s);
-
-      this._render();
-    }
-  }, {
-    key: "configuration",
-    set: function set(c) {
-      this._configuration = (0, _defaults["default"])(c, _defaults2["default"].configuration);
-
-      this._render();
-    }
-  }, {
-    key: "disableSidePanel",
-    set: function set(s) {
-      this._disableSidePanel = s;
-
-      this._render();
-    }
-  }, {
-    key: "dispatchModelUpdated",
-    value: function dispatchModelUpdated(reset) {
-      var resetValue = !!reset;
-      this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, resetValue));
-    }
-  }, {
-    key: "onModelChanged",
-    value: function onModelChanged(m, reset) {
-      this._model = ExplicitConstructedResponse.prepareModel(m);
-
-      this._render();
-
-      this.dispatchModelUpdated(reset);
-    }
-  }, {
-    key: "onConfigurationChanged",
-    value: function onConfigurationChanged(c) {
-      this._configuration = c;
-
-      this._render();
-    }
-    /** @param {done, progress, file} handler */
-
-  }, {
-    key: "insertImage",
-    value: function insertImage(handler) {
-      this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
-    }
-  }, {
-    key: "onDeleteImage",
-    value: function onDeleteImage(src, done) {
-      this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
-    }
-  }, {
-    key: "insertSound",
-    value: function insertSound(handler) {
-      this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
-    }
-  }, {
-    key: "onDeleteSound",
-    value: function onDeleteSound(src, done) {
-      this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
-    }
-  }, {
-    key: "_render",
-    value: function _render() {
-      log('_render');
-
-      var element = /*#__PURE__*/_react["default"].createElement(_main["default"], {
-        model: this._model,
-        configuration: this._configuration,
-        onModelChanged: this.onModelChanged,
-        onConfigurationChanged: this.onConfigurationChanged,
-        disableSidePanel: this._disableSidePanel,
-        imageSupport: {
-          add: this.insertImage.bind(this),
-          "delete": this.onDeleteImage.bind(this)
-        },
-        uploadSoundSupport: {
-          add: this.insertSound.bind(this),
-          "delete": this.onDeleteSound.bind(this)
-        }
-      });
-
-      _reactDom["default"].render(element, this);
-    }
-  }]);
-  return ExplicitConstructedResponse;
-}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
-
-exports["default"] = ExplicitConstructedResponse;
-(0, _defineProperty2["default"])(ExplicitConstructedResponse, "prepareModel", function () {
-  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-  var joinedObj = _objectSpread(_objectSpread({}, _defaults2["default"].model), model);
-
-  var slateMarkup = joinedObj.slateMarkup || (0, _markupUtils.createSlateMarkup)(joinedObj.markup, joinedObj.choices);
-  var processedMarkup = (0, _markupUtils.processMarkup)(slateMarkup); // this was added to treat an exception, when the model has choices without the "value" property
-  // like: { label: 'test' }
-
-  if (joinedObj.choices) {
-    Object.keys(joinedObj.choices).forEach(function (key) {
-      if ((0, _isArray["default"])(joinedObj.choices[key])) {
-        joinedObj.choices[key] = (joinedObj.choices[key] || []).map(function (item, index) {
-          if (!item.value) {
-            log('Choice does not contain "value" property, which is required.', item);
-            return _objectSpread({
-              value: "".concat(index)
-            }, item);
-          }
-
-          return item;
-        });
-      }
-    });
-  }
-
-  return _objectSpread(_objectSpread({}, joinedObj), {}, {
-    slateMarkup: slateMarkup,
-    markup: processedMarkup
-  });
-});
-//# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.js"],"names":["log","ExplicitConstructedResponse","_model","prepareModel","_configuration","sensibleDefaults","configuration","onModelChanged","bind","onConfigurationChanged","s","_render","c","_disableSidePanel","reset","resetValue","dispatchEvent","ModelUpdatedEvent","m","dispatchModelUpdated","handler","InsertImageEvent","src","done","DeleteImageEvent","InsertSoundEvent","DeleteSoundEvent","element","React","createElement","Main","model","disableSidePanel","imageSupport","add","insertImage","onDeleteImage","uploadSoundSupport","insertSound","onDeleteSound","ReactDOM","render","HTMLElement","joinedObj","slateMarkup","markup","choices","processedMarkup","Object","keys","forEach","key","map","item","index","value"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport debug from 'debug';\nimport defaults from 'lodash/defaults';\nimport isArray from 'lodash/isArray';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\n\nimport Main from './main';\n\nimport sensibleDefaults from './defaults';\nimport { processMarkup, createSlateMarkup } from './markupUtils';\n\nconst log = debug('explicit-constructed-response:configure');\n\nexport default class ExplicitConstructedResponse extends HTMLElement {\n  static prepareModel = (model = {}) => {\n    const joinedObj = {\n      ...sensibleDefaults.model,\n      ...model,\n    };\n    const slateMarkup = joinedObj.slateMarkup || createSlateMarkup(joinedObj.markup, joinedObj.choices);\n    const processedMarkup = processMarkup(slateMarkup);\n\n    // this was added to treat an exception, when the model has choices without the \"value\" property\n    // like: { label: 'test' }\n    if (joinedObj.choices) {\n      Object.keys(joinedObj.choices).forEach((key) => {\n        if (isArray(joinedObj.choices[key])) {\n          joinedObj.choices[key] = (joinedObj.choices[key] || []).map((item, index) => {\n            if (!item.value) {\n              log('Choice does not contain \"value\" property, which is required.', item);\n              return { value: `${index}`, ...item };\n            }\n\n            return item;\n          });\n        }\n      });\n    }\n\n    return {\n      ...joinedObj,\n      slateMarkup,\n      markup: processedMarkup,\n    };\n  };\n\n  constructor() {\n    super();\n    this._model = ExplicitConstructedResponse.prepareModel();\n    this._configuration = sensibleDefaults.configuration;\n    this.onModelChanged = this.onModelChanged.bind(this);\n    this.onConfigurationChanged = this.onConfigurationChanged.bind(this);\n  }\n\n  set model(s) {\n    this._model = ExplicitConstructedResponse.prepareModel(s);\n    this._render();\n  }\n\n  set configuration(c) {\n    this._configuration = defaults(c, sensibleDefaults.configuration);\n    this._render();\n  }\n\n  set disableSidePanel(s) {\n    this._disableSidePanel = s;\n    this._render();\n  }\n\n  dispatchModelUpdated(reset) {\n    const resetValue = !!reset;\n\n    this.dispatchEvent(new ModelUpdatedEvent(this._model, resetValue));\n  }\n\n  onModelChanged(m, reset) {\n    this._model = ExplicitConstructedResponse.prepareModel(m);\n    this._render();\n    this.dispatchModelUpdated(reset);\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\n    this._render();\n  }\n\n  /** @param {done, progress, file} handler */\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  insertSound(handler) {\n    this.dispatchEvent(new InsertSoundEvent(handler));\n  }\n\n  onDeleteSound(src, done) {\n    this.dispatchEvent(new DeleteSoundEvent(src, done));\n  }\n\n  _render() {\n    log('_render');\n\n    let element = React.createElement(Main, {\n      model: this._model,\n      configuration: this._configuration,\n      onModelChanged: this.onModelChanged,\n      onConfigurationChanged: this.onConfigurationChanged,\n      disableSidePanel: this._disableSidePanel,\n      imageSupport: {\n        add: this.insertImage.bind(this),\n        delete: this.onDeleteImage.bind(this),\n      },\n      uploadSoundSupport: {\n        add: this.insertSound.bind(this),\n        delete: this.onDeleteSound.bind(this),\n      },\n    });\n\n    ReactDOM.render(element, this);\n  }\n}\n"],"file":"index.js"}