@pie-element/match 7.9.1-next.1 → 7.9.1-next.6

package/configure/lib/defaults.js

@@ -0,0 +1,198 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType
+ * functionalities are not defined yet - the value for those can belong to
+ * model or to configuration
+ */
+var _default = {
+  model: {
+    enableImages: true,
+    headers: ['Column 1', 'Column 2', 'Column 3'],
+    layout: 3,
+    lockChoiceOrder: true,
+    partialScoring: false,
+    choiceMode: 'radio',
+    prompt: 'Prompt goes here',
+    toolbarEditorPosition: 'bottom',
+    rows: [{
+      id: 1,
+      title: 'Question Text 1',
+      values: [false, false]
+    }],
+    scoringType: 'auto',
+    feedbackEnabled: false,
+    promptEnabled: true,
+    rationaleEnabled: true,
+    teacherInstructionsEnabled: true,
+    studentInstructionsEnabled: true
+  },
+  configuration: {
+    baseInputConfiguration: {
+      audio: {
+        disabled: false
+      },
+      video: {
+        disabled: false
+      },
+      image: {
+        disabled: false
+      }
+    },
+    rows: {
+      inputConfiguration: {
+        audio: {
+          disabled: true
+        },
+        video: {
+          disabled: true
+        },
+        image: {
+          disabled: false
+        }
+      }
+    },
+    enableImages: {
+      settings: true,
+      label: 'Enable Images'
+    },
+    feedback: {
+      settings: true,
+      label: 'Feedback',
+      enabled: true
+    },
+    headers: {
+      settings: true,
+      inputConfiguration: {
+        audio: {
+          disabled: true
+        },
+        video: {
+          disabled: true
+        },
+        image: {
+          disabled: false
+        }
+      }
+    },
+    layout: {
+      settings: true,
+      label: 'Layout'
+    },
+    lockChoiceOrder: {
+      settings: false,
+      label: 'Lock Choice Order'
+    },
+    partialScoring: {
+      settings: false,
+      label: 'Allow Partial Scoring'
+    },
+    choiceMode: {
+      settings: true,
+      label: 'Response Type'
+    },
+    prompt: {
+      settings: true,
+      label: 'Prompt',
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      },
+      required: false
+    },
+    rationale: {
+      settings: true,
+      label: 'Rationale',
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      },
+      required: false
+    },
+    settingsPanelDisabled: false,
+    spellCheck: {
+      label: 'Spellcheck',
+      settings: false,
+      enabled: true
+    },
+    scoringType: {
+      settings: false,
+      label: 'Scoring Type'
+    },
+    studentInstructions: {
+      settings: false,
+      label: 'Student Instructions'
+    },
+    teacherInstructions: {
+      settings: true,
+      label: 'Teacher Instructions',
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      },
+      required: false
+    },
+    maxImageWidth: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300,
+      rowTitles: 300
+    },
+    maxImageHeight: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300,
+      rowTitles: 150
+    },
+    withRubric: {
+      settings: false,
+      label: 'Add Rubric'
+    },
+    minQuestions: 2,
+    maxQuestions: 5,
+    maxLengthQuestionsHeading: 100,
+    maxAnswers: 5,
+    maxLengthAnswers: 100,
+    maxLengthFirstColumnHeading: 100,
+    mathMlOptions: {
+      mmlOutput: false,
+      mmlEditing: false
+    },
+    language: {
+      settings: false,
+      label: 'Specify Language',
+      enabled: false
+    },
+    languageChoices: {
+      label: 'Language Choices',
+      options: []
+    }
+  }
+};
+exports["default"] = _default;
+//# sourceMappingURL=defaults.js.map

package/configure/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/defaults.js"],"names":["model","enableImages","headers","layout","lockChoiceOrder","partialScoring","choiceMode","prompt","toolbarEditorPosition","rows","id","title","values","scoringType","feedbackEnabled","promptEnabled","rationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","configuration","baseInputConfiguration","audio","disabled","video","image","inputConfiguration","settings","label","feedback","enabled","required","rationale","settingsPanelDisabled","spellCheck","studentInstructions","teacherInstructions","maxImageWidth","rowTitles","maxImageHeight","withRubric","minQuestions","maxQuestions","maxLengthQuestionsHeading","maxAnswers","maxLengthAnswers","maxLengthFirstColumnHeading","mathMlOptions","mmlOutput","mmlEditing","language","languageChoices","options"],"mappings":"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","sourcesContent":["/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType\n * functionalities are not defined yet - the value for those can belong to\n * model or to configuration\n */\n\nexport default {\n  model: {\n    enableImages: true,\n    headers: ['Column 1', 'Column 2', 'Column 3'],\n    layout: 3,\n    lockChoiceOrder: true,\n    partialScoring: false,\n    choiceMode: 'radio',\n    prompt: 'Prompt goes here',\n    toolbarEditorPosition: 'bottom',\n    rows: [\n      {\n        id: 1,\n        title: 'Question Text 1',\n        values: [false, false],\n      },\n    ],\n    scoringType: 'auto',\n    feedbackEnabled: false,\n    promptEnabled: true,\n    rationaleEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true,\n  },\n  configuration: {\n    baseInputConfiguration: {\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n    },\n    rows: {\n      inputConfiguration: {\n        audio: { disabled: true },\n        video: { disabled: true },\n        image: { disabled: false },\n      },\n    },\n    enableImages: {\n      settings: true,\n      label: 'Enable Images',\n    },\n    feedback: {\n      settings: true,\n      label: 'Feedback',\n      enabled: true,\n    },\n    headers: {\n      settings: true,\n      inputConfiguration: {\n        audio: { disabled: true },\n        video: { disabled: true },\n        image: { disabled: false },\n      },\n    },\n    layout: {\n      settings: true,\n      label: 'Layout',\n    },\n    lockChoiceOrder: {\n      settings: false,\n      label: 'Lock Choice Order',\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring',\n    },\n    choiceMode: {\n      settings: true,\n      label: 'Response Type',\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n      required: false,\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n      required: false,\n    },\n    settingsPanelDisabled: false,\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    scoringType: {\n      settings: false,\n      label: 'Scoring Type',\n    },\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions',\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n      required: false\n    },\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n      rowTitles: 300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n      rowTitles: 150,\n    },\n    withRubric: {\n      settings: false,\n      label: 'Add Rubric',\n    },\n    minQuestions: 2,\n    maxQuestions: 5,\n    maxLengthQuestionsHeading: 100,\n    maxAnswers: 5,\n    maxLengthAnswers: 100,\n    maxLengthFirstColumnHeading: 100,\n    mathMlOptions: {\n      mmlOutput: false,\n      mmlEditing: false,\n    },\n    language: {\n      settings: false,\n      label: 'Specify Language',\n      enabled: false,\n    },\n    languageChoices: {\n      label: 'Language Choices',\n      options: [],\n    },\n  },\n};\n"],"file":"defaults.js"}

package/configure/lib/general-config-block.js

@@ -0,0 +1,208 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _configUi = require("@pie-lib/pie-toolbox/config-ui");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
+
+var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
+
+var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
+
+var _utils = require("../utils");
+
+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; }
+
+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 styles = function styles(theme) {
+  return {
+    container: {
+      marginTop: theme.spacing.unit * 2,
+      display: 'flex'
+    },
+    input: {
+      flex: 1
+    },
+    numberTextField: {
+      flexDirection: 'unset'
+    },
+    inputContainer: {
+      width: '65%'
+    },
+    flexContainer: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    titleText: {
+      fontSize: theme.typography.fontSize + 2,
+      marginRight: theme.spacing.unit
+    },
+    tooltip: {
+      fontSize: theme.typography.fontSize - 2,
+      whiteSpace: 'pre',
+      maxWidth: '500px'
+    }
+  };
+};
+
+var GeneralConfigBlock = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(GeneralConfigBlock, _React$Component);
+
+  var _super = _createSuper(GeneralConfigBlock);
+
+  function GeneralConfigBlock() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, GeneralConfigBlock);
+
+    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), "onChangeResponseType", function (name) {
+      return function (event) {
+        var _this$props = _this.props,
+            model = _this$props.model,
+            onResponseTypeChange = _this$props.onResponseTypeChange;
+
+        var newModel = _objectSpread({}, model);
+
+        newModel[name] = event.target.value;
+        onResponseTypeChange(newModel[name]);
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChangeColumns", function (name, value) {
+      var _this$props2 = _this.props,
+          model = _this$props2.model,
+          onLayoutChange = _this$props2.onLayoutChange;
+
+      var newModel = _objectSpread({}, model);
+
+      newModel[name] = value;
+      onLayoutChange(newModel[name]);
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(GeneralConfigBlock, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props3 = this.props,
+          classes = _this$props3.classes,
+          model = _this$props3.model,
+          configuration = _this$props3.configuration;
+
+      var _ref = configuration || {},
+          _ref$layout = _ref.layout,
+          layout = _ref$layout === void 0 ? {} : _ref$layout,
+          _ref$choiceMode = _ref.choiceMode,
+          choiceMode = _ref$choiceMode === void 0 ? {} : _ref$choiceMode,
+          maxAnswers = _ref.maxAnswers;
+
+      var validationMessage = (0, _utils.generateValidationMessage)(model, configuration);
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: classes.flexContainer
+      }, /*#__PURE__*/React.createElement(_Typography["default"], {
+        className: classes.titleText
+      }, "Define questions"), /*#__PURE__*/React.createElement(_Tooltip["default"], {
+        classes: {
+          tooltip: classes.tooltip
+        },
+        disableFocusListener: true,
+        disableTouchListener: true,
+        placement: 'right',
+        title: validationMessage
+      }, /*#__PURE__*/React.createElement(_Info["default"], {
+        fontSize: 'small',
+        color: 'primary'
+      }))), /*#__PURE__*/React.createElement("div", {
+        className: classes.container
+      }, /*#__PURE__*/React.createElement("div", {
+        className: classes.input
+      }, layout.settings && /*#__PURE__*/React.createElement(_configUi.InputContainer, {
+        label: layout.label,
+        className: classes.inputContainer
+      }, /*#__PURE__*/React.createElement(_configUi.NumberTextField, {
+        type: "number",
+        min: 3,
+        max: maxAnswers || 10,
+        value: model.layout,
+        onChange: function onChange(e, v) {
+          return _this2.onChangeColumns('layout', v);
+        },
+        suffix: 'Columns',
+        className: classes.numberTextField
+      }))), /*#__PURE__*/React.createElement("div", {
+        className: classes.input
+      }, choiceMode.settings && /*#__PURE__*/React.createElement(_configUi.InputContainer, {
+        label: choiceMode.label,
+        className: classes.inputContainer
+      }, /*#__PURE__*/React.createElement(_Select["default"], {
+        onChange: this.onChangeResponseType('choiceMode'),
+        value: model.choiceMode
+      }, /*#__PURE__*/React.createElement(_MenuItem["default"], {
+        value: "radio"
+      }, "Radio - One Answer"), /*#__PURE__*/React.createElement(_MenuItem["default"], {
+        value: "checkbox"
+      }, "Checkbox - Multiple Answers"))))));
+    }
+  }]);
+  return GeneralConfigBlock;
+}(React.Component);
+
+(0, _defineProperty2["default"])(GeneralConfigBlock, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  model: _propTypes["default"].object.isRequired,
+  configuration: _propTypes["default"].object.isRequired,
+  onResponseTypeChange: _propTypes["default"].func.isRequired,
+  onLayoutChange: _propTypes["default"].func.isRequired
+});
+
+var _default = (0, _styles.withStyles)(styles)(GeneralConfigBlock);
+
+exports["default"] = _default;
+//# sourceMappingURL=general-config-block.js.map

package/configure/lib/general-config-block.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/general-config-block.jsx"],"names":["styles","theme","container","marginTop","spacing","unit","display","input","flex","numberTextField","flexDirection","inputContainer","width","flexContainer","alignItems","titleText","fontSize","typography","marginRight","tooltip","whiteSpace","maxWidth","GeneralConfigBlock","name","event","props","model","onResponseTypeChange","newModel","target","value","onLayoutChange","classes","configuration","layout","choiceMode","maxAnswers","validationMessage","settings","label","e","v","onChangeColumns","onChangeResponseType","React","Component","PropTypes","object","isRequired","func"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { InputContainer, NumberTextField } from '@pie-lib/pie-toolbox/config-ui';\nimport PropTypes from 'prop-types';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport Info from '@material-ui/icons/Info';\nimport Tooltip from '@material-ui/core/Tooltip';\n\nimport { generateValidationMessage } from '../utils';\n\nconst styles = (theme) => ({\n  container: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n  },\n  input: {\n    flex: 1,\n  },\n  numberTextField: {\n    flexDirection: 'unset',\n  },\n  inputContainer: {\n    width: '65%',\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  titleText: {\n    fontSize: theme.typography.fontSize + 2,\n    marginRight: theme.spacing.unit,\n  },\n  tooltip: {\n    fontSize: theme.typography.fontSize - 2,\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n});\n\nclass GeneralConfigBlock extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    onResponseTypeChange: PropTypes.func.isRequired,\n    onLayoutChange: PropTypes.func.isRequired,\n  };\n\n  onChangeResponseType = (name) => (event) => {\n    const { model, onResponseTypeChange } = this.props;\n    const newModel = { ...model };\n\n    newModel[name] = event.target.value;\n\n    onResponseTypeChange(newModel[name]);\n  };\n\n  onChangeColumns = (name, value) => {\n    const { model, onLayoutChange } = this.props;\n    const newModel = { ...model };\n\n    newModel[name] = value;\n\n    onLayoutChange(newModel[name]);\n  };\n\n  render() {\n    const { classes, model, configuration } = this.props;\n    const { layout = {}, choiceMode = {}, maxAnswers } = configuration || {};\n\n    const validationMessage = generateValidationMessage(model, configuration);\n\n    return (\n      <React.Fragment>\n        <div className={classes.flexContainer}>\n          <Typography className={classes.titleText}>Define questions</Typography>\n          <Tooltip\n            classes={{ tooltip: classes.tooltip }}\n            disableFocusListener\n            disableTouchListener\n            placement={'right'}\n            title={validationMessage}\n          >\n            <Info fontSize={'small'} color={'primary'} />\n          </Tooltip>\n        </div>\n\n        <div className={classes.container}>\n          <div className={classes.input}>\n            {layout.settings && (\n              <InputContainer label={layout.label} className={classes.inputContainer}>\n                <NumberTextField\n                  type=\"number\"\n                  min={3}\n                  max={maxAnswers || 10}\n                  value={model.layout}\n                  onChange={(e, v) => this.onChangeColumns('layout', v)}\n                  suffix={'Columns'}\n                  className={classes.numberTextField}\n                />\n              </InputContainer>\n            )}\n          </div>\n\n          <div className={classes.input}>\n            {choiceMode.settings && (\n              <InputContainer label={choiceMode.label} className={classes.inputContainer}>\n                <Select onChange={this.onChangeResponseType('choiceMode')} value={model.choiceMode}>\n                  <MenuItem value=\"radio\">Radio - One Answer</MenuItem>\n                  <MenuItem value=\"checkbox\">Checkbox - Multiple Answers</MenuItem>\n                </Select>\n              </InputContainer>\n            )}\n          </div>\n        </div>\n      </React.Fragment>\n    );\n  }\n}\n\nexport default withStyles(styles)(GeneralConfigBlock);\n"],"file":"general-config-block.js"}

package/configure/lib/index.js

@@ -0,0 +1,225 @@
+"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 _lodash = require("lodash");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _configure = _interopRequireDefault(require("./configure"));
+
+var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _defaults = _interopRequireDefault(require("./defaults"));
+
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+
+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"])('pie-elements:match:configure');
+
+var MatchConfigure = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(MatchConfigure, _HTMLElement);
+
+  var _super = _createSuper(MatchConfigure);
+
+  function MatchConfigure() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, MatchConfigure);
+    _this = _super.call(this);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "resetModelAfterConfigurationIsSet", function () {
+      // In environments that use pie-player-components, model is set before configuration.
+      // This is the reason why sometimes the model gets altered non-reversible
+      // (altered using default configuration instead of client configuration, because at that point client configuration was not set yet)
+      // Therefore, in such environments, we will make sure to keep a modelCopy (initialised in set model) and use it to reset
+      // the model in set configuration (resetModelAfterConfigurationIsSet) if set configuration is ever called
+      var pieAuthors = document.querySelectorAll('pie-author');
+      _this.hasPlayerAsParent = Array.from(pieAuthors).some(function (author) {
+        return author.contains((0, _assertThisInitialized2["default"])(_this));
+      });
+
+      if (_this.hasPlayerAsParent) {
+        if (_this._modelCopy) {
+          _this._model = _this._modelCopy;
+        } else {
+          delete _this._modelCopy;
+        }
+      }
+    });
+    _this._model = MatchConfigure.createDefaultModel();
+    _this._configuration = _defaults["default"].configuration;
+    return _this;
+  }
+
+  (0, _createClass2["default"])(MatchConfigure, [{
+    key: "model",
+    set: function set(m) {
+      this._model = MatchConfigure.createDefaultModel(m);
+      this._modelCopy = (0, _cloneDeep["default"])(this._model);
+
+      this._render();
+    }
+  }, {
+    key: "configuration",
+    set: function set(c) {
+      var _newConfiguration$lan,
+          _this2 = this,
+          _c$rows;
+
+      var newConfiguration = _objectSpread(_objectSpread({}, _defaults["default"].configuration), c);
+
+      this._configuration = newConfiguration;
+      this.resetModelAfterConfigurationIsSet(); // if language:enabled is true, then the corresponding default item model should include a language value;
+      // if it is false, then the language field should be omitted from the item model.
+      // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,
+      // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).
+
+      if (newConfiguration !== null && newConfiguration !== void 0 && (_newConfiguration$lan = newConfiguration.language) !== null && _newConfiguration$lan !== void 0 && _newConfiguration$lan.enabled) {
+        var _newConfiguration$lan2, _newConfiguration$lan3;
+
+        if (newConfiguration !== null && newConfiguration !== void 0 && (_newConfiguration$lan2 = newConfiguration.languageChoices) !== null && _newConfiguration$lan2 !== void 0 && (_newConfiguration$lan3 = _newConfiguration$lan2.options) !== null && _newConfiguration$lan3 !== void 0 && _newConfiguration$lan3.length) {
+          this._model.language = newConfiguration === null || newConfiguration === void 0 ? void 0 : newConfiguration.languageChoices.options[0].value;
+        }
+      } else if (newConfiguration.language.settings && this._model.language) {
+        this._configuration.language.enabled = true;
+
+        if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {
+          this._configuration.languageChoices.options = [];
+        } // check if the language is already included in the languageChoices.options array
+        // and if not, then add it.
+
+
+        if (!this._configuration.languageChoices.options.find(function (option) {
+          return option.value === _this2._model.language;
+        })) {
+          this._configuration.languageChoices.options.push({
+            value: this._model.language,
+            label: this._model.language
+          });
+        }
+      } else {
+        delete this._model.language;
+      }
+      /**
+       * @Deprecated we added rows.inputConfiguration to handle the plugins in the editable html fields
+       * if rows.inputConfiguration we try to default to the old enableImages flag
+       * This flag 'enableImages' will be removed in the future
+       */
+
+
+      if ((0, _lodash.isEmpty)(!(c !== null && c !== void 0 && (_c$rows = c.rows) !== null && _c$rows !== void 0 && _c$rows.inputConfiguration))) {
+        var _this$_model;
+
+        (0, _lodash.set)(this._configuration.rows, 'inputConfiguration.image.disabled', !((_this$_model = this._model) !== null && _this$_model !== void 0 && _this$_model.enableImages));
+        (0, _lodash.set)(this._configuration.rows, 'inputConfiguration.video.disabled', true);
+        (0, _lodash.set)(this._configuration.rows, 'inputConfiguration.audio.disabled', true);
+      }
+
+      this._render();
+    }
+  }, {
+    key: "onModelChanged",
+    value: function onModelChanged(model) {
+      this._model = model;
+      log('[onModelChanged]: ', this._model);
+
+      this._render();
+
+      this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model));
+    }
+  }, {
+    key: "onConfigurationChanged",
+    value: function onConfigurationChanged(config) {
+      this._configuration = config;
+
+      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() {
+      if (this._model) {
+        var el = /*#__PURE__*/_react["default"].createElement(_configure["default"], {
+          onModelChanged: this.onModelChanged.bind(this),
+          onConfigurationChanged: this.onConfigurationChanged.bind(this),
+          model: this._model,
+          configuration: this._configuration,
+          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(el, this);
+      }
+    }
+  }]);
+  return MatchConfigure;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+
+exports["default"] = MatchConfigure;
+(0, _defineProperty2["default"])(MatchConfigure, "createDefaultModel", function () {
+  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return _objectSpread(_objectSpread({}, _defaults["default"].model), model);
+});
+//# sourceMappingURL=index.js.map