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

package/configure/lib/design/choices/choice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_classnames","_Card","_CardActions","_inputHeader","_configUi","_buttons","_DragHandle","_reactDnd","_debug","_drag","_utils","_flow","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","log","debug","canDrag","props","lockChoiceOrder","count","choice","categoryCount","correctResponseCount","Choice","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","concat","_defineProperty2","_assertThisInitialized2","content","_this$props","onChange","_this$props2","allowMultiplePlacements","multiplePlacements","perChoice","_createClass2","key","value","render","_this$props3","classes","className","deleteFocusedEl","focusedEl","index","onDelete","connectDropTarget","connectDragSource","connectDragPreview","imageSupport","spellCheck","toolbarOpts","error","maxImageWidth","maxImageHeight","uploadSoundSupport","showRemoveAfterPlacing","isCheckboxShown","draggable","createElement","classNames","actions","dragHandle","dragDisabled","color","label","changeContent","errorText","DeleteButton","onClick","Checkbox","mini","checked","changeCategoryCount","React","Component","exports","PropTypes","string","object","isRequired","func","number","bool","shape","add","styles","theme","padding","justifyContent","spacing","unit","overflow","cursor","fontSize","paddingBottom","StyledChoice","withStyles","spec","beginDrag","out","id","endDrag","monitor","didDrop","item","getItem","categoryId","onRemoveChoice","specTarget","drop","rearrangeChoices","canDrop","_default","uid","withUid","flow","DragSource","_ref","connect","dragSource","dragPreview","isDragging","DropTarget","_ref2","dropTarget","isOver"],"sources":["../../../src/design/choices/choice.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 CardActions from '@material-ui/core/CardActions';\nimport InputHeader from '../input-header';\nimport { Checkbox } from '@pie-lib/config-ui';\nimport { DeleteButton } from '../buttons';\nimport DragHandle from '@material-ui/icons/DragHandle';\nimport { DragSource, DropTarget } from 'react-dnd';\nimport debug from 'debug';\nimport { uid } from '@pie-lib/drag';\nimport { multiplePlacements } from '../../utils';\nimport flow from 'lodash/flow';\n\nconst log = debug('@pie-element:categorize:configure:choice');\n\nconst canDrag = (props) => {\n  if (props.lockChoiceOrder) {\n    return true;\n  }\n  const count = props.choice.categoryCount || 0;\n  if (count === 0) {\n    return true;\n  } else {\n    return props.correctResponseCount < count;\n  }\n};\n\nexport class Choice extends React.Component {\n  static propTypes = {\n    allowMultiplePlacements: PropTypes.string,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    choice: PropTypes.object.isRequired,\n    deleteFocusedEl: PropTypes.func,\n    focusedEl: PropTypes.number,\n    index: PropTypes.number,\n    lockChoiceOrder: PropTypes.bool,\n    onChange: PropTypes.func.isRequired,\n    onDelete: PropTypes.func.isRequired,\n    connectDragSource: PropTypes.func.isRequired,\n    connectDragPreview: PropTypes.func.isRequired,\n    correctResponseCount: PropTypes.number.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    toolbarOpts: PropTypes.object,\n    error: PropTypes.string,\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n  };\n\n  static defaultProps = {};\n\n  changeContent = (content) => {\n    const { onChange, choice } = this.props;\n    choice.content = content;\n    onChange(choice);\n  };\n\n  changeCategoryCount = () => {\n    const { onChange, choice } = this.props;\n    if (choice.categoryCount === 1) {\n      choice.categoryCount = 0;\n    } else {\n      choice.categoryCount = 1;\n    }\n    onChange(choice);\n  };\n\n  isCheckboxShown = (allowMultiplePlacements) => allowMultiplePlacements === multiplePlacements.perChoice;\n\n  render() {\n    const {\n      allowMultiplePlacements,\n      classes,\n      className,\n      choice,\n      deleteFocusedEl,\n      focusedEl,\n      index,\n      onDelete,\n      connectDropTarget,\n      connectDragSource,\n      connectDragPreview,\n      imageSupport,\n      spellCheck,\n      toolbarOpts,\n      error,\n      maxImageWidth,\n      maxImageHeight,\n      uploadSoundSupport,\n    } = this.props;\n\n    const showRemoveAfterPlacing = this.isCheckboxShown(allowMultiplePlacements);\n    const draggable = canDrag(this.props);\n\n    return (\n      <Card className={classNames(classes.choice, className)}>\n        <CardActions className={classes.actions}>\n          {connectDragSource(\n            connectDropTarget(\n              <span className={classNames(classes.dragHandle, draggable === false && classes.dragDisabled)}>\n                <DragHandle color={draggable ? 'primary' : 'disabled'} />\n              </span>,\n            ),\n          )}\n        </CardActions>\n        {connectDragPreview(\n          <span>\n            <InputHeader\n              imageSupport={imageSupport}\n              focusedEl={focusedEl}\n              deleteFocusedEl={deleteFocusedEl}\n              index={index}\n              label={choice.content}\n              onChange={this.changeContent}\n              onDelete={onDelete}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheck}\n              error={error}\n              maxImageWidth={maxImageWidth}\n              maxImageHeight={maxImageHeight}\n              uploadSoundSupport={uploadSoundSupport}\n            />\n            {error && <div className={classes.errorText}>{error}</div>}\n          </span>,\n        )}\n\n        <CardActions className={classes.actions}>\n          <DeleteButton label={'delete'} onClick={onDelete} />\n          {showRemoveAfterPlacing && (\n            <Checkbox\n              mini\n              label={'Remove after placing'}\n              checked={choice.categoryCount === 1}\n              onChange={this.changeCategoryCount}\n            />\n          )}\n        </CardActions>\n      </Card>\n    );\n  }\n}\nconst styles = (theme) => ({\n  actions: {\n    padding: 0,\n    justifyContent: 'space-between',\n  },\n  choice: {\n    padding: theme.spacing.unit,\n    overflow: 'visible',\n  },\n  dragHandle: {\n    cursor: 'move',\n  },\n  dragDisabled: {\n    cursor: 'inherit',\n  },\n  errorText: {\n    fontSize: '11px',\n    color: 'red',\n    paddingBottom: '5px',\n  },\n});\n\nconst StyledChoice = withStyles(styles)(Choice);\n\nexport const spec = {\n  canDrag,\n  beginDrag: (props) => {\n    const out = {\n      id: props.choice.id,\n      index: props.index,\n    };\n    log('[beginDrag] out:', out);\n    return out;\n  },\n  endDrag: (props, monitor) => {\n    if (!monitor.didDrop()) {\n      const item = monitor.getItem();\n      if (item.categoryId) {\n        log('wasnt droppped - what to do?');\n        props.onRemoveChoice(item);\n      }\n    }\n  },\n};\n\nexport const specTarget = {\n  drop: (props, monitor) => {\n    log('[drop] props: ', props);\n    const item = monitor.getItem();\n    props.rearrangeChoices(item.index, props.index);\n  },\n  canDrop: (props, monitor) => {\n    const item = monitor.getItem();\n    return props.choice.id !== item.id;\n  },\n};\n\nexport default uid.withUid(\n  flow(\n    DragSource(\n      ({ uid }) => uid,\n      spec,\n      (connect, monitor) => ({\n        connectDragSource: connect.dragSource(),\n        connectDragPreview: connect.dragPreview(),\n        isDragging: monitor.isDragging(),\n      }),\n    ),\n    DropTarget(\n      ({ uid }) => uid,\n      specTarget,\n      (connect, monitor) => ({\n        connectDropTarget: connect.dropTarget(),\n        isOver: monitor.isOver(),\n      }),\n    ),\n  )(StyledChoice),\n);\n"],"mappings":"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"}

package/configure/lib/design/choices/config.js

@@ -0,0 +1,113 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Config = 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 _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+var _List = _interopRequireDefault(require("@material-ui/core/List"));
+var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
+var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
+var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
+var _configUi = require("@pie-lib/config-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 Config = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Config, _React$Component);
+  var _super = _createSuper(Config);
+  function Config() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Config);
+    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 (_ref) {
+      var target = _ref.target;
+      _this.props.onModelChanged({
+        choicesLabel: target.value
+      });
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(Config, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        classes = _this$props.classes,
+        className = _this$props.className,
+        config = _this$props.config,
+        spellCheck = _this$props.spellCheck;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.config, className)
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.configuration
+      }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+        className: classes.label,
+        InputLabelProps: {
+          shrink: true
+        },
+        label: "Label",
+        value: config.choicesLabel,
+        onChange: this.changeLabel,
+        spellCheck: spellCheck
+      })));
+    }
+  }]);
+  return Config;
+}(_react["default"].Component);
+exports.Config = Config;
+(0, _defineProperty2["default"])(Config, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  className: _propTypes["default"].string,
+  config: _propTypes["default"].object,
+  onModelChanged: _propTypes["default"].func
+});
+(0, _defineProperty2["default"])(Config, "defaultProps", {});
+var styles = function styles(theme) {
+  return {
+    configuration: {
+      display: 'grid',
+      alignItems: 'center',
+      gridColumnGap: "".concat(theme.spacing.unit, "px"),
+      gridRowGap: "".concat(theme.spacing.unit, "px"),
+      gridTemplateColumns: 'repeat(2, 1fr)',
+      justifyContent: 'space-between',
+      marginBottom: theme.spacing.unit
+    },
+    choiceConfig: {
+      width: '100%',
+      maxWidth: 360,
+      backgroundColor: theme.palette.background.paper
+    },
+    row: {
+      display: 'grid',
+      gridColumnGap: "".concat(theme.spacing.unit, "px"),
+      gridRowGap: "".concat(theme.spacing.unit, "px"),
+      gridTemplateColumns: 'repeat(2, 1fr)',
+      justifyContent: 'space-between',
+      marginTop: theme.spacing.unit,
+      marginBottom: theme.spacing.unit
+    },
+    shuffleCheckbox: {
+      gridColumnStart: 2,
+      gridColumnEnd: 2
+    }
+  };
+};
+var _default = (0, _styles.withStyles)(styles)(Config);
+exports["default"] = _default;
+//# sourceMappingURL=config.js.map

package/configure/lib/design/choices/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_classnames","_TextField","_List","_ListItem","_ListItemText","_MenuItem","_Menu","_configUi","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","Config","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","concat","_defineProperty2","_assertThisInitialized2","_ref","target","props","onModelChanged","choicesLabel","value","_createClass2","key","render","_this$props","classes","className","config","spellCheck","createElement","classNames","configuration","label","InputLabelProps","shrink","onChange","changeLabel","React","Component","exports","PropTypes","object","isRequired","string","func","styles","theme","display","alignItems","gridColumnGap","spacing","unit","gridRowGap","gridTemplateColumns","justifyContent","marginBottom","choiceConfig","width","maxWidth","backgroundColor","palette","background","paper","row","marginTop","shuffleCheckbox","gridColumnStart","gridColumnEnd","_default","withStyles"],"sources":["../../../src/design/choices/config.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nimport TextField from '@material-ui/core/TextField';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Menu from '@material-ui/core/Menu';\nimport { Checkbox } from '@pie-lib/config-ui';\n\n\nexport class Config extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    config: PropTypes.object,\n    onModelChanged: PropTypes.func\n  };\n\n  static defaultProps = {};\n\n\n  changeLabel = ({ target }) => {\n    this.props.onModelChanged({ choicesLabel: target.value });\n  };\n\n\n  render() {\n    const { classes, className, config, spellCheck} = this.props;\n\n\n    return (\n      <div className={classNames(classes.config, className)}>\n        <div className={classes.configuration}>\n          <TextField\n            className={classes.label}\n            InputLabelProps={{\n              shrink: true\n            }}\n            label=\"Label\"\n            value={config.choicesLabel}\n            onChange={this.changeLabel}\n            spellCheck={spellCheck}\n          />\n        </div>\n      </div>\n    );\n  }\n}\nconst styles = theme => ({\n  configuration: {\n    display: 'grid',\n    alignItems: 'center',\n    gridColumnGap: `${theme.spacing.unit}px`,\n    gridRowGap: `${theme.spacing.unit}px`,\n    gridTemplateColumns: 'repeat(2, 1fr)',\n    justifyContent: 'space-between',\n    marginBottom: theme.spacing.unit\n  },\n  choiceConfig: {\n    width: '100%',\n    maxWidth: 360,\n    backgroundColor: theme.palette.background.paper\n  },\n  row: {\n    display: 'grid',\n    gridColumnGap: `${theme.spacing.unit}px`,\n    gridRowGap: `${theme.spacing.unit}px`,\n    gridTemplateColumns: 'repeat(2, 1fr)',\n    justifyContent: 'space-between',\n    marginTop: theme.spacing.unit,\n    marginBottom: theme.spacing.unit\n  },\n  shuffleCheckbox: {\n    gridColumnStart: 2,\n    gridColumnEnd: 2\n  }\n});\nexport default withStyles(styles)(Config);\n"],"mappings":"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"}

package/configure/lib/design/choices/index.js

@@ -0,0 +1,234 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Choices = 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 _buttons = require("../buttons");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _choice = _interopRequireDefault(require("./choice"));
+var _header = _interopRequireDefault(require("../header"));
+var _every = _interopRequireDefault(require("lodash/every"));
+var _config = _interopRequireDefault(require("./config"));
+var _configUi = require("@pie-lib/config-ui");
+var _categorize = require("@pie-lib/categorize");
+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 Choices = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Choices, _React$Component);
+  var _super = _createSuper(Choices);
+  function Choices() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Choices);
+    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), "state", {
+      focusedEl: null
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeChoice", function (choice) {
+      var _this$props = _this.props,
+        choices = _this$props.choices,
+        onModelChanged = _this$props.onModelChanged;
+      var index = choices.findIndex(function (h) {
+        return h.id === choice.id;
+      });
+      if (index !== -1) {
+        choices.splice(index, 1, choice);
+        onModelChanged({
+          choices: choices
+        });
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "allChoicesHaveCount", function (count) {
+      var choices = _this.props.choices;
+      return (0, _every["default"])(choices, function (c) {
+        return c.categoryCount === count;
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "addChoice", function () {
+      var _this$props2 = _this.props,
+        onModelChanged = _this$props2.onModelChanged,
+        model = _this$props2.model,
+        oldChoices = _this$props2.choices;
+      var id = _configUi.choiceUtils.firstAvailableIndex(model.choices.map(function (a) {
+        return a.id;
+      }), 0);
+      var data = {
+        id: id,
+        content: 'Choice ' + id
+      };
+      _this.setState({
+        focusedEl: oldChoices.length
+      }, function () {
+        onModelChanged({
+          choices: model.choices.concat([data])
+        });
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "deleteFocusedEl", function () {
+      _this.setState({
+        focusedEl: null
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "deleteChoice", function (choice) {
+      var _this$props3 = _this.props,
+        model = _this$props3.model,
+        onModelChanged = _this$props3.onModelChanged;
+      var index = model.choices.findIndex(function (a) {
+        return a.id === choice.id;
+      });
+      if (index !== -1) {
+        model.choices.splice(index, 1);
+        model.correctResponse = (0, _categorize.removeAllChoices)(choice.id, model.correctResponse);
+        onModelChanged(model);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "rearrangeChoices", function (indexFrom, indexTo) {
+      var _ref = _this.props || {},
+        model = _ref.model,
+        onModelChanged = _ref.onModelChanged;
+      var _ref2 = model || [],
+        choices = _ref2.choices;
+      choices = (0, _categorize.rearrangeChoices)(choices, indexFrom, indexTo);
+      onModelChanged({
+        choices: choices
+      });
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(Choices, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var focusedEl = this.state.focusedEl;
+      var _this$props4 = this.props,
+        classes = _this$props4.classes,
+        className = _this$props4.className,
+        choices = _this$props4.choices,
+        model = _this$props4.model,
+        imageSupport = _this$props4.imageSupport,
+        uploadSoundSupport = _this$props4.uploadSoundSupport,
+        onModelChanged = _this$props4.onModelChanged,
+        spellCheck = _this$props4.spellCheck,
+        toolbarOpts = _this$props4.toolbarOpts,
+        configuration = _this$props4.configuration,
+        defaultImageMaxWidth = _this$props4.defaultImageMaxWidth,
+        defaultImageMaxHeight = _this$props4.defaultImageMaxHeight;
+      var errors = model.errors,
+        allowMultiplePlacementsEnabled = model.allowMultiplePlacementsEnabled,
+        lockChoiceOrder = model.lockChoiceOrder;
+      var _ref3 = errors || {},
+        choicesError = _ref3.choicesError,
+        choicesErrors = _ref3.choicesErrors;
+      var _ref4 = configuration || {},
+        maxChoices = _ref4.maxChoices,
+        _ref4$maxImageWidth = _ref4.maxImageWidth,
+        maxImageWidth = _ref4$maxImageWidth === void 0 ? {} : _ref4$maxImageWidth,
+        _ref4$maxImageHeight = _ref4.maxImageHeight,
+        maxImageHeight = _ref4$maxImageHeight === void 0 ? {} : _ref4$maxImageHeight;
+      var categoryCountIsOne = this.allChoicesHaveCount(1);
+      var choiceHolderStyle = {
+        gridTemplateColumns: "repeat(".concat(model.categoriesPerRow, ", 1fr)")
+      };
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.choices, className)
+      }, /*#__PURE__*/_react["default"].createElement(_header["default"], {
+        label: "Choices",
+        buttonLabel: "ADD A CHOICE",
+        onAdd: this.addChoice,
+        buttonDisabled: maxChoices && choices && maxChoices === choices.length
+      }), choicesError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, choicesError), /*#__PURE__*/_react["default"].createElement(_config["default"], {
+        config: model,
+        onModelChanged: onModelChanged,
+        spellCheck: spellCheck
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.choiceHolder,
+        style: choiceHolderStyle
+      }, choices.map(function (h, index) {
+        return /*#__PURE__*/_react["default"].createElement(_choice["default"], {
+          choice: h,
+          focusedEl: focusedEl,
+          deleteFocusedEl: _this2.deleteFocusedEl,
+          correctResponseCount: h.correctResponseCount,
+          allowMultiplePlacements: allowMultiplePlacementsEnabled,
+          lockChoiceOrder: lockChoiceOrder,
+          index: index,
+          key: index,
+          imageSupport: imageSupport,
+          onChange: _this2.changeChoice,
+          onDelete: function onDelete() {
+            return _this2.deleteChoice(h);
+          },
+          rearrangeChoices: function rearrangeChoices(indexFrom, indexTo) {
+            return _this2.rearrangeChoices(indexFrom, indexTo);
+          },
+          toolbarOpts: toolbarOpts,
+          spellCheck: spellCheck,
+          error: choicesErrors && choicesErrors[h.id],
+          maxImageWidth: maxImageWidth && maxImageWidth.choice || defaultImageMaxWidth,
+          maxImageHeight: maxImageHeight && maxImageHeight.choice || defaultImageMaxHeight,
+          uploadSoundSupport: uploadSoundSupport
+        });
+      })), /*#__PURE__*/_react["default"].createElement(_buttons.Divider, null));
+    }
+  }]);
+  return Choices;
+}(_react["default"].Component);
+exports.Choices = Choices;
+(0, _defineProperty2["default"])(Choices, "propTypes", {
+  model: _propTypes["default"].object.isRequired,
+  configuration: _propTypes["default"].object.isRequired,
+  classes: _propTypes["default"].object.isRequired,
+  className: _propTypes["default"].string,
+  choices: _propTypes["default"].array.isRequired,
+  onModelChanged: _propTypes["default"].func.isRequired,
+  imageSupport: _propTypes["default"].shape({
+    add: _propTypes["default"].func.isRequired,
+    "delete": _propTypes["default"].func.isRequired
+  }),
+  uploadSoundSupport: _propTypes["default"].shape({
+    add: _propTypes["default"].func.isRequired,
+    "delete": _propTypes["default"].func.isRequired
+  }),
+  toolbarOpts: _propTypes["default"].object
+});
+(0, _defineProperty2["default"])(Choices, "defaultProps", {});
+var styles = function styles(theme) {
+  return {
+    choiceHolder: {
+      paddingTop: theme.spacing.unit,
+      paddingBottom: theme.spacing.unit,
+      display: 'grid',
+      gridRowGap: "".concat(theme.spacing.unit, "px"),
+      gridColumnGap: "".concat(theme.spacing.unit, "px")
+    },
+    choices: {
+      paddingTop: theme.spacing.unit * 2,
+      paddingBottom: theme.spacing.unit * 2
+    },
+    label: {},
+    errorText: {
+      fontSize: '12px',
+      color: 'red',
+      padding: '5px 0'
+    }
+  };
+};
+var _default = (0, _styles.withStyles)(styles)(Choices);
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/configure/lib/design/choices/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_buttons","_classnames","_choice","_header","_every","_config","_configUi","_categorize","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","Choices","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","concat","_defineProperty2","_assertThisInitialized2","focusedEl","choice","_this$props","props","choices","onModelChanged","index","findIndex","h","id","splice","count","every","c","categoryCount","_this$props2","model","oldChoices","utils","firstAvailableIndex","map","a","data","content","setState","_this$props3","correctResponse","removeAllChoices","indexFrom","indexTo","_ref","_ref2","rearrangeChoices","_createClass2","key","value","render","_this2","state","_this$props4","classes","className","imageSupport","uploadSoundSupport","spellCheck","toolbarOpts","configuration","defaultImageMaxWidth","defaultImageMaxHeight","errors","allowMultiplePlacementsEnabled","lockChoiceOrder","_ref3","choicesError","choicesErrors","_ref4","maxChoices","_ref4$maxImageWidth","maxImageWidth","_ref4$maxImageHeight","maxImageHeight","categoryCountIsOne","allChoicesHaveCount","choiceHolderStyle","gridTemplateColumns","categoriesPerRow","createElement","classNames","label","buttonLabel","onAdd","addChoice","buttonDisabled","errorText","config","choiceHolder","style","deleteFocusedEl","correctResponseCount","allowMultiplePlacements","onChange","changeChoice","onDelete","deleteChoice","error","Divider","React","Component","exports","PropTypes","object","isRequired","string","array","func","shape","add","styles","theme","paddingTop","spacing","unit","paddingBottom","display","gridRowGap","gridColumnGap","fontSize","color","padding","_default","withStyles"],"sources":["../../../src/design/choices/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Divider } from '../buttons';\nimport classNames from 'classnames';\nimport Choice from './choice';\nimport Header from '../header';\nimport every from 'lodash/every';\nimport Config from './config';\nimport { choiceUtils as utils } from '@pie-lib/config-ui';\nimport { removeAllChoices } from '@pie-lib/categorize';\nimport { rearrangeChoices } from '@pie-lib/categorize';\n\nexport class Choices extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    choices: PropTypes.array.isRequired,\n    onModelChanged: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    toolbarOpts: PropTypes.object,\n  };\n\n  static defaultProps = {};\n\n  state = {\n    focusedEl: null,\n  };\n\n  changeChoice = (choice) => {\n    const { choices, onModelChanged } = this.props;\n    const index = choices.findIndex((h) => h.id === choice.id);\n    if (index !== -1) {\n      choices.splice(index, 1, choice);\n      onModelChanged({ choices });\n    }\n  };\n\n  allChoicesHaveCount = (count) => {\n    const { choices } = this.props;\n    return every(choices, (c) => c.categoryCount === count);\n  };\n\n  addChoice = () => {\n    const { onModelChanged, model, choices: oldChoices } = this.props;\n\n    const id = utils.firstAvailableIndex(\n      model.choices.map((a) => a.id),\n      0,\n    );\n    const data = { id, content: 'Choice ' + id };\n\n    this.setState(\n      {\n        focusedEl: oldChoices.length,\n      },\n      () => {\n        onModelChanged({ choices: model.choices.concat([data]) });\n      },\n    );\n  };\n\n  deleteFocusedEl = () => {\n    this.setState({\n      focusedEl: null,\n    });\n  };\n\n  deleteChoice = (choice) => {\n    const { model, onModelChanged } = this.props;\n    const index = model.choices.findIndex((a) => a.id === choice.id);\n    if (index !== -1) {\n      model.choices.splice(index, 1);\n      model.correctResponse = removeAllChoices(choice.id, model.correctResponse);\n      onModelChanged(model);\n    }\n  };\n\n  rearrangeChoices = (indexFrom, indexTo) => {\n    const { model, onModelChanged } = this.props || {};\n    let { choices } = model || [];\n    choices = rearrangeChoices(choices, indexFrom, indexTo);\n    onModelChanged({ choices });\n  };\n\n  render() {\n    const { focusedEl } = this.state;\n    const {\n      classes,\n      className,\n      choices,\n      model,\n      imageSupport,\n      uploadSoundSupport,\n      onModelChanged,\n      spellCheck,\n      toolbarOpts,\n      configuration,\n      defaultImageMaxWidth,\n      defaultImageMaxHeight,\n    } = this.props;\n    const { errors, allowMultiplePlacementsEnabled, lockChoiceOrder } = model;\n    const { choicesError, choicesErrors } = errors || {};\n    const { maxChoices, maxImageWidth = {}, maxImageHeight = {} } = configuration || {};\n\n    const categoryCountIsOne = this.allChoicesHaveCount(1);\n    const choiceHolderStyle = {\n      gridTemplateColumns: `repeat(${model.categoriesPerRow}, 1fr)`,\n    };\n\n    return (\n      <div className={classNames(classes.choices, className)}>\n        <Header\n          label=\"Choices\"\n          buttonLabel=\"ADD A CHOICE\"\n          onAdd={this.addChoice}\n          buttonDisabled={maxChoices && choices && maxChoices === choices.length}\n        />\n        {choicesError && <div className={classes.errorText}>{choicesError}</div>}\n        <Config config={model} onModelChanged={onModelChanged} spellCheck={spellCheck} />\n        <div className={classes.choiceHolder} style={choiceHolderStyle}>\n          {choices.map((h, index) => {\n            return (\n              <Choice\n                choice={h}\n                focusedEl={focusedEl}\n                deleteFocusedEl={this.deleteFocusedEl}\n                correctResponseCount={h.correctResponseCount}\n                allowMultiplePlacements={allowMultiplePlacementsEnabled}\n                lockChoiceOrder={lockChoiceOrder}\n                index={index}\n                key={index}\n                imageSupport={imageSupport}\n                onChange={this.changeChoice}\n                onDelete={() => this.deleteChoice(h)}\n                rearrangeChoices={(indexFrom, indexTo) => this.rearrangeChoices(indexFrom, indexTo)}\n                toolbarOpts={toolbarOpts}\n                spellCheck={spellCheck}\n                error={choicesErrors && choicesErrors[h.id]}\n                maxImageWidth={(maxImageWidth && maxImageWidth.choice) || defaultImageMaxWidth}\n                maxImageHeight={(maxImageHeight && maxImageHeight.choice) || defaultImageMaxHeight}\n                uploadSoundSupport={uploadSoundSupport}\n              />\n            );\n          })}\n        </div>\n        <Divider />\n      </div>\n    );\n  }\n}\nconst styles = (theme) => ({\n  choiceHolder: {\n    paddingTop: theme.spacing.unit,\n    paddingBottom: theme.spacing.unit,\n    display: 'grid',\n    gridRowGap: `${theme.spacing.unit}px`,\n    gridColumnGap: `${theme.spacing.unit}px`,\n  },\n  choices: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  label: {},\n  errorText: {\n    fontSize: '12px',\n    color: 'red',\n    padding: '5px 0',\n  },\n});\nexport default withStyles(styles)(Choices);\n"],"mappings":"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"}

package/configure/lib/design/header.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Header = 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 _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _styles = require("@material-ui/core/styles");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _buttons = require("./buttons");
+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 Header = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Header, _React$Component);
+  var _super = _createSuper(Header);
+  function Header() {
+    (0, _classCallCheck2["default"])(this, Header);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(Header, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        classes = _this$props.classes,
+        className = _this$props.className,
+        onAdd = _this$props.onAdd,
+        label = _this$props.label,
+        buttonLabel = _this$props.buttonLabel,
+        info = _this$props.info,
+        buttonDisabled = _this$props.buttonDisabled,
+        variant = _this$props.variant;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.header, className)
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.titleContainer
+      }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+        variant: variant || "title",
+        className: classes.title
+      }, label), info), /*#__PURE__*/_react["default"].createElement(_buttons.AddButton, {
+        onClick: onAdd,
+        label: buttonLabel,
+        disabled: buttonDisabled
+      }));
+    }
+  }]);
+  return Header;
+}(_react["default"].Component);
+exports.Header = Header;
+(0, _defineProperty2["default"])(Header, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  className: _propTypes["default"].string,
+  buttonLabel: _propTypes["default"].string,
+  onAdd: _propTypes["default"].func.isRequired,
+  label: _propTypes["default"].string.isRequired,
+  info: _propTypes["default"].any,
+  buttonDisabled: _propTypes["default"].bool,
+  variant: _propTypes["default"].string
+});
+(0, _defineProperty2["default"])(Header, "defaultProps", {});
+var styles = function styles(theme) {
+  return {
+    header: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      marginBottom: 2 * theme.spacing.unit
+    },
+    titleContainer: {
+      display: 'flex'
+    }
+  };
+};
+var _default = (0, _styles.withStyles)(styles)(Header);
+exports["default"] = _default;
+//# sourceMappingURL=header.js.map

package/configure/lib/design/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","names":["_react","_interopRequireDefault","require","_propTypes","_Typography","_styles","_classnames","_buttons","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","Header","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","render","_this$props","props","classes","className","onAdd","label","buttonLabel","info","buttonDisabled","variant","createElement","classNames","header","titleContainer","title","AddButton","onClick","disabled","React","Component","exports","_defineProperty2","PropTypes","object","isRequired","string","func","any","bool","styles","theme","display","justifyContent","marginBottom","spacing","unit","_default","withStyles"],"sources":["../../src/design/header.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { AddButton } from './buttons';\n\nexport class Header extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    buttonLabel: PropTypes.string,\n    onAdd: PropTypes.func.isRequired,\n    label: PropTypes.string.isRequired,\n    info: PropTypes.any,\n    buttonDisabled: PropTypes.bool,\n    variant: PropTypes.string,\n  };\n\n  static defaultProps = {};\n  render() {\n    const { classes, className, onAdd, label, buttonLabel, info, buttonDisabled, variant } = this.props;\n    return (\n      <div className={classNames(classes.header, className)}>\n        <div className={classes.titleContainer}>\n          <Typography variant={variant || \"title\"} className={classes.title}>\n            {label}\n          </Typography>\n          {info}\n        </div>\n        <AddButton onClick={onAdd} label={buttonLabel} disabled={buttonDisabled} />\n      </div>\n    );\n  }\n}\nconst styles = (theme) => ({\n  header: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    marginBottom: 2 * theme.spacing.unit,\n  },\n  titleContainer: {\n    display: 'flex',\n  },\n});\nexport default withStyles(styles)(Header);\n"],"mappings":"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"}