@pie-element/drag-in-the-blank 10.1.2-next.2 → 10.1.2

package/configure/lib/choice.js

@@ -0,0 +1,137 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.BlankContent = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _MoreVert = _interopRequireDefault(require("@mui/icons-material/MoreVert"));
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
+var _core = require("@dnd-kit/core");
+var _styles = require("@mui/material/styles");
+var _markupUtils = require("./markupUtils");
+const GripIcon = ({
+  style
+}) => /*#__PURE__*/_react.default.createElement("span", {
+  style: style
+}, /*#__PURE__*/_react.default.createElement(_MoreVert.default, {
+  style: {
+    margin: '0 -16px'
+  }
+}), /*#__PURE__*/_react.default.createElement(_MoreVert.default, null));
+GripIcon.propTypes = {
+  style: _propTypes.default.object
+};
+const StyledChoice = (0, _styles.styled)('div', {
+  shouldForwardProp: prop => !['error', 'isDragging'].includes(prop)
+})(({
+  theme,
+  error
+}) => ({
+  display: 'inline-flex',
+  minWidth: '178px',
+  minHeight: '36px',
+  background: theme.palette.common.white,
+  boxSizing: 'border-box',
+  borderRadius: '3px',
+  overflow: 'hidden',
+  position: 'relative',
+  padding: '8px 35px 8px 35px',
+  cursor: 'grab',
+  border: `1px solid ${error ? '#f44336' : '#C0C3CF'}`,
+  '& img': {
+    display: 'flex'
+  },
+  // browser adds extra marrgin for p tags by default
+  '& p': {
+    margin: 0
+  },
+  '& mjx-frac': {
+    fontSize: '120% !important'
+  }
+}));
+const StyledDeleteIcon = (0, _styles.styled)(_Delete.default)(({
+  theme
+}) => ({
+  position: 'absolute',
+  top: '6px',
+  right: '0',
+  color: theme.palette.grey[500],
+  zIndex: 2,
+  '&:hover': {
+    cursor: 'pointer',
+    color: theme.palette.common.black
+  }
+}));
+const BlankContent = props => {
+  const {
+    choice,
+    onClick,
+    onRemoveChoice,
+    error,
+    instanceId,
+    disabled
+  } = props;
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    isDragging
+  } = (0, _core.useDraggable)({
+    id: `choice-${choice.id}-${instanceId || 'default'}`,
+    data: {
+      type: 'drag-in-the-blank-choice',
+      id: choice.id,
+      value: choice,
+      instanceId: instanceId
+    },
+    disabled: disabled || (0, _markupUtils.choiceIsEmpty)(choice)
+  });
+  const handleDragStart = e => {
+    if ((0, _markupUtils.choiceIsEmpty)(choice)) {
+      e.preventDefault();
+      alert('You need to define a value for an answer choice before it can be associated with a response area.');
+      return;
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(StyledChoice, (0, _extends2.default)({
+    ref: setNodeRef,
+    error: error,
+    isDragging: isDragging,
+    onClick: onClick
+  }, attributes, listeners, {
+    onDragStart: handleDragStart
+  }), /*#__PURE__*/_react.default.createElement(GripIcon, {
+    style: {
+      position: 'absolute',
+      top: '6px',
+      left: '15px',
+      color: '#9e9e9e',
+      zIndex: 2
+    }
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    dangerouslySetInnerHTML: {
+      __html: choice.value
+    }
+  }), /*#__PURE__*/_react.default.createElement(StyledDeleteIcon, {
+    onClick: e => {
+      e.preventDefault();
+      e.stopPropagation();
+      onRemoveChoice(e);
+    }
+  }));
+};
+exports.BlankContent = BlankContent;
+BlankContent.propTypes = {
+  choice: _propTypes.default.object.isRequired,
+  onClick: _propTypes.default.func,
+  onRemoveChoice: _propTypes.default.func.isRequired,
+  error: _propTypes.default.bool,
+  instanceId: _propTypes.default.string,
+  disabled: _propTypes.default.bool
+};
+var _default = exports.default = BlankContent;
+//# sourceMappingURL=choice.js.map

package/configure/lib/choice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice.js","names":["_react","_interopRequireDefault","require","_propTypes","_MoreVert","_Delete","_core","_styles","_markupUtils","GripIcon","style","default","createElement","margin","propTypes","PropTypes","object","StyledChoice","styled","shouldForwardProp","prop","includes","theme","error","display","minWidth","minHeight","background","palette","common","white","boxSizing","borderRadius","overflow","position","padding","cursor","border","fontSize","StyledDeleteIcon","Delete","top","right","color","grey","zIndex","black","BlankContent","props","choice","onClick","onRemoveChoice","instanceId","disabled","attributes","listeners","setNodeRef","isDragging","useDraggable","id","data","type","value","choiceIsEmpty","handleDragStart","e","preventDefault","alert","_extends2","ref","onDragStart","left","dangerouslySetInnerHTML","__html","stopPropagation","exports","isRequired","func","bool","string","_default"],"sources":["../src/choice.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport MoreVert from '@mui/icons-material/MoreVert';\nimport Delete from '@mui/icons-material/Delete';\nimport { useDraggable } from '@dnd-kit/core';\nimport { styled } from '@mui/material/styles';\nimport { choiceIsEmpty } from './markupUtils';\n\nconst GripIcon = ({ style }) => (\n  <span style={style}>\n    <MoreVert style={{ margin: '0 -16px' }} />\n    <MoreVert />\n  </span>\n);\n\nGripIcon.propTypes = {\n  style: PropTypes.object,\n};\n\nconst StyledChoice = styled('div', {\n  shouldForwardProp: (prop) => !['error', 'isDragging'].includes(prop),\n})(({ theme, error }) => ({\n  display: 'inline-flex',\n  minWidth: '178px',\n  minHeight: '36px',\n  background: theme.palette.common.white,\n  boxSizing: 'border-box',\n  borderRadius: '3px',\n  overflow: 'hidden',\n  position: 'relative',\n  padding: '8px 35px 8px 35px',\n  cursor: 'grab',\n  border: `1px solid ${error ? '#f44336' : '#C0C3CF'}`,\n  '& img': {\n    display: 'flex',\n  },\n  // browser adds extra marrgin for p tags by default\n  '& p': {\n    margin: 0,\n  },\n  '& mjx-frac': {\n    fontSize: '120% !important',\n  },\n}));\n\nconst StyledDeleteIcon = styled(Delete)(({ theme }) => ({\n  position: 'absolute',\n  top: '6px',\n  right: '0',\n  color: theme.palette.grey[500],\n  zIndex: 2,\n  '&:hover': {\n    cursor: 'pointer',\n    color: theme.palette.common.black,\n  },\n}));\n\nexport const BlankContent = (props) => {\n  const { choice, onClick, onRemoveChoice, error, instanceId, disabled } = props;\n  const { attributes, listeners, setNodeRef, isDragging } = useDraggable({\n    id: `choice-${choice.id}-${instanceId || 'default'}`,\n    data: {\n      type: 'drag-in-the-blank-choice',\n      id: choice.id,\n      value: choice,\n      instanceId: instanceId,\n    },\n    disabled: disabled || choiceIsEmpty(choice),\n  });\n\n  const handleDragStart = (e) => {\n    if (choiceIsEmpty(choice)) {\n      e.preventDefault();\n      alert('You need to define a value for an answer choice before it can be associated with a response area.');\n      return;\n    }\n  };\n\n  return (\n    <StyledChoice\n      ref={setNodeRef}\n      error={error}\n      isDragging={isDragging}\n      onClick={onClick}\n      {...attributes}\n      {...listeners}\n      onDragStart={handleDragStart}\n    >\n      <GripIcon\n        style={{\n          position: 'absolute',\n          top: '6px',\n          left: '15px',\n          color: '#9e9e9e',\n          zIndex: 2,\n        }}\n      />\n\n      <span dangerouslySetInnerHTML={{ __html: choice.value }} />\n\n      <StyledDeleteIcon\n        onClick={(e) => {\n          e.preventDefault();\n          e.stopPropagation();\n\n          onRemoveChoice(e);\n        }}\n      />\n    </StyledChoice>\n  );\n};\n\nBlankContent.propTypes = {\n  choice: PropTypes.object.isRequired,\n  onClick: PropTypes.func,\n  onRemoveChoice: PropTypes.func.isRequired,\n  error: PropTypes.bool,\n  instanceId: PropTypes.string,\n  disabled: PropTypes.bool,\n};\n\nexport default BlankContent;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAEA,MAAMO,QAAQ,GAAGA,CAAC;EAAEC;AAAM,CAAC,kBACzBV,MAAA,CAAAW,OAAA,CAAAC,aAAA;EAAMF,KAAK,EAAEA;AAAM,gBACjBV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,SAAA,CAAAO,OAAQ;EAACD,KAAK,EAAE;IAAEG,MAAM,EAAE;EAAU;AAAE,CAAE,CAAC,eAC1Cb,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,SAAA,CAAAO,OAAQ,MAAE,CACP,CACP;AAEDF,QAAQ,CAACK,SAAS,GAAG;EACnBJ,KAAK,EAAEK,kBAAS,CAACC;AACnB,CAAC;AAED,MAAMC,YAAY,GAAG,IAAAC,cAAM,EAAC,KAAK,EAAE;EACjCC,iBAAiB,EAAGC,IAAI,IAAK,CAAC,CAAC,OAAO,EAAE,YAAY,CAAC,CAACC,QAAQ,CAACD,IAAI;AACrE,CAAC,CAAC,CAAC,CAAC;EAAEE,KAAK;EAAEC;AAAM,CAAC,MAAM;EACxBC,OAAO,EAAE,aAAa;EACtBC,QAAQ,EAAE,OAAO;EACjBC,SAAS,EAAE,MAAM;EACjBC,UAAU,EAAEL,KAAK,CAACM,OAAO,CAACC,MAAM,CAACC,KAAK;EACtCC,SAAS,EAAE,YAAY;EACvBC,YAAY,EAAE,KAAK;EACnBC,QAAQ,EAAE,QAAQ;EAClBC,QAAQ,EAAE,UAAU;EACpBC,OAAO,EAAE,mBAAmB;EAC5BC,MAAM,EAAE,MAAM;EACdC,MAAM,EAAE,aAAad,KAAK,GAAG,SAAS,GAAG,SAAS,EAAE;EACpD,OAAO,EAAE;IACPC,OAAO,EAAE;EACX,CAAC;EACD;EACA,KAAK,EAAE;IACLX,MAAM,EAAE;EACV,CAAC;EACD,YAAY,EAAE;IACZyB,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC,CAAC;AAEH,MAAMC,gBAAgB,GAAG,IAAArB,cAAM,EAACsB,eAAM,CAAC,CAAC,CAAC;EAAElB;AAAM,CAAC,MAAM;EACtDY,QAAQ,EAAE,UAAU;EACpBO,GAAG,EAAE,KAAK;EACVC,KAAK,EAAE,GAAG;EACVC,KAAK,EAAErB,KAAK,CAACM,OAAO,CAACgB,IAAI,CAAC,GAAG,CAAC;EAC9BC,MAAM,EAAE,CAAC;EACT,SAAS,EAAE;IACTT,MAAM,EAAE,SAAS;IACjBO,KAAK,EAAErB,KAAK,CAACM,OAAO,CAACC,MAAM,CAACiB;EAC9B;AACF,CAAC,CAAC,CAAC;AAEI,MAAMC,YAAY,GAAIC,KAAK,IAAK;EACrC,MAAM;IAAEC,MAAM;IAAEC,OAAO;IAAEC,cAAc;IAAE5B,KAAK;IAAE6B,UAAU;IAAEC;EAAS,CAAC,GAAGL,KAAK;EAC9E,MAAM;IAAEM,UAAU;IAAEC,SAAS;IAAEC,UAAU;IAAEC;EAAW,CAAC,GAAG,IAAAC,kBAAY,EAAC;IACrEC,EAAE,EAAE,UAAUV,MAAM,CAACU,EAAE,IAAIP,UAAU,IAAI,SAAS,EAAE;IACpDQ,IAAI,EAAE;MACJC,IAAI,EAAE,0BAA0B;MAChCF,EAAE,EAAEV,MAAM,CAACU,EAAE;MACbG,KAAK,EAAEb,MAAM;MACbG,UAAU,EAAEA;IACd,CAAC;IACDC,QAAQ,EAAEA,QAAQ,IAAI,IAAAU,0BAAa,EAACd,MAAM;EAC5C,CAAC,CAAC;EAEF,MAAMe,eAAe,GAAIC,CAAC,IAAK;IAC7B,IAAI,IAAAF,0BAAa,EAACd,MAAM,CAAC,EAAE;MACzBgB,CAAC,CAACC,cAAc,CAAC,CAAC;MAClBC,KAAK,CAAC,mGAAmG,CAAC;MAC1G;IACF;EACF,CAAC;EAED,oBACEnE,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACK,YAAY,MAAAmD,SAAA,CAAAzD,OAAA;IACX0D,GAAG,EAAEb,UAAW;IAChBjC,KAAK,EAAEA,KAAM;IACbkC,UAAU,EAAEA,UAAW;IACvBP,OAAO,EAAEA;EAAQ,GACbI,UAAU,EACVC,SAAS;IACbe,WAAW,EAAEN;EAAgB,iBAE7BhE,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACH,QAAQ;IACPC,KAAK,EAAE;MACLwB,QAAQ,EAAE,UAAU;MACpBO,GAAG,EAAE,KAAK;MACV8B,IAAI,EAAE,MAAM;MACZ5B,KAAK,EAAE,SAAS;MAChBE,MAAM,EAAE;IACV;EAAE,CACH,CAAC,eAEF7C,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAM4D,uBAAuB,EAAE;MAAEC,MAAM,EAAExB,MAAM,CAACa;IAAM;EAAE,CAAE,CAAC,eAE3D9D,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAAC2B,gBAAgB;IACfW,OAAO,EAAGe,CAAC,IAAK;MACdA,CAAC,CAACC,cAAc,CAAC,CAAC;MAClBD,CAAC,CAACS,eAAe,CAAC,CAAC;MAEnBvB,cAAc,CAACc,CAAC,CAAC;IACnB;EAAE,CACH,CACW,CAAC;AAEnB,CAAC;AAACU,OAAA,CAAA5B,YAAA,GAAAA,YAAA;AAEFA,YAAY,CAACjC,SAAS,GAAG;EACvBmC,MAAM,EAAElC,kBAAS,CAACC,MAAM,CAAC4D,UAAU;EACnC1B,OAAO,EAAEnC,kBAAS,CAAC8D,IAAI;EACvB1B,cAAc,EAAEpC,kBAAS,CAAC8D,IAAI,CAACD,UAAU;EACzCrD,KAAK,EAAER,kBAAS,CAAC+D,IAAI;EACrB1B,UAAU,EAAErC,kBAAS,CAACgE,MAAM;EAC5B1B,QAAQ,EAAEtC,kBAAS,CAAC+D;AACtB,CAAC;AAAC,IAAAE,QAAA,GAAAL,OAAA,CAAAhE,OAAA,GAEaoC,YAAY","ignoreList":[]}

package/configure/lib/choices.js

@@ -0,0 +1,319 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Choices = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _editableHtmlTipTap = _interopRequireDefault(require("@pie-lib/editable-html-tip-tap"));
+var _configUi = require("@pie-lib/config-ui");
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _styles = require("@mui/material/styles");
+var _choice = _interopRequireDefault(require("./choice"));
+var _markupUtils = require("./markupUtils");
+var _mathRendering = require("@pie-lib/math-rendering");
+const StyledDesign = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  display: 'flex',
+  flexDirection: 'column',
+  marginBottom: theme.spacing(1.5)
+}));
+const StyledAddButton = (0, _styles.styled)(_Button.default)({
+  marginLeft: 'auto'
+});
+const StyledAltChoices = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  alignItems: 'flex-start',
+  display: 'flex',
+  flexWrap: 'wrap',
+  justifyContent: 'space-evenly',
+  marginTop: theme.spacing(1),
+  '& > *': {
+    margin: theme.spacing(1)
+  }
+}));
+const ErrorText = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  fontSize: theme.typography.fontSize - 2,
+  color: theme.palette.error.main,
+  paddingBottom: theme.spacing(2)
+}));
+class Choices extends _react.default.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "state", {
+      warning: {
+        open: false
+      }
+    });
+    (0, _defineProperty2.default)(this, "preventDone", false);
+    (0, _defineProperty2.default)(this, "wrapperRef", /*#__PURE__*/_react.default.createRef(null));
+    (0, _defineProperty2.default)(this, "onChoiceChanged", (prevValue, val, key) => {
+      const {
+        onChange,
+        model
+      } = this.props;
+      const {
+        choices,
+        correctResponse,
+        alternateResponses
+      } = model;
+      if ((0, _markupUtils.choiceIsEmpty)({
+        value: prevValue
+      }) && (0, _markupUtils.choiceIsEmpty)({
+        value: val
+      })) {
+        return;
+      }
+      const duplicatedValue = (choices || []).find(c => c.value === val && c.id !== key);
+
+      // discard the new added choice or the changes if the choice would be a duplicate to one that already exists
+      if (duplicatedValue) {
+        if (prevValue === '') {
+          // remove the new added choice from choices
+          const newChoices = (choices || []).filter(c => c.id !== key);
+          onChange(newChoices);
+        }
+        this.setState({
+          warning: {
+            open: true,
+            text: 'Identical answer choices are not allowed and the changes will be discarded.'
+          }
+        });
+        return;
+      }
+      const newChoices = choices?.map(choice => choice.id === key ? {
+        ...choice,
+        value: val
+      } : choice) || [];
+      if (!(0, _markupUtils.choiceIsEmpty)({
+        value: val
+      })) {
+        onChange(newChoices);
+        return;
+      }
+
+      // if the edited content is empty, its usage has to be searched in the correct response definitions
+      let usedForResponse = false;
+      if (correctResponse) {
+        Object.keys(correctResponse).forEach(responseKey => {
+          if (correctResponse[responseKey] === key) {
+            usedForResponse = true;
+          }
+        });
+      }
+      if (alternateResponses && !usedForResponse) {
+        Object.values(alternateResponses).forEach(alternate => {
+          if (alternate.indexOf(key) >= 0) {
+            usedForResponse = true;
+          }
+        });
+      }
+      if (usedForResponse) {
+        this.setState({
+          warning: {
+            open: true,
+            text: 'Answer choices cannot be blank and the changes will be discarded.'
+          }
+        });
+        return;
+      }
+      onChange(newChoices);
+    });
+    (0, _defineProperty2.default)(this, "onChoiceDone", choiceId => {
+      const {
+        onChange,
+        model
+      } = this.props;
+      const {
+        choices
+      } = model;
+      const currentChoice = (choices || []).find(c => c.id === choiceId);
+      if (!currentChoice || !(0, _markupUtils.choiceIsEmpty)(currentChoice)) {
+        this.setState({
+          focusedEl: undefined
+        });
+        return;
+      }
+      onChange((choices || []).filter(c => c.id !== choiceId));
+      this.setState({
+        focusedEl: undefined,
+        warning: {
+          open: true,
+          text: 'Answer choices cannot be blank.'
+        }
+      });
+    });
+    (0, _defineProperty2.default)(this, "onChoiceFocus", id => this.setState({
+      focusedEl: id
+    }));
+    (0, _defineProperty2.default)(this, "onAddChoice", () => {
+      const {
+        model: {
+          choices: oldChoices
+        },
+        onChange
+      } = this.props;
+
+      // find the maximum existing id and add 1 to generate the new id so we avoid duplicates
+      const maxId = oldChoices.length > 0 ? Math.max(...oldChoices.map(choice => parseInt(choice.id, 10) || 0)) : -1;
+      const newId = `${maxId + 1}`;
+      this.setState({
+        focusedEl: newId
+      }, () => {
+        onChange([...oldChoices, {
+          id: newId,
+          value: ''
+        }]);
+      });
+    });
+    (0, _defineProperty2.default)(this, "onChoiceRemove", id => {
+      const {
+        onChange,
+        model: {
+          choices
+        }
+      } = this.props;
+      const newChoices = (choices || []).filter(choice => choice.id !== id);
+      onChange(newChoices);
+    });
+    (0, _defineProperty2.default)(this, "getVisibleChoices", () => {
+      const {
+        duplicates,
+        model: {
+          choices,
+          correctResponse
+        }
+      } = this.props;
+      if (!choices) {
+        return [];
+      }
+      if (duplicates) {
+        return choices;
+      }
+
+      // if duplicates not allowed, remove the choices that are used to define the correct response
+      return choices.filter(choice => !(correctResponse && Object.values(correctResponse).includes(choice.id)));
+    });
+  }
+  componentDidUpdate() {
+    if (this.focusedNodeRef) {
+      this.focusedNodeRef.focus('end');
+    }
+    (0, _mathRendering.renderMath)(this.wrapperRef.current);
+  }
+  render() {
+    const {
+      focusedEl,
+      warning
+    } = this.state;
+    const {
+      duplicates,
+      error,
+      mathMlOptions = {},
+      maxChoices,
+      model: {
+        choices
+      },
+      toolbarOpts,
+      uploadSoundSupport,
+      imageSupport = {},
+      pluginProps = {},
+      maxImageWidth,
+      maxImageHeight,
+      maxLength
+    } = this.props;
+    const visibleChoices = this.getVisibleChoices() || [];
+    return /*#__PURE__*/_react.default.createElement(StyledDesign, {
+      ref: this.wrapperRef
+    }, /*#__PURE__*/_react.default.createElement(StyledAddButton, {
+      variant: "contained",
+      color: "primary",
+      onClick: this.onAddChoice,
+      disabled: maxChoices && choices && maxChoices === choices.length
+    }, "Add Choice"), /*#__PURE__*/_react.default.createElement(StyledAltChoices, null, visibleChoices.map((choice, index) => {
+      if (!choice || !choice.id) {
+        return null;
+      }
+      return focusedEl === choice.id ? /*#__PURE__*/_react.default.createElement("div", {
+        key: index,
+        style: {
+          minWidth: '100%',
+          zIndex: '100'
+        }
+      }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
+        ref: ref => this.focusedNodeRef = ref,
+        autoFocus: true,
+        imageSupport: imageSupport,
+        markup: choice.value,
+        pluginProps: pluginProps,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        onChange: val => {
+          if (this.preventDone) {
+            return;
+          }
+          this.onChoiceChanged(choice.value, val, choice.id);
+        },
+        onDone: () => {
+          if (this.preventDone) {
+            return;
+          }
+          this.onChoiceDone(choice.id);
+        },
+        onBlur: e => {
+          const inInInsertCharacter = e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog');
+          this.preventDone = inInInsertCharacter;
+        },
+        disableUnderline: true,
+        toolbarOpts: toolbarOpts,
+        uploadSoundSupport: uploadSoundSupport,
+        mathMlOptions: mathMlOptions,
+        maxImageHeight: maxImageHeight,
+        maxImageWidth: maxImageWidth,
+        charactersLimit: maxLength
+      })) : /*#__PURE__*/_react.default.createElement(_choice.default, {
+        key: index,
+        duplicates: duplicates,
+        choice: choice,
+        error: error,
+        onClick: () => this.onChoiceFocus(choice.id),
+        onRemoveChoice: () => this.onChoiceRemove(choice.id)
+      });
+    })), error && /*#__PURE__*/_react.default.createElement(ErrorText, null, error), /*#__PURE__*/_react.default.createElement(_configUi.AlertDialog, {
+      open: warning.open,
+      title: "Warning",
+      text: warning.text,
+      onConfirm: () => this.setState({
+        warning: {
+          open: false
+        }
+      })
+    }));
+  }
+}
+exports.Choices = Choices;
+(0, _defineProperty2.default)(Choices, "propTypes", {
+  duplicates: _propTypes.default.bool,
+  error: _propTypes.default.string,
+  model: _propTypes.default.object.isRequired,
+  onChange: _propTypes.default.func.isRequired,
+  toolbarOpts: _propTypes.default.object,
+  pluginProps: _propTypes.default.object,
+  maxChoices: _propTypes.default.number,
+  uploadSoundSupport: _propTypes.default.object,
+  maxImageWidth: _propTypes.default.number,
+  maxImageHeight: _propTypes.default.number,
+  maxLength: _propTypes.default.number
+});
+var _default = exports.default = Choices;
+//# sourceMappingURL=choices.js.map

package/configure/lib/choices.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choices.js","names":["_react","_interopRequireDefault","require","_propTypes","_editableHtmlTipTap","_configUi","_Button","_styles","_choice","_markupUtils","_mathRendering","StyledDesign","styled","theme","display","flexDirection","marginBottom","spacing","StyledAddButton","Button","marginLeft","StyledAltChoices","alignItems","flexWrap","justifyContent","marginTop","margin","ErrorText","fontSize","typography","color","palette","error","main","paddingBottom","Choices","React","Component","constructor","args","_defineProperty2","default","warning","open","createRef","prevValue","val","key","onChange","model","props","choices","correctResponse","alternateResponses","choiceIsEmpty","value","duplicatedValue","find","c","id","newChoices","filter","setState","text","map","choice","usedForResponse","Object","keys","forEach","responseKey","values","alternate","indexOf","choiceId","currentChoice","focusedEl","undefined","oldChoices","maxId","length","Math","max","parseInt","newId","duplicates","includes","componentDidUpdate","focusedNodeRef","focus","renderMath","wrapperRef","current","render","state","mathMlOptions","maxChoices","toolbarOpts","uploadSoundSupport","imageSupport","pluginProps","maxImageWidth","maxImageHeight","maxLength","visibleChoices","getVisibleChoices","createElement","ref","variant","onClick","onAddChoice","disabled","index","style","minWidth","zIndex","autoFocus","markup","languageCharactersProps","language","preventDone","onChoiceChanged","onDone","onChoiceDone","onBlur","e","inInInsertCharacter","relatedTarget","closest","disableUnderline","charactersLimit","onChoiceFocus","onRemoveChoice","onChoiceRemove","AlertDialog","title","onConfirm","exports","PropTypes","bool","string","object","isRequired","func","number","_default"],"sources":["../src/choices.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\nimport { AlertDialog } from '@pie-lib/config-ui';\nimport Button from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\n\nimport Choice from './choice';\nimport { choiceIsEmpty } from './markupUtils';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nconst StyledDesign = styled('div')(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  marginBottom: theme.spacing(1.5),\n}));\n\nconst StyledAddButton = styled(Button)({\n  marginLeft: 'auto',\n});\n\nconst StyledAltChoices = styled('div')(({ theme }) => ({\n  alignItems: 'flex-start',\n  display: 'flex',\n  flexWrap: 'wrap',\n  justifyContent: 'space-evenly',\n  marginTop: theme.spacing(1),\n\n  '& > *': {\n    margin: theme.spacing(1),\n  },\n}));\n\nconst ErrorText = styled('div')(({ theme }) => ({\n  fontSize: theme.typography.fontSize - 2,\n  color: theme.palette.error.main,\n  paddingBottom: theme.spacing(2),\n}));\n\nexport class Choices extends React.Component {\n  static propTypes = {\n    duplicates: PropTypes.bool,\n    error: PropTypes.string,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    toolbarOpts: PropTypes.object,\n    pluginProps: PropTypes.object,\n    maxChoices: PropTypes.number,\n    uploadSoundSupport: PropTypes.object,\n    maxImageWidth: PropTypes.number,\n    maxImageHeight: PropTypes.number,\n    maxLength: PropTypes.number,\n  };\n\n  state = { warning: { open: false } };\n  preventDone = false;\n  wrapperRef = React.createRef(null);\n\n  componentDidUpdate() {\n    if (this.focusedNodeRef) {\n      this.focusedNodeRef.focus('end');\n    }\n\n    renderMath(this.wrapperRef.current);\n  }\n\n  onChoiceChanged = (prevValue, val, key) => {\n    const { onChange, model } = this.props;\n    const { choices, correctResponse, alternateResponses } = model;\n\n    if (choiceIsEmpty({ value: prevValue }) && choiceIsEmpty({ value: val })) {\n      return;\n    }\n\n    const duplicatedValue = (choices || []).find((c) => c.value === val && c.id !== key);\n\n    // discard the new added choice or the changes if the choice would be a duplicate to one that already exists\n    if (duplicatedValue) {\n      if (prevValue === '') {\n        // remove the new added choice from choices\n        const newChoices = (choices || []).filter((c) => c.id !== key);\n\n        onChange(newChoices);\n      }\n\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Identical answer choices are not allowed and the changes will be discarded.',\n        },\n      });\n\n      return;\n    }\n\n    const newChoices = choices?.map((choice) => (choice.id === key ? { ...choice, value: val } : choice)) || [];\n\n    if (!choiceIsEmpty({ value: val })) {\n      onChange(newChoices);\n\n      return;\n    }\n\n    // if the edited content is empty, its usage has to be searched in the correct response definitions\n    let usedForResponse = false;\n\n    if (correctResponse) {\n      Object.keys(correctResponse).forEach((responseKey) => {\n        if (correctResponse[responseKey] === key) {\n          usedForResponse = true;\n        }\n      });\n    }\n\n    if (alternateResponses && !usedForResponse) {\n      Object.values(alternateResponses).forEach((alternate) => {\n        if (alternate.indexOf(key) >= 0) {\n          usedForResponse = true;\n        }\n      });\n    }\n\n    if (usedForResponse) {\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Answer choices cannot be blank and the changes will be discarded.',\n        },\n      });\n\n      return;\n    }\n\n    onChange(newChoices);\n  };\n\n  onChoiceDone = (choiceId) => {\n    const { onChange, model } = this.props;\n    const { choices } = model;\n    const currentChoice = (choices || []).find((c) => c.id === choiceId);\n\n    if (!currentChoice || !choiceIsEmpty(currentChoice)) {\n      this.setState({ focusedEl: undefined });\n      return;\n    }\n\n    onChange((choices || []).filter((c) => c.id !== choiceId));\n\n    this.setState({\n      focusedEl: undefined,\n      warning: {\n        open: true,\n        text: 'Answer choices cannot be blank.',\n      },\n    });\n  };\n\n  onChoiceFocus = (id) =>\n    this.setState({\n      focusedEl: id,\n    });\n\n  onAddChoice = () => {\n    const {\n      model: { choices: oldChoices },\n      onChange,\n    } = this.props;\n\n    // find the maximum existing id and add 1 to generate the new id so we avoid duplicates\n    const maxId = oldChoices.length > 0 ? Math.max(...oldChoices.map((choice) => parseInt(choice.id, 10) || 0)) : -1;\n    const newId = `${maxId + 1}`;\n\n    this.setState(\n      {\n        focusedEl: newId,\n      },\n      () => {\n        onChange([\n          ...oldChoices,\n          {\n            id: newId,\n            value: '',\n          },\n        ]);\n      },\n    );\n  };\n\n  onChoiceRemove = (id) => {\n    const {\n      onChange,\n      model: { choices },\n    } = this.props;\n    const newChoices = (choices || []).filter((choice) => choice.id !== id);\n\n    onChange(newChoices);\n  };\n\n  getVisibleChoices = () => {\n    const {\n      duplicates,\n      model: { choices, correctResponse },\n    } = this.props;\n\n    if (!choices) {\n      return [];\n    }\n\n    if (duplicates) {\n      return choices;\n    }\n\n    // if duplicates not allowed, remove the choices that are used to define the correct response\n    return choices.filter((choice) => !(correctResponse && Object.values(correctResponse).includes(choice.id)));\n  };\n\n  render() {\n    const { focusedEl, warning } = this.state;\n    const {\n      duplicates,\n      error,\n      mathMlOptions = {},\n      maxChoices,\n      model: { choices },\n      toolbarOpts,\n      uploadSoundSupport,\n      imageSupport = {},\n      pluginProps = {},\n      maxImageWidth,\n      maxImageHeight,\n      maxLength,\n    } = this.props;\n    const visibleChoices = this.getVisibleChoices() || [];\n    return (\n      <StyledDesign ref={this.wrapperRef}>\n        <StyledAddButton\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={this.onAddChoice}\n          disabled={maxChoices && choices && maxChoices === choices.length}\n        >\n          Add Choice\n        </StyledAddButton>\n\n        <StyledAltChoices>\n          {visibleChoices.map((choice, index) => {\n            if (!choice || !choice.id) {\n              return null;\n            }\n\n            return focusedEl === choice.id ? (\n              <div\n                key={index}\n                style={{\n                  minWidth: '100%',\n                  zIndex: '100',\n                }}\n              >\n                <EditableHtml\n                  ref={(ref) => (this.focusedNodeRef = ref)}\n                  autoFocus\n                  imageSupport={imageSupport}\n                  markup={choice.value}\n                  pluginProps={pluginProps}\n                  languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                  onChange={(val) => {\n                    if (this.preventDone) {\n                      return;\n                    }\n\n                    this.onChoiceChanged(choice.value, val, choice.id);\n                  }}\n                  onDone={() => {\n                    if (this.preventDone) {\n                      return;\n                    }\n\n                    this.onChoiceDone(choice.id);\n                  }}\n                  onBlur={(e) => {\n                    const inInInsertCharacter = e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog');\n\n                    this.preventDone = inInInsertCharacter;\n                  }}\n                  disableUnderline\n                  toolbarOpts={toolbarOpts}\n                  uploadSoundSupport={uploadSoundSupport}\n                  mathMlOptions={mathMlOptions}\n                  maxImageHeight={maxImageHeight}\n                  maxImageWidth={maxImageWidth}\n                  charactersLimit={maxLength}\n                />\n              </div>\n            ) : (\n              <Choice\n                key={index}\n                duplicates={duplicates}\n                choice={choice}\n                error={error}\n                onClick={() => this.onChoiceFocus(choice.id)}\n                onRemoveChoice={() => this.onChoiceRemove(choice.id)}\n              />\n            );\n          })}\n        </StyledAltChoices>\n        {error && <ErrorText>{error}</ErrorText>}\n\n        <AlertDialog\n          open={warning.open}\n          title=\"Warning\"\n          text={warning.text}\n          onConfirm={() => this.setState({ warning: { open: false } })}\n        />\n      </StyledDesign>\n    );\n  }\n}\n\nexport default Choices;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/defaults.js

@@ -0,0 +1,169 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  model: {
+    choices: [],
+    choicesPosition: 'below',
+    correctResponse: {},
+    disabled: false,
+    duplicates: true,
+    markup: '',
+    mode: 'gather',
+    prompt: '',
+    promptEnabled: true,
+    rationale: '',
+    rationaleEnabled: true,
+    studentInstructionsEnabled: true,
+    teacherInstructions: '',
+    teacherInstructionsEnabled: true,
+    toolbarEditorPosition: 'bottom'
+  },
+  configuration: {
+    baseInputConfiguration: {
+      audio: {
+        disabled: false
+      },
+      video: {
+        disabled: false
+      },
+      image: {
+        disabled: false
+      },
+      h3: {
+        disabled: true
+      },
+      blockquote: {
+        disabled: true
+      },
+      textAlign: {
+        disabled: true
+      },
+      showParagraphs: {
+        disabled: false
+      },
+      separateParagraphs: {
+        disabled: true
+      }
+    },
+    spellCheck: {
+      label: 'Spellcheck',
+      settings: false,
+      enabled: true
+    },
+    choicesPosition: {
+      settings: true,
+      label: 'Choices Position'
+    },
+    prompt: {
+      settings: true,
+      label: 'Prompt',
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      },
+      required: false
+    },
+    addChoice: {
+      inputConfiguration: {
+        audio: {
+          disabled: true
+        },
+        video: {
+          disabled: true
+        },
+        image: {
+          disabled: false
+        }
+      }
+    },
+    duplicates: {
+      settings: true,
+      label: 'Duplicates'
+    },
+    lockChoiceOrder: {
+      settings: true,
+      label: 'Lock Choice Order'
+    },
+    partialScoring: {
+      settings: false,
+      label: 'Allow Partial Scoring'
+    },
+    rationale: {
+      settings: true,
+      label: 'Rationale',
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      },
+      required: false
+    },
+    settingsPanelDisabled: false,
+    teacherInstructions: {
+      settings: true,
+      label: 'Teacher Instructions',
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      },
+      required: false
+    },
+    minChoices: 2,
+    maxResponseAreas: 10,
+    maxImageWidth: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300,
+      choice: 300
+    },
+    maxImageHeight: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300,
+      choice: 300
+    },
+    withRubric: {
+      settings: false,
+      label: 'Add Rubric'
+    },
+    mathMlOptions: {
+      mmlOutput: false,
+      mmlEditing: false
+    },
+    language: {
+      settings: false,
+      label: 'Specify Language',
+      enabled: false
+    },
+    languageChoices: {
+      label: 'Language Choices',
+      options: []
+    },
+    maxLength: 200
+  }
+};
+//# sourceMappingURL=defaults.js.map