@pie-element/passage 2.15.1-next.0 → 2.15.1-next.12

package/configure/lib/defaults.js

@@ -0,0 +1,139 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = {
+  model: {
+    teacherInstructionsEnabled: true,
+    titleEnabled: true,
+    subtitleEnabled: true,
+    textEnabled: true,
+    authorEnabled: true,
+    passages: [{
+      teacherInstructions: '',
+      title: '',
+      subtitle: '',
+      author: '',
+      text: ''
+    }]
+  },
+  configuration: {
+    baseInputConfiguration: {
+      audio: {
+        disabled: false
+      },
+      video: {
+        disabled: false
+      },
+      image: {
+        disabled: false
+      }
+    },
+    settingsPanelDisabled: false,
+    title: {
+      settings: true,
+      label: 'Title',
+      inputConfiguration: {
+        audio: {
+          disabled: true
+        },
+        video: {
+          disabled: true
+        },
+        image: {
+          disabled: true
+        }
+      },
+      required: true
+    },
+    subtitle: {
+      settings: true,
+      label: 'Subtitle',
+      inputConfiguration: {
+        audio: {
+          disabled: true
+        },
+        video: {
+          disabled: true
+        },
+        image: {
+          disabled: true
+        }
+      },
+      required: false
+    },
+    author: {
+      settings: true,
+      label: 'Author',
+      inputConfiguration: {
+        audio: {
+          disabled: true
+        },
+        video: {
+          disabled: true
+        },
+        image: {
+          disabled: true
+        }
+      },
+      required: false
+    },
+    text: {
+      settings: true,
+      label: 'Text',
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      },
+      required: true
+    },
+    teacherInstructions: {
+      settings: true,
+      label: 'Teacher Instructions',
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      },
+      required: false
+    },
+    maxImageWidth: {
+      teacherInstructions: 300,
+      text: 300
+    },
+    maxImageHeight: {
+      teacherInstructions: 300,
+      text: 300
+    },
+    mathMlOptions: {
+      mmlOutput: false,
+      mmlEditing: false
+    },
+    language: {
+      settings: true,
+      label: 'Specify Language',
+      enabled: true
+    },
+    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","teacherInstructionsEnabled","titleEnabled","subtitleEnabled","textEnabled","authorEnabled","passages","teacherInstructions","title","subtitle","author","text","configuration","baseInputConfiguration","audio","disabled","video","image","settingsPanelDisabled","settings","label","inputConfiguration","required","maxImageWidth","maxImageHeight","mathMlOptions","mmlOutput","mmlEditing","language","enabled","languageChoices","options"],"mappings":"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","sourcesContent":["export default {\n  model: {\n    teacherInstructionsEnabled: true,\n    titleEnabled: true,\n    subtitleEnabled: true,\n    textEnabled: true,\n    authorEnabled: true,\n    passages: [\n      {\n        teacherInstructions: '',\n        title: '',\n        subtitle: '',\n        author: '',\n        text: '',\n      }\n    ],\n  },\n  configuration: {\n    baseInputConfiguration: {\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n    },\n    settingsPanelDisabled: false,\n    title: {\n      settings: true,\n      label: 'Title',\n      inputConfiguration: {\n        audio: { disabled: true },\n        video: { disabled: true },\n        image: { disabled: true },\n      },\n      required: true,\n    },\n    subtitle: {\n      settings: true,\n      label: 'Subtitle',\n      inputConfiguration: {\n        audio: { disabled: true },\n        video: { disabled: true },\n        image: { disabled: true },\n      },\n      required: false\n    },\n    author: {\n      settings: true,\n      label: 'Author',\n      inputConfiguration: {\n        audio: { disabled: true },\n        video: { disabled: true },\n        image: { disabled: true },\n      },\n      required: false\n    },\n    text: {\n      settings: true,\n      label: 'Text',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n      required: true\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      text:300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      text: 300,\n    },\n    mathMlOptions: {\n      mmlOutput: false,\n      mmlEditing: false,\n    },\n    language: {\n      settings: true,\n      label: 'Specify Language',\n      enabled: true,\n    },\n    languageChoices: {\n      label: 'Language Choices',\n      options: [],\n    },\n  },\n};\n"],"file":"defaults.js"}

package/configure/lib/design.js

@@ -0,0 +1,311 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Main = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+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 _configUi = require("@pie-lib/pie-toolbox/config-ui");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _editableHtml = require("@pie-lib/pie-toolbox/editable-html");
+
+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 Panel = _configUi.settings.Panel,
+    toggle = _configUi.settings.toggle,
+    numberFields = _configUi.settings.numberFields,
+    dropdown = _configUi.settings.dropdown;
+
+var Main = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Main, _React$Component);
+
+  var _super = _createSuper(Main);
+
+  function Main(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Main);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (fieldName, value) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      var _this$props = _this.props,
+          model = _this$props.model,
+          onModelChanged = _this$props.onModelChanged;
+
+      if (!model || !onModelChanged || !model.passages || index < 0 || index >= model.passages.length) {
+        return;
+      }
+
+      var updatedPassages = (0, _toConsumableArray2["default"])(model.passages);
+      updatedPassages[index] = _objectSpread(_objectSpread({}, updatedPassages[index]), {}, (0, _defineProperty2["default"])({}, fieldName, value));
+      onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
+        passages: updatedPassages
+      }));
+    });
+    _this.state = {
+      setDimensions: true
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Main, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props2 = this.props,
+          model = _this$props2.model,
+          classes = _this$props2.classes,
+          configuration = _this$props2.configuration,
+          imageSupport = _this$props2.imageSupport,
+          onConfigurationChanged = _this$props2.onConfigurationChanged,
+          onModelChanged = _this$props2.onModelChanged,
+          uploadSoundSupport = _this$props2.uploadSoundSupport;
+
+      var _ref = configuration || {},
+          settingsPanelDisabled = _ref.settingsPanelDisabled,
+          _ref$language = _ref.language,
+          language = _ref$language === void 0 ? {} : _ref$language,
+          _ref$languageChoices = _ref.languageChoices,
+          languageChoices = _ref$languageChoices === void 0 ? {} : _ref$languageChoices,
+          _ref$maxImageWidth = _ref.maxImageWidth,
+          maxImageWidth = _ref$maxImageWidth === void 0 ? {} : _ref$maxImageWidth,
+          _ref$maxImageHeight = _ref.maxImageHeight,
+          maxImageHeight = _ref$maxImageHeight === void 0 ? {} : _ref$maxImageHeight,
+          _ref$mathMlOptions = _ref.mathMlOptions,
+          mathMlOptions = _ref$mathMlOptions === void 0 ? {} : _ref$mathMlOptions,
+          _ref$baseInputConfigu = _ref.baseInputConfiguration,
+          baseInputConfiguration = _ref$baseInputConfigu === void 0 ? {} : _ref$baseInputConfigu,
+          _ref$teacherInstructi = _ref.teacherInstructions,
+          teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
+          title = _ref.title,
+          subtitle = _ref.subtitle,
+          text = _ref.text,
+          author = _ref.author;
+
+      var _ref2 = model || {},
+          _ref2$errors = _ref2.errors,
+          errors = _ref2$errors === void 0 ? {} : _ref2$errors,
+          teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
+          titleEnabled = _ref2.titleEnabled,
+          subtitleEnabled = _ref2.subtitleEnabled,
+          authorEnabled = _ref2.authorEnabled,
+          textEnabled = _ref2.textEnabled,
+          _ref2$passages = _ref2.passages,
+          passages = _ref2$passages === void 0 ? [{
+        title: title,
+        subtitle: subtitle,
+        text: text,
+        author: author,
+        teacherInstructions: teacherInstructions
+      }] : _ref2$passages;
+
+      var _ref3 = errors || {},
+          teacherInstructionsError = _ref3.teacherInstructions,
+          titleError = _ref3.title,
+          subtitleError = _ref3.subtitle,
+          authorError = _ref3.author,
+          textError = _ref3.text;
+
+      var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
+      var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
+      var panelSettings = {
+        titleEnabled: title && title.settings && toggle(title.label),
+        subtitleEnabled: subtitle && subtitle.settings && toggle(subtitle.label),
+        authorEnabled: author && author.settings && toggle(author.label),
+        textEnabled: text && text.settings && toggle(text.label)
+      };
+      var panelProperties = {
+        teacherInstructionsEnabled: teacherInstructions && teacherInstructions.settings && toggle(teacherInstructions.label),
+        'language.enabled': language && language.settings && toggle(language.label, true),
+        language: language && language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options)
+      };
+
+      var getPluginProps = function getPluginProps(props) {
+        return Object.assign(_objectSpread({}, baseInputConfiguration), props || {});
+      };
+
+      return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
+        hideSettings: settingsPanelDisabled,
+        settings: /*#__PURE__*/_react["default"].createElement(Panel, {
+          model: model,
+          configuration: configuration,
+          onChangeModel: function onChangeModel(model) {
+            return onModelChanged(model);
+          },
+          onChangeConfiguration: function onChangeConfiguration(config) {
+            return onConfigurationChanged(config);
+          },
+          groups: {
+            Settings: panelSettings,
+            Properties: panelProperties
+          }
+        })
+      }, titleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: title.label,
+        className: classes.inputContainer
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+        markup: model.passages[0].title || '',
+        onChange: function onChange(value) {
+          return _this2.handleChange('title', value);
+        },
+        nonEmpty: false,
+        error: titleError,
+        mathMlOptions: mathMlOptions,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        pluginProps: getPluginProps(title === null || title === void 0 ? void 0 : title.inputConfiguration)
+      }), titleError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, titleError)), subtitleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: subtitle.label,
+        className: classes.inputContainer
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+        markup: model.passages[0].subtitle || '',
+        onChange: function onChange(value) {
+          return _this2.handleChange('subtitle', value);
+        },
+        nonEmpty: false,
+        error: subtitleError,
+        mathMlOptions: mathMlOptions,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        pluginProps: getPluginProps(subtitle === null || subtitle === void 0 ? void 0 : subtitle.inputConfiguration)
+      }), subtitleError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, subtitleError)), authorEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: author.label,
+        className: classes.inputContainer
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+        markup: model.passages[0].author || '',
+        onChange: function onChange(value) {
+          return _this2.handleChange('author', value);
+        },
+        nonEmpty: false,
+        error: authorError,
+        mathMlOptions: mathMlOptions,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        pluginProps: getPluginProps(author === null || author === void 0 ? void 0 : author.inputConfiguration)
+      }), authorError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, authorError)), teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: teacherInstructions.label,
+        className: classes.inputContainer
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+        markup: model.passages[0].teacherInstructions || '',
+        onChange: function onChange(value) {
+          return _this2.handleChange('teacherInstructions', value);
+        },
+        nonEmpty: false,
+        error: teacherInstructionsError,
+        maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
+        mathMlOptions: mathMlOptions,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        pluginProps: getPluginProps(teacherInstructions === null || teacherInstructions === void 0 ? void 0 : teacherInstructions.inputConfiguration)
+      }), teacherInstructionsError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, teacherInstructionsError)), textEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: text.label,
+        className: classes.inputContainer
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+        activePlugins: _editableHtml.ALL_PLUGINS,
+        markup: model.passages[0].text || '',
+        onChange: function onChange(value) {
+          return _this2.handleChange('text', value);
+        },
+        imageSupport: imageSupport,
+        uploadSoundSupport: uploadSoundSupport,
+        nonEmpty: false,
+        error: textError,
+        maxImageWidth: maxImageWidth && maxImageWidth.text || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.text || defaultImageMaxHeight,
+        mathMlOptions: mathMlOptions,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        pluginProps: getPluginProps(text === null || text === void 0 ? void 0 : text.inputConfiguration)
+      }), textError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, textError)));
+    }
+  }]);
+  return Main;
+}(_react["default"].Component);
+
+exports.Main = Main;
+(0, _defineProperty2["default"])(Main, "propTypes", {
+  onModelChanged: _propTypes["default"].func.isRequired,
+  onConfigurationChanged: _propTypes["default"].func,
+  model: _propTypes["default"].object.isRequired,
+  configuration: _propTypes["default"].object.isRequired,
+  imageSupport: _propTypes["default"].object.isRequired,
+  uploadSoundSupport: _propTypes["default"].object.isRequired,
+  classes: _propTypes["default"].object.isRequired
+});
+
+var _default = (0, _styles.withStyles)(function (theme) {
+  return {
+    inputContainer: {
+      paddingTop: theme.spacing.unit * 2,
+      marginBottom: theme.spacing.unit * 2,
+      width: '100%'
+    },
+    errorText: {
+      fontSize: theme.typography.fontSize - 2,
+      color: theme.palette.error.main,
+      paddingTop: theme.spacing.unit
+    }
+  };
+})(Main);
+
+exports["default"] = _default;
+//# sourceMappingURL=design.js.map

package/configure/lib/design.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design.jsx"],"names":["Panel","settings","toggle","numberFields","dropdown","Main","props","fieldName","value","index","model","onModelChanged","passages","length","updatedPassages","state","setDimensions","classes","configuration","imageSupport","onConfigurationChanged","uploadSoundSupport","settingsPanelDisabled","language","languageChoices","maxImageWidth","maxImageHeight","mathMlOptions","baseInputConfiguration","teacherInstructions","title","subtitle","text","author","errors","teacherInstructionsEnabled","titleEnabled","subtitleEnabled","authorEnabled","textEnabled","teacherInstructionsError","titleError","subtitleError","authorError","textError","defaultImageMaxWidth","prompt","defaultImageMaxHeight","panelSettings","label","panelProperties","enabled","options","getPluginProps","Object","assign","config","Settings","Properties","inputContainer","handleChange","inputConfiguration","errorText","ALL_PLUGINS","React","Component","PropTypes","func","isRequired","object","theme","paddingTop","spacing","unit","marginBottom","width","fontSize","typography","color","palette","error","main"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { FeedbackSelector, InputContainer, settings, layout } from '@pie-lib/pie-toolbox/config-ui';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport { EditableHtml, ALL_PLUGINS } from '@pie-lib/pie-toolbox/editable-html';\n\nconst { Panel, toggle, numberFields, dropdown } = settings;\n\nexport class Main extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    imageSupport: PropTypes.object.isRequired,\n    uploadSoundSupport: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { setDimensions: true };\n  }\n\n  handleChange = (fieldName, value, index = 0) => {\n    const { model, onModelChanged } = this.props;\n    if (!model || !onModelChanged || !model.passages || index < 0 || index >= model.passages.length) {\n      return;\n    }\n    const updatedPassages = [...model.passages];\n    updatedPassages[index] = { ...updatedPassages[index], [fieldName]: value };\n\n    onModelChanged({ ...model, passages: updatedPassages });\n  };\n\n  render() {\n    const { model, classes, configuration, imageSupport, onConfigurationChanged, onModelChanged, uploadSoundSupport } =\n        this.props;\n    const {\n      settingsPanelDisabled,\n      language = {},\n      languageChoices = {},\n      maxImageWidth = {},\n      maxImageHeight = {},\n      mathMlOptions = {},\n      baseInputConfiguration = {},\n      teacherInstructions = {},\n      title,\n      subtitle,\n      text,\n      author,\n    } = configuration || {};\n    const {\n      errors = {},\n      teacherInstructionsEnabled,\n      titleEnabled,\n      subtitleEnabled,\n      authorEnabled,\n      textEnabled,\n      passages = [{\n        title,\n        subtitle,\n        text,\n        author,\n        teacherInstructions,\n      }]\n    } = model || {};\n    const { teacherInstructions: teacherInstructionsError, title: titleError, subtitle: subtitleError, author: authorError, text: textError } = errors || {};\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const panelSettings = {\n      titleEnabled: title && title.settings && toggle(title.label),\n      subtitleEnabled: subtitle && subtitle.settings && toggle(subtitle.label),\n      authorEnabled: author && author.settings && toggle(author.label),\n      textEnabled: text && text.settings && toggle(text.label),\n    };\n\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions && teacherInstructions.settings && toggle(teacherInstructions.label),\n      'language.enabled': language && language.settings && toggle(language.label, true),\n      language: language && language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n    };\n\n    const getPluginProps = (props) => {\n      return Object.assign(\n          {\n            ...baseInputConfiguration,\n          },\n          props || {},\n      );\n    };\n\n    return (\n        <layout.ConfigLayout\n            hideSettings={settingsPanelDisabled}\n            settings={\n              <Panel\n                  model={model}\n                  configuration={configuration}\n                  onChangeModel={(model) => onModelChanged(model)}\n                  onChangeConfiguration={(config) => onConfigurationChanged(config)}\n                  groups={{\n                    Settings: panelSettings,\n                    Properties: panelProperties,\n                  }}\n              />\n            }\n        >\n          {titleEnabled && (\n              <InputContainer label={title.label} className={classes.inputContainer}>\n                <EditableHtml\n                    markup={model.passages[0].title || ''}\n                    onChange={(value) => this.handleChange('title', value)}\n                    nonEmpty={false}\n                    error={titleError}\n                    mathMlOptions={mathMlOptions}\n                    languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                    pluginProps={getPluginProps(title?.inputConfiguration)}\n                />\n                {titleError && <div className={classes.errorText}>{titleError}</div>}\n              </InputContainer>\n          )}\n          {subtitleEnabled && (\n              <InputContainer label={subtitle.label} className={classes.inputContainer}>\n                <EditableHtml\n                    markup={model.passages[0].subtitle || ''}\n                    onChange={(value) => this.handleChange('subtitle', value)}\n                    nonEmpty={false}\n                    error={subtitleError}\n                    mathMlOptions={mathMlOptions}\n                    languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                    pluginProps={getPluginProps(subtitle?.inputConfiguration)}\n                />\n                {subtitleError && <div className={classes.errorText}>{subtitleError}</div>}\n              </InputContainer>\n          )}\n          {authorEnabled && (\n              <InputContainer label={author.label} className={classes.inputContainer}>\n                <EditableHtml\n                    markup={model.passages[0].author || ''}\n                    onChange={(value) => this.handleChange('author', value)}\n                    nonEmpty={false}\n                    error={authorError}\n                    mathMlOptions={mathMlOptions}\n                    languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                    pluginProps={getPluginProps(author?.inputConfiguration)}\n                />\n                {authorError && <div className={classes.errorText}>{authorError}</div>}\n              </InputContainer>\n          )}\n          {teacherInstructionsEnabled && (\n              <InputContainer label={teacherInstructions.label} className={classes.inputContainer}>\n                <EditableHtml\n                    markup={model.passages[0].teacherInstructions || ''}\n                    onChange={(value) => this.handleChange('teacherInstructions', value)}\n                    nonEmpty={false}\n                    error={teacherInstructionsError}\n                    maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n                    maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n                    mathMlOptions={mathMlOptions}\n                    languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                    pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n                />\n                {teacherInstructionsError && <div className={classes.errorText}>{teacherInstructionsError}</div>}\n              </InputContainer>\n          )}\n          {textEnabled && (\n              <InputContainer label={text.label} className={classes.inputContainer}>\n                <EditableHtml\n                    activePlugins={ALL_PLUGINS}\n                    markup={model.passages[0].text || '' }\n                    onChange={(value) => this.handleChange('text', value)}\n                    imageSupport={imageSupport}\n                    uploadSoundSupport={uploadSoundSupport}\n                    nonEmpty={false}\n                    error={textError}\n                    maxImageWidth={(maxImageWidth && maxImageWidth.text) || defaultImageMaxWidth}\n                    maxImageHeight={(maxImageHeight && maxImageHeight.text) || defaultImageMaxHeight}\n                    mathMlOptions={mathMlOptions}\n                    languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                    pluginProps={getPluginProps(text?.inputConfiguration)}\n                />\n                {textError && <div className={classes.errorText}>{textError}</div>}\n              </InputContainer>\n          )}\n        </layout.ConfigLayout>\n    );\n  }\n}\nexport default withStyles((theme) => ({\n  inputContainer: {\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n    width: '100%',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n}))(Main);\n"],"file":"design.js"}

package/configure/lib/index.js

@@ -0,0 +1,138 @@
+"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 _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 _design = _interopRequireDefault(require("./design"));
+
+var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
+
+var _defaults = _interopRequireDefault(require("./defaults"));
+
+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 PassageConfigure = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(PassageConfigure, _HTMLElement);
+
+  var _super = _createSuper(PassageConfigure);
+
+  function PassageConfigure() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, PassageConfigure);
+    _this = _super.call(this);
+    _this._model = PassageConfigure.createDefaultModel();
+    _this._configuration = _defaults["default"].configuration;
+    return _this;
+  }
+
+  (0, _createClass2["default"])(PassageConfigure, [{
+    key: "model",
+    set: function set(m) {
+      this._model = PassageConfigure.createDefaultModel(m);
+      this.render();
+    }
+  }, {
+    key: "configuration",
+    set: function set(c) {
+      this._configuration = c;
+      this.render();
+    }
+  }, {
+    key: "connectedCallback",
+    value: function connectedCallback() {
+      this.render();
+    }
+  }, {
+    key: "modelChanged",
+    value: function modelChanged(m) {
+      this._model = m;
+      this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model), true);
+      this.render();
+    }
+  }, {
+    key: "onConfigurationChanged",
+    value: function onConfigurationChanged(c) {
+      this._configuration = c;
+      this.render();
+    }
+  }, {
+    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(_design["default"], {
+          model: this._model,
+          configuration: this._configuration,
+          onModelChanged: this.modelChanged.bind(this),
+          onConfigurationChanged: this.onConfigurationChanged.bind(this),
+          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 PassageConfigure;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+
+exports["default"] = PassageConfigure;
+(0, _defineProperty2["default"])(PassageConfigure, "createDefaultModel", function () {
+  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return _objectSpread(_objectSpread({}, _defaults["default"].model), model);
+});
+//# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.js"],"names":["PassageConfigure","_model","createDefaultModel","_configuration","defaultValues","configuration","m","render","c","dispatchEvent","ModelUpdatedEvent","handler","InsertImageEvent","src","done","DeleteImageEvent","InsertSoundEvent","DeleteSoundEvent","el","React","createElement","Main","model","onModelChanged","modelChanged","bind","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","uploadSoundSupport","insertSound","onDeleteSound","ReactDOM","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAOA;;;;;;;;;;IAEqBA,gB;;;;;AAMnB,8BAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAcD,gBAAgB,CAACE,kBAAjB,EAAd;AACA,UAAKC,cAAL,GAAsBC,qBAAcC,aAApC;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKL,MAAL,GAAcD,gBAAgB,CAACE,kBAAjB,CAAoCI,CAApC,CAAd;AACA,WAAKC,MAAL;AACD;;;SAED,aAAkBC,CAAlB,EAAqB;AACnB,WAAKL,cAAL,GAAsBK,CAAtB;AACA,WAAKD,MAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,MAAL;AACD;;;WAED,sBAAaD,CAAb,EAAgB;AACd,WAAKL,MAAL,GAAcK,CAAd;AACA,WAAKG,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKT,MAA3B,CAAnB,EAAuD,IAAvD;AACA,WAAKM,MAAL;AACD;;;WAED,gCAAuBC,CAAvB,EAA0B;AACxB,WAAKL,cAAL,GAAsBK,CAAtB;AAEA,WAAKD,MAAL;AACD;;;WAED,qBAAYI,OAAZ,EAAqB;AACnB,WAAKF,aAAL,CAAmB,IAAIG,oCAAJ,CAAqBD,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKL,aAAL,CAAmB,IAAIM,oCAAJ,CAAqBF,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,qBAAYH,OAAZ,EAAqB;AACnB,WAAKF,aAAL,CAAmB,IAAIO,oCAAJ,CAAqBL,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKL,aAAL,CAAmB,IAAIQ,oCAAJ,CAAqBJ,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,kBAAS;AACP,UAAI,KAAKb,MAAT,EAAiB;AACf,YAAMiB,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,kBAApB,EAA0B;AACnCC,UAAAA,KAAK,EAAE,KAAKrB,MADuB;AAEnCI,UAAAA,aAAa,EAAE,KAAKF,cAFe;AAGnCoB,UAAAA,cAAc,EAAE,KAAKC,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAHmB;AAInCC,UAAAA,sBAAsB,EAAE,KAAKA,sBAAL,CAA4BD,IAA5B,CAAiC,IAAjC,CAJW;AAKnCE,UAAAA,YAAY,EAAE;AACZC,YAAAA,GAAG,EAAE,KAAKC,WAAL,CAAiBJ,IAAjB,CAAsB,IAAtB,CADO;AAEZ,sBAAQ,KAAKK,aAAL,CAAmBL,IAAnB,CAAwB,IAAxB;AAFI,WALqB;AASnCM,UAAAA,kBAAkB,EAAE;AAClBH,YAAAA,GAAG,EAAE,KAAKI,WAAL,CAAiBP,IAAjB,CAAsB,IAAtB,CADa;AAElB,sBAAQ,KAAKQ,aAAL,CAAmBR,IAAnB,CAAwB,IAAxB;AAFU;AATe,SAA1B,CAAX;;AAeAS,6BAAS3B,MAAT,CAAgBW,EAAhB,EAAoB,IAApB;AACD;AACF;;;kDAzE2CiB,W;;;iCAAzBnC,gB,wBACS;AAAA,MAACsB,KAAD,uEAAS,EAAT;AAAA,yCACvBlB,qBAAckB,KADS,GAEvBA,KAFuB;AAAA,C","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Main from './design';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\nimport defaultValues from './defaults';\n\nexport default class PassageConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => ({\n    ...defaultValues.model,\n    ...model,\n  });\n\n  constructor() {\n    super();\n    this._model = PassageConfigure.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n  }\n\n  set model(m) {\n    this._model = PassageConfigure.createDefaultModel(m);\n    this.render();\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this.render();\n  }\n\n  connectedCallback() {\n    this.render();\n  }\n\n  modelChanged(m) {\n    this._model = m;\n    this.dispatchEvent(new ModelUpdatedEvent(this._model), true);\n    this.render();\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\n\n    this.render();\n  }\n\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    if (this._model) {\n      const el = React.createElement(Main, {\n        model: this._model,\n        configuration: this._configuration,\n        onModelChanged: this.modelChanged.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\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(el, this);\n    }\n  }\n}"],"file":"index.js"}