@instructure/quiz-core 20.17.3-rc.7 → 20.17.3-rc.9

package/lib/common/components/ImportModal/presenter.js

@@ -1,62 +1,99 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ImportModal = void 0;
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 var _react = require("react");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
 var _uiAlerts = require("@instructure/ui-alerts");
+
 var _uiButtons = require("@instructure/ui-buttons");
+
 var _uiText = require("@instructure/ui-text");
+
 var _uiProgress = require("@instructure/ui-progress");
+
 var _uiHeading = require("@instructure/ui-heading");
+
 var _uiTabs = require("@instructure/ui-tabs");
+
 var _uiToggleDetails = require("@instructure/ui-toggle-details");
+
 var _uiTextInput = require("@instructure/ui-text-input");
+
 var _emotion = require("@instructure/emotion");
+
 var _quizCommon = require("@instructure/quiz-common");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _ImportFileSelector = _interopRequireDefault(require("./ImportFileSelector"));
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _index = _interopRequireDefault(require("./ImportFileSelector/index.js"));
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _dec, _class, _ImportModal;
-/** @jsx jsx */
-var ImportModal = exports.ImportModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ImportModal = /*#__PURE__*/function (_Component) {
+
+var _dec, _class, _class2, _temp;
+
+var ImportModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(ImportModal, _Component);
+
+  var _super = (0, _createSuper2.default)(ImportModal);
+
   function ImportModal() {
     var _this;
+
     (0, _classCallCheck2.default)(this, ImportModal);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(this, ImportModal, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       selectedTabIndex: 0
     };
+
     _this.componentDidUpdate = function (prevProps, prevState) {
       if (!_this.props.modalOpen) {
         return;
       }
+
       var _this$props = _this.props,
-        disableConfirm = _this$props.disableConfirm,
-        uploadStatus = _this$props.uploadStatus;
+          disableConfirm = _this$props.disableConfirm,
+          uploadStatus = _this$props.uploadStatus;
       var isUploadSuccess = uploadStatus === _quizCommon.FILE_UPLOAD_SUCCESS && uploadStatus !== prevProps.uploadStatus;
+
       if (disableConfirm && isUploadSuccess) {
         _this.continueAction();
       }
+
       if (uploadStatus !== prevProps.uploadStatus) {
         _this.alertScreenreader();
       }
     };
+
     _this.cancelAction = function () {
       _this.props.clearFiles();
+
       _this.props.clearAltText();
+
       if (_this.props.closeOverride) {
         // this timeout is needed because if this modal closes first,
         // then the ItemFeedbackModal will also close in the same click
@@ -64,53 +101,72 @@ var ImportModal = exports.ImportModal = (_dec = (0, _emotion.withStyle)(_styles.
         setTimeout(_this.props.closeOverride);
       } else {
         _this.props.closeModal();
-      }
-      // Wait for the modal to close before setting the status to prevent flashing
+      } // Wait for the modal to close before setting the status to prevent flashing
       // the select screen when closing the modal due to the modal having a gradual
       // fade transition that will display the change in state
+
+
       setTimeout(function () {
         return _this.props.setUploadStatus(_quizCommon.FILE_UPLOAD_SELECT);
       }, 300);
     };
+
     _this.errorAction = function () {
       return _this.props.setUploadStatus(_quizCommon.FILE_UPLOAD_ERROR);
     };
+
     _this.continueAction = function () {
       var uploadStatus = _this.props.uploadStatus;
+
       switch (uploadStatus) {
         case _quizCommon.FILE_UPLOAD_SUCCESS:
         case _quizCommon.FILE_UPLOAD_FAILURE:
           _this.cancelAction();
+
           break;
+
         case _quizCommon.FILE_UPLOAD_ERROR:
           _this.props.clearFiles();
+
           _this.props.clearAltText();
+
           _this.props.setUploadStatus(_quizCommon.FILE_UPLOAD_SELECT);
+
           break;
+
         default:
           _this.props.fileUpload(_this.props.files.get(0), _this.errorAction, _this.props.altText);
+
           _this.props.setUploadStatus(_quizCommon.FILE_UPLOAD_IMPORTING);
+
           _this.props.onContinue();
+
           break;
       }
     };
+
     _this.handleFile = function (file) {
       _this.props.receiveFile(file);
+
       _this.confirmButton.focus();
     };
+
     _this.onAltTextChange = function (e) {
       _this.props.setAltText(e.target.value);
     };
+
     _this.handleTabChange = function (event, _ref) {
       var index = _ref.index;
+
       _this.setState({
         selectedTabIndex: index
       });
     };
+
     return _this;
   }
-  (0, _inherits2.default)(ImportModal, _Component);
-  return (0, _createClass2.default)(ImportModal, [{
+
+  (0, _createClass2.default)(ImportModal, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       if (this.props.uploadStatus === _quizCommon.FILE_UPLOAD_SUCCESS && this.props.modalOpen) {
@@ -121,6 +177,7 @@ var ImportModal = exports.ImportModal = (_dec = (0, _emotion.withStyle)(_styles.
     key: "setRef",
     value: function setRef(refName) {
       var _this2 = this;
+
       return function (node) {
         _this2[refName] = node;
       };
@@ -146,21 +203,25 @@ var ImportModal = exports.ImportModal = (_dec = (0, _emotion.withStyle)(_styles.
     key: "disableContinueButton",
     value: function disableContinueButton() {
       var _this$props2 = this.props,
-        uploadStatus = _this$props2.uploadStatus,
-        files = _this$props2.files;
+          uploadStatus = _this$props2.uploadStatus,
+          files = _this$props2.files;
       return uploadStatus === _quizCommon.FILE_UPLOAD_IMPORTING || files.size === 0;
     }
   }, {
     key: "continueButtonMessage",
     value: function continueButtonMessage() {
       var uploadStatus = this.props.uploadStatus;
+
       switch (uploadStatus) {
         case _quizCommon.FILE_UPLOAD_FAILURE:
           return (0, _formatMessage.default)('Okay');
+
         case _quizCommon.FILE_UPLOAD_SUCCESS:
           return (0, _formatMessage.default)('Done');
+
         case _quizCommon.FILE_UPLOAD_ERROR:
           return (0, _formatMessage.default)('Start Over');
+
         default:
           return (0, _formatMessage.default)('Import');
       }
@@ -188,7 +249,7 @@ var ImportModal = exports.ImportModal = (_dec = (0, _emotion.withStyle)(_styles.
   }, {
     key: "renderSelectingContent",
     value: function renderSelectingContent(fileType) {
-      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)("div", null, this.props.importMessage), (0, _emotion.jsx)(_ImportFileSelector.default, {
+      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)("div", null, this.props.importMessage), (0, _emotion.jsx)(_index.default, {
         files: this.props.files,
         ref: this.setRef('fileSelector'),
         receiveFile: this.handleFile,
@@ -256,6 +317,7 @@ var ImportModal = exports.ImportModal = (_dec = (0, _emotion.withStyle)(_styles.
     key: "alertScreenreader",
     value: function alertScreenreader() {
       var msg = this.uploadStatusMessage();
+
       if (msg) {
         this.props.screenreaderNotification(msg);
       }
@@ -266,12 +328,16 @@ var ImportModal = exports.ImportModal = (_dec = (0, _emotion.withStyle)(_styles.
       switch (this.props.uploadStatus) {
         case _quizCommon.FILE_UPLOAD_FAILURE:
           return this.renderFailureContent();
+
         case _quizCommon.FILE_UPLOAD_SUCCESS:
           return this.renderSuccessContent();
+
         case _quizCommon.FILE_UPLOAD_ERROR:
           return this.renderErroredContent();
+
         case _quizCommon.FILE_UPLOAD_IMPORTING:
           return this.renderImportingContent();
+
         default:
           return this.renderSelectingContent(fileType);
       }
@@ -280,16 +346,18 @@ var ImportModal = exports.ImportModal = (_dec = (0, _emotion.withStyle)(_styles.
     key: "renderContent",
     value: function renderContent() {
       var _this3 = this;
+
       if (typeof this.props.acceptFileType === 'string') {
         return this.renderImportContent(this.props.acceptFileType);
       }
+
       var selectedIndex = this.state.selectedTabIndex;
       return (0, _emotion.jsx)(_uiTabs.Tabs, {
         onRequestTabChange: this.handleTabChange,
         variant: "secondary"
       }, this.props.acceptFileType.map(function (_ref2, index) {
         var fileType = _ref2.fileType,
-          title = _ref2.title;
+            title = _ref2.title;
         return (0, _emotion.jsx)(_uiTabs.Tabs.Panel, {
           key: title,
           renderTitle: title,
@@ -320,7 +388,9 @@ var ImportModal = exports.ImportModal = (_dec = (0, _emotion.withStyle)(_styles.
       })), (0, _emotion.jsx)(_quizCommon.ModalBody, null, this.renderContent()), (0, _emotion.jsx)(_quizCommon.ModalFooter, null, this.cancelButton(), this.continueButton()));
     }
   }]);
-}(_react.Component), _ImportModal.propTypes = {
+  ImportModal.displayName = "ImportModal";
+  return ImportModal;
+}(_react.Component), _class2.propTypes = {
   acceptFileType: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.shape({
     fileType: _propTypes.default.string,
     title: _propTypes.default.string
@@ -356,9 +426,11 @@ var ImportModal = exports.ImportModal = (_dec = (0, _emotion.withStyle)(_styles.
   uploadStatus: _propTypes.default.oneOf([_quizCommon.FILE_UPLOAD_SELECT, _quizCommon.FILE_UPLOAD_IMPORTING, _quizCommon.FILE_UPLOAD_SUCCESS, _quizCommon.FILE_UPLOAD_FAILURE, _quizCommon.FILE_UPLOAD_ERROR]).isRequired,
   // passed in by connect,
   styles: _propTypes.default.object
-}, _ImportModal.defaultProps = {
+}, _class2.defaultProps = {
   closeOverride: null,
   disableConfirm: false,
   onClose: function onClose() {}
-}, _ImportModal)) || _class);
-var _default = exports.default = ImportModal;
+}, _temp)) || _class);
+exports.ImportModal = ImportModal;
+var _default = ImportModal;
+exports.default = _default;

package/lib/common/components/ImportModal/styles.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateStyle = function generateStyle(componentTheme) {
   return {
     altTextWrapper: {
@@ -11,4 +12,6 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = exports.default = generateStyle;
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/common/components/ImportModal/theme.js

@@ -4,10 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing;
   return {
     altTextMargin: spacing.large
   };
 };
-var _default = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/common/components/LearnosityCalculator/index.js

@@ -1,40 +1,62 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.LearnosityCalculator = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _learnosity = require("../../../taking/learnosity");
-var LearnosityCalculator = exports.LearnosityCalculator = /*#__PURE__*/function (_Component) {
+
+var _index = require("../../../taking/learnosity/index.js");
+
+var LearnosityCalculator = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(LearnosityCalculator, _Component);
+
+  var _super = (0, _createSuper2.default)(LearnosityCalculator);
+
   function LearnosityCalculator() {
     var _this;
+
     (0, _classCallCheck2.default)(this, LearnosityCalculator);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(this, LearnosityCalculator, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       learnosityCalculatorReady: false,
       featureId: _this.props.featureId || "calc_".concat(new Date().getTime())
     };
+
     _this.handleClick = function () {
       _this.toggle();
+
       _this.props.setActiveCalculatorId(_this.state.featureId);
     };
+
     return _this;
   }
-  (0, _inherits2.default)(LearnosityCalculator, _Component);
-  return (0, _createClass2.default)(LearnosityCalculator, [{
+
+  (0, _createClass2.default)(LearnosityCalculator, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.calculatorType !== 'none') {
@@ -60,42 +82,52 @@ var LearnosityCalculator = exports.LearnosityCalculator = /*#__PURE__*/function
   }, {
     key: "initializeLearnosity",
     value: function () {
-      var _initializeLearnosity = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
-        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (this.props.quizSessionId) {
-                _context.next = 2;
-                break;
-              }
-              return _context.abrupt("return");
-            case 2:
-              _context.next = 4;
-              return this.props.appendFeature(this.props.quizSessionId, {
-                type: 'calculator',
-                mode: this.props.calculatorType,
-                feature_id: this.state.featureId
-              });
-            case 4:
-              if (!(this.props.calculatorType === 'none')) {
-                _context.next = 6;
-                break;
-              }
-              return _context.abrupt("return");
-            case 6:
-              this.setState({
-                learnosityCalculatorReady: true
-              });
-              this.props.setCalculatorEnabled(true);
-            case 8:
-            case "end":
-              return _context.stop();
+      var _initializeLearnosity = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (this.props.quizSessionId) {
+                  _context.next = 2;
+                  break;
+                }
+
+                return _context.abrupt("return");
+
+              case 2:
+                _context.next = 4;
+                return this.props.appendFeature(this.props.quizSessionId, {
+                  type: 'calculator',
+                  mode: this.props.calculatorType,
+                  feature_id: this.state.featureId
+                });
+
+              case 4:
+                if (!(this.props.calculatorType === 'none')) {
+                  _context.next = 6;
+                  break;
+                }
+
+                return _context.abrupt("return");
+
+              case 6:
+                this.setState({
+                  learnosityCalculatorReady: true
+                });
+                this.props.setCalculatorEnabled(true);
+
+              case 8:
+              case "end":
+                return _context.stop();
+            }
           }
         }, _callee, this);
       }));
+
       function initializeLearnosity() {
         return _initializeLearnosity.apply(this, arguments);
       }
+
       return initializeLearnosity;
     }()
   }, {
@@ -128,10 +160,15 @@ var LearnosityCalculator = exports.LearnosityCalculator = /*#__PURE__*/function
       if (!this.props.quizSessionId || this.props.calculatorType === 'none') {
         return null;
       }
+
       return this.renderCalculator();
     }
   }]);
+  LearnosityCalculator.displayName = "LearnosityCalculator";
+  return LearnosityCalculator;
 }(_react.Component);
+
+exports.LearnosityCalculator = LearnosityCalculator;
 LearnosityCalculator.propTypes = {
   activeCalculatorId: _propTypes.default.string,
   appendFeature: _propTypes.default.func.isRequired,
@@ -147,14 +184,15 @@ LearnosityCalculator.propTypes = {
 };
 LearnosityCalculator.defaultProps = {
   activeCalculatorId: null,
-  appendFeature: _learnosity.appendFeature,
+  appendFeature: _index.appendFeature,
   calculatorType: 'none',
-  destroyFeature: _learnosity.destroyFeature,
+  destroyFeature: _index.destroyFeature,
   featureId: null,
   quizSessionId: null,
   setActiveCalculatorId: Function.prototype,
-  toggleFeature: _learnosity.toggleFeature,
+  toggleFeature: _index.toggleFeature,
   iceTopNavBarEnabled: false,
   setCalculatorEnabled: function setCalculatorEnabled() {}
 };
-var _default = exports.default = LearnosityCalculator;
+var _default = LearnosityCalculator;
+exports.default = _default;

package/lib/common/components/Pin/Pin.examples.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = {
+var _default = {
   maxExamplesPerPage: 1,
   propValues: {
     isPinned: [true, false]
@@ -16,4 +16,5 @@ var _default = exports.default = {
       variant: 'icon'
     };
   }
-};
+};
+exports.default = _default;

package/lib/common/components/Pin/index.js

@@ -4,6 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Pin = void 0;
-var _presenter = require("./presenter");
-var Pin = exports.Pin = _presenter.Pin;
-var _default = exports.default = Pin;
+
+var _presenter = require("./presenter.js");
+
+var Pin = _presenter.Pin;
+exports.Pin = Pin;
+var _default = Pin;
+exports.default = _default;

package/lib/common/components/Pin/presenter.js

@@ -1,36 +1,58 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Pin = void 0;
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _uiButtons = require("@instructure/ui-buttons");
+
 var _uiIcons = require("@instructure/ui-icons");
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var Pin = exports.Pin = /*#__PURE__*/function (_Component) {
+
+var Pin = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(Pin, _Component);
+
+  var _super = (0, _createSuper2.default)(Pin);
+
   function Pin() {
     var _this;
+
     (0, _classCallCheck2.default)(this, Pin);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(this, Pin, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.handleClick = function (e) {
       e.stopPropagation();
+
       _this.props.pinSessionItem();
     };
+
     return _this;
   }
-  (0, _inherits2.default)(Pin, _Component);
-  return (0, _createClass2.default)(Pin, [{
+
+  (0, _createClass2.default)(Pin, [{
     key: "render",
     value: function render() {
       var message = this.props.isPinned ? (0, _formatMessage.default)('Question {position, number} is pinned. Click to unpin.', {
@@ -49,10 +71,15 @@ var Pin = exports.Pin = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
+  Pin.displayName = "Pin";
+  return Pin;
 }(_react.Component);
+
+exports.Pin = Pin;
 Pin.propTypes = {
   isPinned: _propTypes.default.bool.isRequired,
   pinSessionItem: _propTypes.default.func.isRequired,
   position: _propTypes.default.number.isRequired
 };
-var _default = exports.default = Pin;
+var _default = Pin;
+exports.default = _default;

package/lib/common/components/PreviewFrame/examples.config.js

@@ -1,19 +1,24 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
-var _p;
-var _default = exports.default = {
+
+var _ref = /*#__PURE__*/_react.default.createElement("p", null, " This is a child element ");
+
+var _default = {
   renderProps: function renderProps(props) {
     return {
       componentProps: {
         onPreviewClose: Function.prototype,
-        children: _p || (_p = /*#__PURE__*/_react.default.createElement("p", null, " This is a child element "))
+        children: _ref
       }
     };
   }
-};
+};
+exports.default = _default;