@pie-element/categorize 6.7.2 → 6.7.3-next.1008

package/module/configure.js

@@ -1,3155 +0,0 @@
-import {_dll_lodash, _dll_react, _dll_prop_types, _dll_material_ui__core_styles, _dll_material_ui__core, _dll_pie_lib__drag, _dll_pie_lib__render_ui, _dll_react_dnd, _dll_react_dom} from "../../../@pie-ui/shared-lib@^4.3.3/module/index.js";
-import {_dll_pie_lib__editable_html, _dll_pie_lib__config_ui, _dll_pie_framework__pie_configure_events} from "../../shared-config@^1.8.13/module/index.js";
-function unwrapExports(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-function createCommonjsModule(fn, module) {
-  return (module = {
-    exports: {}
-  }, fn(module, module.exports), module.exports);
-}
-var classnames = createCommonjsModule(function (module) {
-  (function () {
-    var hasOwn = ({}).hasOwnProperty;
-    function classNames() {
-      var classes = [];
-      for (var i = 0; i < arguments.length; i++) {
-        var arg = arguments[i];
-        if (!arg) continue;
-        var argType = typeof arg;
-        if (argType === 'string' || argType === 'number') {
-          classes.push(arg);
-        } else if (Array.isArray(arg) && arg.length) {
-          var inner = classNames.apply(null, arg);
-          if (inner) {
-            classes.push(inner);
-          }
-        } else if (argType === 'object') {
-          for (var key in arg) {
-            if (hasOwn.call(arg, key) && arg[key]) {
-              classes.push(key);
-            }
-          }
-        }
-      }
-      return classes.join(' ');
-    }
-    if (module.exports) {
-      classNames.default = classNames;
-      module.exports = classNames;
-    } else {
-      window.classNames = classNames;
-    }
-  })();
-});
-var s = 1000;
-var m = s * 60;
-var h = m * 60;
-var d = h * 24;
-var w = d * 7;
-var y = d * 365.25;
-var ms = function (val, options) {
-  options = options || ({});
-  var type = typeof val;
-  if (type === 'string' && val.length > 0) {
-    return parse(val);
-  } else if (type === 'number' && isFinite(val)) {
-    return options.long ? fmtLong(val) : fmtShort(val);
-  }
-  throw new Error('val is not a non-empty string or a valid number. val=' + JSON.stringify(val));
-};
-function parse(str) {
-  str = String(str);
-  if (str.length > 100) {
-    return;
-  }
-  var match = (/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i).exec(str);
-  if (!match) {
-    return;
-  }
-  var n = parseFloat(match[1]);
-  var type = (match[2] || 'ms').toLowerCase();
-  switch (type) {
-    case 'years':
-    case 'year':
-    case 'yrs':
-    case 'yr':
-    case 'y':
-      return n * y;
-    case 'weeks':
-    case 'week':
-    case 'w':
-      return n * w;
-    case 'days':
-    case 'day':
-    case 'd':
-      return n * d;
-    case 'hours':
-    case 'hour':
-    case 'hrs':
-    case 'hr':
-    case 'h':
-      return n * h;
-    case 'minutes':
-    case 'minute':
-    case 'mins':
-    case 'min':
-    case 'm':
-      return n * m;
-    case 'seconds':
-    case 'second':
-    case 'secs':
-    case 'sec':
-    case 's':
-      return n * s;
-    case 'milliseconds':
-    case 'millisecond':
-    case 'msecs':
-    case 'msec':
-    case 'ms':
-      return n;
-    default:
-      return undefined;
-  }
-}
-function fmtShort(ms) {
-  var msAbs = Math.abs(ms);
-  if (msAbs >= d) {
-    return Math.round(ms / d) + 'd';
-  }
-  if (msAbs >= h) {
-    return Math.round(ms / h) + 'h';
-  }
-  if (msAbs >= m) {
-    return Math.round(ms / m) + 'm';
-  }
-  if (msAbs >= s) {
-    return Math.round(ms / s) + 's';
-  }
-  return ms + 'ms';
-}
-function fmtLong(ms) {
-  var msAbs = Math.abs(ms);
-  if (msAbs >= d) {
-    return plural(ms, msAbs, d, 'day');
-  }
-  if (msAbs >= h) {
-    return plural(ms, msAbs, h, 'hour');
-  }
-  if (msAbs >= m) {
-    return plural(ms, msAbs, m, 'minute');
-  }
-  if (msAbs >= s) {
-    return plural(ms, msAbs, s, 'second');
-  }
-  return ms + ' ms';
-}
-function plural(ms, msAbs, n, name) {
-  var isPlural = msAbs >= n * 1.5;
-  return Math.round(ms / n) + ' ' + name + (isPlural ? 's' : '');
-}
-function setup(env) {
-  createDebug.debug = createDebug;
-  createDebug.default = createDebug;
-  createDebug.coerce = coerce;
-  createDebug.disable = disable;
-  createDebug.enable = enable;
-  createDebug.enabled = enabled;
-  createDebug.humanize = ms;
-  createDebug.destroy = destroy;
-  Object.keys(env).forEach(key => {
-    createDebug[key] = env[key];
-  });
-  createDebug.names = [];
-  createDebug.skips = [];
-  createDebug.formatters = {};
-  function selectColor(namespace) {
-    let hash = 0;
-    for (let i = 0; i < namespace.length; i++) {
-      hash = (hash << 5) - hash + namespace.charCodeAt(i);
-      hash |= 0;
-    }
-    return createDebug.colors[Math.abs(hash) % createDebug.colors.length];
-  }
-  createDebug.selectColor = selectColor;
-  function createDebug(namespace) {
-    let prevTime;
-    let enableOverride = null;
-    function debug(...args) {
-      if (!debug.enabled) {
-        return;
-      }
-      const self = debug;
-      const curr = Number(new Date());
-      const ms = curr - (prevTime || curr);
-      self.diff = ms;
-      self.prev = prevTime;
-      self.curr = curr;
-      prevTime = curr;
-      args[0] = createDebug.coerce(args[0]);
-      if (typeof args[0] !== 'string') {
-        args.unshift('%O');
-      }
-      let index = 0;
-      args[0] = args[0].replace(/%([a-zA-Z%])/g, (match, format) => {
-        if (match === '%%') {
-          return '%';
-        }
-        index++;
-        const formatter = createDebug.formatters[format];
-        if (typeof formatter === 'function') {
-          const val = args[index];
-          match = formatter.call(self, val);
-          args.splice(index, 1);
-          index--;
-        }
-        return match;
-      });
-      createDebug.formatArgs.call(self, args);
-      const logFn = self.log || createDebug.log;
-      logFn.apply(self, args);
-    }
-    debug.namespace = namespace;
-    debug.useColors = createDebug.useColors();
-    debug.color = createDebug.selectColor(namespace);
-    debug.extend = extend;
-    debug.destroy = createDebug.destroy;
-    Object.defineProperty(debug, 'enabled', {
-      enumerable: true,
-      configurable: false,
-      get: () => enableOverride === null ? createDebug.enabled(namespace) : enableOverride,
-      set: v => {
-        enableOverride = v;
-      }
-    });
-    if (typeof createDebug.init === 'function') {
-      createDebug.init(debug);
-    }
-    return debug;
-  }
-  function extend(namespace, delimiter) {
-    const newDebug = createDebug(this.namespace + (typeof delimiter === 'undefined' ? ':' : delimiter) + namespace);
-    newDebug.log = this.log;
-    return newDebug;
-  }
-  function enable(namespaces) {
-    createDebug.save(namespaces);
-    createDebug.names = [];
-    createDebug.skips = [];
-    let i;
-    const split = (typeof namespaces === 'string' ? namespaces : '').split(/[\s,]+/);
-    const len = split.length;
-    for (i = 0; i < len; i++) {
-      if (!split[i]) {
-        continue;
-      }
-      namespaces = split[i].replace(/\*/g, '.*?');
-      if (namespaces[0] === '-') {
-        createDebug.skips.push(new RegExp('^' + namespaces.substr(1) + '$'));
-      } else {
-        createDebug.names.push(new RegExp('^' + namespaces + '$'));
-      }
-    }
-  }
-  function disable() {
-    const namespaces = [...createDebug.names.map(toNamespace), ...createDebug.skips.map(toNamespace).map(namespace => '-' + namespace)].join(',');
-    createDebug.enable('');
-    return namespaces;
-  }
-  function enabled(name) {
-    if (name[name.length - 1] === '*') {
-      return true;
-    }
-    let i;
-    let len;
-    for ((i = 0, len = createDebug.skips.length); i < len; i++) {
-      if (createDebug.skips[i].test(name)) {
-        return false;
-      }
-    }
-    for ((i = 0, len = createDebug.names.length); i < len; i++) {
-      if (createDebug.names[i].test(name)) {
-        return true;
-      }
-    }
-    return false;
-  }
-  function toNamespace(regexp) {
-    return regexp.toString().substring(2, regexp.toString().length - 2).replace(/\.\*\?$/, '*');
-  }
-  function coerce(val) {
-    if (val instanceof Error) {
-      return val.stack || val.message;
-    }
-    return val;
-  }
-  function destroy() {
-    console.warn('Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.');
-  }
-  createDebug.enable(createDebug.load());
-  return createDebug;
-}
-var common = setup;
-var browser = createCommonjsModule(function (module, exports) {
-  exports.formatArgs = formatArgs;
-  exports.save = save;
-  exports.load = load;
-  exports.useColors = useColors;
-  exports.storage = localstorage();
-  exports.destroy = (() => {
-    let warned = false;
-    return () => {
-      if (!warned) {
-        warned = true;
-        console.warn('Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.');
-      }
-    };
-  })();
-  exports.colors = ['#0000CC', '#0000FF', '#0033CC', '#0033FF', '#0066CC', '#0066FF', '#0099CC', '#0099FF', '#00CC00', '#00CC33', '#00CC66', '#00CC99', '#00CCCC', '#00CCFF', '#3300CC', '#3300FF', '#3333CC', '#3333FF', '#3366CC', '#3366FF', '#3399CC', '#3399FF', '#33CC00', '#33CC33', '#33CC66', '#33CC99', '#33CCCC', '#33CCFF', '#6600CC', '#6600FF', '#6633CC', '#6633FF', '#66CC00', '#66CC33', '#9900CC', '#9900FF', '#9933CC', '#9933FF', '#99CC00', '#99CC33', '#CC0000', '#CC0033', '#CC0066', '#CC0099', '#CC00CC', '#CC00FF', '#CC3300', '#CC3333', '#CC3366', '#CC3399', '#CC33CC', '#CC33FF', '#CC6600', '#CC6633', '#CC9900', '#CC9933', '#CCCC00', '#CCCC33', '#FF0000', '#FF0033', '#FF0066', '#FF0099', '#FF00CC', '#FF00FF', '#FF3300', '#FF3333', '#FF3366', '#FF3399', '#FF33CC', '#FF33FF', '#FF6600', '#FF6633', '#FF9900', '#FF9933', '#FFCC00', '#FFCC33'];
-  function useColors() {
-    if (typeof window !== 'undefined' && window.process && (window.process.type === 'renderer' || window.process.__nwjs)) {
-      return true;
-    }
-    if (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)) {
-      return false;
-    }
-    return typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance || typeof window !== 'undefined' && window.console && (window.console.firebug || window.console.exception && window.console.table) || typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/) && parseInt(RegExp.$1, 10) >= 31 || typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/);
-  }
-  function formatArgs(args) {
-    args[0] = (this.useColors ? '%c' : '') + this.namespace + (this.useColors ? ' %c' : ' ') + args[0] + (this.useColors ? '%c ' : ' ') + '+' + module.exports.humanize(this.diff);
-    if (!this.useColors) {
-      return;
-    }
-    const c = 'color: ' + this.color;
-    args.splice(1, 0, c, 'color: inherit');
-    let index = 0;
-    let lastC = 0;
-    args[0].replace(/%[a-zA-Z%]/g, match => {
-      if (match === '%%') {
-        return;
-      }
-      index++;
-      if (match === '%c') {
-        lastC = index;
-      }
-    });
-    args.splice(lastC, 0, c);
-  }
-  exports.log = console.debug || console.log || (() => {});
-  function save(namespaces) {
-    try {
-      if (namespaces) {
-        exports.storage.setItem('debug', namespaces);
-      } else {
-        exports.storage.removeItem('debug');
-      }
-    } catch (error) {}
-  }
-  function load() {
-    let r;
-    try {
-      r = exports.storage.getItem('debug');
-    } catch (error) {}
-    if (!r && typeof process !== 'undefined' && ('env' in process)) {
-      r = process.env.DEBUG;
-    }
-    return r;
-  }
-  function localstorage() {
-    try {
-      return localStorage;
-    } catch (error) {}
-  }
-  module.exports = common(exports);
-  const {formatters} = module.exports;
-  formatters.j = function (v) {
-    try {
-      return JSON.stringify(v);
-    } catch (error) {
-      return '[UnexpectedJSONParseError]: ' + error.message;
-    }
-  };
-});
-browser.formatArgs;
-browser.save;
-browser.load;
-browser.useColors;
-browser.storage;
-browser.destroy;
-browser.colors;
-browser.log;
-browser('@pie-lib:categorize:scoring');
-const {clone: clone} = _dll_lodash;
-const {remove: remove} = _dll_lodash;
-const log = browser('@pie-lib:categorize');
-const limitInArrays = (id, arrays, limit) => {
-  arrays = arrays || [];
-  const result = arrays.reduce((acc, array) => {
-    const l = limit - acc.count;
-    const result = limitInArray(id, array, l);
-    acc.out.push(result.array);
-    acc.count = acc.count + (result.count || 0);
-    return acc;
-  }, {
-    out: [],
-    count: 0
-  });
-  return result.out;
-};
-const limitInArray = (id, arr, limit) => {
-  arr = arr || [];
-  if (limit === 0) {
-    const stripped = arr.filter(v => v !== id);
-    return {
-      array: stripped,
-      count: arr.length - stripped.length
-    };
-  } else {
-    const result = arr.reduce((acc, v) => {
-      if (v === id) {
-        if (acc.count < limit) {
-          acc.count += 1;
-          acc.out.push(v);
-        }
-      } else {
-        acc.out.push(v);
-      }
-      return acc;
-    }, {
-      out: [],
-      count: 0
-    });
-    return {
-      array: result.out,
-      count: result.count
-    };
-  }
-};
-const ensureNoExtraChoicesInAnswer = (answer, choices) => {
-  choices = choices || [];
-  const out = choices.reduce((answerArray, choice) => {
-    log('choice: ----> ', choice.id, 'categoryCount: ', choice.categoryCount);
-    if (choice.categoryCount === undefined || choice.categoryCount === 0) {
-      return answerArray;
-    } else {
-      const choices = answerArray.map(a => a.choices);
-      const result = limitInArrays(choice.id, choices, choice.categoryCount);
-      const updatedArray = result.map((r, index) => {
-        return {
-          category: answerArray[index].category,
-          alternateResponses: answerArray[index].alternateResponses,
-          choices: r
-        };
-      });
-      return updatedArray;
-    }
-  }, answer);
-  return out;
-};
-const countInAnswer = (choiceId, answer) => {
-  const out = answer.reduce((acc, a) => acc + countInChoices(choiceId, a.choices), 0);
-  log('[countInAnswer] choiceId:', choiceId, answer);
-  return out;
-};
-const countInChoices = (choiceId, choices) => (choices || []).filter(c => c === choiceId).length;
-const removeCategory = (categoryId, answers) => answers.filter(a => a.category !== categoryId);
-const removeAllChoices = (choiceId, answers, categoryId) => {
-  return answers.map(a => {
-    if (!categoryId || a.category === categoryId) {
-      const cloned = clone(a.choices);
-      remove(cloned, v => v === choiceId);
-      return {
-        ...a,
-        choices: cloned
-      };
-    } else {
-      return a;
-    }
-  });
-};
-const removeChoiceFromCategory = (choiceId, categoryId, choiceIndex, answers) => {
-  log('[removeChoiceFromCategory] choiceIndex:', choiceIndex);
-  return answers.map(a => {
-    if (a.category === categoryId) {
-      const cloned = clone(a.choices);
-      const index = cloned.findIndex((v, index) => {
-        return v === choiceId && index >= choiceIndex;
-      });
-      if (index !== -1) {
-        cloned.splice(index, 1);
-      }
-      return {
-        ...a,
-        choices: cloned
-      };
-    } else {
-      return a;
-    }
-  });
-};
-const moveChoiceToCategory = (choiceId, from, to, choiceIndex, answers) => {
-  log('[moveChoiceToCategory] choice: ', choiceId, 'from: ', from, 'to: ', to, 'answers: ', answers);
-  if (from === to) {
-    return answers;
-  }
-  if (from) {
-    answers = removeChoiceFromCategory(choiceId, from, choiceIndex, answers);
-  }
-  const index = answers.findIndex(a => a.category === to);
-  if (index === -1) {
-    answers.push({
-      category: to,
-      choices: [choiceId]
-    });
-    return answers;
-  } else {
-    return answers.map(a => {
-      if (a.category === to) {
-        a.choices = a.choices || [];
-        a.choices.push(choiceId);
-        return a;
-      }
-      return a;
-    });
-  }
-};
-const React = _dll_react;
-const PropTypes = _dll_prop_types;
-const {withStyles: withStyles} = _dll_material_ui__core_styles;
-const EditableHtml = _dll_pie_lib__editable_html;
-const _jsxFileName = "/home/ede/dev/github/pie-framework/pie-elements/packages/categorize/configure/src/design/input-header.jsx";
-class InputHeader extends React.Component {
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes.object.isRequired,
-      className: PropTypes.string,
-      label: PropTypes.string,
-      onChange: PropTypes.func,
-      onDelete: PropTypes.func,
-      imageSupport: PropTypes.shape({
-        add: PropTypes.func.isRequired,
-        delete: PropTypes.func.isRequired
-      })
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {};
-  }
-  render() {
-    const {onChange, label, classes, className, imageSupport} = this.props;
-    return React.createElement('div', {
-      className: classnames(classes.inputHeader, className),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 25
-      }
-    }, React.createElement(EditableHtml, {
-      imageSupport: imageSupport,
-      autoWidthToolbar: true,
-      label: 'label',
-      markup: label,
-      onChange: onChange,
-      className: classes.editor,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 26
-      }
-    }));
-  }
-}
-InputHeader.__initStatic();
-InputHeader.__initStatic2();
-const styles = theme => ({
-  editor: {
-    flex: '1',
-    paddingBottom: theme.spacing.unit
-  },
-  iconButtonRoot: {
-    width: 'auto',
-    height: 'auto'
-  },
-  inputHeader: {
-    display: 'flex',
-    justifyContent: 'space-between'
-  }
-});
-var InputHeader$1 = withStyles(styles)(InputHeader);
-const React$1 = _dll_react;
-const PropTypes$1 = _dll_prop_types;
-const {withStyles: withStyles$1} = _dll_material_ui__core_styles;
-const {Button: Button} = _dll_material_ui__core;
-const {Divider: MuiDivider} = _dll_material_ui__core;
-const _jsxFileName$1 = "/home/ede/dev/github/pie-framework/pie-elements/packages/categorize/configure/src/design/buttons.jsx";
-class RawAddButton extends React$1.Component {
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$1.object.isRequired,
-      className: PropTypes$1.string,
-      label: PropTypes$1.string,
-      onClick: PropTypes$1.func,
-      disabled: PropTypes$1.bool
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {
-      label: 'Add'
-    };
-  }
-  render() {
-    const {classes, className, label, onClick, disabled} = this.props;
-    return React$1.createElement(Button, {
-      onClick: onClick,
-      disabled: disabled,
-      className: classnames(classes.addButton, className),
-      size: "small",
-      variant: "contained",
-      color: "primary",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 24
-      }
-    }, label);
-  }
-}
-RawAddButton.__initStatic();
-RawAddButton.__initStatic2();
-const styles$1 = theme => ({
-  addButton: {
-    height: theme.spacing.unit * 4
-  }
-});
-const AddButton = withStyles$1(styles$1)(RawAddButton);
-const DeleteButton = withStyles$1(() => ({
-  deleteButton: {
-    margin: 0,
-    padding: 0
-  }
-}))(({classes, label, onClick}) => React$1.createElement(Button, {
-  className: classes.deleteButton,
-  onClick: onClick,
-  size: "small",
-  color: "primary",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$1,
-    lineNumber: 51
-  }
-}, label));
-const Divider = withStyles$1(theme => ({
-  divider: {
-    marginTop: 2 * theme.spacing.unit,
-    marginBottom: 2 * theme.spacing.unit
-  }
-}))(({classes}) => React$1.createElement(MuiDivider, {
-  className: classes.divider,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$1,
-    lineNumber: 66
-  }
-}));
-var interopRequireDefault = createCommonjsModule(function (module) {
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      "default": obj
-    };
-  }
-  module.exports = _interopRequireDefault;
-});
-unwrapExports(interopRequireDefault);
-var setPrototypeOf = createCommonjsModule(function (module) {
-  function _setPrototypeOf(o, p) {
-    module.exports = _setPrototypeOf = Object.setPrototypeOf || (function _setPrototypeOf(o, p) {
-      o.__proto__ = p;
-      return o;
-    });
-    return _setPrototypeOf(o, p);
-  }
-  module.exports = _setPrototypeOf;
-});
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  setPrototypeOf(subClass, superClass);
-}
-var inheritsLoose = _inheritsLoose;
-var setStatic_1 = createCommonjsModule(function (module, exports) {
-  exports.__esModule = true;
-  exports.default = void 0;
-  var setStatic = function setStatic(key, value) {
-    return function (BaseComponent) {
-      BaseComponent[key] = value;
-      return BaseComponent;
-    };
-  };
-  var _default = setStatic;
-  exports.default = _default;
-});
-unwrapExports(setStatic_1);
-var setDisplayName_1 = createCommonjsModule(function (module, exports) {
-  exports.__esModule = true;
-  exports.default = void 0;
-  var _setStatic = interopRequireDefault(setStatic_1);
-  var setDisplayName = function setDisplayName(displayName) {
-    return (0, _setStatic.default)('displayName', displayName);
-  };
-  var _default = setDisplayName;
-  exports.default = _default;
-});
-unwrapExports(setDisplayName_1);
-var getDisplayName_1 = createCommonjsModule(function (module, exports) {
-  exports.__esModule = true;
-  exports.default = void 0;
-  var getDisplayName = function getDisplayName(Component) {
-    if (typeof Component === 'string') {
-      return Component;
-    }
-    if (!Component) {
-      return undefined;
-    }
-    return Component.displayName || Component.name || 'Component';
-  };
-  var _default = getDisplayName;
-  exports.default = _default;
-});
-unwrapExports(getDisplayName_1);
-var wrapDisplayName_1 = createCommonjsModule(function (module, exports) {
-  exports.__esModule = true;
-  exports.default = void 0;
-  var _getDisplayName = interopRequireDefault(getDisplayName_1);
-  var wrapDisplayName = function wrapDisplayName(BaseComponent, hocName) {
-    return hocName + "(" + (0, _getDisplayName.default)(BaseComponent) + ")";
-  };
-  var _default = wrapDisplayName;
-  exports.default = _default;
-});
-unwrapExports(wrapDisplayName_1);
-const _react = _dll_react;
-var shouldUpdate_1 = createCommonjsModule(function (module, exports) {
-  exports.__esModule = true;
-  exports.default = void 0;
-  var _inheritsLoose2 = interopRequireDefault(inheritsLoose);
-  var _setDisplayName = interopRequireDefault(setDisplayName_1);
-  var _wrapDisplayName = interopRequireDefault(wrapDisplayName_1);
-  var shouldUpdate = function shouldUpdate(test) {
-    return function (BaseComponent) {
-      var factory = (0, _react.createFactory)(BaseComponent);
-      var ShouldUpdate = (function (_Component) {
-        (0, _inheritsLoose2.default)(ShouldUpdate, _Component);
-        function ShouldUpdate() {
-          return _Component.apply(this, arguments) || this;
-        }
-        var _proto = ShouldUpdate.prototype;
-        _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
-          return test(this.props, nextProps);
-        };
-        _proto.render = function render() {
-          return factory(this.props);
-        };
-        return ShouldUpdate;
-      })(_react.Component);
-      {
-        return (0, _setDisplayName.default)((0, _wrapDisplayName.default)(BaseComponent, 'shouldUpdate'))(ShouldUpdate);
-      }
-    };
-  };
-  var _default = shouldUpdate;
-  exports.default = _default;
-});
-unwrapExports(shouldUpdate_1);
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-function is(x, y) {
-  if (x === y) {
-    return x !== 0 || y !== 0 || 1 / x === 1 / y;
-  } else {
-    return x !== x && y !== y;
-  }
-}
-function shallowEqual(objA, objB) {
-  if (is(objA, objB)) {
-    return true;
-  }
-  if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
-    return false;
-  }
-  var keysA = Object.keys(objA);
-  var keysB = Object.keys(objB);
-  if (keysA.length !== keysB.length) {
-    return false;
-  }
-  for (var i = 0; i < keysA.length; i++) {
-    if (!hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {
-      return false;
-    }
-  }
-  return true;
-}
-var shallowEqual_1 = shallowEqual;
-var shallowEqual$1 = createCommonjsModule(function (module, exports) {
-  exports.__esModule = true;
-  exports.default = void 0;
-  var _shallowEqual = interopRequireDefault(shallowEqual_1);
-  var _default = _shallowEqual.default;
-  exports.default = _default;
-});
-unwrapExports(shallowEqual$1);
-var pure_1 = createCommonjsModule(function (module, exports) {
-  exports.__esModule = true;
-  exports.default = void 0;
-  var _shouldUpdate = interopRequireDefault(shouldUpdate_1);
-  var _shallowEqual = interopRequireDefault(shallowEqual$1);
-  var _setDisplayName = interopRequireDefault(setDisplayName_1);
-  var _wrapDisplayName = interopRequireDefault(wrapDisplayName_1);
-  var pure = function pure(BaseComponent) {
-    var hoc = (0, _shouldUpdate.default)(function (props, nextProps) {
-      return !(0, _shallowEqual.default)(props, nextProps);
-    });
-    {
-      return (0, _setDisplayName.default)((0, _wrapDisplayName.default)(BaseComponent, 'pure'))(hoc(BaseComponent));
-    }
-  };
-  var _default = pure;
-  exports.default = _default;
-});
-unwrapExports(pure_1);
-const require$$0 = _dll_react;
-const {SvgIcon: require$$2} = _dll_material_ui__core;
-var createSvgIcon_1 = createCommonjsModule(function (module, exports) {
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.default = void 0;
-  var _react = interopRequireDefault(require$$0);
-  var _pure = interopRequireDefault(pure_1);
-  var _SvgIcon = interopRequireDefault(require$$2);
-  function createSvgIcon(path, displayName) {
-    var Icon = function Icon(props) {
-      return _react.default.createElement(_SvgIcon.default, props, path);
-    };
-    Icon.displayName = ("").concat(displayName, "Icon");
-    Icon = (0, _pure.default)(Icon);
-    Icon.muiName = 'SvgIcon';
-    return Icon;
-  }
-  var _default = createSvgIcon;
-  exports.default = _default;
-});
-unwrapExports(createSvgIcon_1);
-const require$$0$1 = _dll_react;
-var Delete = createCommonjsModule(function (module, exports) {
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.default = void 0;
-  var _react = interopRequireDefault(require$$0$1);
-  var _createSvgIcon = interopRequireDefault(createSvgIcon_1);
-  var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
-    d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
-  }), _react.default.createElement("path", {
-    fill: "none",
-    d: "M0 0h24v24H0z"
-  })), 'Delete');
-  exports.default = _default;
-});
-var Delete$1 = unwrapExports(Delete);
-const React$2 = _dll_react;
-const PropTypes$2 = _dll_prop_types;
-const {withStyles: withStyles$2} = _dll_material_ui__core_styles;
-const {Choice: Choice} = _dll_pie_lib__drag;
-const {IconButton: IconButton} = _dll_material_ui__core;
-const {HtmlAndMath: HtmlAndMath} = _dll_pie_lib__render_ui;
-const _jsxFileName$2 = "/home/ede/dev/github/pie-framework/pie-elements/packages/categorize/configure/src/design/categories/choice-preview.jsx";
-class ChoicePreview extends React$2.Component {
-  constructor(...args) {
-    super(...args);
-    ChoicePreview.prototype.__init.call(this);
-  }
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$2.object.isRequired,
-      className: PropTypes$2.string,
-      choice: PropTypes$2.object.isRequired,
-      onDelete: PropTypes$2.func.isRequired
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {};
-  }
-  __init() {
-    this.delete = () => {
-      const {onDelete, choice} = this.props;
-      onDelete(choice);
-    };
-  }
-  render() {
-    const {classes, className, choice} = this.props;
-    return React$2.createElement('div', {
-      className: classnames(classes.choicePreview, className),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 27
-      }
-    }, React$2.createElement(Choice, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 28
-      }
-    }, React$2.createElement(HtmlAndMath, {
-      html: choice.content,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 29
-      }
-    }), React$2.createElement(IconButton, {
-      color: "secondary",
-      'aria-label': "delete",
-      className: classes.delete,
-      onClick: this.delete,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 30
-      }
-    }, React$2.createElement(Delete$1, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 36
-      }
-    }))));
-  }
-}
-ChoicePreview.__initStatic();
-ChoicePreview.__initStatic2();
-const styles$2 = () => ({
-  choicePreview: {
-    position: 'relative'
-  },
-  delete: {
-    position: 'absolute',
-    right: 0,
-    top: 0
-  }
-});
-var ChoicePreview$1 = withStyles$2(styles$2)(ChoicePreview);
-var s$1 = 1000;
-var m$1 = s$1 * 60;
-var h$1 = m$1 * 60;
-var d$1 = h$1 * 24;
-var w$1 = d$1 * 7;
-var y$1 = d$1 * 365.25;
-var ms$1 = function (val, options) {
-  options = options || ({});
-  var type = typeof val;
-  if (type === 'string' && val.length > 0) {
-    return parse$1(val);
-  } else if (type === 'number' && isFinite(val)) {
-    return options.long ? fmtLong$1(val) : fmtShort$1(val);
-  }
-  throw new Error('val is not a non-empty string or a valid number. val=' + JSON.stringify(val));
-};
-function parse$1(str) {
-  str = String(str);
-  if (str.length > 100) {
-    return;
-  }
-  var match = (/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i).exec(str);
-  if (!match) {
-    return;
-  }
-  var n = parseFloat(match[1]);
-  var type = (match[2] || 'ms').toLowerCase();
-  switch (type) {
-    case 'years':
-    case 'year':
-    case 'yrs':
-    case 'yr':
-    case 'y':
-      return n * y$1;
-    case 'weeks':
-    case 'week':
-    case 'w':
-      return n * w$1;
-    case 'days':
-    case 'day':
-    case 'd':
-      return n * d$1;
-    case 'hours':
-    case 'hour':
-    case 'hrs':
-    case 'hr':
-    case 'h':
-      return n * h$1;
-    case 'minutes':
-    case 'minute':
-    case 'mins':
-    case 'min':
-    case 'm':
-      return n * m$1;
-    case 'seconds':
-    case 'second':
-    case 'secs':
-    case 'sec':
-    case 's':
-      return n * s$1;
-    case 'milliseconds':
-    case 'millisecond':
-    case 'msecs':
-    case 'msec':
-    case 'ms':
-      return n;
-    default:
-      return undefined;
-  }
-}
-function fmtShort$1(ms) {
-  var msAbs = Math.abs(ms);
-  if (msAbs >= d$1) {
-    return Math.round(ms / d$1) + 'd';
-  }
-  if (msAbs >= h$1) {
-    return Math.round(ms / h$1) + 'h';
-  }
-  if (msAbs >= m$1) {
-    return Math.round(ms / m$1) + 'm';
-  }
-  if (msAbs >= s$1) {
-    return Math.round(ms / s$1) + 's';
-  }
-  return ms + 'ms';
-}
-function fmtLong$1(ms) {
-  var msAbs = Math.abs(ms);
-  if (msAbs >= d$1) {
-    return plural$1(ms, msAbs, d$1, 'day');
-  }
-  if (msAbs >= h$1) {
-    return plural$1(ms, msAbs, h$1, 'hour');
-  }
-  if (msAbs >= m$1) {
-    return plural$1(ms, msAbs, m$1, 'minute');
-  }
-  if (msAbs >= s$1) {
-    return plural$1(ms, msAbs, s$1, 'second');
-  }
-  return ms + ' ms';
-}
-function plural$1(ms, msAbs, n, name) {
-  var isPlural = msAbs >= n * 1.5;
-  return Math.round(ms / n) + ' ' + name + (isPlural ? 's' : '');
-}
-function setup$1(env) {
-  createDebug.debug = createDebug;
-  createDebug.default = createDebug;
-  createDebug.coerce = coerce;
-  createDebug.disable = disable;
-  createDebug.enable = enable;
-  createDebug.enabled = enabled;
-  createDebug.humanize = ms$1;
-  Object.keys(env).forEach(function (key) {
-    createDebug[key] = env[key];
-  });
-  createDebug.instances = [];
-  createDebug.names = [];
-  createDebug.skips = [];
-  createDebug.formatters = {};
-  function selectColor(namespace) {
-    var hash = 0;
-    for (var i = 0; i < namespace.length; i++) {
-      hash = (hash << 5) - hash + namespace.charCodeAt(i);
-      hash |= 0;
-    }
-    return createDebug.colors[Math.abs(hash) % createDebug.colors.length];
-  }
-  createDebug.selectColor = selectColor;
-  function createDebug(namespace) {
-    var prevTime;
-    function debug() {
-      if (!debug.enabled) {
-        return;
-      }
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      var self = debug;
-      var curr = Number(new Date());
-      var ms = curr - (prevTime || curr);
-      self.diff = ms;
-      self.prev = prevTime;
-      self.curr = curr;
-      prevTime = curr;
-      args[0] = createDebug.coerce(args[0]);
-      if (typeof args[0] !== 'string') {
-        args.unshift('%O');
-      }
-      var index = 0;
-      args[0] = args[0].replace(/%([a-zA-Z%])/g, function (match, format) {
-        if (match === '%%') {
-          return match;
-        }
-        index++;
-        var formatter = createDebug.formatters[format];
-        if (typeof formatter === 'function') {
-          var val = args[index];
-          match = formatter.call(self, val);
-          args.splice(index, 1);
-          index--;
-        }
-        return match;
-      });
-      createDebug.formatArgs.call(self, args);
-      var logFn = self.log || createDebug.log;
-      logFn.apply(self, args);
-    }
-    debug.namespace = namespace;
-    debug.enabled = createDebug.enabled(namespace);
-    debug.useColors = createDebug.useColors();
-    debug.color = selectColor(namespace);
-    debug.destroy = destroy;
-    debug.extend = extend;
-    if (typeof createDebug.init === 'function') {
-      createDebug.init(debug);
-    }
-    createDebug.instances.push(debug);
-    return debug;
-  }
-  function destroy() {
-    var index = createDebug.instances.indexOf(this);
-    if (index !== -1) {
-      createDebug.instances.splice(index, 1);
-      return true;
-    }
-    return false;
-  }
-  function extend(namespace, delimiter) {
-    return createDebug(this.namespace + (typeof delimiter === 'undefined' ? ':' : delimiter) + namespace);
-  }
-  function enable(namespaces) {
-    createDebug.save(namespaces);
-    createDebug.names = [];
-    createDebug.skips = [];
-    var i;
-    var split = (typeof namespaces === 'string' ? namespaces : '').split(/[\s,]+/);
-    var len = split.length;
-    for (i = 0; i < len; i++) {
-      if (!split[i]) {
-        continue;
-      }
-      namespaces = split[i].replace(/\*/g, '.*?');
-      if (namespaces[0] === '-') {
-        createDebug.skips.push(new RegExp('^' + namespaces.substr(1) + '$'));
-      } else {
-        createDebug.names.push(new RegExp('^' + namespaces + '$'));
-      }
-    }
-    for (i = 0; i < createDebug.instances.length; i++) {
-      var instance = createDebug.instances[i];
-      instance.enabled = createDebug.enabled(instance.namespace);
-    }
-  }
-  function disable() {
-    createDebug.enable('');
-  }
-  function enabled(name) {
-    if (name[name.length - 1] === '*') {
-      return true;
-    }
-    var i;
-    var len;
-    for ((i = 0, len = createDebug.skips.length); i < len; i++) {
-      if (createDebug.skips[i].test(name)) {
-        return false;
-      }
-    }
-    for ((i = 0, len = createDebug.names.length); i < len; i++) {
-      if (createDebug.names[i].test(name)) {
-        return true;
-      }
-    }
-    return false;
-  }
-  function coerce(val) {
-    if (val instanceof Error) {
-      return val.stack || val.message;
-    }
-    return val;
-  }
-  createDebug.enable(createDebug.load());
-  return createDebug;
-}
-var common$1 = setup$1;
-var browser$1 = createCommonjsModule(function (module, exports) {
-  function _typeof(obj) {
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function _typeof(obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-    return _typeof(obj);
-  }
-  exports.log = log;
-  exports.formatArgs = formatArgs;
-  exports.save = save;
-  exports.load = load;
-  exports.useColors = useColors;
-  exports.storage = localstorage();
-  exports.colors = ['#0000CC', '#0000FF', '#0033CC', '#0033FF', '#0066CC', '#0066FF', '#0099CC', '#0099FF', '#00CC00', '#00CC33', '#00CC66', '#00CC99', '#00CCCC', '#00CCFF', '#3300CC', '#3300FF', '#3333CC', '#3333FF', '#3366CC', '#3366FF', '#3399CC', '#3399FF', '#33CC00', '#33CC33', '#33CC66', '#33CC99', '#33CCCC', '#33CCFF', '#6600CC', '#6600FF', '#6633CC', '#6633FF', '#66CC00', '#66CC33', '#9900CC', '#9900FF', '#9933CC', '#9933FF', '#99CC00', '#99CC33', '#CC0000', '#CC0033', '#CC0066', '#CC0099', '#CC00CC', '#CC00FF', '#CC3300', '#CC3333', '#CC3366', '#CC3399', '#CC33CC', '#CC33FF', '#CC6600', '#CC6633', '#CC9900', '#CC9933', '#CCCC00', '#CCCC33', '#FF0000', '#FF0033', '#FF0066', '#FF0099', '#FF00CC', '#FF00FF', '#FF3300', '#FF3333', '#FF3366', '#FF3399', '#FF33CC', '#FF33FF', '#FF6600', '#FF6633', '#FF9900', '#FF9933', '#FFCC00', '#FFCC33'];
-  function useColors() {
-    if (typeof window !== 'undefined' && window.process && (window.process.type === 'renderer' || window.process.__nwjs)) {
-      return true;
-    }
-    if (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)) {
-      return false;
-    }
-    return typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance || typeof window !== 'undefined' && window.console && (window.console.firebug || window.console.exception && window.console.table) || typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/) && parseInt(RegExp.$1, 10) >= 31 || typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/);
-  }
-  function formatArgs(args) {
-    args[0] = (this.useColors ? '%c' : '') + this.namespace + (this.useColors ? ' %c' : ' ') + args[0] + (this.useColors ? '%c ' : ' ') + '+' + module.exports.humanize(this.diff);
-    if (!this.useColors) {
-      return;
-    }
-    var c = 'color: ' + this.color;
-    args.splice(1, 0, c, 'color: inherit');
-    var index = 0;
-    var lastC = 0;
-    args[0].replace(/%[a-zA-Z%]/g, function (match) {
-      if (match === '%%') {
-        return;
-      }
-      index++;
-      if (match === '%c') {
-        lastC = index;
-      }
-    });
-    args.splice(lastC, 0, c);
-  }
-  function log() {
-    var _console;
-    return (typeof console === "undefined" ? "undefined" : _typeof(console)) === 'object' && console.log && (_console = console).log.apply(_console, arguments);
-  }
-  function save(namespaces) {
-    try {
-      if (namespaces) {
-        exports.storage.setItem('debug', namespaces);
-      } else {
-        exports.storage.removeItem('debug');
-      }
-    } catch (error) {}
-  }
-  function load() {
-    var r;
-    try {
-      r = exports.storage.getItem('debug');
-    } catch (error) {}
-    if (!r && typeof process !== 'undefined' && ('env' in process)) {
-      r = process.env.DEBUG;
-    }
-    return r;
-  }
-  function localstorage() {
-    try {
-      return localStorage;
-    } catch (error) {}
-  }
-  module.exports = common$1(exports);
-  var formatters = module.exports.formatters;
-  formatters.j = function (v) {
-    try {
-      return JSON.stringify(v);
-    } catch (error) {
-      return '[UnexpectedJSONParseError]: ' + error.message;
-    }
-  };
-});
-browser$1.log;
-browser$1.formatArgs;
-browser$1.save;
-browser$1.load;
-browser$1.useColors;
-browser$1.storage;
-browser$1.colors;
-const React$3 = _dll_react;
-const PropTypes$3 = _dll_prop_types;
-const {withStyles: withStyles$3} = _dll_material_ui__core_styles;
-const {DropTarget: DropTarget} = _dll_react_dnd;
-const {uid: uid} = _dll_pie_lib__drag;
-const {PlaceHolder: PlaceHolder} = _dll_pie_lib__drag;
-const _jsxFileName$3 = "/home/ede/dev/github/pie-framework/pie-elements/packages/categorize/configure/src/design/categories/droppable-placeholder.jsx";
-const log$1 = browser$1('@pie-element:categorize:configure');
-const Helper = withStyles$3(() => ({
-  helper: {
-    display: 'flex',
-    alignItems: 'center',
-    fontSize: '12px',
-    color: 'rgba(0,0,0,0.4)',
-    width: '100%',
-    height: '100%'
-  }
-}))(({classes}) => React$3.createElement('div', {
-  className: classes.helper,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 22
-  }
-}, "Drag your correct answers here"));
-const Previews = ({choices, onDeleteChoice}) => React$3.createElement(React$3.Fragment, {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 26
-  }
-}, choices.map((c, index) => React$3.createElement(ChoicePreview$1, {
-  choice: c,
-  key: index,
-  onDelete: choice => onDeleteChoice(choice, index),
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 28
-  }
-})));
-Previews.propTypes = {
-  choices: PropTypes$3.array,
-  onDeleteChoice: PropTypes$3.func
-};
-class DroppablePlaceHolder extends React$3.Component {
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$3.object.isRequired,
-      className: PropTypes$3.string,
-      connectDropTarget: PropTypes$3.func.isRequired,
-      choices: PropTypes$3.array,
-      onDropChoice: PropTypes$3.func.isRequired,
-      isOver: PropTypes$3.bool,
-      onDeleteChoice: PropTypes$3.func,
-      categoryId: PropTypes$3.string.isRequired
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {};
-  }
-  render() {
-    const {isOver, choices, classes, className, connectDropTarget, onDeleteChoice} = this.props;
-    return connectDropTarget(React$3.createElement('div', {
-      className: classnames(classes.droppablePlaceholder, className),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 66
-      }
-    }, React$3.createElement(PlaceHolder, {
-      isOver: isOver,
-      className: classes.placeHolder,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 67
-      }
-    }, (choices || []).length === 0 ? React$3.createElement(Helper, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 69
-      }
-    }) : React$3.createElement(Previews, {
-      choices: choices,
-      onDeleteChoice: onDeleteChoice,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 71
-      }
-    }))));
-  }
-}
-DroppablePlaceHolder.__initStatic();
-DroppablePlaceHolder.__initStatic2();
-const styles$3 = () => ({
-  droppablePlaceholder: {
-    minHeight: '100px'
-  },
-  placeHolder: {
-    width: '100%',
-    minHeight: '100px',
-    height: 'auto'
-  }
-});
-const Styled = withStyles$3(styles$3)(DroppablePlaceHolder);
-const spec = {
-  drop: (props, monitor) => {
-    log$1('[drop] props: ', props);
-    const item = monitor.getItem();
-    props.onDropChoice(item, props.categoryId);
-  },
-  canDrop: props => {
-    return !props.disabled;
-  }
-};
-const WithTarget = DropTarget(({uid}) => uid, spec, (connect, monitor) => ({
-  connectDropTarget: connect.dropTarget(),
-  isOver: monitor.isOver()
-}))(Styled);
-var PlaceHolder$1 = uid.withUid(WithTarget);
-const React$4 = _dll_react;
-const PropTypes$4 = _dll_prop_types;
-const {withStyles: withStyles$4} = _dll_material_ui__core_styles;
-const {Card: Card} = _dll_material_ui__core;
-const {CardActions: CardActions} = _dll_material_ui__core;
-const _jsxFileName$4 = "/home/ede/dev/github/pie-framework/pie-elements/packages/categorize/configure/src/design/categories/category.jsx";
-class Category extends React$4.Component {
-  constructor(...args) {
-    super(...args);
-    Category.prototype.__init.call(this);
-  }
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$4.object.isRequired,
-      className: PropTypes$4.string,
-      category: PropTypes$4.object.isRequired,
-      onChange: PropTypes$4.func,
-      onDelete: PropTypes$4.func,
-      onDeleteChoice: PropTypes$4.func,
-      onAddChoice: PropTypes$4.func,
-      imageSupport: PropTypes$4.shape({
-        add: PropTypes$4.func.isRequired,
-        delete: PropTypes$4.func.isRequired
-      })
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {};
-  }
-  __init() {
-    this.changeLabel = l => {
-      const {category, onChange} = this.props;
-      category.label = l;
-      onChange(category);
-    };
-  }
-  render() {
-    const {category, classes, className, onChange, onDelete, onDeleteChoice, onAddChoice, imageSupport} = this.props;
-    return React$4.createElement(Card, {
-      className: classnames(classes.category, className),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 48
-      }
-    }, onChange && React$4.createElement(InputHeader$1, {
-      label: category.label,
-      onChange: this.changeLabel,
-      onDelete: onDelete,
-      imageSupport: imageSupport,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 51
-      }
-    }), React$4.createElement(PlaceHolder$1, {
-      className: classes.placeHolder,
-      choices: category.choices,
-      onDeleteChoice: onDeleteChoice,
-      onDropChoice: onAddChoice,
-      categoryId: category.id,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 59
-      }
-    }), onDelete && React$4.createElement(CardActions, {
-      className: classes.actions,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 68
-      }
-    }, React$4.createElement(DeleteButton, {
-      label: 'delete',
-      onClick: onDelete,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 69
-      }
-    })));
-  }
-}
-Category.__initStatic();
-Category.__initStatic2();
-const styles$4 = theme => ({
-  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'
-  },
-  editor: {
-    flex: '1',
-    paddingBottom: theme.spacing.unit * 2
-  }
-});
-var Category$1 = withStyles$4(styles$4)(Category);
-const React$5 = _dll_react;
-const PropTypes$5 = _dll_prop_types;
-const {Typography: Typography} = _dll_material_ui__core;
-const {withStyles: withStyles$5} = _dll_material_ui__core_styles;
-const _jsxFileName$5 = "/home/ede/dev/github/pie-framework/pie-elements/packages/categorize/configure/src/design/header.jsx";
-class Header extends React$5.Component {
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$5.object.isRequired,
-      className: PropTypes$5.string,
-      buttonLabel: PropTypes$5.string,
-      onAdd: PropTypes$5.func.isRequired,
-      label: PropTypes$5.string.isRequired
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {};
-  }
-  render() {
-    const {classes, className, onAdd, label, buttonLabel} = this.props;
-    return React$5.createElement('div', {
-      className: classnames(classes.header, className),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 21
-      }
-    }, React$5.createElement(Typography, {
-      variant: "title",
-      className: classes.title,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 22
-      }
-    }, label), React$5.createElement(AddButton, {
-      onClick: onAdd,
-      label: buttonLabel,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 25
-      }
-    }));
-  }
-}
-Header.__initStatic();
-Header.__initStatic2();
-const styles$5 = theme => ({
-  header: {
-    display: 'flex',
-    justifyContent: 'space-between',
-    marginBottom: 2 * theme.spacing.unit
-  }
-});
-var Header$1 = withStyles$5(styles$5)(Header);
-const React$6 = _dll_react;
-const PropTypes$6 = _dll_prop_types;
-const {withStyles: withStyles$6} = _dll_material_ui__core_styles;
-const {TextField: TextField} = _dll_material_ui__core;
-const {Typography: Typography$1} = _dll_material_ui__core;
-const {choiceUtils: utils} = _dll_pie_lib__config_ui;
-const EditableHtml$1 = _dll_pie_lib__editable_html;
-const _jsxFileName$6 = "/home/ede/dev/github/pie-framework/pie-elements/packages/categorize/configure/src/design/categories/index.jsx";
-const styles$6 = theme => ({
-  categories: {
-    marginBottom: theme.spacing.unit
-  },
-  categoriesHolder: {
-    display: 'grid',
-    gridRowGap: `${theme.spacing.unit}px`,
-    gridColumnGap: `${theme.spacing.unit}px`
-  },
-  row: {
-    display: 'grid',
-    gridTemplateColumns: 'repeat(2, 1fr)',
-    gridColumnGap: `${theme.spacing.unit}px`,
-    alignItems: 'baseline',
-    width: '100%',
-    marginTop: theme.spacing.unit,
-    marginBottom: 2 * theme.spacing.unit
-  },
-  rowLabel: {
-    gridColumn: '1/3'
-  },
-  rowLabelHolder: {
-    width: '100%'
-  }
-});
-const RowLabel = withStyles$6(styles$6)(({categoriesPerRow, classes, markup, imageSupport, onChange}) => {
-  return React$6.createElement('div', {
-    style: {
-      gridColumn: `1/${categoriesPerRow + 1}`,
-      width: '100%'
-    },
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$6,
-      lineNumber: 41
-    }
-  }, React$6.createElement(Typography$1, {
-    className: classes.text,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$6,
-      lineNumber: 47
-    }
-  }, "Row Label"), React$6.createElement(EditableHtml$1, {
-    className: classes.rowLabelHolder,
-    markup: markup,
-    onChange: onChange,
-    imageSupport: imageSupport,
-    nonEmpty: false,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$6,
-      lineNumber: 50
-    }
-  }));
-});
-class Categories extends React$6.Component {
-  constructor(...args) {
-    super(...args);
-    Categories.prototype.__init.call(this);
-    Categories.prototype.__init2.call(this);
-    Categories.prototype.__init3.call(this);
-    Categories.prototype.__init4.call(this);
-    Categories.prototype.__init5.call(this);
-    Categories.prototype.__init6.call(this);
-    Categories.prototype.__init7.call(this);
-  }
-  static __initStatic() {
-    this.propTypes = {
-      imageSupport: PropTypes$6.shape({
-        add: PropTypes$6.func.isRequired,
-        delete: PropTypes$6.func.isRequired
-      }),
-      classes: PropTypes$6.object.isRequired,
-      className: PropTypes$6.string,
-      categories: PropTypes$6.array,
-      onModelChanged: PropTypes$6.func,
-      model: PropTypes$6.object.isRequired
-    };
-  }
-  __init() {
-    this.changeCategoryColumns = event => {
-      const numberValue = parseInt(event.target.value, 10);
-      if (numberValue && numberValue >= 1 && numberValue <= 4) {
-        this.props.onModelChanged({
-          categoriesPerRow: numberValue
-        });
-      }
-    };
-  }
-  __init2() {
-    this.add = () => {
-      const {model} = this.props;
-      const {categoriesPerRow} = model;
-      const id = utils.firstAvailableIndex(model.categories.map(a => a.id), 0);
-      const data = {
-        id,
-        label: 'Category ' + id
-      };
-      const addRowLabel = model.categories.length % categoriesPerRow === 0;
-      const rowLabels = [...model.rowLabels];
-      if (addRowLabel) {
-        rowLabels.push('');
-      }
-      this.props.onModelChanged({
-        rowLabels,
-        categories: model.categories.concat([data])
-      });
-    };
-  }
-  __init3() {
-    this.delete = category => {
-      const {model, onModelChanged} = this.props;
-      const index = model.categories.findIndex(a => a.id === category.id);
-      if (index !== -1) {
-        model.categories.splice(index, 1);
-        model.correctResponse = removeCategory(category.id, model.correctResponse);
-        onModelChanged(model);
-      }
-    };
-  }
-  __init4() {
-    this.change = c => {
-      const {categories} = this.props;
-      const index = categories.findIndex(a => a.id === c.id);
-      if (index !== -1) {
-        categories.splice(index, 1, c);
-        this.props.onModelChanged({
-          categories
-        });
-      }
-    };
-  }
-  __init5() {
-    this.addChoiceToCategory = (choice, categoryId) => {
-      const {model, onModelChanged} = this.props;
-      const correctResponse = moveChoiceToCategory(choice.id, undefined, categoryId, 0, model.correctResponse);
-      onModelChanged({
-        correctResponse
-      });
-    };
-  }
-  __init6() {
-    this.deleteChoiceFromCategory = (category, choice, choiceIndex) => {
-      const {model, onModelChanged} = this.props;
-      const correctResponse = removeChoiceFromCategory(choice.id, category.id, choiceIndex, model.correctResponse);
-      onModelChanged({
-        correctResponse
-      });
-    };
-  }
-  __init7() {
-    this.changeRowLabel = (val, index) => {
-      const {model} = this.props;
-      const {rowLabels} = model;
-      const newRowLabels = [...rowLabels];
-      if (newRowLabels.length < index) {
-        newRowLabels.push(val);
-      } else {
-        newRowLabels[index] = val;
-      }
-      this.props.onModelChanged({
-        rowLabels: newRowLabels
-      });
-    };
-  }
-  render() {
-    const {model, classes, className, categories, imageSupport} = this.props;
-    const {categoriesPerRow, rowLabels} = model;
-    const holderStyle = {
-      gridTemplateColumns: `repeat(${categoriesPerRow}, 1fr)`
-    };
-    const lastRowLabelIndex = parseInt((categories.length - 1) / categoriesPerRow);
-    return React$6.createElement('div', {
-      className: classnames(classes.categories, className),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$6,
-        lineNumber: 181
-      }
-    }, React$6.createElement(Header$1, {
-      label: "Categories",
-      buttonLabel: "ADD A CATEGORY",
-      onAdd: this.add,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$6,
-        lineNumber: 182
-      }
-    }), React$6.createElement('div', {
-      className: classes.row,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$6,
-        lineNumber: 183
-      }
-    }, React$6.createElement(TextField, {
-      label: "Categories per row",
-      type: "number",
-      inputProps: {
-        min: 1,
-        max: 4
-      },
-      value: categoriesPerRow,
-      onChange: this.changeCategoryColumns,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$6,
-        lineNumber: 184
-      }
-    })), React$6.createElement('div', {
-      className: classes.categoriesHolder,
-      style: holderStyle,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$6,
-        lineNumber: 195
-      }
-    }, categories.map((category, index) => {
-      const hasRowLabel = index > 1 && index % categoriesPerRow === 0;
-      const rowIndex = parseInt(index / (categoriesPerRow + 1));
-      return React$6.createElement(React$6.Fragment, {
-        key: index,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$6,
-          lineNumber: 201
-        }
-      }, hasRowLabel && React$6.createElement(RowLabel, {
-        categoriesPerRow: categoriesPerRow,
-        rowIndex: rowIndex,
-        markup: rowLabels[rowIndex] || '',
-        onChange: val => this.changeRowLabel(val, rowIndex),
-        imageSupport: imageSupport,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$6,
-          lineNumber: 206
-        }
-      }), React$6.createElement(Category$1, {
-        imageSupport: imageSupport,
-        category: category,
-        onChange: this.change,
-        onDelete: () => this.delete(category),
-        onAddChoice: this.addChoiceToCategory,
-        onDeleteChoice: (choice, choiceIndex) => this.deleteChoiceFromCategory(category, choice, choiceIndex),
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$6,
-          lineNumber: 215
-        }
-      }));
-    }), React$6.createElement(RowLabel, {
-      categoriesPerRow: categoriesPerRow,
-      rowIndex: lastRowLabelIndex,
-      markup: rowLabels[lastRowLabelIndex] || '',
-      onChange: val => this.changeRowLabel(val, lastRowLabelIndex),
-      imageSupport: imageSupport,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$6,
-        lineNumber: 228
-      }
-    })));
-  }
-}
-Categories.__initStatic();
-var Categories$1 = withStyles$6(styles$6)(Categories);
-const React$7 = _dll_react;
-const PropTypes$7 = _dll_prop_types;
-const {withStyles: withStyles$7} = _dll_material_ui__core_styles;
-const _jsxFileName$7 = "/home/ede/dev/github/pie-framework/pie-elements/packages/categorize/configure/src/design/categories/alternateResponses.jsx";
-const styles$7 = theme => ({
-  categories: {
-    marginBottom: theme.spacing.unit
-  },
-  categoriesHolder: {
-    display: 'grid',
-    gridRowGap: `${theme.spacing.unit}px`,
-    gridColumnGap: `${theme.spacing.unit}px`
-  },
-  row: {
-    display: 'grid',
-    gridTemplateColumns: 'repeat(2, 1fr)',
-    gridColumnGap: `${theme.spacing.unit}px`,
-    alignItems: 'baseline',
-    width: '100%',
-    marginTop: theme.spacing.unit,
-    marginBottom: 2 * theme.spacing.unit
-  },
-  rowLabel: {
-    gridColumn: '1/3'
-  },
-  rowLabelHolder: {
-    width: '100%'
-  }
-});
-class AlternateResponses extends React$7.Component {
-  constructor(...args) {
-    super(...args);
-    AlternateResponses.prototype.__init.call(this);
-    AlternateResponses.prototype.__init2.call(this);
-  }
-  static __initStatic() {
-    this.propTypes = {
-      altIndex: PropTypes$7.number.isRequired,
-      imageSupport: PropTypes$7.shape({
-        add: PropTypes$7.func.isRequired,
-        delete: PropTypes$7.func.isRequired
-      }),
-      classes: PropTypes$7.object.isRequired,
-      className: PropTypes$7.string,
-      categories: PropTypes$7.array,
-      onModelChanged: PropTypes$7.func,
-      model: PropTypes$7.object.isRequired
-    };
-  }
-  __init() {
-    this.addChoiceToCategory = (choice, categoryId) => {
-      const {altIndex, model: {correctResponse}, onModelChanged} = this.props;
-      correctResponse.forEach(a => {
-        if (a.category === categoryId) {
-          a.alternateResponses = a.alternateResponses || [];
-          if (!a.alternateResponses[altIndex]) {
-            a.alternateResponses[altIndex] = [];
-          }
-          a.alternateResponses[altIndex].push(choice.id);
-          return a;
-        }
-        return a;
-      });
-      onModelChanged({
-        correctResponse
-      });
-    };
-  }
-  __init2() {
-    this.deleteChoiceFromCategory = (category, choice) => {
-      const {altIndex, model: {correctResponse}, onModelChanged} = this.props;
-      correctResponse.forEach(a => {
-        if (a.category === category.id) {
-          if (a.alternateResponses[altIndex]) {
-            a.alternateResponses[altIndex] = a.alternateResponses[altIndex].filter(altId => altId !== choice.id);
-          }
-        }
-        return a;
-      });
-      onModelChanged({
-        correctResponse
-      });
-    };
-  }
-  render() {
-    const {model, classes, className, categories, imageSupport} = this.props;
-    const {categoriesPerRow} = model;
-    const holderStyle = {
-      gridTemplateColumns: `repeat(${categoriesPerRow}, 1fr)`
-    };
-    return React$7.createElement('div', {
-      className: classnames(classes.categories, className),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 100
-      }
-    }, React$7.createElement('div', {
-      className: classes.categoriesHolder,
-      style: holderStyle,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 101
-      }
-    }, categories.map((category, index) => React$7.createElement(Category$1, {
-      key: index,
-      imageSupport: imageSupport,
-      category: category,
-      onAddChoice: this.addChoiceToCategory,
-      onDeleteChoice: (choice, choiceIndex) => this.deleteChoiceFromCategory(category, choice, choiceIndex),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 103
-      }
-    }))));
-  }
-}
-AlternateResponses.__initStatic();
-var AlternateResponses$1 = withStyles$7(styles$7)(AlternateResponses);
-const require$$0$2 = _dll_react;
-var DragHandle = createCommonjsModule(function (module, exports) {
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.default = void 0;
-  var _react = interopRequireDefault(require$$0$2);
-  var _createSvgIcon = interopRequireDefault(createSvgIcon_1);
-  var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("defs", null, _react.default.createElement("path", {
-    id: "a",
-    d: "M0 0h24v24H0V0z"
-  })), _react.default.createElement("path", {
-    d: "M20 9H4v2h16V9zM4 15h16v-2H4v2z"
-  })), 'DragHandle');
-  exports.default = _default;
-});
-var DragHandle$1 = unwrapExports(DragHandle);
-const React$8 = _dll_react;
-const PropTypes$8 = _dll_prop_types;
-const {withStyles: withStyles$8} = _dll_material_ui__core_styles;
-const {Card: Card$1} = _dll_material_ui__core;
-const {CardActions: CardActions$1} = _dll_material_ui__core;
-const {DragSource: DragSource} = _dll_react_dnd;
-const {uid: uid$1} = _dll_pie_lib__drag;
-const {Checkbox: Checkbox} = _dll_pie_lib__config_ui;
-const _jsxFileName$8 = "/home/ede/dev/github/pie-framework/pie-elements/packages/categorize/configure/src/design/choices/choice.jsx";
-const log$2 = browser$1('@pie-element:categorize:configure:choice');
-const canDrag = props => {
-  const count = props.choice.categoryCount || 0;
-  if (count === 0) {
-    return true;
-  } else {
-    return props.correctResponseCount < count;
-  }
-};
-class Choice$1 extends React$8.Component {
-  constructor(...args) {
-    super(...args);
-    Choice$1.prototype.__init.call(this);
-    Choice$1.prototype.__init2.call(this);
-  }
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$8.object.isRequired,
-      className: PropTypes$8.string,
-      choice: PropTypes$8.object.isRequired,
-      onChange: PropTypes$8.func.isRequired,
-      onDelete: PropTypes$8.func.isRequired,
-      connectDragSource: PropTypes$8.func.isRequired,
-      connectDragPreview: PropTypes$8.func.isRequired,
-      correctResponseCount: PropTypes$8.number.isRequired,
-      imageSupport: PropTypes$8.shape({
-        add: PropTypes$8.func.isRequired,
-        delete: PropTypes$8.func.isRequired
-      })
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {};
-  }
-  __init() {
-    this.changeContent = content => {
-      const {onChange, choice} = this.props;
-      choice.content = content;
-      onChange(choice);
-    };
-  }
-  __init2() {
-    this.changeCategoryCount = () => {
-      const {onChange, choice} = this.props;
-      if (choice.categoryCount === 1) {
-        choice.categoryCount = 0;
-      } else {
-        choice.categoryCount = 1;
-      }
-      onChange(choice);
-    };
-  }
-  render() {
-    const {classes, className, choice, onDelete, connectDragSource, connectDragPreview, imageSupport} = this.props;
-    const draggable = canDrag(this.props);
-    return React$8.createElement(Card$1, {
-      className: classnames(classes.choice, className),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$8,
-        lineNumber: 74
-      }
-    }, React$8.createElement(CardActions$1, {
-      className: classes.actions,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$8,
-        lineNumber: 75
-      }
-    }, connectDragSource(React$8.createElement('span', {
-      className: classnames(classes.dragHandle, draggable === false && classes.dragDisabled),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$8,
-        lineNumber: 77
-      }
-    }, React$8.createElement(DragHandle$1, {
-      color: draggable ? 'primary' : 'disabled',
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$8,
-        lineNumber: 83
-      }
-    })))), connectDragPreview(React$8.createElement('span', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$8,
-        lineNumber: 88
-      }
-    }, React$8.createElement(InputHeader$1, {
-      imageSupport: imageSupport,
-      label: choice.content,
-      onChange: this.changeContent,
-      onDelete: onDelete,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$8,
-        lineNumber: 89
-      }
-    }))), React$8.createElement(CardActions$1, {
-      className: classes.actions,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$8,
-        lineNumber: 98
-      }
-    }, React$8.createElement(DeleteButton, {
-      label: 'delete',
-      onClick: onDelete,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$8,
-        lineNumber: 99
-      }
-    }), React$8.createElement(Checkbox, {
-      mini: true,
-      label: 'Remove after placing',
-      checked: choice.categoryCount === 1,
-      onChange: this.changeCategoryCount,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$8,
-        lineNumber: 100
-      }
-    })));
-  }
-}
-Choice$1.__initStatic();
-Choice$1.__initStatic2();
-const styles$8 = theme => ({
-  actions: {
-    padding: 0,
-    justifyContent: 'space-between'
-  },
-  choice: {
-    padding: theme.spacing.unit,
-    overflow: 'visible'
-  },
-  dragHandle: {
-    cursor: 'move'
-  },
-  dragDisabled: {
-    cursor: 'inherit'
-  }
-});
-const StyledChoice = withStyles$8(styles$8)(Choice$1);
-const spec$1 = {
-  canDrag,
-  beginDrag: props => {
-    const out = {
-      id: props.choice.id
-    };
-    log$2('[beginDrag] out:', out);
-    return out;
-  },
-  endDrag: (props, monitor) => {
-    if (!monitor.didDrop()) {
-      const item = monitor.getItem();
-      if (item.categoryId) {
-        log$2('wasnt droppped - what to do?');
-        props.onRemoveChoice(item);
-      }
-    }
-  }
-};
-const DraggableChoice = DragSource(({uid}) => uid, spec$1, (connect, monitor) => ({
-  connectDragSource: connect.dragSource(),
-  connectDragPreview: connect.dragPreview(),
-  isDragging: monitor.isDragging()
-}))(StyledChoice);
-var Choice$2 = uid$1.withUid(DraggableChoice);
-const React$9 = _dll_react;
-const PropTypes$9 = _dll_prop_types;
-const {withStyles: withStyles$9} = _dll_material_ui__core_styles;
-const {TextField: TextField$1} = _dll_material_ui__core;
-const {List: List} = _dll_material_ui__core;
-const {ListItem: ListItem} = _dll_material_ui__core;
-const {ListItemText: ListItemText} = _dll_material_ui__core;
-const {MenuItem: MenuItem} = _dll_material_ui__core;
-const {Menu: Menu} = _dll_material_ui__core;
-const {InputCheckbox: InputCheckbox} = _dll_pie_lib__config_ui;
-const _jsxFileName$9 = "/home/ede/dev/github/pie-framework/pie-elements/packages/categorize/configure/src/design/choices/config.jsx";
-const positionOptions = [{
-  label: 'Above',
-  value: 'above',
-  secondaryText: 'Choices will be shown above categories'
-}, {
-  label: 'Below',
-  value: 'below',
-  secondaryText: 'Choices will be shown below categories'
-}, {
-  label: 'Left',
-  value: 'left',
-  secondaryText: 'Choices will be shown to the left of the categories'
-}, {
-  label: 'Right',
-  value: 'right',
-  secondaryText: 'Choices will be shown to the right of the categories'
-}];
-class Config extends React$9.Component {
-  constructor(...args) {
-    super(...args);
-    Config.prototype.__init.call(this);
-    Config.prototype.__init2.call(this);
-    Config.prototype.__init3.call(this);
-    Config.prototype.__init4.call(this);
-    Config.prototype.__init5.call(this);
-    Config.prototype.__init6.call(this);
-    Config.prototype.__init7.call(this);
-    Config.prototype.__init8.call(this);
-    Config.prototype.__init9.call(this);
-  }
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$9.object.isRequired,
-      className: PropTypes$9.string,
-      config: PropTypes$9.object,
-      categoryCountIsOne: PropTypes$9.bool,
-      allChoicesHaveCount: PropTypes$9.func,
-      onModelChanged: PropTypes$9.func
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {};
-  }
-  __init() {
-    this.state = {
-      anchorEl: null
-    };
-  }
-  __init2() {
-    this.toggleRemoveAllTiles = () => {
-      const {config, onModelChanged} = this.props;
-      const allAtOne = this.props.allChoicesHaveCount(1);
-      const update = config.choices.map(c => {
-        c.categoryCount = allAtOne ? 0 : 1;
-        return c;
-      });
-      onModelChanged({
-        choices: update
-      });
-    };
-  }
-  __init3() {
-    this.changeColumns = ({target}) => {
-      const {onModelChanged} = this.props;
-      const numberValue = parseInt(target.value, 10);
-      if (numberValue && numberValue >= 1 && numberValue <= 4) {
-        onModelChanged({
-          choicesPerRow: numberValue
-        });
-      }
-    };
-  }
-  __init4() {
-    this.changeLabel = ({target}) => {
-      this.props.onModelChanged({
-        choicesLabel: target.value
-      });
-    };
-  }
-  __init5() {
-    this.toggleShuffle = () => {
-      this.props.onModelChanged({
-        lockChoiceOrder: !this.props.config.lockChoiceOrder
-      });
-    };
-  }
-  __init6() {
-    this.changePosition = position => {
-      this.props.onModelChanged({
-        choicesPosition: position.value
-      });
-      this.setState({
-        anchorEl: null
-      });
-    };
-  }
-  __init7() {
-    this.handleClickPosition = event => {
-      this.setState({
-        anchorEl: event.currentTarget
-      });
-    };
-  }
-  __init8() {
-    this.handleMenuItemClick = (event, index) => {
-      this.setState({
-        selectedIndex: index,
-        anchorEl: null
-      });
-    };
-  }
-  __init9() {
-    this.handleClose = () => {
-      this.setState({
-        anchorEl: null
-      });
-    };
-  }
-  render() {
-    const {anchorEl} = this.state;
-    const {classes, className, categoryCountIsOne, config} = this.props;
-    const positionOption = positionOptions.find(option => option.value === config.choicesPosition) || positionOption[1];
-    return React$9.createElement('div', {
-      className: classnames(classes.config, className),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$9,
-        lineNumber: 111
-      }
-    }, React$9.createElement('div', {
-      className: classes.row,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$9,
-        lineNumber: 112
-      }
-    }, React$9.createElement(TextField$1, {
-      label: 'Choices per row',
-      type: "number",
-      inputProps: {
-        min: 1,
-        max: 4
-      },
-      value: config.choicesPerRow,
-      onChange: this.changeColumns,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$9,
-        lineNumber: 113
-      }
-    }), React$9.createElement(InputCheckbox, {
-      label: 'Remove all tiles after placing',
-      checked: categoryCountIsOne,
-      onChange: this.toggleRemoveAllTiles,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$9,
-        lineNumber: 123
-      }
-    }), React$9.createElement(InputCheckbox, {
-      className: classes.shuffleCheckbox,
-      label: 'Lock Choice Order',
-      checked: config.lockChoiceOrder,
-      onChange: this.toggleShuffle,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$9,
-        lineNumber: 128
-      }
-    })), React$9.createElement('div', {
-      className: classes.configuration,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$9,
-        lineNumber: 136
-      }
-    }, React$9.createElement(TextField$1, {
-      className: classes.label,
-      InputLabelProps: {
-        shrink: true
-      },
-      label: "Label",
-      value: config.choicesLabel,
-      onChange: this.changeLabel,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$9,
-        lineNumber: 137
-      }
-    }), React$9.createElement(List, {
-      component: "nav",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$9,
-        lineNumber: 146
-      }
-    }, React$9.createElement(ListItem, {
-      button: true,
-      'aria-haspopup': "true",
-      onClick: this.handleClickPosition,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$9,
-        lineNumber: 147
-      }
-    }, React$9.createElement(ListItemText, {
-      primary: "Choices Position",
-      secondary: positionOption.secondaryText,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$9,
-        lineNumber: 152
-      }
-    }))), React$9.createElement(Menu, {
-      id: "lock-menu",
-      anchorEl: anchorEl,
-      open: Boolean(anchorEl),
-      onClose: this.handleClose,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$9,
-        lineNumber: 158
-      }
-    }, positionOptions.map(option => React$9.createElement(MenuItem, {
-      key: option.value,
-      selected: option.value === config.choicesPosition,
-      onClick: () => this.changePosition(option),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$9,
-        lineNumber: 165
-      }
-    }, option.label)))));
-  }
-}
-Config.__initStatic();
-Config.__initStatic2();
-const styles$9 = theme => ({
-  configuration: {
-    display: 'grid',
-    alignItems: 'center',
-    gridColumnGap: `${theme.spacing.unit}px`,
-    gridRowGap: `${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: `${theme.spacing.unit}px`,
-    gridRowGap: `${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 Config$1 = withStyles$9(styles$9)(Config);
-const React$a = _dll_react;
-const PropTypes$a = _dll_prop_types;
-const {withStyles: withStyles$a} = _dll_material_ui__core_styles;
-const {every: every} = _dll_lodash;
-const {choiceUtils: utils$1} = _dll_pie_lib__config_ui;
-const _jsxFileName$a = "/home/ede/dev/github/pie-framework/pie-elements/packages/categorize/configure/src/design/choices/index.jsx";
-class Choices extends React$a.Component {
-  constructor(...args) {
-    super(...args);
-    Choices.prototype.__init.call(this);
-    Choices.prototype.__init2.call(this);
-    Choices.prototype.__init3.call(this);
-    Choices.prototype.__init4.call(this);
-  }
-  static __initStatic() {
-    this.propTypes = {
-      model: PropTypes$a.object.isRequired,
-      classes: PropTypes$a.object.isRequired,
-      className: PropTypes$a.string,
-      choices: PropTypes$a.array.isRequired,
-      onModelChanged: PropTypes$a.func.isRequired,
-      imageSupport: PropTypes$a.shape({
-        add: PropTypes$a.func.isRequired,
-        delete: PropTypes$a.func.isRequired
-      })
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {};
-  }
-  __init() {
-    this.changeChoice = choice => {
-      const {choices, onModelChanged} = this.props;
-      const index = choices.findIndex(h => h.id === choice.id);
-      if (index !== -1) {
-        choices.splice(index, 1, choice);
-        onModelChanged({
-          choices
-        });
-      }
-    };
-  }
-  __init2() {
-    this.allChoicesHaveCount = count => {
-      const {choices} = this.props;
-      return every(choices, c => c.categoryCount === count);
-    };
-  }
-  __init3() {
-    this.addChoice = () => {
-      const {onModelChanged, model} = this.props;
-      const id = utils$1.firstAvailableIndex(model.choices.map(a => a.id), 0);
-      const data = {
-        id,
-        content: 'Choice ' + id
-      };
-      onModelChanged({
-        choices: model.choices.concat([data])
-      });
-    };
-  }
-  __init4() {
-    this.deleteChoice = choice => {
-      const {model, onModelChanged} = this.props;
-      const index = model.choices.findIndex(a => a.id === choice.id);
-      if (index !== -1) {
-        model.choices.splice(index, 1);
-        model.correctResponse = removeAllChoices(choice.id, model.correctResponse);
-        onModelChanged(model);
-      }
-    };
-  }
-  render() {
-    const {classes, className, choices, model, imageSupport, onModelChanged} = this.props;
-    const categoryCountIsOne = this.allChoicesHaveCount(1);
-    const choiceHolderStyle = {
-      gridTemplateColumns: `repeat(${model.choicesPerRow}, 1fr)`
-    };
-    return React$a.createElement('div', {
-      className: classnames(classes.choices, className),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$a,
-        lineNumber: 80
-      }
-    }, React$a.createElement(Header$1, {
-      label: "Choices",
-      buttonLabel: "ADD A CHOICE",
-      onAdd: this.addChoice,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$a,
-        lineNumber: 81
-      }
-    }), React$a.createElement(Config$1, {
-      config: model,
-      categoryCountIsOne: categoryCountIsOne,
-      onModelChanged: onModelChanged,
-      allChoicesHaveCount: this.allChoicesHaveCount,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$a,
-        lineNumber: 82
-      }
-    }), React$a.createElement('div', {
-      className: classes.choiceHolder,
-      style: choiceHolderStyle,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$a,
-        lineNumber: 88
-      }
-    }, choices.map((h, index) => React$a.createElement(Choice$2, {
-      choice: h,
-      correctResponseCount: h.correctResponseCount,
-      key: index,
-      imageSupport: imageSupport,
-      onChange: this.changeChoice,
-      onDelete: () => this.deleteChoice(h),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$a,
-        lineNumber: 90
-      }
-    }))), React$a.createElement(Divider, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$a,
-        lineNumber: 100
-      }
-    }));
-  }
-}
-Choices.__initStatic();
-Choices.__initStatic2();
-const styles$a = theme => ({
-  choiceHolder: {
-    paddingTop: theme.spacing.unit,
-    paddingBottom: theme.spacing.unit,
-    display: 'grid',
-    gridRowGap: `${theme.spacing.unit}px`,
-    gridColumnGap: `${theme.spacing.unit}px`
-  },
-  choices: {
-    paddingTop: theme.spacing.unit * 2,
-    paddingBottom: theme.spacing.unit * 2
-  },
-  label: {}
-});
-var Choices$1 = withStyles$a(styles$a)(Choices);
-const {cloneDeep: cloneDeep} = _dll_lodash;
-const buildCategories = (categories, choices, correctResponse) => {
-  const clonedCategories = cloneDeep(categories);
-  return clonedCategories.map(category => {
-    const cr = correctResponse.find(cr => cr.category === category.id);
-    if (cr) {
-      category.choices = (cr.choices || []).map(choiceId => {
-        const choice = choices.find(h => h.id === choiceId);
-        return Object.assign({}, {
-          id: choice.id,
-          content: choice.content
-        });
-      });
-    }
-    return category;
-  });
-};
-const getChoices = (cat, choices, index) => {
-  if (!cat.alternateResponses || cat.alternateResponses.length === 0) {
-    return [];
-  }
-  return (cat.alternateResponses[index] || []).map(alt => {
-    return choices.find(ch => ch.id === alt);
-  });
-};
-const buildAlternateResponses = (categories, choices, correctResponse) => {
-  const mostAlternates = correctResponse.reduce((mostAlt, cat) => {
-    if (cat.alternateResponses && cat.alternateResponses.length >= mostAlt) {
-      return cat.alternateResponses.length;
-    }
-    return mostAlt;
-  }, 0);
-  const alternatesArray = new Array(mostAlternates).fill(0);
-  return alternatesArray.map((val, index) => {
-    return correctResponse.map((cat, catIndex) => {
-      const currentCategory = categories[catIndex];
-      return {
-        id: currentCategory.id,
-        label: currentCategory.label,
-        choices: getChoices(cat, choices, index)
-      };
-    });
-  });
-};
-const React$b = _dll_react;
-const PropTypes$b = _dll_prop_types;
-const {withStyles: withStyles$b} = _dll_material_ui__core_styles;
-const {uid: uid$2} = _dll_pie_lib__drag;
-const {withDragContext: withDragContext} = _dll_pie_lib__drag;
-const {FeedbackConfig: FeedbackConfig} = _dll_pie_lib__config_ui;
-const {InputContainer: InputContainer} = _dll_pie_lib__config_ui;
-const {layout: layout} = _dll_pie_lib__config_ui;
-const {settings: settings} = _dll_pie_lib__config_ui;
-const EditableHtml$2 = _dll_pie_lib__editable_html;
-const _jsxFileName$b = "/home/ede/dev/github/pie-framework/pie-elements/packages/categorize/configure/src/design/index.jsx";
-const {Panel, toggle, radio} = settings;
-const {Provider: IdProvider} = uid$2;
-class Design extends React$b.Component {
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$b.object.isRequired,
-      configuration: PropTypes$b.object,
-      className: PropTypes$b.string,
-      onConfigurationChanged: PropTypes$b.func,
-      model: PropTypes$b.object.isRequired,
-      onChange: PropTypes$b.func.isRequired,
-      uid: PropTypes$b.string,
-      imageSupport: PropTypes$b.shape({
-        add: PropTypes$b.func.isRequired,
-        delete: PropTypes$b.func.isRequired
-      })
-    };
-  }
-  constructor(props) {
-    super(props);
-    Design.prototype.__init.call(this);
-    Design.prototype.__init2.call(this);
-    Design.prototype.__init3.call(this);
-    Design.prototype.__init4.call(this);
-    Design.prototype.__init5.call(this);
-    Design.prototype.__init6.call(this);
-    Design.prototype.__init7.call(this);
-    Design.prototype.__init8.call(this);
-    this.uid = props.uid || uid$2.generateId();
-  }
-  __init() {
-    this.updateModel = props => {
-      const {model, onChange} = this.props;
-      const updatedModel = {
-        ...model,
-        ...props
-      };
-      updatedModel.correctResponse = ensureNoExtraChoicesInAnswer(updatedModel.correctResponse || [], updatedModel.choices);
-      updatedModel.categories = updatedModel.categories.map(c => ({
-        id: c.id,
-        label: c.label
-      }));
-      updatedModel.choices = updatedModel.choices.map(h => ({
-        id: h.id,
-        content: h.content,
-        categoryCount: h.categoryCount
-      }));
-      onChange(updatedModel);
-    };
-  }
-  __init2() {
-    this.changeRationale = rationale => {
-      const {model, onChange} = this.props;
-      onChange({
-        ...model,
-        rationale
-      });
-    };
-  }
-  __init3() {
-    this.changeTeacherInstructions = teacherInstructions => {
-      const {model, onChange} = this.props;
-      onChange({
-        ...model,
-        teacherInstructions
-      });
-    };
-  }
-  __init4() {
-    this.changeFeedback = feedback => {
-      this.updateModel({
-        feedback
-      });
-    };
-  }
-  __init5() {
-    this.onAddAlternateResponse = () => {
-      const {model: {correctResponse}} = this.props;
-      this.updateModel({
-        correctResponse: (correctResponse || []).map(cr => ({
-          ...cr,
-          alternateResponses: [...cr.alternateResponses || [], []]
-        }))
-      });
-    };
-  }
-  __init6() {
-    this.onPromptChanged = prompt => this.updateModel({
-      prompt
-    });
-  }
-  __init7() {
-    this.onRemoveAlternateResponse = index => {
-      const {model: {correctResponse}} = this.props;
-      this.updateModel({
-        correctResponse: (correctResponse || []).map(cr => ({
-          ...cr,
-          alternateResponses: (cr.alternateResponses || []).filter((alt, altIndex) => altIndex !== index)
-        }))
-      });
-    };
-  }
-  __init8() {
-    this.countChoiceInCorrectResponse = choice => {
-      const {model} = this.props;
-      return countInAnswer(choice.id, model.correctResponse);
-    };
-  }
-  render() {
-    const {classes, className, model, imageSupport, configuration, onChange, onConfigurationChanged} = this.props;
-    const {partialScoring = {}, lockChoiceOrder = {}, teacherInstructions = {}, studentInstructions = {}, rationale = {}, scoringType = {}, feedback = {}, prompt = {}} = configuration || ({});
-    const {teacherInstructionsEnabled, promptEnabled, rationaleEnabled, feedbackEnabled} = model || ({});
-    const config = model.config || ({});
-    config.choices = config.choices || ({
-      label: '',
-      columns: 2
-    });
-    const categories = buildCategories(model.categories || [], model.choices || [], model.correctResponse || []);
-    const alternateResponses = buildAlternateResponses(model.categories || [], model.choices || [], model.correctResponse || []);
-    const choices = model.choices.map(c => {
-      c.correctResponseCount = this.countChoiceInCorrectResponse(c);
-      return c;
-    });
-    return React$b.createElement(IdProvider, {
-      value: this.uid,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$b,
-        lineNumber: 183
-      }
-    }, React$b.createElement(layout.ConfigLayout, {
-      settings: React$b.createElement(Panel, {
-        model: model,
-        onChangeModel: onChange,
-        configuration: configuration,
-        onChangeConfiguration: onConfigurationChanged,
-        groups: {
-          Settings: {
-            partialScoring: partialScoring.settings && toggle(partialScoring.label),
-            lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),
-            promptEnabled: prompt.settings && toggle(prompt.label),
-            feedbackEnabled: feedback.settings && toggle(feedback.label)
-          },
-          Properties: {
-            teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
-            studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
-            rationaleEnabled: rationale.settings && toggle(rationale.label),
-            scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric'])
-          }
-        },
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$b,
-          lineNumber: 186
-        }
-      }),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$b,
-        lineNumber: 184
-      }
-    }, React$b.createElement('div', {
-      className: classnames(classes.design, className),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$b,
-        lineNumber: 218
-      }
-    }, promptEnabled && React$b.createElement(InputContainer, {
-      label: prompt.label,
-      className: classes.promptHolder,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$b,
-        lineNumber: 220
-      }
-    }, React$b.createElement(EditableHtml$2, {
-      className: classes.prompt,
-      markup: model.prompt || '',
-      onChange: this.onPromptChanged,
-      imageSupport: imageSupport,
-      nonEmpty: false,
-      disableUnderline: true,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$b,
-        lineNumber: 224
-      }
-    })), teacherInstructionsEnabled && React$b.createElement(InputContainer, {
-      label: teacherInstructions.label,
-      className: classes.inputHolder,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$b,
-        lineNumber: 236
-      }
-    }, React$b.createElement(EditableHtml$2, {
-      className: classes.input,
-      markup: model.teacherInstructions || '',
-      onChange: this.changeTeacherInstructions,
-      imageSupport: imageSupport,
-      nonEmpty: false,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$b,
-        lineNumber: 240
-      }
-    })), rationaleEnabled && React$b.createElement(InputContainer, {
-      label: rationale.label,
-      className: classes.inputHolder,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$b,
-        lineNumber: 251
-      }
-    }, React$b.createElement(EditableHtml$2, {
-      className: classes.input,
-      markup: model.rationale || '',
-      onChange: this.changeRationale,
-      imageSupport: imageSupport,
-      nonEmpty: false,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$b,
-        lineNumber: 255
-      }
-    })), React$b.createElement(Categories$1, {
-      imageSupport: imageSupport,
-      model: model,
-      categories: categories || [],
-      onModelChanged: this.updateModel,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$b,
-        lineNumber: 265
-      }
-    }), React$b.createElement(Header$1, {
-      className: classes.alternatesHeader,
-      label: "Alternate Responses",
-      buttonLabel: "ADD AN ALTERNATE RESPONSE",
-      onAdd: this.onAddAlternateResponse,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$b,
-        lineNumber: 272
-      }
-    }), alternateResponses.map((categoriesList, index) => {
-      return React$b.createElement(React$b.Fragment, {
-        key: index,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$b,
-          lineNumber: 281
-        }
-      }, React$b.createElement(Header$1, {
-        className: classes.alternatesHeader,
-        label: "Alternate Response",
-        buttonLabel: "REMOVE ALTERNATE RESPONSE",
-        onAdd: () => this.onRemoveAlternateResponse(index),
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$b,
-          lineNumber: 282
-        }
-      }), React$b.createElement(AlternateResponses$1, {
-        altIndex: index,
-        imageSupport: imageSupport,
-        model: model,
-        categories: categoriesList,
-        onModelChanged: this.updateModel,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$b,
-          lineNumber: 289
-        }
-      }));
-    }), React$b.createElement(Divider, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$b,
-        lineNumber: 300
-      }
-    }), React$b.createElement(Choices$1, {
-      imageSupport: imageSupport,
-      choices: choices,
-      model: model,
-      onModelChanged: this.updateModel,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$b,
-        lineNumber: 301
-      }
-    }), feedbackEnabled && React$b.createElement(FeedbackConfig, {
-      feedback: model.feedback,
-      onChange: this.changeFeedback,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$b,
-        lineNumber: 309
-      }
-    }))));
-  }
-}
-Design.__initStatic();
-const styles$b = theme => ({
-  alternatesHeader: {
-    paddingTop: theme.spacing.unit * 2,
-    paddingBottom: theme.spacing.unit * 2
-  },
-  text: {
-    paddingTop: theme.spacing.unit * 2,
-    paddingBottom: theme.spacing.unit * 2
-  },
-  design: {
-    paddingTop: theme.spacing.unit,
-    paddingBottom: theme.spacing.unit
-  },
-  inputHolder: {
-    width: '100%',
-    paddingBottom: theme.spacing.unit * 2,
-    marginBottom: theme.spacing.unit * 2
-  },
-  input: {
-    paddingTop: theme.spacing.unit * 2,
-    width: '100%',
-    maxWidth: '600px'
-  },
-  prompt: {
-    paddingTop: theme.spacing.unit * 2,
-    width: '100%'
-  },
-  promptHolder: {
-    width: '100%',
-    paddingBottom: theme.spacing.unit * 2,
-    marginBottom: theme.spacing.unit * 2
-  },
-  title: {
-    marginBottom: '30px'
-  }
-});
-var Design$1 = withDragContext(withStyles$b(styles$b)(Design));
-const React$c = _dll_react;
-const PropTypes$c = _dll_prop_types;
-const {withStyles: withStyles$c} = _dll_material_ui__core_styles;
-const _jsxFileName$c = "/home/ede/dev/github/pie-framework/pie-elements/packages/categorize/configure/src/main.jsx";
-class Main extends React$c.Component {
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$c.object.isRequired,
-      configuration: PropTypes$c.object,
-      className: PropTypes$c.string,
-      onConfigurationChanged: PropTypes$c.func,
-      model: PropTypes$c.object.isRequired,
-      onModelChanged: PropTypes$c.func.isRequired,
-      imageSupport: PropTypes$c.object
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {};
-  }
-  render() {
-    const {classes, className, model, onModelChanged, configuration, onConfigurationChanged} = this.props;
-    return React$c.createElement('div', {
-      className: classnames(classes.main, className),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$c,
-        lineNumber: 31
-      }
-    }, React$c.createElement(Design$1, {
-      imageSupport: this.props.imageSupport,
-      title: "Design",
-      model: model,
-      configuration: configuration,
-      onChange: onModelChanged,
-      onConfigurationChanged: onConfigurationChanged,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$c,
-        lineNumber: 32
-      }
-    }));
-  }
-}
-Main.__initStatic();
-Main.__initStatic2();
-const styles$c = () => ({
-  main: {}
-});
-var Main$1 = withStyles$c(styles$c)(Main);
-var defaults = {
-  model: {
-    choices: [],
-    choicesPerRow: 2,
-    choicesPosition: 'below',
-    choicesLabel: '',
-    lockChoiceOrder: true,
-    removeTilesAfterPlacing: false,
-    categoriesPerRow: 2,
-    categories: [],
-    alternates: [],
-    correctResponse: [],
-    rowLabels: [''],
-    partialScoring: true,
-    feedbackEnabled: true,
-    rationaleEnabled: true,
-    promptEnabled: true,
-    teacherInstructionsEnabled: true,
-    studentInstructionsEnabled: true
-  },
-  configuration: {
-    feedback: {
-      settings: true,
-      label: 'Feedback',
-      enabled: true
-    },
-    lockChoiceOrder: {
-      settings: false,
-      label: 'Lock Choice Order'
-    },
-    partialScoring: {
-      settings: false,
-      label: 'Allow Partial Scoring'
-    },
-    prompt: {
-      settings: true,
-      label: 'Prompt'
-    },
-    rationale: {
-      settings: true,
-      label: 'Rationale'
-    },
-    scoringType: {
-      settings: false,
-      label: 'Scoring Type'
-    },
-    studentInstructions: {
-      settings: false,
-      label: 'Student Instructions'
-    },
-    teacherInstructions: {
-      settings: true,
-      label: 'Teacher Instructions'
-    }
-  }
-};
-const React$d = _dll_react;
-const ReactDOM = _dll_react_dom;
-const {ModelUpdatedEvent: ModelUpdatedEvent} = _dll_pie_framework__pie_configure_events;
-const {DeleteImageEvent: DeleteImageEvent} = _dll_pie_framework__pie_configure_events;
-const {InsertImageEvent: InsertImageEvent} = _dll_pie_framework__pie_configure_events;
-class CategorizeConfigure extends HTMLElement {
-  static __initStatic() {
-    this.createDefaultModel = (model = {}) => ({
-      ...defaults.model,
-      ...model
-    });
-  }
-  constructor() {
-    super();
-    this._model = CategorizeConfigure.createDefaultModel();
-    this._configuration = defaults.configuration;
-  }
-  set model(m) {
-    this._model = CategorizeConfigure.createDefaultModel(m);
-    this.render();
-  }
-  set configuration(c) {
-    this._configuration = c;
-    this.render();
-  }
-  onModelChanged(m) {
-    this._model = m;
-    this.render();
-    this.dispatchEvent(new ModelUpdatedEvent(this._model, true));
-  }
-  onConfigurationChanged(c) {
-    this._configuration = c;
-    this.render();
-  }
-  connectedCallback() {}
-  insertImage(handler) {
-    this.dispatchEvent(new InsertImageEvent(handler));
-  }
-  onDeleteImage(src, done) {
-    this.dispatchEvent(new DeleteImageEvent(src, done));
-  }
-  render() {
-    const el = React$d.createElement(Main$1, {
-      model: this._model,
-      configuration: this._configuration,
-      onModelChanged: this.onModelChanged.bind(this),
-      onConfigurationChanged: this.onConfigurationChanged.bind(this),
-      imageSupport: {
-        add: this.insertImage.bind(this),
-        delete: this.onDeleteImage.bind(this)
-      }
-    });
-    ReactDOM.render(el, this);
-  }
-}
-CategorizeConfigure.__initStatic();
-export default CategorizeConfigure;