@pie-element/categorize 7.7.2-beta.3 → 7.7.2-beta.4

package/configure/lib/design/categories/alternateResponses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alternateResponses.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_classnames","_category","_categorize","_RowLabel","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","styles","theme","categories","marginBottom","spacing","unit","categoriesHolder","display","gridRowGap","concat","gridColumnGap","row","gridTemplateColumns","alignItems","width","marginTop","rowLabel","gridColumn","rowLabelHolder","AlternateResponses","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_defineProperty2","_assertThisInitialized2","addedChoice","categoryId","_this$props","props","altIndex","_this$props$model","model","correctResponse","choices","onModelChanged","choice","find","c","id","forEach","a","category","alternateResponses","push","categoryCount","reduce","acc","currentValue","foundIndex","findIndex","filter","choiceId","from","to","choiceIndex","alternateIndex","_this$props2","_ref","_ref$correctResponse","moveChoiceToAlternate","_this$props3","altId","_createClass2","key","value","render","_this2","_this$props4","configuration","classes","className","imageSupport","spellCheck","uploadSoundSupport","toolbarOpts","defaultImageMaxHeight","defaultImageMaxWidth","categoriesPerRow","errors","rowLabels","_ref2","duplicateAlternate","_ref3","_ref3$maxImageWidth","maxImageWidth","_ref3$maxImageHeight","maxImageHeight","holderStyle","isDuplicated","index","createElement","classNames","style","map","hasRowLabel","rowIndex","Fragment","RowLabel","disabled","markup","onChange","val","changeRowLabel","alternateResponseIndex","onAddChoice","addChoiceToCategory","onDeleteChoice","deleteChoiceFromCategory","onMoveChoice","moveChoice","React","Component","exports","PropTypes","number","isRequired","object","shape","add","func","string","array","_default","withStyles"],"sources":["../../../src/design/categories/alternateResponses.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport Category from './category';\nimport { moveChoiceToAlternate } from '@pie-lib/categorize';\nimport {RowLabel} from './RowLabel';\n\nconst styles = (theme) => ({\n  categories: {\n    marginBottom: theme.spacing.unit,\n  },\n  categoriesHolder: {\n    display: 'grid',\n    gridRowGap: `${theme.spacing.unit}px`,\n    gridColumnGap: `${theme.spacing.unit}px`,\n  },\n  row: {\n    display: 'grid',\n    gridTemplateColumns: 'repeat(2, 1fr)',\n    gridColumnGap: `${theme.spacing.unit}px`,\n    alignItems: 'baseline',\n    width: '100%',\n    marginTop: theme.spacing.unit,\n    marginBottom: 2 * theme.spacing.unit,\n  },\n  rowLabel: {\n    gridColumn: '1/3',\n  },\n  rowLabelHolder: {\n    width: '100%',\n  },\n});\n\nexport class AlternateResponses extends React.Component {\n  static propTypes = {\n    altIndex: PropTypes.number.isRequired,\n    configuration: PropTypes.object,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    categories: PropTypes.array,\n    onModelChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    toolbarOpts: PropTypes.object,\n  };\n\n  addChoiceToCategory = (addedChoice, categoryId) => {\n    const {\n      altIndex,\n      model: { correctResponse, choices },\n      onModelChanged,\n    } = this.props;\n\n    const choice = choices.find((c) => c.id === addedChoice.id);\n\n    correctResponse.forEach((a) => {\n      if (a.category === categoryId) {\n        a.alternateResponses = a.alternateResponses || [];\n\n        if (!a.alternateResponses[altIndex]) {\n          a.alternateResponses[altIndex] = [];\n        }\n\n        a.alternateResponses[altIndex].push(addedChoice.id);\n        if (choice.categoryCount && choice.categoryCount !== 0) {\n          a.alternateResponses[altIndex] = a.alternateResponses[altIndex].reduce((acc, currentValue) => {\n            if (currentValue === choice.id) {\n              const foundIndex = acc.findIndex((c) => c === choice.id);\n              if (foundIndex === -1) {\n                acc.push(currentValue);\n              }\n            } else {\n              acc.push(currentValue);\n            }\n\n            return acc;\n          }, []);\n        }\n\n        return a;\n      } else {\n        if (a.alternateResponses[altIndex] && choice.categoryCount !== 0) {\n          a.alternateResponses[altIndex] = a.alternateResponses[altIndex].filter((c) => c !== addedChoice.id);\n          return a;\n        }\n      }\n\n      return a;\n    });\n\n    onModelChanged({ correctResponse });\n  };\n\n  moveChoice = (choiceId, from, to, choiceIndex, alternateIndex) => {\n    const { model, onModelChanged } = this.props;\n    let { choices, correctResponse = [] } = model || {};\n    const choice = (choices || []).find((choice) => choice.id === choiceId);\n    correctResponse = moveChoiceToAlternate(\n      choiceId,\n      from,\n      to,\n      choiceIndex,\n      correctResponse,\n      alternateIndex,\n      choice?.categoryCount,\n    );\n\n    onModelChanged({ correctResponse });\n  };\n\n  deleteChoiceFromCategory = (category, choice) => {\n    const {\n      altIndex,\n      model: { correctResponse },\n      onModelChanged,\n    } = this.props;\n\n    correctResponse.forEach((a) => {\n      if (a.category === category.id) {\n        if (a.alternateResponses[altIndex]) {\n          a.alternateResponses[altIndex] = a.alternateResponses[altIndex].filter((altId) => altId !== choice.id);\n        }\n      }\n\n      return a;\n    });\n\n    onModelChanged({ correctResponse });\n  };\n\n  render() {\n    const { altIndex, model, configuration, classes, className, categories, imageSupport, spellCheck, uploadSoundSupport, toolbarOpts, defaultImageMaxHeight, defaultImageMaxWidth } =\n      this.props;\n    const { categoriesPerRow, errors, rowLabels } = model;\n    const { duplicateAlternate } = errors || {};\n    const {  maxImageWidth = {}, maxImageHeight = {} } = configuration || {};\n\n    const holderStyle = {\n      gridTemplateColumns: `repeat(${categoriesPerRow}, 1fr)`,\n    };\n    const isDuplicated = duplicateAlternate ? duplicateAlternate.index === altIndex : false;\n\n    return (\n      <div className={classNames(classes.categories, className)}>\n        <div className={classes.categoriesHolder} style={holderStyle}>\n          {categories.map((category, index) => {\n            const hasRowLabel = index % categoriesPerRow === 0;\n            const rowIndex = index / categoriesPerRow;\n            return (\n                <React.Fragment key={index}>\n                  {hasRowLabel && (\n                      <RowLabel\n                          categoriesPerRow={categoriesPerRow}\n                          disabled={true}\n                          rowIndex={rowIndex}\n                          markup={rowLabels[rowIndex] || ''}\n                          onChange={(val) => this.changeRowLabel(val, rowIndex)}\n                          imageSupport={imageSupport}\n                          toolbarOpts={toolbarOpts}\n                          spellCheck={spellCheck}\n                          maxImageWidth={(maxImageWidth && maxImageWidth.rowLabel) || defaultImageMaxWidth}\n                          maxImageHeight={(maxImageHeight && maxImageHeight.rowLabel) || defaultImageMaxHeight}\n                          uploadSoundSupport={uploadSoundSupport}\n                      />\n                  )}\n                  <Category\n                    key={index}\n                    alternateResponseIndex={altIndex}\n                    imageSupport={imageSupport}\n                    isDuplicated={isDuplicated && duplicateAlternate.category === category.id}\n                    category={category}\n                    spellCheck={spellCheck}\n                    onAddChoice={this.addChoiceToCategory}\n                    onDeleteChoice={(choice, choiceIndex) => this.deleteChoiceFromCategory(category, choice, choiceIndex)}\n                    onMoveChoice={(choiceId, from, to, choiceIndex, alternateIndex) =>\n                      this.moveChoice(choiceId, from, to, choiceIndex, alternateIndex)\n                    }\n                    uploadSoundSupport={uploadSoundSupport}\n                  />\n                </React.Fragment>\n            )\n          })}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(AlternateResponses);\n"],"mappings":"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"}

package/configure/lib/design/categories/category.js

@@ -0,0 +1,175 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Category = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@material-ui/core/styles");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Card = _interopRequireDefault(require("@material-ui/core/Card"));
+var _inputHeader = _interopRequireDefault(require("../input-header"));
+var _CardActions = _interopRequireDefault(require("@material-ui/core/CardActions"));
+var _buttons = require("../buttons");
+var _droppablePlaceholder = _interopRequireDefault(require("./droppable-placeholder"));
+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 Category = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Category, _React$Component);
+  var _super = _createSuper(Category);
+  function Category() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Category);
+    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), "changeLabel", function (l) {
+      var _this$props = _this.props,
+        category = _this$props.category,
+        onChange = _this$props.onChange;
+      category.label = l;
+      onChange(category);
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(Category, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        alternateResponseIndex = _this$props2.alternateResponseIndex,
+        category = _this$props2.category,
+        classes = _this$props2.classes,
+        className = _this$props2.className,
+        deleteFocusedEl = _this$props2.deleteFocusedEl,
+        focusedEl = _this$props2.focusedEl,
+        index = _this$props2.index,
+        error = _this$props2.error,
+        isDuplicated = _this$props2.isDuplicated,
+        onChange = _this$props2.onChange,
+        onDelete = _this$props2.onDelete,
+        onDeleteChoice = _this$props2.onDeleteChoice,
+        onAddChoice = _this$props2.onAddChoice,
+        onMoveChoice = _this$props2.onMoveChoice,
+        imageSupport = _this$props2.imageSupport,
+        spellCheck = _this$props2.spellCheck,
+        toolbarOpts = _this$props2.toolbarOpts,
+        maxImageWidth = _this$props2.maxImageWidth,
+        maxImageHeight = _this$props2.maxImageHeight,
+        uploadSoundSupport = _this$props2.uploadSoundSupport;
+      return /*#__PURE__*/_react["default"].createElement(_Card["default"], {
+        className: (0, _classnames["default"])(classes.category, className, (0, _defineProperty2["default"])({}, classes.duplicateError, isDuplicated))
+      }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_inputHeader["default"], {
+        label: category.label,
+        focusedEl: focusedEl,
+        deleteFocusedEl: deleteFocusedEl,
+        index: index,
+        disabled: !!alternateResponseIndex || alternateResponseIndex === 0,
+        error: error,
+        onChange: this.changeLabel,
+        onDelete: onDelete,
+        imageSupport: imageSupport,
+        toolbarOpts: toolbarOpts,
+        spellCheck: spellCheck,
+        maxImageWidth: maxImageWidth,
+        maxImageHeight: maxImageHeight,
+        uploadSoundSupport: uploadSoundSupport
+      }), error && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, error)), /*#__PURE__*/_react["default"].createElement(_droppablePlaceholder["default"], {
+        className: classes.placeHolder,
+        alternateResponseIndex: alternateResponseIndex,
+        category: category,
+        choices: category.choices,
+        onDeleteChoice: onDeleteChoice,
+        onDropChoice: onAddChoice,
+        onMoveChoice: onMoveChoice,
+        categoryId: category.id
+      }), onDelete && /*#__PURE__*/_react["default"].createElement(_CardActions["default"], {
+        className: classes.actions
+      }, /*#__PURE__*/_react["default"].createElement(_buttons.DeleteButton, {
+        label: 'delete',
+        onClick: onDelete
+      })));
+    }
+  }]);
+  return Category;
+}(_react["default"].Component);
+exports.Category = Category;
+(0, _defineProperty2["default"])(Category, "propTypes", {
+  alternateResponseIndex: _propTypes["default"].number,
+  classes: _propTypes["default"].object.isRequired,
+  className: _propTypes["default"].string,
+  category: _propTypes["default"].object.isRequired,
+  deleteFocusedEl: _propTypes["default"].func,
+  focusedEl: _propTypes["default"].number,
+  index: _propTypes["default"].number,
+  error: _propTypes["default"].string,
+  isDuplicated: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func,
+  onDelete: _propTypes["default"].func,
+  onDeleteChoice: _propTypes["default"].func,
+  onAddChoice: _propTypes["default"].func,
+  onMoveChoice: _propTypes["default"].func,
+  imageSupport: _propTypes["default"].shape({
+    add: _propTypes["default"].func.isRequired,
+    "delete": _propTypes["default"].func.isRequired
+  }),
+  toolbarOpts: _propTypes["default"].object,
+  uploadSoundSupport: _propTypes["default"].shape({
+    add: _propTypes["default"].func.isRequired,
+    "delete": _propTypes["default"].func.isRequired
+  })
+});
+(0, _defineProperty2["default"])(Category, "defaultProps", {});
+var styles = function styles(theme) {
+  return {
+    placeHolder: {
+      minHeight: '100px'
+    },
+    deleteButton: {
+      margin: 0
+    },
+    actions: {
+      padding: 0,
+      paddingBottom: 0,
+      paddingTop: theme.spacing.unit
+    },
+    iconButtonRoot: {
+      width: 'auto',
+      height: 'auto'
+    },
+    header: {
+      display: 'flex',
+      justifyContent: 'space-between'
+    },
+    category: {
+      padding: theme.spacing.unit,
+      overflow: 'visible'
+    },
+    duplicateError: {
+      border: '1px solid red'
+    },
+    errorText: {
+      fontSize: '11px',
+      color: 'red',
+      paddingBottom: '5px'
+    },
+    editor: {
+      flex: '1',
+      paddingBottom: theme.spacing.unit * 2
+    }
+  };
+};
+var _default = (0, _styles.withStyles)(styles)(Category);
+exports["default"] = _default;
+//# sourceMappingURL=category.js.map

package/configure/lib/design/categories/category.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"category.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_classnames","_Card","_inputHeader","_CardActions","_buttons","_droppablePlaceholder","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","Category","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","concat","_defineProperty2","_assertThisInitialized2","l","_this$props","props","category","onChange","label","_createClass2","key","value","render","_this$props2","alternateResponseIndex","classes","className","deleteFocusedEl","focusedEl","index","error","isDuplicated","onDelete","onDeleteChoice","onAddChoice","onMoveChoice","imageSupport","spellCheck","toolbarOpts","maxImageWidth","maxImageHeight","uploadSoundSupport","createElement","classNames","duplicateError","disabled","changeLabel","errorText","placeHolder","choices","onDropChoice","categoryId","id","actions","DeleteButton","onClick","React","Component","exports","PropTypes","number","object","isRequired","string","func","bool","shape","add","styles","theme","minHeight","deleteButton","margin","padding","paddingBottom","paddingTop","spacing","unit","iconButtonRoot","width","height","header","display","justifyContent","overflow","border","fontSize","color","editor","flex","_default","withStyles"],"sources":["../../../src/design/categories/category.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport Card from '@material-ui/core/Card';\nimport InputHeader from '../input-header';\nimport CardActions from '@material-ui/core/CardActions';\nimport { DeleteButton } from '../buttons';\n\nimport PlaceHolder from './droppable-placeholder';\n\nexport class Category extends React.Component {\n  static propTypes = {\n    alternateResponseIndex: PropTypes.number,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    category: PropTypes.object.isRequired,\n    deleteFocusedEl: PropTypes.func,\n    focusedEl: PropTypes.number,\n    index: PropTypes.number,\n    error: PropTypes.string,\n    isDuplicated: PropTypes.bool,\n    onChange: PropTypes.func,\n    onDelete: PropTypes.func,\n    onDeleteChoice: PropTypes.func,\n    onAddChoice: PropTypes.func,\n    onMoveChoice: PropTypes.func,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    toolbarOpts: PropTypes.object,\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n  };\n\n  static defaultProps = {};\n\n  changeLabel = (l) => {\n    const { category, onChange } = this.props;\n    category.label = l;\n    onChange(category);\n  };\n\n  render() {\n    const {\n      alternateResponseIndex,\n      category,\n      classes,\n      className,\n      deleteFocusedEl,\n      focusedEl,\n      index,\n      error,\n      isDuplicated,\n      onChange,\n      onDelete,\n      onDeleteChoice,\n      onAddChoice,\n      onMoveChoice,\n      imageSupport,\n      spellCheck,\n      toolbarOpts,\n      maxImageWidth,\n      maxImageHeight,\n      uploadSoundSupport,\n    } = this.props;\n    return (\n      <Card className={classNames(classes.category, className, {\n        [classes.duplicateError]: isDuplicated\n      })}>\n            <span>\n              <InputHeader\n                label={category.label}\n                focusedEl={focusedEl}\n                deleteFocusedEl={deleteFocusedEl}\n                index={index}\n                disabled={!!alternateResponseIndex || alternateResponseIndex===0}\n                error={error}\n                onChange={this.changeLabel}\n                onDelete={onDelete}\n                imageSupport={imageSupport}\n                toolbarOpts={toolbarOpts}\n                spellCheck={spellCheck}\n                maxImageWidth={maxImageWidth}\n                maxImageHeight={maxImageHeight}\n                uploadSoundSupport={uploadSoundSupport}\n             />\n              {error && <div className={classes.errorText}>{error}</div>}\n              </span>\n        <PlaceHolder\n          className={classes.placeHolder}\n          alternateResponseIndex={alternateResponseIndex}\n          category={category}\n          choices={category.choices}\n          onDeleteChoice={onDeleteChoice}\n          onDropChoice={onAddChoice}\n          onMoveChoice={onMoveChoice}\n          categoryId={category.id}\n        />\n        {onDelete && (\n          <CardActions className={classes.actions}>\n            <DeleteButton label={'delete'} onClick={onDelete} />\n          </CardActions>\n        )}\n      </Card>\n    );\n  }\n}\nconst styles = (theme) => ({\n  placeHolder: {\n    minHeight: '100px',\n  },\n  deleteButton: {\n    margin: 0,\n  },\n  actions: {\n    padding: 0,\n    paddingBottom: 0,\n    paddingTop: theme.spacing.unit,\n  },\n  iconButtonRoot: {\n    width: 'auto',\n    height: 'auto',\n  },\n  header: {\n    display: 'flex',\n    justifyContent: 'space-between',\n  },\n  category: {\n    padding: theme.spacing.unit,\n    overflow: 'visible',\n  },\n  duplicateError: {\n    border: '1px solid red',\n  },\n  errorText: {\n    fontSize: '11px',\n    color: 'red',\n    paddingBottom: '5px'\n  },\n  editor: {\n    flex: '1',\n    paddingBottom: theme.spacing.unit * 2,\n  },\n});\nexport default withStyles(styles)(Category);\n"],"mappings":"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"}

package/configure/lib/design/categories/choice-preview.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ChoicePreview = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@material-ui/core/styles");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _drag = require("@pie-lib/drag");
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _RemoveCircleOutline = _interopRequireDefault(require("@material-ui/icons/RemoveCircleOutline"));
+var _renderUi = require("@pie-lib/render-ui");
+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 ChoicePreview = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(ChoicePreview, _React$Component);
+  var _super = _createSuper(ChoicePreview);
+  function ChoicePreview() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, ChoicePreview);
+    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), "delete", function () {
+      var _this$props = _this.props,
+        onDelete = _this$props.onDelete,
+        choice = _this$props.choice;
+      onDelete(choice);
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(ChoicePreview, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props2 = this.props,
+        alternateResponseIndex = _this$props2.alternateResponseIndex,
+        category = _this$props2.category,
+        classes = _this$props2.classes,
+        className = _this$props2.className,
+        choice = _this$props2.choice,
+        choiceIndex = _this$props2.choiceIndex;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.choicePreview, className)
+      }, choice ? /*#__PURE__*/_react["default"].createElement(_drag.Choice, {
+        alternateResponseIndex: alternateResponseIndex,
+        category: category,
+        choice: choice,
+        choiceIndex: choiceIndex,
+        onRemoveChoice: function onRemoveChoice() {
+          return _this2["delete"]();
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_renderUi.HtmlAndMath, {
+        html: choice === null || choice === void 0 ? void 0 : choice.content
+      }), /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+        color: "secondary",
+        "aria-label": "delete",
+        className: classes["delete"],
+        onClick: this["delete"]
+      }, /*#__PURE__*/_react["default"].createElement(_RemoveCircleOutline["default"], null))) : null);
+    }
+  }]);
+  return ChoicePreview;
+}(_react["default"].Component);
+exports.ChoicePreview = ChoicePreview;
+(0, _defineProperty2["default"])(ChoicePreview, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  className: _propTypes["default"].string,
+  choice: _propTypes["default"].object.isRequired,
+  onDelete: _propTypes["default"].func.isRequired
+});
+(0, _defineProperty2["default"])(ChoicePreview, "defaultProps", {});
+var styles = function styles() {
+  return {
+    choicePreview: {
+      position: 'relative'
+    },
+    "delete": {
+      position: 'absolute',
+      right: 0,
+      top: 0
+    }
+  };
+};
+var _default = (0, _styles.withStyles)(styles)(ChoicePreview);
+exports["default"] = _default;
+//# sourceMappingURL=choice-preview.js.map

package/configure/lib/design/categories/choice-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-preview.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_classnames","_drag","_IconButton","_RemoveCircleOutline","_renderUi","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ChoicePreview","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","concat","_defineProperty2","_assertThisInitialized2","_this$props","props","onDelete","choice","_createClass2","key","value","render","_this2","_this$props2","alternateResponseIndex","category","classes","className","choiceIndex","createElement","classNames","choicePreview","Choice","onRemoveChoice","HtmlAndMath","html","content","color","onClick","React","Component","exports","PropTypes","object","isRequired","string","func","styles","position","right","top","_default","withStyles"],"sources":["../../../src/design/categories/choice-preview.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { Choice } from '@pie-lib/drag';\nimport IconButton from '@material-ui/core/IconButton';\nimport RemoveCircleOutlineIcon from '@material-ui/icons/RemoveCircleOutline';\nimport { HtmlAndMath } from '@pie-lib/render-ui';\n\nexport class ChoicePreview extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    choice: PropTypes.object.isRequired,\n    onDelete: PropTypes.func.isRequired,\n  };\n  static defaultProps = {};\n\n  delete = () => {\n    const { onDelete, choice } = this.props;\n    onDelete(choice);\n  };\n\n  render() {\n    const { alternateResponseIndex, category, classes, className, choice, choiceIndex } = this.props;\n    return (\n      <div className={classNames(classes.choicePreview, className)}>\n        {choice ? (\n          <Choice alternateResponseIndex={alternateResponseIndex} category={category} choice={choice} choiceIndex={choiceIndex} onRemoveChoice={() => this.delete()}>\n            <HtmlAndMath html={choice?.content} />\n            <IconButton color=\"secondary\" aria-label=\"delete\" className={classes.delete} onClick={this.delete}>\n              <RemoveCircleOutlineIcon />\n            </IconButton>\n          </Choice>\n        ) : null}\n      </div>\n    );\n  }\n}\nconst styles = () => ({\n  choicePreview: {\n    position: 'relative',\n  },\n  delete: {\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n});\nexport default withStyles(styles)(ChoicePreview);\n"],"mappings":"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"}

package/configure/lib/design/categories/droppable-placeholder.js

@@ -0,0 +1,155 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.spec = exports["default"] = exports.DroppablePlaceHolder = 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@material-ui/core/styles");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _choicePreview = _interopRequireDefault(require("./choice-preview"));
+var _reactDnd = require("react-dnd");
+var _drag = require("@pie-lib/drag");
+var _debug = _interopRequireDefault(require("debug"));
+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-element:categorize:configure');
+var Helper = (0, _styles.withStyles)(function () {
+  return {
+    helper: {
+      display: 'flex',
+      alignItems: 'center',
+      fontSize: '12px',
+      color: 'rgba(0,0,0,0.4)',
+      width: '100%',
+      height: '100%'
+    }
+  };
+})(function (_ref) {
+  var classes = _ref.classes;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.helper
+  }, "Drag your correct answers here");
+});
+var Previews = function Previews(_ref2) {
+  var alternateResponseIndex = _ref2.alternateResponseIndex,
+    category = _ref2.category,
+    choices = _ref2.choices,
+    onDeleteChoice = _ref2.onDeleteChoice;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, choices.map(function (c, index) {
+    return c && /*#__PURE__*/_react["default"].createElement(_choicePreview["default"], {
+      alternateResponseIndex: alternateResponseIndex,
+      category: category,
+      choice: c,
+      key: index,
+      choiceIndex: index,
+      onDelete: function onDelete(choice) {
+        return onDeleteChoice(choice, index);
+      }
+    });
+  }));
+};
+Previews.propTypes = {
+  alternateResponseIndex: _propTypes["default"].number,
+  category: _propTypes["default"].object,
+  choices: _propTypes["default"].array,
+  onDeleteChoice: _propTypes["default"].func
+};
+var DroppablePlaceHolder = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(DroppablePlaceHolder, _React$Component);
+  var _super = _createSuper(DroppablePlaceHolder);
+  function DroppablePlaceHolder() {
+    (0, _classCallCheck2["default"])(this, DroppablePlaceHolder);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(DroppablePlaceHolder, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        alternateResponseIndex = _this$props.alternateResponseIndex,
+        isOver = _this$props.isOver,
+        category = _this$props.category,
+        choices = _this$props.choices,
+        classes = _this$props.classes,
+        className = _this$props.className,
+        connectDropTarget = _this$props.connectDropTarget,
+        onDeleteChoice = _this$props.onDeleteChoice;
+      return connectDropTarget( /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.droppablePlaceholder, className)
+      }, /*#__PURE__*/_react["default"].createElement(_drag.PlaceHolder, {
+        isOver: isOver,
+        className: classes.placeHolder
+      }, (choices || []).length === 0 ? /*#__PURE__*/_react["default"].createElement(Helper, null) : /*#__PURE__*/_react["default"].createElement(Previews, {
+        alternateResponseIndex: alternateResponseIndex,
+        category: category,
+        choices: choices,
+        onDeleteChoice: onDeleteChoice
+      }))));
+    }
+  }]);
+  return DroppablePlaceHolder;
+}(_react["default"].Component);
+exports.DroppablePlaceHolder = DroppablePlaceHolder;
+(0, _defineProperty2["default"])(DroppablePlaceHolder, "propTypes", {
+  alternateResponseIndex: _propTypes["default"].number,
+  category: _propTypes["default"].object,
+  classes: _propTypes["default"].object.isRequired,
+  className: _propTypes["default"].string,
+  connectDropTarget: _propTypes["default"].func.isRequired,
+  choices: _propTypes["default"].array,
+  onDropChoice: _propTypes["default"].func.isRequired,
+  onMoveChoice: _propTypes["default"].func,
+  isOver: _propTypes["default"].bool,
+  onDeleteChoice: _propTypes["default"].func,
+  categoryId: _propTypes["default"].string.isRequired
+});
+(0, _defineProperty2["default"])(DroppablePlaceHolder, "defaultProps", {});
+var styles = function styles() {
+  return {
+    droppablePlaceholder: {
+      minHeight: '100px'
+    },
+    placeHolder: {
+      width: '100%',
+      minHeight: '100px',
+      height: 'auto'
+    }
+  };
+};
+var Styled = (0, _styles.withStyles)(styles)(DroppablePlaceHolder);
+var spec = {
+  drop: function drop(props, monitor) {
+    log('[drop] props: ', props);
+    var item = monitor.getItem();
+    if (item.from && item.alternateResponseIndex === props.alternateResponseIndex) {
+      props.onMoveChoice(item.choiceId, item.from, props.categoryId, item.choiceIndex, item.alternateResponseIndex);
+    } else if (!item.from) {
+      // avoid dropping choice when user tries to move it to an alternate with other index
+      props.onDropChoice(item, props.categoryId);
+    }
+  },
+  canDrop: function canDrop(props /*, monitor*/) {
+    return !props.disabled;
+  }
+};
+exports.spec = spec;
+var WithTarget = (0, _reactDnd.DropTarget)(function (_ref3) {
+  var uid = _ref3.uid;
+  return uid;
+}, spec, function (connect, monitor) {
+  return {
+    connectDropTarget: connect.dropTarget(),
+    isOver: monitor.isOver()
+  };
+})(Styled);
+var _default = _drag.uid.withUid(WithTarget);
+exports["default"] = _default;
+//# sourceMappingURL=droppable-placeholder.js.map

package/configure/lib/design/categories/droppable-placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"droppable-placeholder.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_classnames","_choicePreview","_reactDnd","_drag","_debug","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","log","debug","Helper","withStyles","helper","display","alignItems","fontSize","color","width","height","_ref","classes","createElement","className","Previews","_ref2","alternateResponseIndex","category","choices","onDeleteChoice","Fragment","map","c","index","choice","key","choiceIndex","onDelete","propTypes","PropTypes","number","object","array","func","DroppablePlaceHolder","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","value","render","_this$props","props","isOver","connectDropTarget","classNames","droppablePlaceholder","PlaceHolder","placeHolder","length","React","Component","exports","_defineProperty2","isRequired","string","onDropChoice","onMoveChoice","bool","categoryId","styles","minHeight","Styled","spec","drop","monitor","item","getItem","from","choiceId","canDrop","disabled","WithTarget","DropTarget","_ref3","uid","connect","dropTarget","_default","withUid"],"sources":["../../../src/design/categories/droppable-placeholder.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport ChoicePreview from './choice-preview';\nimport { DropTarget } from 'react-dnd';\nimport { uid, PlaceHolder } from '@pie-lib/drag';\nimport debug from 'debug';\n\nconst log = debug('@pie-element:categorize:configure');\n\nconst Helper = withStyles(() => ({\n  helper: {\n    display: 'flex',\n    alignItems: 'center',\n    fontSize: '12px',\n    color: 'rgba(0,0,0,0.4)',\n    width: '100%',\n    height: '100%',\n  },\n}))(({ classes }) => <div className={classes.helper}>Drag your correct answers here</div>);\n\nconst Previews = ({ alternateResponseIndex, category, choices, onDeleteChoice }) => (\n  <React.Fragment>\n    {choices.map(\n      (c, index) =>\n        c && (\n          <ChoicePreview\n            alternateResponseIndex={alternateResponseIndex}\n            category={category}\n            choice={c}\n            key={index}\n            choiceIndex={index}\n            onDelete={(choice) => onDeleteChoice(choice, index)}\n          />\n        ),\n    )}\n  </React.Fragment>\n);\n\nPreviews.propTypes = {\n  alternateResponseIndex: PropTypes.number,\n  category: PropTypes.object,\n  choices: PropTypes.array,\n  onDeleteChoice: PropTypes.func,\n};\n\nexport class DroppablePlaceHolder extends React.Component {\n  static propTypes = {\n    alternateResponseIndex: PropTypes.number,\n    category: PropTypes.object,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    connectDropTarget: PropTypes.func.isRequired,\n    choices: PropTypes.array,\n    onDropChoice: PropTypes.func.isRequired,\n    onMoveChoice: PropTypes.func,\n    isOver: PropTypes.bool,\n    onDeleteChoice: PropTypes.func,\n    categoryId: PropTypes.string.isRequired,\n  };\n\n  static defaultProps = {};\n  render() {\n    const { alternateResponseIndex, isOver, category, choices, classes, className, connectDropTarget, onDeleteChoice } =\n      this.props;\n\n    return connectDropTarget(\n      <div className={classNames(classes.droppablePlaceholder, className)}>\n        <PlaceHolder isOver={isOver} className={classes.placeHolder}>\n          {(choices || []).length === 0 ? (\n            <Helper />\n          ) : (\n            <Previews\n              alternateResponseIndex={alternateResponseIndex}\n              category={category}\n              choices={choices}\n              onDeleteChoice={onDeleteChoice}\n            />\n          )}\n        </PlaceHolder>\n      </div>,\n    );\n  }\n}\nconst styles = () => ({\n  droppablePlaceholder: {\n    minHeight: '100px',\n  },\n  placeHolder: {\n    width: '100%',\n    minHeight: '100px',\n    height: 'auto',\n  },\n});\n\nconst Styled = withStyles(styles)(DroppablePlaceHolder);\n\nexport const spec = {\n  drop: (props, monitor) => {\n    log('[drop] props: ', props);\n    const item = monitor.getItem();\n\n    if (item.from && item.alternateResponseIndex === props.alternateResponseIndex) {\n      props.onMoveChoice(item.choiceId, item.from, props.categoryId, item.choiceIndex, item.alternateResponseIndex);\n    } else if (!item.from){\n      // avoid dropping choice when user tries to move it to an alternate with other index\n      props.onDropChoice(item, props.categoryId);\n    }\n  },\n  canDrop: (props /*, monitor*/) => {\n    return !props.disabled;\n  },\n};\n\nconst WithTarget = DropTarget(\n  ({ uid }) => uid,\n  spec,\n  (connect, monitor) => ({\n    connectDropTarget: connect.dropTarget(),\n    isOver: monitor.isOver(),\n  }),\n)(Styled);\n\nexport default uid.withUid(WithTarget);\n"],"mappings":"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"}