@pie-element/multi-trait-rubric 1.4.2 → 1.4.3-next.1008

package/module/configure.js

@@ -1,2993 +0,0 @@
-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";
-import {_dll_react, _dll_material_ui__core, _dll_material_ui__core_styles, _dll_pie_lib__render_ui, _dll_prop_types, _dll_lodash, _dll_react_dnd, _dll_pie_lib__drag, _dll_react_dom} from "../../../@pie-ui/shared-lib@^4.3.3/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 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 ArrowBackIos = 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: "M11.67 3.87L9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"
-  }), _react.default.createElement("path", {
-    fill: "none",
-    d: "M0 0h24v24H0z"
-  })), 'ArrowBackIos');
-  exports.default = _default;
-});
-var ArrowBackIosIcon = unwrapExports(ArrowBackIos);
-const require$$0$2 = _dll_react;
-var ArrowForwardIos = 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("path", {
-    d: "M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z"
-  }), _react.default.createElement("path", {
-    fill: "none",
-    d: "M0 0h24v24H0z"
-  })), 'ArrowForwardIos');
-  exports.default = _default;
-});
-var ArrowForwardIosIcon = unwrapExports(ArrowForwardIos);
-const require$$0$3 = _dll_react;
-var MoreVert = createCommonjsModule(function (module, exports) {
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.default = void 0;
-  var _react = interopRequireDefault(require$$0$3);
-  var _createSvgIcon = interopRequireDefault(createSvgIcon_1);
-  var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
-    fill: "none",
-    d: "M0 0h24v24H0z"
-  }), _react.default.createElement("path", {
-    d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
-  })), 'MoreVert');
-  exports.default = _default;
-});
-var MoreVertIcon = unwrapExports(MoreVert);
-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;
-    }
-  })();
-});
-const React = _dll_react;
-const {withStyles: withStyles} = _dll_material_ui__core_styles;
-const {FormControl: FormControl} = _dll_material_ui__core;
-const {InputLabel: InputLabel} = _dll_material_ui__core;
-const {Select: Select} = _dll_material_ui__core;
-const {MenuItem: MenuItem} = _dll_material_ui__core;
-const {InputBase: InputBase} = _dll_material_ui__core;
-const {colors: {grey: grey}} = _dll_material_ui__core;
-const {color: color} = _dll_pie_lib__render_ui;
-const EditableHtml = _dll_pie_lib__editable_html;
-const _jsxFileName = "/home/ede/dev/github/pie-framework/pie-elements/packages/multi-trait-rubric/configure/src/common.jsx";
-const BlockWidth = 180;
-const PrimaryBlockWidth = 200;
-const DragHandleSpace = 32;
-const HeaderHeight = '100px';
-const HeaderHeightLarge = '160px';
-const InputHeight = '120px';
-const greyBorder = `solid 1px ${grey[400]}`;
-const Padding = '8px';
-const MultiTraitButton = withStyles({
-  button: {
-    fontSize: '16px',
-    textAlign: 'right',
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'flex-start',
-    padding: '11px 16px',
-    width: '114px',
-    background: color.secondaryBackground(),
-    borderRadius: '4px',
-    justifyContent: 'space-around',
-    color: color.text(),
-    cursor: 'pointer'
-  }
-})(({classes, children, onClick}) => React.createElement('div', {
-  className: classes.button,
-  onClick: onClick,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 39
-  }
-}, React.createElement('strong', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 43
-  }
-}, "+"), React.createElement('div', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 44
-  }
-}, children)));
-const PrimaryBlock = withStyles({
-  primaryBlock: {
-    width: `${PrimaryBlockWidth}px`,
-    minWidth: `${PrimaryBlockWidth}px`,
-    position: 'relative',
-    padding: Padding,
-    boxSizing: 'border-box'
-  }
-})(({classes, children, className}) => React.createElement('div', {
-  className: classnames(classes.primaryBlock, className),
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 57
-  }
-}, children));
-const Block = withStyles({
-  block: {
-    width: `${BlockWidth}px`,
-    minWidth: `${BlockWidth}px`,
-    padding: Padding
-  }
-})(({classes, children}) => React.createElement('div', {
-  className: classes.block,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 69
-  }
-}, children));
-const SecondaryBlock = withStyles({
-  secondaryBlock: {
-    display: 'flex',
-    overflowX: 'hidden',
-    alignItems: 'flex-end',
-    paddingBottom: '22px'
-  }
-})(({classes, children, setRef}) => React.createElement('div', {
-  className: classes.secondaryBlock,
-  ref: setRef,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 83
-  }
-}, children));
-const Row = withStyles({
-  row: {
-    display: 'flex',
-    margin: '4px 0'
-  }
-})(({classes, children, className, height}) => React.createElement('div', {
-  className: classnames(classes.row, className),
-  style: {
-    height
-  },
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 94
-  }
-}, children));
-const ScorePoint = withStyles({
-  scorePointBoxWrapper: {
-    padding: '0 10px'
-  },
-  scorePointBox: {
-    display: 'flex',
-    borderRadius: '4px',
-    background: 'white',
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    border: greyBorder
-  },
-  scorePointBoxDisabled: {
-    background: 'none',
-    justifyContent: 'center',
-    border: '0'
-  },
-  subLabel: {
-    width: '24px',
-    textAlign: 'center'
-  },
-  editableLabel: {
-    textAlign: 'left',
-    flex: 1,
-    border: 'none',
-    '& div': {
-      padding: 0
-    },
-    '& > div': {
-      border: 'none',
-      borderLeft: greyBorder,
-      borderRadius: 0,
-      padding: Padding
-    }
-  },
-  slateEditor: {
-    fontFamily: 'Cerebri'
-  }
-})(({classes, scorePointsValue, scoreDescriptor, pluginProps, onChange, showScorePointLabels}) => {
-  const scoreBoxClasses = showScorePointLabels ? classes.scorePointBox : `${classes.scorePointBox} ${classes.scorePointBoxDisabled}`;
-  return React.createElement('div', {
-    className: classes.scorePointBoxWrapper,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 151
-    }
-  }, React.createElement('div', {
-    className: scoreBoxClasses,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 152
-    }
-  }, React.createElement('div', {
-    className: classes.subLabel,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 153
-    }
-  }, scorePointsValue), showScorePointLabels ? React.createElement(EditableHtml, {
-    className: classes.editableLabel,
-    classes: {
-      slateEditor: classes.slateEditor
-    },
-    markup: scoreDescriptor,
-    placeholder: "Label",
-    onChange: onChange,
-    pluginProps: pluginProps,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 157
-    }
-  }) : null));
-});
-const maxScoreOptions = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-const inputStyles = {
-  root: {
-    background: 'white',
-    'label + &': {
-      marginTop: '20px',
-      marginBottom: 0,
-      width: '80px'
-    }
-  },
-  input: {
-    borderRadius: '4px',
-    position: 'relative',
-    border: greyBorder,
-    fontSize: '14px',
-    fontFamily: 'Cerebri Sans',
-    padding: '8px 12px',
-    '&:focus': {
-      borderRadius: '4px'
-    }
-  }
-};
-const BootstrapInput = withStyles(inputStyles)(InputBase);
-const MaxPointsPicker = withStyles({})(({maxPoints, onChange}) => React.createElement(FormControl, {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 197
-  }
-}, React.createElement(InputLabel, {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 198
-  }
-}, "Max Points"), React.createElement(Select, {
-  value: maxPoints,
-  onChange: onChange,
-  input: React.createElement(BootstrapInput, {
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 204
-    }
-  }),
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 201
-  }
-}, (maxScoreOptions || []).map(maxScore => React.createElement(MenuItem, {
-  key: `menu-item-${maxScore}`,
-  value: maxScore,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 207
-  }
-}, maxScore)))));
-const SimpleInput = withStyles({
-  simpleInput: {
-    display: 'flex',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    margin: '12px 0'
-  },
-  editableLevel: {
-    background: 'white',
-    width: '60%'
-  },
-  slateEditor: {
-    fontFamily: 'Cerebri'
-  }
-})(({classes, markup, onChange, pluginProps, label}) => React.createElement('div', {
-  className: classes.simpleInput,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 233
-  }
-}, label && React.createElement('div', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 234
-  }
-}, label), React.createElement(EditableHtml, {
-  className: classes.editableLevel,
-  classes: {
-    slateEditor: classes.slateEditor
-  },
-  markup: markup,
-  onChange: onChange,
-  placeholder: "Trait Label",
-  pluginProps: pluginProps,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 236
-  }
-})));
-const UnderlinedInput = withStyles({
-  underlinedInputWrapper: {
-    width: '100%',
-    height: '100%',
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  editableLevel: {
-    background: 'white',
-    width: '100%',
-    '& div': {
-      padding: 0
-    },
-    '& > div': {
-      border: 'none',
-      borderBottom: greyBorder,
-      borderRadius: 0,
-      padding: Padding
-    }
-  },
-  slateEditor: {
-    fontFamily: 'Cerebri'
-  }
-})(({classes, markup, onChange, pluginProps, label, placeholder}) => React.createElement('div', {
-  className: classes.underlinedInputWrapper,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 274
-  }
-}, label && React.createElement('div', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 275
-  }
-}, label), React.createElement(EditableHtml, {
-  className: classes.editableLevel,
-  classes: {
-    slateEditor: classes.slateEditor
-  },
-  markup: markup,
-  onChange: onChange,
-  placeholder: placeholder,
-  pluginProps: pluginProps,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 277
-  }
-})));
-const ExpandedInput = withStyles({
-  slateEditor: {
-    fontFamily: 'Cerebri',
-    height: InputHeight,
-    padding: 0
-  },
-  prompt: {
-    border: 'none',
-    margin: '10px'
-  }
-})(({classes, markup, onChange, pluginProps, placeholder}) => React.createElement('div', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 300
-  }
-}, React.createElement(EditableHtml, {
-  className: classes.prompt,
-  classes: {
-    slateEditor: classes.slateEditor
-  },
-  markup: markup,
-  onChange: onChange,
-  placeholder: placeholder,
-  pluginProps: pluginProps,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 301
-  }
-})));
-const ScaleSettings = withStyles({
-  scaleSettings: {
-    display: 'flex',
-    justifyContent: 'space-between',
-    alignItems: 'flex-end'
-  }
-})(({classes, children}) => React.createElement('div', {
-  className: classes.scaleSettings,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 319
-  }
-}, children));
-const Arrow = withStyles({
-  arrow: {
-    position: 'absolute',
-    zIndex: 10,
-    cursor: 'pointer',
-    right: 0,
-    alignItems: 'flex-start',
-    justifyContent: 'center',
-    background: `linear-gradient(to left, white, ${color.background()})`,
-    boxSizing: 'border-box',
-    padding: '4px 0'
-  },
-  innerGrey: {
-    position: 'absolute',
-    zIndex: 11,
-    cursor: 'pointer',
-    right: 0,
-    alignItems: 'flex-start',
-    justifyContent: 'center',
-    background: `linear-gradient(to left, white, ${color.background()})`,
-    boxSizing: 'border-box',
-    '& svg': {
-      position: 'absolute',
-      bottom: '-24px'
-    }
-  }
-})(({classes, children, className, show, width, onClick, left, showLevelTagInput}) => React.createElement('div', {
-  className: classnames(classes.arrow, className),
-  style: {
-    height: '-webkit-fill-available',
-    display: show ? 'flex' : 'none',
-    width: width,
-    left: left,
-    background: left ? `linear-gradient(to right, white, ${color.background()})` : undefined
-  },
-  onClick: onClick,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 353
-  }
-}, React.createElement('div', {
-  className: classnames(classes.innerGrey, className),
-  style: {
-    display: show ? 'flex' : 'none',
-    width: width,
-    height: showLevelTagInput ? HeaderHeightLarge : HeaderHeight,
-    left: 0,
-    background: left ? `linear-gradient(to right, ${color.secondaryBackground()}, ${color.background()})` : undefined
-  },
-  onClick: onClick,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 363
-  }
-}, children)));
-const React$1 = _dll_react;
-const PropTypes = _dll_prop_types;
-const {withStyles: withStyles$1} = _dll_material_ui__core_styles;
-const {IconButton: IconButton} = _dll_material_ui__core;
-const {Menu: Menu} = _dll_material_ui__core;
-const {MenuItem: MenuItem$1} = _dll_material_ui__core;
-const {color: color$1} = _dll_pie_lib__render_ui;
-const _jsxFileName$1 = "/home/ede/dev/github/pie-framework/pie-elements/packages/multi-trait-rubric/configure/src/traitsHeader.jsx";
-const styles = {
-  label: {
-    textAlign: 'center',
-    width: '140px',
-    border: 'none',
-    margin: '8px',
-    padding: '10px 0',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'space-around'
-  },
-  greyHeader: {
-    background: color$1.secondaryBackground(),
-    borderRadius: '4px',
-    position: 'relative'
-  },
-  primaryBlockGreyHeader: {
-    paddingTop: '12px'
-  }
-};
-class TraitsHeaderTile extends React$1.Component {
-  constructor(...args) {
-    super(...args);
-    TraitsHeaderTile.prototype.__init.call(this);
-    TraitsHeaderTile.prototype.__init2.call(this);
-    TraitsHeaderTile.prototype.__init3.call(this);
-    TraitsHeaderTile.prototype.__init4.call(this);
-    TraitsHeaderTile.prototype.__init5.call(this);
-    TraitsHeaderTile.prototype.__init6.call(this);
-  }
-  __init() {
-    this.state = {
-      anchorEl: null
-    };
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.currentPosition !== this.props.currentPosition) {
-      this.scrollToPosition(nextProps.currentPosition);
-    }
-  }
-  __init2() {
-    this.onScorePointLabelChange = ({scorePointLabel, value}) => {
-      const {scorePointsLabels, onScaleChange} = this.props;
-      if (value < 0 || value >= scorePointsLabels.length) return;
-      scorePointsLabels[value] = scorePointLabel;
-      onScaleChange({
-        scorePointsLabels
-      });
-    };
-  }
-  __init3() {
-    this.handleClick = event => this.setState({
-      anchorEl: event.currentTarget
-    });
-  }
-  __init4() {
-    this.handleClose = () => this.setState({
-      anchorEl: null
-    });
-  }
-  __init5() {
-    this.scrollToPosition = position => this.secondaryBlock.scrollTo({
-      left: position
-    });
-  }
-  __init6() {
-    this.openMenu = () => {
-      this.props.showDeleteScaleModal();
-      this.handleClose();
-    };
-  }
-  render() {
-    const {scorePointsValues, scorePointsLabels, traitLabel, classes, showStandards, onTraitLabelChange, showDescription, showLevelTagInput, maxPoints, updateMaxPointsFieldValue, scaleIndex, showScorePointLabels, setSecondaryBlockRef} = this.props;
-    const pluginProps = {
-      image: {
-        disabled: true
-      },
-      math: {
-        disabled: true
-      }
-    };
-    const {anchorEl} = this.state;
-    return React$1.createElement(Row, {
-      className: classes.greyHeader,
-      height: showLevelTagInput ? HeaderHeightLarge : HeaderHeight,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 100
-      }
-    }, React$1.createElement(PrimaryBlock, {
-      className: classes.primaryBlockGreyHeader,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 101
-      }
-    }, showLevelTagInput && React$1.createElement(SimpleInput, {
-      markup: traitLabel || 'Trait',
-      onChange: onTraitLabelChange,
-      pluginProps: pluginProps,
-      label: "Level Label",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 103
-      }
-    }), React$1.createElement(ScaleSettings, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 111
-      }
-    }, React$1.createElement('div', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 112
-      }
-    }, "Scale ", scaleIndex + 1), React$1.createElement(MaxPointsPicker, {
-      maxPoints: maxPoints,
-      onChange: updateMaxPointsFieldValue,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 116
-      }
-    }), React$1.createElement('div', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 121
-      }
-    }, React$1.createElement(IconButton, {
-      'aria-label': "more",
-      'aria-controls': "long-menu",
-      'aria-haspopup': "true",
-      onClick: this.handleClick,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 122
-      }
-    }, React$1.createElement(MoreVertIcon, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 128
-      }
-    })), React$1.createElement(Menu, {
-      id: "long-menu",
-      anchorEl: anchorEl,
-      keepMounted: true,
-      open: !!anchorEl,
-      onClose: this.handleClose,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 130
-      }
-    }, ['Remove Scale'].map(option => React$1.createElement(MenuItem$1, {
-      key: option,
-      onClick: this.openMenu,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 138
-      }
-    }, option)))))), React$1.createElement(SecondaryBlock, {
-      setRef: ref => {
-        if (ref) {
-          this.secondaryBlock = ref;
-          setSecondaryBlockRef(ref);
-        }
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 150
-      }
-    }, showStandards && React$1.createElement(Block, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 161
-      }
-    }, React$1.createElement('div', {
-      className: classes.label,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 162
-      }
-    }, "Standard(s)")), showDescription && React$1.createElement(Block, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 169
-      }
-    }, React$1.createElement('div', {
-      className: classes.label,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 170
-      }
-    }, "Description")), scorePointsValues.map((scorePointsValue, index) => {
-      const value = scorePointsValues.length - index - 1;
-      let scoreDescriptor;
-      try {
-        scoreDescriptor = scorePointsLabels[value] || '';
-      } catch (e) {
-        scoreDescriptor = '';
-      }
-      return React$1.createElement(Block, {
-        key: `secondary-block-part-${index}`,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$1,
-          lineNumber: 187
-        }
-      }, React$1.createElement(ScorePoint, {
-        scorePointsValue: scorePointsValue,
-        scoreDescriptor: scoreDescriptor,
-        pluginProps: pluginProps,
-        showScorePointLabels: showScorePointLabels,
-        onChange: scorePointLabel => this.onScorePointLabelChange({
-          scorePointLabel,
-          value
-        }),
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$1,
-          lineNumber: 188
-        }
-      }));
-    })));
-  }
-}
-TraitsHeaderTile.propTypes = {
-  classes: PropTypes.object.isRequired,
-  onTraitLabelChange: PropTypes.func,
-  onScaleChange: PropTypes.func,
-  scorePointsValues: PropTypes.arrayOf(PropTypes.number),
-  scorePointsLabels: PropTypes.arrayOf(PropTypes.string),
-  traitLabel: PropTypes.string,
-  showStandards: PropTypes.bool,
-  showLevelTagInput: PropTypes.bool,
-  showDescription: PropTypes.bool,
-  maxPoints: PropTypes.number,
-  updateMaxPointsFieldValue: PropTypes.func,
-  scaleIndex: PropTypes.number,
-  currentPosition: PropTypes.number,
-  showDeleteScaleModal: PropTypes.func,
-  showScorePointLabels: PropTypes.bool,
-  setSecondaryBlockRef: PropTypes.func
-};
-var TraitsHeader = withStyles$1(styles)(TraitsHeaderTile);
-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;
-  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 = setup;
-var browser = 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(exports);
-  var formatters = module.exports.formatters;
-  formatters.j = function (v) {
-    try {
-      return JSON.stringify(v);
-    } catch (error) {
-      return '[UnexpectedJSONParseError]: ' + error.message;
-    }
-  };
-});
-browser.log;
-browser.formatArgs;
-browser.save;
-browser.load;
-browser.useColors;
-browser.storage;
-browser.colors;
-const require$$0$4 = _dll_react;
-var DragIndicator = createCommonjsModule(function (module, exports) {
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.default = void 0;
-  var _react = interopRequireDefault(require$$0$4);
-  var _createSvgIcon = interopRequireDefault(createSvgIcon_1);
-  var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
-    fill: "none",
-    d: "M0 0h24v24H0V0z"
-  }), _react.default.createElement("path", {
-    d: "M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
-  })), 'DragIndicator');
-  exports.default = _default;
-});
-var DragIndicatorIcon = unwrapExports(DragIndicator);
-const React$2 = _dll_react;
-const PropTypes$1 = _dll_prop_types;
-const {isEmpty: isEmpty} = _dll_lodash;
-const {DragSource: DragSource} = _dll_react_dnd;
-const {DropTarget: DropTarget} = _dll_react_dnd;
-const {withStyles: withStyles$2} = _dll_material_ui__core_styles;
-const {color: color$2} = _dll_pie_lib__render_ui;
-const {IconButton: IconButton$1} = _dll_material_ui__core;
-const {Menu: Menu$1} = _dll_material_ui__core;
-const {MenuItem: MenuItem$2} = _dll_material_ui__core;
-const _jsxFileName$2 = "/home/ede/dev/github/pie-framework/pie-elements/packages/multi-trait-rubric/configure/src/trait.jsx";
-const log = browser('@pie-element:placement-ordering:configure:trait-tile');
-const styles$1 = {
-  actions: {
-    color: color$2.secondaryBackground()
-  },
-  controls: {
-    display: 'flex',
-    justifyContent: 'flex-end',
-    position: 'absolute',
-    top: '28px',
-    right: '8px',
-    cursor: 'pointer'
-  },
-  dragHandle: {
-    position: 'absolute',
-    top: '80px',
-    left: `-${DragHandleSpace}px`,
-    cursor: 'move'
-  }
-};
-class TraitTile extends React$2.Component {
-  constructor(...args) {
-    super(...args);
-    TraitTile.prototype.__init.call(this);
-    TraitTile.prototype.__init2.call(this);
-    TraitTile.prototype.__init3.call(this);
-    TraitTile.prototype.__init4.call(this);
-    TraitTile.prototype.__init5.call(this);
-    TraitTile.prototype.__init6.call(this);
-    TraitTile.prototype.__init7.call(this);
-  }
-  __init() {
-    this.state = {};
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.currentPosition !== this.props.currentPosition || this.secondaryBlock && this.secondaryBlock.scrollLeft !== nextProps.currentPosition) {
-      this.scrollToPosition(nextProps.currentPosition);
-    }
-  }
-  __init2() {
-    this.onTraitChanged = params => {
-      const {trait, onTraitChanged} = this.props;
-      if (isEmpty(params)) return;
-      Object.keys(params).forEach(key => {
-        trait[key] = params[key];
-      });
-      onTraitChanged(trait);
-    };
-  }
-  __init3() {
-    this.onScorePointDescriptorChange = ({descriptor, value}) => {
-      const {trait: {scorePointsDescriptors}} = this.props;
-      if (value < 0 || value >= scorePointsDescriptors.length) return;
-      scorePointsDescriptors[value] = descriptor;
-      this.onTraitChanged({
-        scorePointsDescriptors
-      });
-    };
-  }
-  __init4() {
-    this.handleClick = event => this.setState({
-      anchorEl: event.currentTarget
-    });
-  }
-  __init5() {
-    this.handleClose = () => this.setState({
-      anchorEl: null
-    });
-  }
-  __init6() {
-    this.scrollToPosition = position => this.secondaryBlock.scrollTo({
-      left: position
-    });
-  }
-  __init7() {
-    this.openMenu = () => {
-      this.props.onTraitRemoved();
-      this.handleClose();
-    };
-  }
-  render() {
-    const {classes, connectDragSource, connectDropTarget, trait: {name, standards, description, scorePointsDescriptors}, scorePointsValues, showStandards, showDescription, enableDragAndDrop} = this.props;
-    const {anchorEl} = this.state;
-    const dragSourceOpts = {};
-    const pluginProps = {
-      image: {
-        disabled: true
-      },
-      math: {
-        disabled: true
-      }
-    };
-    return connectDragSource(connectDropTarget(React$2.createElement('div', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 115
-      }
-    }, React$2.createElement(Row, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 116
-      }
-    }, React$2.createElement(PrimaryBlock, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 117
-      }
-    }, enableDragAndDrop ? React$2.createElement('span', {
-      className: classes.dragHandle,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 119
-      }
-    }, React$2.createElement(DragIndicatorIcon, {
-      className: classes.actions,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 120
-      }
-    })) : null, React$2.createElement('div', {
-      className: classes.controls,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 123
-      }
-    }, React$2.createElement(IconButton$1, {
-      'aria-label': "more",
-      'aria-controls': "long-menu",
-      'aria-haspopup': "true",
-      onClick: this.handleClick,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 124
-      }
-    }, React$2.createElement(MoreVertIcon, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 130
-      }
-    })), React$2.createElement(Menu$1, {
-      id: "long-menu",
-      anchorEl: anchorEl,
-      keepMounted: true,
-      open: !!anchorEl,
-      onClose: this.handleClose,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 132
-      }
-    }, ['Remove Trait'].map(option => React$2.createElement(MenuItem$2, {
-      key: option,
-      onClick: this.openMenu,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 140
-      }
-    }, option)))), React$2.createElement(UnderlinedInput, {
-      markup: name,
-      onChange: name => this.onTraitChanged({
-        name
-      }),
-      pluginProps: pluginProps,
-      placeholder: "Enter Trait",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 150
-      }
-    })), React$2.createElement(SecondaryBlock, {
-      setRef: ref => {
-        this.secondaryBlock = ref;
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 157
-      }
-    }, showStandards && standards && React$2.createElement(Block, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 163
-      }
-    }, React$2.createElement(ExpandedInput, {
-      placeholder: "Standards",
-      markup: standards.join(','),
-      onChange: standards => this.onTraitChanged({
-        standards: standards.split(',')
-      }),
-      pluginProps: pluginProps,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 164
-      }
-    })), showDescription && React$2.createElement(Block, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 174
-      }
-    }, React$2.createElement(ExpandedInput, {
-      placeholder: "Description",
-      markup: description,
-      onChange: description => this.onTraitChanged({
-        description
-      }),
-      pluginProps: pluginProps,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 175
-      }
-    })), (scorePointsValues || []).map((scorePointsValue, index) => {
-      const value = scorePointsValues.length - index - 1;
-      let scoreDescriptor;
-      try {
-        scoreDescriptor = scorePointsDescriptors[value] || '';
-      } catch (e) {
-        scoreDescriptor = '';
-      }
-      return React$2.createElement(Block, {
-        key: `key-key-${index}`,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$2,
-          lineNumber: 195
-        }
-      }, React$2.createElement(ExpandedInput, {
-        placeholder: "Enter Description Here",
-        markup: scoreDescriptor,
-        onChange: descriptor => this.onScorePointDescriptorChange({
-          descriptor,
-          value
-        }),
-        pluginProps: pluginProps,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$2,
-          lineNumber: 196
-        }
-      }));
-    }))))), dragSourceOpts);
-  }
-}
-TraitTile.propTypes = {
-  connectDragSource: PropTypes$1.func.isRequired,
-  connectDropTarget: PropTypes$1.func.isRequired,
-  classes: PropTypes$1.object.isRequired,
-  isDragging: PropTypes$1.bool.isRequired,
-  id: PropTypes$1.any,
-  isOver: PropTypes$1.bool,
-  index: PropTypes$1.number,
-  onTraitChanged: PropTypes$1.func.isRequired,
-  onTraitRemoved: PropTypes$1.func.isRequired,
-  trait: PropTypes$1.shape({
-    name: PropTypes$1.string,
-    standards: PropTypes$1.arrayOf(PropTypes$1.string),
-    scorePointsDescriptors: PropTypes$1.arrayOf(PropTypes$1.string),
-    description: PropTypes$1.string
-  }),
-  scorePointsValues: PropTypes$1.arrayOf(PropTypes$1.number),
-  showStandards: PropTypes$1.bool,
-  showDescription: PropTypes$1.bool,
-  enableDragAndDrop: PropTypes$1.bool,
-  currentPosition: PropTypes$1.number
-};
-const StyledTrait = withStyles$2(styles$1)(TraitTile);
-const NAME = 'trait-config';
-const traitSource = {
-  beginDrag(props) {
-    return {
-      name: props.trait.name,
-      index: props.index
-    };
-  }
-};
-const StyledSource = DragSource(NAME, traitSource, (connect, monitor) => ({
-  connectDragSource: connect.dragSource(),
-  isDragging: monitor.isDragging()
-}))(StyledTrait);
-const traitTarget = {
-  hover() {
-    log('[hover]');
-  },
-  drop(props, monitor) {
-    const item = monitor.getItem();
-    log('[drop] item: ', item, 'didDrop?', monitor.didDrop());
-    props.onTraitDropped(item, props.index);
-  }
-};
-const StyledSourceAndTarget = DropTarget(NAME, traitTarget, (connect, monitor) => ({
-  connectDropTarget: connect.dropTarget(),
-  isOver: monitor.isOver()
-}))(StyledSource);
-const React$3 = _dll_react;
-const PropTypes$2 = _dll_prop_types;
-const {withStyles: withStyles$3} = _dll_material_ui__core_styles;
-const {Dialog: Dialog} = _dll_material_ui__core;
-const {DialogTitle: DialogTitle} = _dll_material_ui__core;
-const {DialogActions: DialogActions} = _dll_material_ui__core;
-const {DialogContent: DialogContent} = _dll_material_ui__core;
-const {DialogContentText: DialogContentText} = _dll_material_ui__core;
-const {Button: Button} = _dll_material_ui__core;
-const {color: color$3} = _dll_pie_lib__render_ui;
-const _jsxFileName$3 = "/home/ede/dev/github/pie-framework/pie-elements/packages/multi-trait-rubric/configure/src/modals.jsx";
-const excludeZeroTypes = {
-  remove0: 'remove0',
-  add0: 'add0',
-  shiftLeft: 'shiftLeft',
-  shiftRight: 'shiftRight'
-};
-const styles$2 = () => ({
-  root: {
-    padding: '20px'
-  },
-  title: {
-    padding: '0 0 18px 0',
-    '& h2': {
-      fontSize: '20px',
-      lineHeight: '23px',
-      fontFamily: 'Cerebri Sans',
-      color: color$3.text()
-    }
-  },
-  text: {
-    paddingLeft: '0',
-    '& p': {
-      fontSize: '16px',
-      fontFamily: 'Cerebri Sans',
-      color: color$3.text()
-    }
-  },
-  button: {
-    padding: '11px 16px',
-    borderRadius: '4px',
-    fontSize: '14px',
-    fontFamily: 'Cerebri Sans',
-    lineHeight: '14px',
-    textTransform: 'none',
-    background: color$3.primary(),
-    color: 'white'
-  },
-  cancelButton: {
-    background: color$3.secondaryBackground(),
-    color: color$3.text()
-  }
-});
-const RawExcludeZeroDialog = ({open, changeExcludeZero, cancel, classes}) => React$3.createElement(Dialog, {
-  open: open,
-  classes: {
-    paper: classes.root
-  },
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 61
-  }
-}, React$3.createElement(DialogTitle, {
-  classes: {
-    root: classes.title
-  },
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 62
-  }
-}, "Exclude 0 (Zero) from Score Point Values."), React$3.createElement(DialogContent, {
-  classes: {
-    root: classes.text
-  },
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 66
-  }
-}, React$3.createElement('div', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 67
-  }
-}, "You are about to exclude 0 from score point values.", React$3.createElement('br', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 69
-  }
-}), "Some of the existing data has to be changed.", React$3.createElement('br', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 71
-  }
-}), "Please choose if you want to:", React$3.createElement('ul', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 73
-  }
-}, React$3.createElement('li', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 74
-  }
-}, "shift Labels and Descriptions to the left"), React$3.createElement('li', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 77
-  }
-}, "remove 0 column with its Label and Description")))), React$3.createElement(DialogActions, {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 84
-  }
-}, React$3.createElement(Button, {
-  classes: {
-    root: `${classes.button} ${classes.cancelButton}`
-  },
-  onClick: cancel,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 85
-  }
-}, "Cancel"), React$3.createElement(Button, {
-  classes: {
-    root: classes.button
-  },
-  onClick: () => changeExcludeZero(excludeZeroTypes.shiftLeft),
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 89
-  }
-}, "Shift to Left"), React$3.createElement(Button, {
-  classes: {
-    root: classes.button
-  },
-  onClick: () => changeExcludeZero(excludeZeroTypes.remove0),
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 93
-  }
-}, "Remove 0 column")));
-RawExcludeZeroDialog.propTypes = {
-  classes: PropTypes$2.object,
-  open: PropTypes$2.bool,
-  changeExcludeZero: PropTypes$2.func,
-  cancel: PropTypes$2.func
-};
-const ExcludeZeroDialog = withStyles$3(styles$2)(RawExcludeZeroDialog);
-const RawIncludeZeroDialog = ({open, changeExcludeZero, cancel, classes}) => React$3.createElement(Dialog, {
-  open: open,
-  classes: {
-    paper: classes.root
-  },
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 111
-  }
-}, React$3.createElement(DialogTitle, {
-  classes: {
-    root: classes.title
-  },
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 112
-  }
-}, "Include 0 (Zero) in Score Point Values."), React$3.createElement(DialogContent, {
-  classes: {
-    root: classes.text
-  },
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 116
-  }
-}, React$3.createElement('div', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 117
-  }
-}, "You are about to include 0 in score point values.", React$3.createElement('br', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 119
-  }
-}), "Some of the existing data has to be changed.", React$3.createElement('br', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 121
-  }
-}), "Please choose if you want to:", React$3.createElement('ul', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 123
-  }
-}, React$3.createElement('li', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 124
-  }
-}, "shift Labels and Descriptions to the right"), React$3.createElement('li', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 127
-  }
-}, "add 0 column with empty Label and Descriptions")))), React$3.createElement(DialogActions, {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 134
-  }
-}, React$3.createElement(Button, {
-  classes: {
-    root: `${classes.button} ${classes.cancelButton}`
-  },
-  onClick: cancel,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 135
-  }
-}, "Cancel"), React$3.createElement(Button, {
-  classes: {
-    root: classes.button
-  },
-  onClick: () => changeExcludeZero(excludeZeroTypes.shiftRight),
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 139
-  }
-}, "Shift to Right"), React$3.createElement(Button, {
-  classes: {
-    root: classes.button
-  },
-  onClick: () => changeExcludeZero(excludeZeroTypes.add0),
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 143
-  }
-}, "Add 0 column")));
-RawIncludeZeroDialog.propTypes = {
-  classes: PropTypes$2.object,
-  open: PropTypes$2.bool,
-  changeExcludeZero: PropTypes$2.func,
-  cancel: PropTypes$2.func
-};
-const IncludeZeroDialog = withStyles$3(styles$2)(RawIncludeZeroDialog);
-const RawDecreaseMaxPoints = ({open, deleteScorePoints, cancel, classes}) => React$3.createElement(Dialog, {
-  open: open,
-  classes: {
-    paper: classes.root
-  },
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 161
-  }
-}, React$3.createElement(DialogTitle, {
-  classes: {
-    root: classes.title
-  },
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 162
-  }
-}, "Decreasing Max Points."), React$3.createElement(DialogContent, {
-  classes: {
-    root: classes.text
-  },
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 166
-  }
-}, React$3.createElement(DialogContentText, {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 167
-  }
-}, "You are about to decrease max score point value.", React$3.createElement('br', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 169
-  }
-}), "All the Labels and Descriptions for scores above Max Point will be deleted.")), React$3.createElement(DialogActions, {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 174
-  }
-}, React$3.createElement(Button, {
-  classes: {
-    root: `${classes.button} ${classes.cancelButton}`
-  },
-  onClick: cancel,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 175
-  }
-}, "Cancel"), React$3.createElement(Button, {
-  classes: {
-    root: classes.button
-  },
-  onClick: deleteScorePoints,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 179
-  }
-}, "Confirm")));
-RawDecreaseMaxPoints.propTypes = {
-  classes: PropTypes$2.object,
-  open: PropTypes$2.bool,
-  deleteScorePoints: PropTypes$2.func,
-  cancel: PropTypes$2.func
-};
-const DecreaseMaxPoints = withStyles$3(styles$2)(RawDecreaseMaxPoints);
-const RawDeleteScale = ({open, scaleIndex, deleteScale, cancel, classes}) => React$3.createElement(Dialog, {
-  open: open,
-  classes: {
-    paper: classes.root
-  },
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 196
-  }
-}, React$3.createElement(DialogTitle, {
-  classes: {
-    root: classes.title
-  },
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 197
-  }
-}, "Delete Scale #", scaleIndex), React$3.createElement(DialogContent, {
-  classes: {
-    root: classes.text
-  },
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 201
-  }
-}, React$3.createElement(DialogContentText, {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 202
-  }
-}, "Are you sure you want to delete this scale?")), React$3.createElement(DialogActions, {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 207
-  }
-}, React$3.createElement(Button, {
-  classes: {
-    root: `${classes.button} ${classes.cancelButton}`
-  },
-  onClick: cancel,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 208
-  }
-}, "Cancel"), React$3.createElement(Button, {
-  classes: {
-    root: classes.button
-  },
-  onClick: deleteScale,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 212
-  }
-}, "Delete")));
-RawDeleteScale.propTypes = {
-  classes: PropTypes$2.object,
-  open: PropTypes$2.bool,
-  scaleIndex: PropTypes$2.number,
-  deleteScale: PropTypes$2.func,
-  cancel: PropTypes$2.func
-};
-const DeleteScale = withStyles$3(styles$2)(RawDeleteScale);
-const RawDeleteTrait = ({open, deleteTrait, cancel, classes}) => React$3.createElement(Dialog, {
-  open: open,
-  classes: {
-    paper: classes.root
-  },
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 231
-  }
-}, React$3.createElement(DialogTitle, {
-  classes: {
-    root: classes.title
-  },
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 232
-  }
-}, "Delete Trait"), React$3.createElement(DialogContent, {
-  classes: {
-    root: classes.text
-  },
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 236
-  }
-}, React$3.createElement(DialogContentText, {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 237
-  }
-}, "Are you sure you want to delete this trait?")), React$3.createElement(DialogActions, {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 242
-  }
-}, React$3.createElement(Button, {
-  classes: {
-    root: `${classes.button} ${classes.cancelButton}`
-  },
-  onClick: cancel,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 243
-  }
-}, "Cancel"), React$3.createElement(Button, {
-  classes: {
-    root: classes.button
-  },
-  onClick: deleteTrait,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$3,
-    lineNumber: 247
-  }
-}, "Delete")));
-RawDeleteTrait.propTypes = {
-  classes: PropTypes$2.object,
-  open: PropTypes$2.bool,
-  deleteTrait: PropTypes$2.func,
-  cancel: PropTypes$2.func
-};
-const DeleteTrait = withStyles$3(styles$2)(RawDeleteTrait);
-const React$4 = _dll_react;
-const PropTypes$3 = _dll_prop_types;
-const {withStyles: withStyles$4} = _dll_material_ui__core_styles;
-const {withDragContext: withDragContext} = _dll_pie_lib__drag;
-const {color: color$4} = _dll_pie_lib__render_ui;
-const _jsxFileName$4 = "/home/ede/dev/github/pie-framework/pie-elements/packages/multi-trait-rubric/configure/src/scale.jsx";
-const AdjustedBlockWidth = BlockWidth + 2 * 8;
-const styles$3 = {
-  scaleWrapper: {
-    display: 'flex',
-    flexDirection: 'column',
-    margin: '12px 0',
-    wordBreak: 'break-word',
-    padding: `16px 0 16px ${DragHandleSpace}px`,
-    position: 'relative'
-  },
-  maxPoints: {
-    width: '300px',
-    margin: '16px 0 32px'
-  },
-  trait: {
-    background: color$4.secondaryBackground(),
-    margin: '16px 0',
-    padding: '16px'
-  }
-};
-class Scale extends React$4.Component {
-  constructor(...args) {
-    super(...args);
-    Scale.prototype.__init.call(this);
-    Scale.prototype.__init2.call(this);
-    Scale.prototype.__init3.call(this);
-    Scale.prototype.__init4.call(this);
-    Scale.prototype.__init5.call(this);
-    Scale.prototype.__init6.call(this);
-    Scale.prototype.__init7.call(this);
-    Scale.prototype.__init8.call(this);
-    Scale.prototype.__init9.call(this);
-    Scale.prototype.__init10.call(this);
-    Scale.prototype.__init11.call(this);
-    Scale.prototype.__init12.call(this);
-    Scale.prototype.__init13.call(this);
-    Scale.prototype.__init14.call(this);
-    Scale.prototype.__init15.call(this);
-    Scale.prototype.__init16.call(this);
-    Scale.prototype.__init17.call(this);
-  }
-  __init() {
-    this.state = {
-      showDecreaseMaxPointsDialog: false,
-      showDeleteScaleDialog: false,
-      showDeleteTraitDialog: false,
-      currentPosition: 0,
-      showRight: null,
-      showLeft: null
-    };
-  }
-  __init2() {
-    this.set = newState => this.setState(newState);
-  }
-  componentDidMount() {
-    if (this.state.showRight === null && this.secondaryBlockRef) {
-      this.setState({
-        showRight: this.secondaryBlockRef.scrollWidth - this.secondaryBlockRef.offsetWidth
-      });
-    }
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.excludeZero !== this.props.excludeZero || nextProps.showStandards !== this.props.showStandards || nextProps.showDescription !== this.props.showDescription) {
-      this.setState({
-        currentPosition: 0,
-        showLeft: false,
-        showRight: this.secondaryBlockRef && this.secondaryBlockRef.scrollWidth - this.secondaryBlockRef.offsetWidth
-      });
-    }
-  }
-  __init3() {
-    this.updateMaxPointsFieldValue = ({target}) => {
-      const {scale, scaleIndex, onScaleChanged} = this.props || ({});
-      const {maxPoints, scorePointsLabels, traits} = scale;
-      const numberValue = parseInt(target.value, 10);
-      this.setState({
-        currentPosition: 0,
-        showLeft: false,
-        showRight: this.secondaryBlockRef && this.secondaryBlockRef.scrollWidth - this.secondaryBlockRef.offsetWidth
-      });
-      if (numberValue < maxPoints) {
-        this.showDecreaseMaxPointsModal({
-          newMaxPoints: numberValue
-        });
-      } else {
-        for (let i = 0; i <= numberValue; i++) {
-          if (!scorePointsLabels[i]) {
-            scorePointsLabels.push('');
-          }
-          traits.forEach((trait, index) => {
-            if (!traits[index].scorePointsDescriptors[i]) {
-              traits[index].scorePointsDescriptors.push('');
-            }
-          });
-        }
-        onScaleChanged(scaleIndex, {
-          maxPoints: numberValue,
-          scorePointsLabels,
-          traits
-        });
-      }
-    };
-  }
-  __init4() {
-    this.showDecreaseMaxPointsModal = ({newMaxPoints}) => this.set({
-      showDecreaseMaxPointsDialog: true,
-      newMaxPoints
-    });
-  }
-  __init5() {
-    this.hideDecreaseMaxPointsModal = () => this.set({
-      showDecreaseMaxPointsDialog: false,
-      newMaxPoints: undefined
-    });
-  }
-  __init6() {
-    this.changeMaxPoints = () => {
-      const {newMaxPoints} = this.state || ({});
-      const {scaleIndex, onScaleChanged} = this.props || ({});
-      if (newMaxPoints) {
-        onScaleChanged(scaleIndex, {
-          maxPoints: newMaxPoints
-        });
-      }
-      this.hideDecreaseMaxPointsModal();
-    };
-  }
-  __init7() {
-    this.showDeleteScaleModal = () => this.set({
-      showDeleteScaleDialog: true
-    });
-  }
-  __init8() {
-    this.hideDeleteScaleModal = () => this.set({
-      showDeleteScaleDialog: false
-    });
-  }
-  __init9() {
-    this.deleteScale = () => {
-      const {scaleIndex, onScaleRemoved} = this.props || ({});
-      this.hideDeleteScaleModal();
-      onScaleRemoved(scaleIndex);
-    };
-  }
-  __init10() {
-    this.showDeleteTraitModal = traitToDeleteIndex => this.set({
-      showDeleteTraitDialog: true,
-      traitToDeleteIndex
-    });
-  }
-  __init11() {
-    this.hideDeleteTraitModal = () => this.set({
-      showDeleteTraitDialog: false,
-      traitToDeleteIndex: undefined
-    });
-  }
-  __init12() {
-    this.onTraitRemoved = () => {
-      const {traitToDeleteIndex} = this.state;
-      const {scale, scaleIndex, onScaleChanged} = this.props || ({});
-      let {traits} = scale || ({});
-      if (traitToDeleteIndex < 0 || traitToDeleteIndex >= traits.length) return;
-      traits = [...traits.slice(0, traitToDeleteIndex), ...traits.slice(traitToDeleteIndex + 1)];
-      onScaleChanged(scaleIndex, {
-        traits
-      });
-      this.hideDeleteTraitModal();
-    };
-  }
-  __init13() {
-    this.onTraitAdded = () => {
-      const {scale, scaleIndex, onScaleChanged} = this.props || ({});
-      const {traits, scorePointsLabels} = scale || ({});
-      traits.push({
-        name: '',
-        description: '',
-        standards: [],
-        scorePointsDescriptors: Array.from({
-          length: scorePointsLabels.length
-        }, () => '')
-      });
-      onScaleChanged(scaleIndex, {
-        traits
-      });
-    };
-  }
-  __init14() {
-    this.onTraitChanged = (traitIndex, trait) => {
-      const {scale, scaleIndex, onScaleChanged} = this.props || ({});
-      const {traits} = scale || ({});
-      if (traitIndex >= 0 && traitIndex < traits.length) {
-        traits[traitIndex] = trait;
-        onScaleChanged(scaleIndex, {
-          traits
-        });
-      }
-    };
-  }
-  __init15() {
-    this.onTraitDropped = (source, newIndex) => {
-      const {scale, scaleIndex, onScaleChanged} = this.props || ({});
-      const {traits} = scale || ({});
-      const {index: oldIndex} = source;
-      const cup = traits[oldIndex];
-      traits[oldIndex] = traits[newIndex];
-      traits[newIndex] = cup;
-      onScaleChanged(scaleIndex, {
-        traits
-      });
-    };
-  }
-  __init16() {
-    this.decreasePosition = () => {
-      const {currentPosition} = this.state;
-      const decreasedPosition = currentPosition - (currentPosition === AdjustedBlockWidth / 2 ? AdjustedBlockWidth / 2 : AdjustedBlockWidth);
-      this.setState({
-        currentPosition: decreasedPosition,
-        showRight: decreasedPosition < this.secondaryBlockRef.scrollWidth - this.secondaryBlockRef.offsetWidth,
-        showLeft: decreasedPosition > 0
-      });
-    };
-  }
-  __init17() {
-    this.increasePosition = () => {
-      const {currentPosition} = this.state;
-      const increasedPosition = currentPosition + (currentPosition === 0 ? AdjustedBlockWidth / 2 : AdjustedBlockWidth);
-      this.setState({
-        currentPosition: increasedPosition,
-        showRight: increasedPosition < this.secondaryBlockRef.scrollWidth - this.secondaryBlockRef.offsetWidth,
-        showLeft: increasedPosition > 0
-      });
-    };
-  }
-  render() {
-    const {classes, scale, scaleIndex, showStandards, onScaleChanged, excludeZero, showDescription, showLevelTagInput, showScorePointLabels, enableDragAndDrop} = this.props || ({});
-    const {maxPoints, scorePointsLabels, traitLabel, traits} = scale || ({});
-    const {showDecreaseMaxPointsDialog, showDeleteScaleDialog, showDeleteTraitDialog, currentPosition, showRight, showLeft} = this.state;
-    const scorePointsValues = [];
-    for (let pointValue = maxPoints; pointValue >= excludeZero ? 1 : 0; pointValue -= 1) {
-      scorePointsValues.push(pointValue);
-    }
-    return React$4.createElement('div', {
-      key: `scale-${scaleIndex}`,
-      className: classes.scaleWrapper,
-      ref: ref => {
-        this.scaleWrapper = ref;
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 261
-      }
-    }, React$4.createElement(TraitsHeader, {
-      setSecondaryBlockRef: ref => {
-        if (ref) {
-          this.secondaryBlockRef = ref;
-        }
-      },
-      key: 'header-key',
-      traitLabel: traitLabel,
-      scorePointsValues: scorePointsValues,
-      scorePointsLabels: scorePointsLabels,
-      onScaleChange: params => onScaleChanged(scaleIndex, params),
-      onTraitLabelChange: label => onScaleChanged(scaleIndex, {
-        traitLabel: label
-      }),
-      showStandards: showStandards,
-      showDescription: showDescription,
-      showLevelTagInput: showLevelTagInput,
-      showScorePointLabels: showScorePointLabels,
-      maxPoints: maxPoints,
-      updateMaxPointsFieldValue: this.updateMaxPointsFieldValue,
-      scaleIndex: scaleIndex,
-      showDeleteScaleModal: this.showDeleteScaleModal,
-      currentPosition: currentPosition,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 268
-      }
-    }), traits.map((trait, index) => React$4.createElement(StyledSourceAndTarget, {
-      key: index,
-      index: index,
-      trait: trait,
-      scorePointsValues: scorePointsValues,
-      scorePointsLabels: scorePointsLabels,
-      onTraitRemoved: () => this.showDeleteTraitModal(index),
-      onTraitChanged: trait => this.onTraitChanged(index, trait),
-      onTraitDropped: this.onTraitDropped,
-      showStandards: showStandards,
-      showDescription: showDescription,
-      currentPosition: currentPosition,
-      enableDragAndDrop: enableDragAndDrop,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 292
-      }
-    })), React$4.createElement(Arrow, {
-      width: `${AdjustedBlockWidth / 2}px`,
-      show: showLeft,
-      onClick: this.decreasePosition,
-      left: `${PrimaryBlockWidth + DragHandleSpace}px`,
-      showLevelTagInput: showLevelTagInput,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 308
-      }
-    }, React$4.createElement(ArrowBackIosIcon, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 315
-      }
-    })), React$4.createElement(Arrow, {
-      width: `${AdjustedBlockWidth / 2}px`,
-      show: showRight,
-      onClick: this.increasePosition,
-      showLevelTagInput: showLevelTagInput,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 317
-      }
-    }, React$4.createElement(ArrowForwardIosIcon, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 323
-      }
-    })), React$4.createElement(MultiTraitButton, {
-      onClick: this.onTraitAdded,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 326
-      }
-    }, React$4.createElement('div', {
-      dangerouslySetInnerHTML: {
-        __html: `Add ${traitLabel || ' Trait'}`
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 327
-      }
-    })), React$4.createElement(DecreaseMaxPoints, {
-      open: !!showDecreaseMaxPointsDialog,
-      deleteScorePoints: this.changeMaxPoints,
-      cancel: this.hideDecreaseMaxPointsModal,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 330
-      }
-    }), React$4.createElement(DeleteScale, {
-      open: !!showDeleteScaleDialog,
-      scaleIndex: scaleIndex,
-      deleteScale: this.deleteScale,
-      cancel: this.hideDeleteScaleModal,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 336
-      }
-    }), React$4.createElement(DeleteTrait, {
-      open: !!showDeleteTraitDialog,
-      deleteTrait: this.onTraitRemoved,
-      cancel: this.hideDeleteTraitModal,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 343
-      }
-    }));
-  }
-}
-Scale.propTypes = {
-  classes: PropTypes$3.object,
-  scale: PropTypes$3.shape({
-    maxPoints: PropTypes$3.number,
-    scorePointsLabels: PropTypes$3.arrayOf(PropTypes$3.string),
-    traitLabel: PropTypes$3.string,
-    traits: PropTypes$3.arrayOf(PropTypes$3.shape({
-      name: PropTypes$3.string,
-      standards: PropTypes$3.arrayOf(PropTypes$3.string),
-      scorePointsDescriptors: PropTypes$3.arrayOf(PropTypes$3.string),
-      description: PropTypes$3.string
-    }))
-  }),
-  excludeZero: PropTypes$3.bool,
-  scaleIndex: PropTypes$3.number,
-  onScaleChanged: PropTypes$3.func,
-  onScaleRemoved: PropTypes$3.func,
-  showStandards: PropTypes$3.bool,
-  showLevelTagInput: PropTypes$3.bool,
-  showDescription: PropTypes$3.bool,
-  showScorePointLabels: PropTypes$3.bool,
-  enableDragAndDrop: PropTypes$3.bool
-};
-var Scale$1 = withDragContext(withStyles$4(styles$3)(Scale));
-const React$5 = _dll_react;
-const PropTypes$4 = _dll_prop_types;
-const {isEmpty: isEmpty$1} = _dll_lodash;
-const {withStyles: withStyles$5} = _dll_material_ui__core_styles;
-const {withDragContext: withDragContext$1} = _dll_pie_lib__drag;
-const {layout: layout} = _dll_pie_lib__config_ui;
-const {settings: settings} = _dll_pie_lib__config_ui;
-const _jsxFileName$5 = "/home/ede/dev/github/pie-framework/pie-elements/packages/multi-trait-rubric/configure/src/main.jsx";
-const {Panel, toggle} = settings;
-const styles$4 = {
-  design: {
-    fontFamily: 'Cerebri Sans',
-    fontSize: '14px'
-  }
-};
-class Main extends React$5.Component {
-  constructor(...args) {
-    super(...args);
-    Main.prototype.__init.call(this);
-    Main.prototype.__init2.call(this);
-    Main.prototype.__init3.call(this);
-    Main.prototype.__init4.call(this);
-    Main.prototype.__init5.call(this);
-    Main.prototype.__init6.call(this);
-    Main.prototype.__init7.call(this);
-    Main.prototype.__init8.call(this);
-    Main.prototype.__init9.call(this);
-    Main.prototype.__init10.call(this);
-    Main.prototype.__init11.call(this);
-    Main.prototype.__init12.call(this);
-    Main.prototype.__init13.call(this);
-    Main.prototype.__init14.call(this);
-  }
-  __init() {
-    this.state = {
-      showDecreaseMaxPointsDialog: false,
-      showDeleteScaleDialog: false,
-      showDeleteTraitDialog: false,
-      showExcludeZeroDialog: false
-    };
-  }
-  __init2() {
-    this.onScaleAdded = () => {
-      const {model, onModelChanged} = this.props;
-      let {scales} = model || ({});
-      if (!scales.length) {
-        scales = [];
-      }
-      scales.push({
-        excludeZero: false,
-        maxPoints: 1,
-        scorePointsLabels: ['', ''],
-        traitLabel: '',
-        traits: []
-      });
-      onModelChanged({
-        ...model,
-        scales
-      });
-    };
-  }
-  __init3() {
-    this.onScaleChanged = (scaleIndex, params) => {
-      const {model, onModelChanged} = this.props;
-      const {scales} = model || ({});
-      if (scaleIndex < 0 || scaleIndex >= scales.length || isEmpty$1(params)) return false;
-      Object.keys(params).forEach(key => {
-        scales[scaleIndex][key] = params[key];
-      });
-      onModelChanged({
-        ...model,
-        scales
-      });
-    };
-  }
-  __init4() {
-    this.onScaleRemoved = scaleIndex => {
-      const {model, onModelChanged} = this.props;
-      let {scales} = model || ({});
-      if (scaleIndex < 0 || scaleIndex >= scales.length) return false;
-      scales = [...scales.slice(0, scaleIndex), ...scales.slice(scaleIndex + 1)];
-      onModelChanged({
-        ...model,
-        scales
-      });
-    };
-  }
-  __init5() {
-    this.onHalfScoringChanged = () => {
-      const {model, onModelChanged} = this.props;
-      let {halfScoring} = model || ({});
-      onModelChanged({
-        ...model,
-        halfScoring: !halfScoring
-      });
-    };
-  }
-  __init6() {
-    this.onVisibleToStudentChanged = () => {
-      const {model, onModelChanged} = this.props;
-      let {visibleToStudent} = model || ({});
-      onModelChanged({
-        ...model,
-        visibleToStudent: !visibleToStudent
-      });
-    };
-  }
-  __init7() {
-    this.set = newState => this.setState(newState);
-  }
-  __init8() {
-    this.changeShowScorePointLabels = () => {
-      const {model, onModelChanged} = this.props || ({});
-      let {pointLabels} = model || ({});
-      pointLabels = !pointLabels;
-      onModelChanged({
-        ...model,
-        pointLabels
-      });
-    };
-  }
-  __init9() {
-    this.changeShowDescription = () => {
-      const {model, onModelChanged} = this.props || ({});
-      let {description} = model || ({});
-      description = !description;
-      onModelChanged({
-        ...model,
-        description
-      });
-    };
-  }
-  __init10() {
-    this.changeShowStandards = () => {
-      const {model, onModelChanged} = this.props || ({});
-      let {standards} = model || ({});
-      standards = !standards;
-      onModelChanged({
-        ...model,
-        standards
-      });
-    };
-  }
-  __init11() {
-    this.showToggleExcludeZeroModal = () => this.set({
-      showExcludeZeroDialog: true
-    });
-  }
-  __init12() {
-    this.hideToggleExcludeZeroModal = () => this.set({
-      showExcludeZeroDialog: false
-    });
-  }
-  __init13() {
-    this.changeExcludeZero = excludeZeroType => {
-      const {model, onModelChanged} = this.props || ({});
-      const {scales} = model || ({});
-      let {excludeZero} = model || ({});
-      if (!scales || !scales.length) return;
-      excludeZero = !excludeZero;
-      const newScales = scales.reduce((acc, scale) => {
-        let {scorePointsLabels, traits} = scale || ({});
-        if (scorePointsLabels.length < 1) return acc;
-        switch (excludeZeroType) {
-          case excludeZeroTypes.remove0:
-            {
-              scorePointsLabels = scorePointsLabels.slice(1);
-              traits = traits.map(({scorePointsDescriptors, ...trait}) => ({
-                ...trait,
-                scorePointsDescriptors: scorePointsDescriptors.slice(1)
-              }));
-              break;
-            }
-          case excludeZeroTypes.add0:
-            {
-              scorePointsLabels = ['', ...scorePointsLabels];
-              traits = traits.map(({scorePointsDescriptors, ...trait}) => ({
-                ...trait,
-                scorePointsDescriptors: ['', ...scorePointsDescriptors]
-              }));
-              break;
-            }
-          case excludeZeroTypes.shiftLeft:
-            {
-              scorePointsLabels = scorePointsLabels.slice(0, -1);
-              traits = traits.map(({scorePointsDescriptors, ...trait}) => ({
-                ...trait,
-                scorePointsDescriptors: scorePointsDescriptors.slice(0, -1)
-              }));
-              break;
-            }
-          case excludeZeroTypes.shiftRight:
-            {
-              scorePointsLabels = [...scorePointsLabels, ''];
-              traits = traits.map(({scorePointsDescriptors, ...trait}) => ({
-                ...trait,
-                scorePointsDescriptors: [...scorePointsDescriptors, '']
-              }));
-              break;
-            }
-        }
-        acc.push({
-          ...scale,
-          scorePointsLabels,
-          traits
-        });
-        return acc;
-      }, []);
-      onModelChanged({
-        ...model,
-        scales: newScales,
-        excludeZero
-      });
-      this.hideToggleExcludeZeroModal();
-    };
-  }
-  __init14() {
-    this.onModelChanged = (updatedModel, updatedProperty) => {
-      const {onModelChanged} = this.props || ({});
-      if (updatedProperty === 'excludeZero') {
-        this.showToggleExcludeZeroModal();
-      } else {
-        onModelChanged(updatedModel);
-      }
-    };
-  }
-  render() {
-    const {model, classes, configuration, onConfigurationChanged} = this.props || ({});
-    const {showStandards, showExcludeZero, showLevelTagInput, showDescription, showVisibleToStudent, showHalfScoring, showScorePointLabels, dragAndDrop, maxWidth} = configuration || ({});
-    const {scales, excludeZero, description, pointLabels, standards} = model || ({});
-    const {showExcludeZeroDialog} = this.state || ({});
-    return React$5.createElement('div', {
-      className: classes.design,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 226
-      }
-    }, React$5.createElement(layout.ConfigLayout, {
-      settings: React$5.createElement(Panel, {
-        model: model,
-        onChangeModel: this.onModelChanged,
-        configuration: configuration,
-        onChangeConfiguration: onConfigurationChanged,
-        groups: {
-          Settings: {
-            standards: showStandards.settings && toggle(showStandards.label),
-            'showLevelTagInput.enabled': showLevelTagInput.settings && toggle(showLevelTagInput.label, true),
-            visibleToStudent: showVisibleToStudent.settings && toggle(showVisibleToStudent.label),
-            excludeZero: showExcludeZero.settings && toggle(showExcludeZero.label),
-            halfScoring: showHalfScoring.settings && toggle(showHalfScoring.label),
-            'dragAndDrop.enabled': dragAndDrop.settings && toggle(dragAndDrop.label, true)
-          },
-          Properties: {
-            description: showDescription.settings && toggle(showDescription.label),
-            pointLabels: showScorePointLabels.settings && toggle(showScorePointLabels.label)
-          }
-        },
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$5,
-          lineNumber: 229
-        }
-      }),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 227
-      }
-    }, React$5.createElement('div', {
-      style: {
-        maxWidth: maxWidth
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 251
-      }
-    }, (scales || []).map((scale, scaleIndex) => React$5.createElement(Scale$1, {
-      key: `scale-${scaleIndex}`,
-      scale: scale,
-      scaleIndex: scaleIndex,
-      onScaleRemoved: this.onScaleRemoved,
-      onScaleChanged: this.onScaleChanged,
-      showStandards: standards,
-      showScorePointLabels: pointLabels,
-      showDescription: description,
-      showLevelTagInput: showLevelTagInput.enabled,
-      excludeZero: excludeZero,
-      enableDragAndDrop: dragAndDrop.enabled,
-      ...this.props,
-      classes: {},
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 253
-      }
-    })), React$5.createElement(MultiTraitButton, {
-      onClick: this.onScaleAdded,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 270
-      }
-    }, "Add Scale"))), React$5.createElement(ExcludeZeroDialog, {
-      open: showExcludeZeroDialog && !excludeZero,
-      changeExcludeZero: this.changeExcludeZero,
-      cancel: this.hideToggleExcludeZeroModal,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 276
-      }
-    }), React$5.createElement(IncludeZeroDialog, {
-      open: showExcludeZeroDialog && excludeZero,
-      changeExcludeZero: this.changeExcludeZero,
-      cancel: this.hideToggleExcludeZeroModal,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 282
-      }
-    }));
-  }
-}
-Main.propTypes = {
-  classes: PropTypes$4.object,
-  model: PropTypes$4.object,
-  configuration: PropTypes$4.object,
-  onModelChanged: PropTypes$4.func,
-  onConfigurationChanged: PropTypes$4.func
-};
-var Main$1 = withDragContext$1(withStyles$5(styles$4)(Main));
-var defaults = {
-  model: {
-    visibleToStudent: true,
-    halfScoring: false,
-    pointLabels: true,
-    description: false,
-    standards: false,
-    scales: [],
-    excludeZero: false
-  },
-  configuration: {
-    showExcludeZero: {
-      settings: true,
-      label: 'Exclude Zero'
-    },
-    showScorePointLabels: {
-      settings: true,
-      label: 'Show Score Point Labels'
-    },
-    showDescription: {
-      settings: true,
-      label: 'Show Description'
-    },
-    showVisibleToStudent: {
-      settings: true,
-      label: 'Visible to Student'
-    },
-    showHalfScoring: {
-      settings: true,
-      label: 'Half Scoring'
-    },
-    maxWidth: '1000px',
-    showStandards: {
-      settings: false,
-      label: 'Show Standards'
-    },
-    showLevelTagInput: {
-      settings: false,
-      label: 'Show Level Tag Input',
-      enabled: false
-    },
-    dragAndDrop: {
-      settings: false,
-      label: 'Enable Drag and Drop',
-      enabled: false
-    }
-  }
-};
-const {ModelUpdatedEvent: ModelUpdatedEvent} = _dll_pie_framework__pie_configure_events;
-const React$6 = _dll_react;
-const ReactDOM = _dll_react_dom;
-const modelWithDefaults = m => ({
-  ...defaults.model,
-  ...m
-});
-const configurationWithDefaults = c => ({
-  ...defaults.configuration,
-  ...c
-});
-class MultiTraitRubricElement extends HTMLElement {
-  constructor() {
-    super();
-    MultiTraitRubricElement.prototype.__init.call(this);
-    MultiTraitRubricElement.prototype.__init2.call(this);
-    this._model = modelWithDefaults();
-    this._configuration = configurationWithDefaults();
-  }
-  set model(m) {
-    this._model = modelWithDefaults(m);
-    this._render();
-  }
-  set configuration(c) {
-    this._configuration = configurationWithDefaults(c);
-    this._render();
-  }
-  __init() {
-    this.onModelChanged = m => {
-      this._model = modelWithDefaults(m);
-      this._render();
-      this.dispatchEvent(new ModelUpdatedEvent(this._model, false));
-    };
-  }
-  __init2() {
-    this.onConfigurationChanged = c => {
-      this._configuration = configurationWithDefaults(c);
-      this._render();
-    };
-  }
-  _render() {
-    if (this._model) {
-      let element = React$6.createElement(Main$1, {
-        model: this._model,
-        configuration: this._configuration,
-        onModelChanged: this.onModelChanged,
-        onConfigurationChanged: this.onConfigurationChanged
-      });
-      ReactDOM.render(element, this);
-    }
-  }
-}
-export default MultiTraitRubricElement;