@pie-element/multi-trait-rubric 2.5.1-beta.0 → 2.5.1-beta.1

package/configure/package.json

@@ -8,11 +8,11 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/config-ui": "12.0.0-beta.3",
-    "@pie-lib/editable-html": "10.0.0-beta.4",
+    "@pie-lib/config-ui": "12.0.0-beta.4",
+    "@pie-lib/editable-html": "10.0.0-beta.5",
     "@pie-lib/render-ui": "^4.14.12",
-    "@pie-lib/rubric": "1.0.0-beta.2",
-    "@pie-lib/scoring-config": "4.0.0-beta.2",
+    "@pie-lib/rubric": "1.0.0-beta.3",
+    "@pie-lib/scoring-config": "4.0.0-beta.3",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/multi-trait-rubric",
   "repository": "pie-framework/pie-elements",
-  "version": "2.5.1-beta.0+524659031",
+  "version": "2.5.1-beta.1+73223f303",
   "publishConfig": {
     "access": "public"
   },
@@ -16,7 +16,7 @@
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
-  "gitHead": "524659031d4f760494f73f6e091bac2f9ef3f1e0",
+  "gitHead": "73223f303ea31ca510b096d77e6fb06382b0f0c6",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },

package/configure/lib/common.js

@@ -1,484 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UnderlinedInput = exports.SimpleInput = exports.SecondaryBlock = exports.ScorePoint = exports.ScaleSettings = exports.Row = exports.PrimaryBlockWidth = exports.PrimaryBlock = exports.MultiTraitButton = exports.MaxPointsPicker = exports.HeaderHeightLarge = exports.HeaderHeight = exports.ExpandedInput = exports.DragHandleSpace = exports.BlockWidth = exports.Block = exports.Arrow = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _editableHtml = _interopRequireWildcard(require("@pie-lib/editable-html"));
-
-var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
-
-var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
-
-var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
-
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-
-var _InputBase = _interopRequireDefault(require("@material-ui/core/InputBase"));
-
-var _renderUi = require("@pie-lib/render-ui");
-
-var _grey = _interopRequireDefault(require("@material-ui/core/colors/grey"));
-
-var _utils = require("./utils");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var BlockWidth = 200;
-exports.BlockWidth = BlockWidth;
-var PrimaryBlockWidth = 200;
-exports.PrimaryBlockWidth = PrimaryBlockWidth;
-var DragHandleSpace = 32;
-exports.DragHandleSpace = DragHandleSpace;
-var HeaderHeight = '100px';
-exports.HeaderHeight = HeaderHeight;
-var HeaderHeightLarge = '160px';
-exports.HeaderHeightLarge = HeaderHeightLarge;
-var InputHeight = '120px';
-var greyBorder = "solid 1px ".concat(_grey["default"][400]);
-var Padding = '8px 4px';
-var MultiTraitButton = (0, _styles.withStyles)({
-  button: {
-    fontSize: '16px',
-    textAlign: 'right',
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'flex-start',
-    padding: '11px 16px',
-    width: '114px',
-    background: _renderUi.color.secondaryBackground(),
-    borderRadius: '4px',
-    justifyContent: 'space-around',
-    color: _renderUi.color.text(),
-    cursor: 'pointer'
-  }
-})(function (_ref) {
-  var classes = _ref.classes,
-      children = _ref.children,
-      onClick = _ref.onClick;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.button,
-    onClick: onClick
-  }, /*#__PURE__*/_react["default"].createElement("strong", null, "+"), /*#__PURE__*/_react["default"].createElement("div", null, children));
-});
-exports.MultiTraitButton = MultiTraitButton;
-var PrimaryBlock = (0, _styles.withStyles)({
-  primaryBlock: {
-    width: "".concat(PrimaryBlockWidth, "px"),
-    minWidth: "".concat(PrimaryBlockWidth, "px"),
-    position: 'relative',
-    padding: Padding,
-    boxSizing: 'border-box'
-  }
-})(function (_ref2) {
-  var classes = _ref2.classes,
-      children = _ref2.children,
-      className = _ref2.className;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(classes.primaryBlock, className)
-  }, children);
-});
-exports.PrimaryBlock = PrimaryBlock;
-var Block = (0, _styles.withStyles)({
-  block: {
-    width: "".concat(BlockWidth, "px"),
-    minWidth: "".concat(BlockWidth, "px"),
-    padding: Padding,
-    '& ul, ol': {
-      marginBlockStart: 0,
-      paddingInlineStart: '16px'
-    }
-  }
-})(function (_ref3) {
-  var classes = _ref3.classes,
-      children = _ref3.children;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.block
-  }, children);
-});
-exports.Block = Block;
-var SecondaryBlock = (0, _styles.withStyles)({
-  secondaryBlock: {
-    display: 'flex',
-    overflowX: 'hidden',
-    alignItems: 'flex-end',
-    // this is needed to show the editor toolbar!!!
-    paddingBottom: '22px'
-  }
-})(function (_ref4) {
-  var classes = _ref4.classes,
-      children = _ref4.children,
-      setRef = _ref4.setRef,
-      width = _ref4.width;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.secondaryBlock,
-    style: {
-      width: width
-    },
-    ref: setRef
-  }, children);
-});
-exports.SecondaryBlock = SecondaryBlock;
-var Row = (0, _styles.withStyles)({
-  row: {
-    display: 'flex',
-    margin: '4px 0'
-  }
-})(function (_ref5) {
-  var classes = _ref5.classes,
-      children = _ref5.children,
-      className = _ref5.className,
-      height = _ref5.height;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(classes.row, className),
-    style: {
-      height: height
-    }
-  }, children);
-});
-exports.Row = Row;
-var ScorePoint = (0, _styles.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'
-  }
-})(function (_ref6) {
-  var classes = _ref6.classes,
-      scorePointsValue = _ref6.scorePointsValue,
-      scoreDescriptor = _ref6.scoreDescriptor,
-      pluginProps = _ref6.pluginProps,
-      onChange = _ref6.onChange,
-      showScorePointLabels = _ref6.showScorePointLabels,
-      alignToRight = _ref6.alignToRight,
-      spellCheck = _ref6.spellCheck,
-      uploadSoundSupport = _ref6.uploadSoundSupport;
-  var scoreBoxClasses = showScorePointLabels ? classes.scorePointBox : "".concat(classes.scorePointBox, " ").concat(classes.scorePointBoxDisabled);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.scorePointBoxWrapper
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: scoreBoxClasses
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.subLabel
-  }, scorePointsValue), showScorePointLabels ? /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
-    className: classes.editableLabel,
-    classes: {
-      slateEditor: classes.slateEditor
-    },
-    markup: scoreDescriptor,
-    placeholder: "Label",
-    onChange: onChange,
-    pluginProps: pluginProps,
-    activePlugins: _utils.filteredDefaultPlugins,
-    spellCheck: spellCheck,
-    toolbarOpts: alignToRight && {
-      alignment: 'right'
-    },
-    uploadSoundSupport: uploadSoundSupport,
-    languageCharactersProps: [{
-      language: 'spanish'
-    }, {
-      language: 'special'
-    }]
-  }) : null));
-});
-exports.ScorePoint = ScorePoint;
-var maxScoreOptions = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-var 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'
-    }
-  }
-};
-var BootstrapInput = (0, _styles.withStyles)(inputStyles)(_InputBase["default"]);
-var MaxPointsPicker = (0, _styles.withStyles)({})(function (_ref7) {
-  var maxPoints = _ref7.maxPoints,
-      onChange = _ref7.onChange;
-  return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], null, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], null, "Max Points"), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-    value: maxPoints,
-    onChange: onChange,
-    input: /*#__PURE__*/_react["default"].createElement(BootstrapInput, null)
-  }, (maxScoreOptions || []).map(function (maxScore) {
-    return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-      key: "menu-item-".concat(maxScore),
-      value: maxScore
-    }, maxScore);
-  })));
-});
-exports.MaxPointsPicker = MaxPointsPicker;
-var SimpleInput = (0, _styles.withStyles)({
-  simpleInput: {
-    display: 'flex',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    margin: '12px 0'
-  },
-  editableLevel: {
-    background: 'white',
-    width: '60%'
-  },
-  slateEditor: {
-    fontFamily: 'Cerebri'
-  }
-})(function (_ref8) {
-  var classes = _ref8.classes,
-      markup = _ref8.markup,
-      onChange = _ref8.onChange,
-      pluginProps = _ref8.pluginProps,
-      label = _ref8.label,
-      spellCheck = _ref8.spellCheck,
-      uploadSoundSupport = _ref8.uploadSoundSupport;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.simpleInput
-  }, label && /*#__PURE__*/_react["default"].createElement("div", null, label), /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
-    className: classes.editableLevel,
-    classes: {
-      slateEditor: classes.slateEditor
-    },
-    markup: markup,
-    onChange: onChange,
-    placeholder: "Trait Label",
-    pluginProps: pluginProps,
-    activePlugins: _utils.filteredDefaultPlugins,
-    spellCheck: spellCheck,
-    uploadSoundSupport: uploadSoundSupport,
-    languageCharactersProps: [{
-      language: 'spanish'
-    }, {
-      language: 'special'
-    }]
-  }));
-});
-exports.SimpleInput = SimpleInput;
-var UnderlinedInput = (0, _styles.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'
-  }
-})(function (_ref9) {
-  var classes = _ref9.classes,
-      markup = _ref9.markup,
-      onChange = _ref9.onChange,
-      pluginProps = _ref9.pluginProps,
-      label = _ref9.label,
-      placeholder = _ref9.placeholder,
-      spellCheck = _ref9.spellCheck,
-      uploadSoundSupport = _ref9.uploadSoundSupport;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.underlinedInputWrapper
-  }, label && /*#__PURE__*/_react["default"].createElement("div", null, label), /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
-    className: classes.editableLevel,
-    classes: {
-      slateEditor: classes.slateEditor
-    },
-    markup: markup,
-    onChange: onChange,
-    placeholder: placeholder,
-    pluginProps: pluginProps,
-    activePlugins: _utils.filteredDefaultPlugins,
-    spellCheck: spellCheck,
-    uploadSoundSupport: uploadSoundSupport,
-    languageCharactersProps: [{
-      language: 'spanish'
-    }, {
-      language: 'special'
-    }]
-  }));
-});
-exports.UnderlinedInput = UnderlinedInput;
-var ExpandedInput = (0, _styles.withStyles)({
-  slateEditor: {
-    fontFamily: 'Cerebri',
-    height: InputHeight,
-    padding: 0
-  },
-  prompt: {
-    border: 'none',
-    margin: '10px',
-    marginTop: 0
-  }
-})(function (_ref10) {
-  var classes = _ref10.classes,
-      markup = _ref10.markup,
-      onChange = _ref10.onChange,
-      pluginProps = _ref10.pluginProps,
-      placeholder = _ref10.placeholder,
-      alignToRight = _ref10.alignToRight,
-      spellCheck = _ref10.spellCheck,
-      uploadSoundSupport = _ref10.uploadSoundSupport;
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
-    className: classes.prompt,
-    classes: {
-      slateEditor: classes.slateEditor
-    },
-    markup: markup,
-    onChange: onChange,
-    placeholder: placeholder,
-    pluginProps: pluginProps,
-    toolbarOpts: alignToRight && {
-      alignment: 'right'
-    },
-    spellCheck: spellCheck,
-    uploadSoundSupport: uploadSoundSupport,
-    languageCharactersProps: [{
-      language: 'spanish'
-    }, {
-      language: 'special'
-    }],
-    autoWidthToolbar: true
-  }));
-});
-exports.ExpandedInput = ExpandedInput;
-var ScaleSettings = (0, _styles.withStyles)({
-  scaleSettings: {
-    display: 'flex',
-    justifyContent: 'space-between',
-    alignItems: 'flex-end'
-  }
-})(function (_ref11) {
-  var classes = _ref11.classes,
-      children = _ref11.children;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.scaleSettings
-  }, children);
-});
-exports.ScaleSettings = ScaleSettings;
-var Arrow = (0, _styles.withStyles)({
-  arrow: {
-    position: 'absolute',
-    zIndex: 10,
-    cursor: 'pointer',
-    right: 0,
-    alignItems: 'flex-start',
-    justifyContent: 'center',
-    background: "linear-gradient(to left, white, ".concat(_renderUi.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, ".concat(_renderUi.color.background(), ")"),
-    boxSizing: 'border-box',
-    '& svg': {
-      position: 'absolute',
-      bottom: '-24px'
-    }
-  }
-})(function (_ref12) {
-  var classes = _ref12.classes,
-      children = _ref12.children,
-      className = _ref12.className,
-      show = _ref12.show,
-      width = _ref12.width,
-      onClick = _ref12.onClick,
-      left = _ref12.left,
-      showLevelTagInput = _ref12.showLevelTagInput;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(classes.arrow, className),
-    style: {
-      height: '-webkit-fill-available',
-      display: show ? 'flex' : 'none',
-      width: width,
-      left: left,
-      background: left ? "linear-gradient(to right, white, ".concat(_renderUi.color.background(), ")") : undefined
-    },
-    onClick: onClick
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(classes.innerGrey, className),
-    style: {
-      display: show ? 'flex' : 'none',
-      width: width,
-      height: showLevelTagInput ? HeaderHeightLarge : HeaderHeight,
-      left: 0,
-      background: left ? "linear-gradient(to right, ".concat(_renderUi.color.secondaryBackground(), ", ").concat(_renderUi.color.background(), ")") : undefined
-    },
-    onClick: onClick
-  }, children));
-});
-exports.Arrow = Arrow;
-//# sourceMappingURL=common.js.map

package/configure/lib/common.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/common.jsx"],"names":["BlockWidth","PrimaryBlockWidth","DragHandleSpace","HeaderHeight","HeaderHeightLarge","InputHeight","greyBorder","grey","Padding","MultiTraitButton","button","fontSize","textAlign","display","flexDirection","alignItems","padding","width","background","color","secondaryBackground","borderRadius","justifyContent","text","cursor","classes","children","onClick","PrimaryBlock","primaryBlock","minWidth","position","boxSizing","className","Block","block","marginBlockStart","paddingInlineStart","SecondaryBlock","secondaryBlock","overflowX","paddingBottom","setRef","Row","row","margin","height","ScorePoint","scorePointBoxWrapper","scorePointBox","border","scorePointBoxDisabled","subLabel","editableLabel","flex","borderLeft","slateEditor","fontFamily","scorePointsValue","scoreDescriptor","pluginProps","onChange","showScorePointLabels","alignToRight","spellCheck","uploadSoundSupport","scoreBoxClasses","filteredDefaultPlugins","alignment","language","maxScoreOptions","inputStyles","root","marginTop","marginBottom","input","BootstrapInput","InputBase","MaxPointsPicker","maxPoints","map","maxScore","SimpleInput","simpleInput","editableLevel","markup","label","UnderlinedInput","underlinedInputWrapper","borderBottom","placeholder","ExpandedInput","prompt","ScaleSettings","scaleSettings","Arrow","arrow","zIndex","right","innerGrey","bottom","show","left","showLevelTagInput","undefined"],"mappings":"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","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport EditableHtml, { DEFAULT_PLUGINS } from '@pie-lib/editable-html';\nimport FormControl from '@material-ui/core/FormControl';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport InputBase from '@material-ui/core/InputBase';\nimport { color } from '@pie-lib/render-ui';\nimport grey from '@material-ui/core/colors/grey';\nimport { filteredDefaultPlugins } from './utils';\n\nexport const BlockWidth = 200;\nexport const PrimaryBlockWidth = 200;\nexport const DragHandleSpace = 32;\nexport const HeaderHeight = '100px';\nexport const HeaderHeightLarge = '160px';\nconst InputHeight = '120px';\nconst greyBorder = `solid 1px ${grey[400]}`;\nconst Padding = '8px 4px';\n\nexport const MultiTraitButton = withStyles({\n  button: {\n    fontSize: '16px',\n    textAlign: 'right',\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n    padding: '11px 16px',\n    width: '114px',\n    background: color.secondaryBackground(),\n    borderRadius: '4px',\n    justifyContent: 'space-around',\n    color: color.text(),\n    cursor: 'pointer',\n  },\n})(({ classes, children, onClick }) => (\n  <div className={classes.button} onClick={onClick}>\n    <strong>+</strong>\n    <div>{children}</div>\n  </div>\n));\n\nexport const PrimaryBlock = withStyles({\n  primaryBlock: {\n    width: `${PrimaryBlockWidth}px`,\n    minWidth: `${PrimaryBlockWidth}px`,\n    position: 'relative',\n    padding: Padding,\n    boxSizing: 'border-box',\n  },\n})(({ classes, children, className }) => <div className={classnames(classes.primaryBlock, className)}>{children}</div>);\n\nexport const Block = withStyles({\n  block: {\n    width: `${BlockWidth}px`,\n    minWidth: `${BlockWidth}px`,\n    padding: Padding,\n\n    '& ul, ol': {\n      marginBlockStart: 0,\n      paddingInlineStart: '16px',\n    },\n  },\n})(({ classes, children }) => <div className={classes.block}>{children}</div>);\n\nexport const SecondaryBlock = withStyles({\n  secondaryBlock: {\n    display: 'flex',\n    overflowX: 'hidden',\n    alignItems: 'flex-end',\n    // this is needed to show the editor toolbar!!!\n    paddingBottom: '22px',\n  },\n})(({ classes, children, setRef, width }) => (\n  <div className={classes.secondaryBlock} style={{ width: width }} ref={setRef}>\n    {children}\n  </div>\n));\n\nexport const Row = withStyles({\n  row: {\n    display: 'flex',\n    margin: '4px 0',\n  },\n})(({ classes, children, className, height }) => (\n  <div\n    className={classnames(classes.row, className)}\n    style={{\n      height,\n    }}\n  >\n    {children}\n  </div>\n));\n\nexport const ScorePoint = withStyles({\n  scorePointBoxWrapper: {\n    padding: '0 10px',\n  },\n  scorePointBox: {\n    display: 'flex',\n    borderRadius: '4px',\n    background: 'white',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    border: greyBorder,\n  },\n  scorePointBoxDisabled: {\n    background: 'none',\n    justifyContent: 'center',\n    border: '0',\n  },\n  subLabel: {\n    width: '24px',\n    textAlign: 'center',\n  },\n  editableLabel: {\n    textAlign: 'left',\n    flex: 1,\n    border: 'none',\n\n    '& div': {\n      padding: 0,\n    },\n\n    '& > div': {\n      border: 'none',\n      borderLeft: greyBorder,\n      borderRadius: 0,\n      padding: Padding,\n    },\n  },\n  slateEditor: {\n    fontFamily: 'Cerebri',\n  },\n})(\n  ({\n    classes,\n    scorePointsValue,\n    scoreDescriptor,\n    pluginProps,\n    onChange,\n    showScorePointLabels,\n    alignToRight,\n    spellCheck,\n    uploadSoundSupport,\n  }) => {\n    const scoreBoxClasses = showScorePointLabels\n      ? classes.scorePointBox\n      : `${classes.scorePointBox} ${classes.scorePointBoxDisabled}`;\n\n    return (\n      <div className={classes.scorePointBoxWrapper}>\n        <div className={scoreBoxClasses}>\n          <div className={classes.subLabel}>{scorePointsValue}</div>\n\n          {showScorePointLabels ? (\n            <EditableHtml\n              className={classes.editableLabel}\n              classes={{ slateEditor: classes.slateEditor }}\n              markup={scoreDescriptor}\n              placeholder=\"Label\"\n              onChange={onChange}\n              pluginProps={pluginProps}\n              activePlugins={filteredDefaultPlugins}\n              spellCheck={spellCheck}\n              toolbarOpts={alignToRight && { alignment: 'right' }}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            />\n          ) : null}\n        </div>\n      </div>\n    );\n  },\n);\n\nconst maxScoreOptions = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\nconst inputStyles = {\n  root: {\n    background: 'white',\n    'label + &': {\n      marginTop: '20px',\n      marginBottom: 0,\n      width: '80px',\n    },\n  },\n  input: {\n    borderRadius: '4px',\n    position: 'relative',\n    border: greyBorder,\n    fontSize: '14px',\n    fontFamily: 'Cerebri Sans',\n    padding: '8px 12px',\n\n    '&:focus': {\n      borderRadius: '4px',\n    },\n  },\n};\n\nconst BootstrapInput = withStyles(inputStyles)(InputBase);\n\nexport const MaxPointsPicker = withStyles({})(({ maxPoints, onChange }) => (\n  <FormControl>\n    <InputLabel>Max Points</InputLabel>\n    <Select value={maxPoints} onChange={onChange} input={<BootstrapInput />}>\n      {(maxScoreOptions || []).map((maxScore) => (\n        <MenuItem key={`menu-item-${maxScore}`} value={maxScore}>\n          {maxScore}\n        </MenuItem>\n      ))}\n    </Select>\n  </FormControl>\n));\n\nexport const SimpleInput = withStyles({\n  simpleInput: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    margin: '12px 0',\n  },\n  editableLevel: {\n    background: 'white',\n    width: '60%',\n  },\n  slateEditor: {\n    fontFamily: 'Cerebri',\n  },\n})(({ classes, markup, onChange, pluginProps, label, spellCheck, uploadSoundSupport }) => (\n  <div className={classes.simpleInput}>\n    {label && <div>{label}</div>}\n\n    <EditableHtml\n      className={classes.editableLevel}\n      classes={{ slateEditor: classes.slateEditor }}\n      markup={markup}\n      onChange={onChange}\n      placeholder=\"Trait Label\"\n      pluginProps={pluginProps}\n      activePlugins={filteredDefaultPlugins}\n      spellCheck={spellCheck}\n      uploadSoundSupport={uploadSoundSupport}\n      languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n    />\n  </div>\n));\n\nexport const UnderlinedInput = withStyles({\n  underlinedInputWrapper: {\n    width: '100%',\n    height: '100%',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  editableLevel: {\n    background: 'white',\n    width: '100%',\n\n    '& div': {\n      padding: 0,\n    },\n\n    '& > div': {\n      border: 'none',\n      borderBottom: greyBorder,\n      borderRadius: 0,\n      padding: Padding,\n    },\n  },\n  slateEditor: {\n    fontFamily: 'Cerebri',\n  },\n})(({ classes, markup, onChange, pluginProps, label, placeholder, spellCheck, uploadSoundSupport }) => (\n  <div className={classes.underlinedInputWrapper}>\n    {label && <div>{label}</div>}\n\n    <EditableHtml\n      className={classes.editableLevel}\n      classes={{ slateEditor: classes.slateEditor }}\n      markup={markup}\n      onChange={onChange}\n      placeholder={placeholder}\n      pluginProps={pluginProps}\n      activePlugins={filteredDefaultPlugins}\n      spellCheck={spellCheck}\n      uploadSoundSupport={uploadSoundSupport}\n      languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n    />\n  </div>\n));\n\nexport const ExpandedInput = withStyles({\n  slateEditor: {\n    fontFamily: 'Cerebri',\n    height: InputHeight,\n    padding: 0,\n  },\n  prompt: {\n    border: 'none',\n    margin: '10px',\n    marginTop: 0,\n  },\n})(({ classes, markup, onChange, pluginProps, placeholder, alignToRight, spellCheck, uploadSoundSupport }) => (\n  <div>\n    <EditableHtml\n      className={classes.prompt}\n      classes={{ slateEditor: classes.slateEditor }}\n      markup={markup}\n      onChange={onChange}\n      placeholder={placeholder}\n      pluginProps={pluginProps}\n      toolbarOpts={alignToRight && { alignment: 'right' }}\n      spellCheck={spellCheck}\n      uploadSoundSupport={uploadSoundSupport}\n      languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n      autoWidthToolbar\n    />\n  </div>\n));\n\nexport const ScaleSettings = withStyles({\n  scaleSettings: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'flex-end',\n  },\n})(({ classes, children }) => <div className={classes.scaleSettings}>{children}</div>);\n\nexport const Arrow = withStyles({\n  arrow: {\n    position: 'absolute',\n    zIndex: 10,\n    cursor: 'pointer',\n    right: 0,\n    alignItems: 'flex-start',\n    justifyContent: 'center',\n    background: `linear-gradient(to left, white, ${color.background()})`,\n    boxSizing: 'border-box',\n    padding: '4px 0',\n  },\n  innerGrey: {\n    position: 'absolute',\n    zIndex: 11,\n    cursor: 'pointer',\n    right: 0,\n    alignItems: 'flex-start',\n    justifyContent: 'center',\n    background: `linear-gradient(to left, white, ${color.background()})`,\n    boxSizing: 'border-box',\n\n    '& svg': {\n      position: 'absolute',\n      bottom: '-24px',\n    },\n  },\n})(({ classes, children, className, show, width, onClick, left, showLevelTagInput }) => (\n  <div\n    className={classnames(classes.arrow, className)}\n    style={{\n      height: '-webkit-fill-available',\n      display: show ? 'flex' : 'none',\n      width: width,\n      left: left,\n      background: left ? `linear-gradient(to right, white, ${color.background()})` : undefined,\n    }}\n    onClick={onClick}\n  >\n    <div\n      className={classnames(classes.innerGrey, className)}\n      style={{\n        display: show ? 'flex' : 'none',\n        width: width,\n        height: showLevelTagInput ? HeaderHeightLarge : HeaderHeight,\n        left: 0,\n        background: left\n          ? `linear-gradient(to right, ${color.secondaryBackground()}, ${color.background()})`\n          : undefined,\n      }}\n      onClick={onClick}\n    >\n      {children}\n    </div>\n  </div>\n));\n"],"file":"common.js"}

package/configure/lib/defaults.js

@@ -1,93 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _default = {
-  model: {
-    visibleToStudent: true,
-    halfScoring: false,
-    pointLabels: true,
-    description: false,
-    standards: false,
-    scales: [],
-    excludeZero: false,
-    maxPointsEnabled: true,
-    addScaleEnabled: true
-  },
-  configuration: {
-    excludeZeroDialogBoxContent: {
-      title: 'Exclude 0 (Zero) from Score Point Values.',
-      text: "<div>\n        You are about to exclude 0 from score point values.\n        <br/>\n        Some of the existing data has to be changed.\n        <br/>\n        Please choose if you want to:\n        <ul>\n          <li>\n            shift Labels and Descriptions to the left\n          </li>\n          <li>\n            remove 0 column with its Label and Description\n          </li>\n        </ul>\n      </div>"
-    },
-    includeZeroDialogBoxContent: {
-      title: 'Include 0 (Zero) in Score Point Values.',
-      text: "<div>\n        You are about to include 0 in score point values.\n        <br/>\n        Some of the existing data has to be changed.\n        <br/>\n        Please choose if you want to:\n        <ul>\n          <li>\n            shift Labels and Descriptions to the right\n          </li>\n          <li>\n            add 0 column with empty Label and Descriptions\n          </li>\n        </ul>\n      </div>"
-    },
-    deleteScaleDialogBoxContent: {
-      title: 'Delete Scale',
-      text: 'Are you sure you want to delete this scale?'
-    },
-    maxPointsDialogBoxContent: {
-      title: 'Decreasing Max Points.',
-      text: " You are about to decrease max score point value.\n        <br/>\n        All the Labels and Descriptions for scores above Max Point will be deleted."
-    },
-    settingsPanelDisabled: false,
-    spellCheck: {
-      label: 'Spellcheck',
-      settings: false,
-      enabled: true
-    },
-    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'
-    },
-    width: '900px',
-    // these should not be set to true (should not be used) for now
-    showStandards: {
-      settings: false,
-      label: 'Show Standards'
-    },
-    showLevelTagInput: {
-      settings: false,
-      label: 'Show Level Tag Input',
-      enabled: false
-    },
-    dragAndDrop: {
-      settings: true,
-      label: 'Enable Drag and Drop',
-      enabled: false
-    },
-    showMaxPoint: {
-      settings: true,
-      label: 'Show Max Points Dropdown'
-    },
-    addScale: {
-      settings: true,
-      label: 'Add Scale Available'
-    },
-    minNoOfTraits: 1,
-    maxNoOfTraits: 10,
-    minNoOfScales: 2,
-    maxNoOfScales: 10
-  }
-};
-exports["default"] = _default;
-//# sourceMappingURL=defaults.js.map