@pie-element/multi-trait-rubric 1.3.0 → 1.3.1-beta.587

package/configure/lib/trait.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.StyledTrait = exports.TraitTile = void 0;
+exports["default"] = exports.TraitTile = exports.StyledTrait = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -37,6 +37,8 @@ var _renderUi = require("@pie-lib/render-ui");
 
 var _common = require("./common");
 
+var _utils = require("./utils");
+
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
 
 var _MoreVert = _interopRequireDefault(require("@material-ui/icons/MoreVert"));
@@ -49,12 +51,12 @@ var _DragIndicator = _interopRequireDefault(require("@material-ui/icons/DragIndi
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var log = (0, _debug["default"])('@pie-element:placement-ordering:configure:trait-tile');
 var styles = {
   actions: {
-    color: _renderUi.color.secondaryBackground()
+    color: _renderUi.color.text()
   },
   controls: {
     display: 'flex',
@@ -69,6 +71,10 @@ var styles = {
     top: '80px',
     left: "-".concat(_common.DragHandleSpace, "px"),
     cursor: 'move'
+  },
+  removeLabel: {
+    display: 'flex',
+    whiteSpace: 'break-spaces'
   }
 };
 
@@ -148,6 +154,7 @@ var TraitTile = /*#__PURE__*/function (_React$Component) {
           classes = _this$props2.classes,
           connectDragSource = _this$props2.connectDragSource,
           connectDropTarget = _this$props2.connectDropTarget,
+          connectDragPreview = _this$props2.connectDragPreview,
           _this$props2$trait = _this$props2.trait,
           name = _this$props2$trait.name,
           standards = _this$props2$trait.standards,
@@ -156,9 +163,12 @@ var TraitTile = /*#__PURE__*/function (_React$Component) {
           scorePointsValues = _this$props2.scorePointsValues,
           showStandards = _this$props2.showStandards,
           showDescription = _this$props2.showDescription,
-          enableDragAndDrop = _this$props2.enableDragAndDrop;
+          enableDragAndDrop = _this$props2.enableDragAndDrop,
+          currentPosition = _this$props2.currentPosition,
+          secondaryBlockWidth = _this$props2.secondaryBlockWidth,
+          spellCheck = _this$props2.spellCheck,
+          uploadSoundSupport = _this$props2.uploadSoundSupport;
       var anchorEl = this.state.anchorEl;
-      var dragSourceOpts = {};
       var pluginProps = {
         image: {
           disabled: true
@@ -167,11 +177,11 @@ var TraitTile = /*#__PURE__*/function (_React$Component) {
           disabled: true
         }
       };
-      return connectDragSource(connectDropTarget( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_common.Row, null, /*#__PURE__*/_react["default"].createElement(_common.PrimaryBlock, null, enableDragAndDrop ? /*#__PURE__*/_react["default"].createElement("span", {
+      return connectDragPreview(connectDropTarget( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_common.Row, null, /*#__PURE__*/_react["default"].createElement(_common.PrimaryBlock, null, enableDragAndDrop ? connectDragSource( /*#__PURE__*/_react["default"].createElement("span", {
         className: classes.dragHandle
       }, /*#__PURE__*/_react["default"].createElement(_DragIndicator["default"], {
         className: classes.actions
-      })) : null, /*#__PURE__*/_react["default"].createElement("div", {
+      }))) : null, /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.controls
       }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         "aria-label": "more",
@@ -184,24 +194,29 @@ var TraitTile = /*#__PURE__*/function (_React$Component) {
         keepMounted: true,
         open: !!anchorEl,
         onClose: this.handleClose
-      }, ['Remove Trait'].map(function (option) {
-        return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-          key: option,
-          onClick: _this2.openMenu
-        }, option);
-      }))), /*#__PURE__*/_react["default"].createElement(_common.UnderlinedInput, {
+      }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+        onClick: this.openMenu
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.removeLabel,
+        dangerouslySetInnerHTML: {
+          __html: "Remove ".concat(name)
+        }
+      })))), /*#__PURE__*/_react["default"].createElement(_common.UnderlinedInput, {
         markup: name,
         onChange: function onChange(name) {
           return _this2.onTraitChanged({
             name: name
           });
         },
-        pluginProps: pluginProps,
-        placeholder: "Enter Trait"
+        pluginProps: _utils.labelPlugins,
+        placeholder: "Enter Trait",
+        spellCheck: spellCheck,
+        uploadSoundSupport: uploadSoundSupport
       })), /*#__PURE__*/_react["default"].createElement(_common.SecondaryBlock, {
         setRef: function setRef(ref) {
           _this2.secondaryBlock = ref;
-        }
+        },
+        width: "".concat(secondaryBlockWidth, "px")
       }, showStandards && standards && /*#__PURE__*/_react["default"].createElement(_common.Block, null, /*#__PURE__*/_react["default"].createElement(_common.ExpandedInput, {
         placeholder: "Standards",
         markup: standards.join(','),
@@ -210,7 +225,9 @@ var TraitTile = /*#__PURE__*/function (_React$Component) {
             standards: standards.split(',')
           });
         },
-        pluginProps: pluginProps
+        pluginProps: pluginProps,
+        spellCheck: spellCheck,
+        uploadSoundSupport: uploadSoundSupport
       })), showDescription && /*#__PURE__*/_react["default"].createElement(_common.Block, null, /*#__PURE__*/_react["default"].createElement(_common.ExpandedInput, {
         placeholder: "Description",
         markup: description,
@@ -219,8 +236,13 @@ var TraitTile = /*#__PURE__*/function (_React$Component) {
             description: description
           });
         },
-        pluginProps: pluginProps
+        pluginProps: pluginProps,
+        spellCheck: spellCheck,
+        uploadSoundSupport: uploadSoundSupport
       })), (scorePointsValues || []).map(function (scorePointsValue, index) {
+        var adjustedBlockWidth = _common.BlockWidth + 2 * 8; // 8 is padding
+
+        var remainingSpace = secondaryBlockWidth - adjustedBlockWidth * index + currentPosition - 98;
         var value = scorePointsValues.length - index - 1;
         var scoreDescriptor;
 
@@ -241,9 +263,13 @@ var TraitTile = /*#__PURE__*/function (_React$Component) {
               value: value
             });
           },
-          pluginProps: pluginProps
+          pluginProps: pluginProps,
+          alignToRight: remainingSpace < 296 // 296 is the space required for the toolbar
+          ,
+          spellCheck: spellCheck,
+          uploadSoundSupport: uploadSoundSupport
         }));
-      }))))), dragSourceOpts);
+      }))))));
     }
   }]);
   return TraitTile;
@@ -253,6 +279,7 @@ exports.TraitTile = TraitTile;
 TraitTile.propTypes = {
   connectDragSource: _propTypes["default"].func.isRequired,
   connectDropTarget: _propTypes["default"].func.isRequired,
+  connectDragPreview: _propTypes["default"].func.isRequired,
   classes: _propTypes["default"].object.isRequired,
   isDragging: _propTypes["default"].bool.isRequired,
   id: _propTypes["default"].any,
@@ -270,7 +297,8 @@ TraitTile.propTypes = {
   showStandards: _propTypes["default"].bool,
   showDescription: _propTypes["default"].bool,
   enableDragAndDrop: _propTypes["default"].bool,
-  currentPosition: _propTypes["default"].number
+  currentPosition: _propTypes["default"].number,
+  secondaryBlockWidth: _propTypes["default"].number
 };
 var StyledTrait = (0, _styles.withStyles)(styles)(TraitTile);
 exports.StyledTrait = StyledTrait;
@@ -286,6 +314,7 @@ var traitSource = {
 var StyledSource = (0, _reactDnd.DragSource)(NAME, traitSource, function (connect, monitor) {
   return {
     connectDragSource: connect.dragSource(),
+    connectDragPreview: connect.dragPreview(),
     isDragging: monitor.isDragging()
   };
 })(StyledTrait);

package/configure/lib/trait.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/trait.jsx"],"names":["log","styles","actions","color","secondaryBackground","controls","display","justifyContent","position","top","right","cursor","dragHandle","left","DragHandleSpace","TraitTile","params","props","trait","onTraitChanged","Object","keys","forEach","key","descriptor","value","scorePointsDescriptors","length","event","setState","anchorEl","currentTarget","secondaryBlock","scrollTo","onTraitRemoved","handleClose","nextProps","currentPosition","scrollLeft","scrollToPosition","classes","connectDragSource","connectDropTarget","name","standards","description","scorePointsValues","showStandards","showDescription","enableDragAndDrop","state","dragSourceOpts","pluginProps","image","disabled","math","handleClick","map","option","openMenu","ref","join","split","scorePointsValue","index","scoreDescriptor","e","onScorePointDescriptorChange","React","Component","propTypes","PropTypes","func","isRequired","object","isDragging","bool","id","any","isOver","number","shape","string","arrayOf","StyledTrait","NAME","traitSource","beginDrag","StyledSource","connect","monitor","dragSource","traitTarget","hover","drop","item","getItem","didDrop","onTraitDropped","StyledSourceAndTarget","dropTarget"],"mappings":"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","sourcesContent":["import React from 'react';\nimport debug from 'debug';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/isEmpty';\nimport { DragSource, DropTarget } from 'react-dnd';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nimport {\n  Block,\n  DragHandleSpace,\n  ExpandedInput,\n  PrimaryBlock,\n  Row,\n  SecondaryBlock,\n  UnderlinedInput\n} from './common';\nimport IconButton from '@material-ui/core/IconButton';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport DragIndicatorIcon from '@material-ui/icons/DragIndicator';\n\nconst log = debug('@pie-element:placement-ordering:configure:trait-tile');\n\nconst styles = {\n  actions: {\n    color: color.secondaryBackground()\n  },\n  controls: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    position: 'absolute',\n    top: '28px',\n    right: '8px',\n    cursor: 'pointer',\n  },\n  dragHandle: {\n    position: 'absolute',\n    top: '80px',\n    left: `-${DragHandleSpace}px`,\n    cursor: 'move'\n  }\n};\n\nexport class TraitTile extends React.Component {\n  state = {};\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (nextProps.currentPosition !== this.props.currentPosition || (this.secondaryBlock && this.secondaryBlock.scrollLeft !== nextProps.currentPosition)) {\n      this.scrollToPosition(nextProps.currentPosition);\n    }\n  }\n\n  onTraitChanged = (params) => {\n    const { trait, onTraitChanged } = this.props;\n\n    if (isEmpty(params)) return;\n\n    Object.keys(params).forEach(key => {\n      trait[key] = params[key];\n    });\n\n    onTraitChanged(trait);\n  };\n\n  onScorePointDescriptorChange = ({ descriptor, value }) => {\n    const { trait: { scorePointsDescriptors } } = this.props;\n\n    if (value < 0 || value >= scorePointsDescriptors.length) return;\n\n    scorePointsDescriptors[value] = descriptor;\n\n    this.onTraitChanged({ scorePointsDescriptors });\n  };\n\n  handleClick = (event) => this.setState({ anchorEl: event.currentTarget });\n\n  handleClose = () => this.setState({ anchorEl: null });\n\n  scrollToPosition = position => this.secondaryBlock.scrollTo({ left: position });\n\n  openMenu = () => {\n    this.props.onTraitRemoved();\n    this.handleClose();\n  };\n\n  render() {\n    const {\n      classes,\n      connectDragSource,\n      connectDropTarget,\n      trait: {\n        name,\n        standards,\n        description,\n        scorePointsDescriptors\n      },\n      scorePointsValues,\n      showStandards,\n      showDescription,\n      enableDragAndDrop\n    } = this.props;\n    const { anchorEl } = this.state;\n\n    const dragSourceOpts = {};\n    const pluginProps = {\n      image: { disabled: true },\n      math: { disabled: true }\n    };\n\n    return connectDragSource(\n      connectDropTarget(\n        <div>\n          <Row>\n            <PrimaryBlock>\n              {enableDragAndDrop ?\n                <span className={classes.dragHandle}>\n                    <DragIndicatorIcon className={classes.actions}/>\n                  </span> : null\n              }\n              <div className={classes.controls}>\n                <IconButton\n                  aria-label=\"more\"\n                  aria-controls=\"long-menu\"\n                  aria-haspopup=\"true\"\n                  onClick={this.handleClick}\n                >\n                  <MoreVertIcon/>\n                </IconButton>\n                <Menu\n                  id=\"long-menu\"\n                  anchorEl={anchorEl}\n                  keepMounted\n                  open={!!anchorEl}\n                  onClose={this.handleClose}\n                >\n                  {['Remove Trait'].map((option) => (\n                    <MenuItem\n                      key={option}\n                      onClick={this.openMenu}\n                    >\n                      {option}\n                    </MenuItem>\n                  ))}\n                </Menu>\n              </div>\n\n              <UnderlinedInput\n                markup={name}\n                onChange={name => this.onTraitChanged({ name })}\n                pluginProps={pluginProps}\n                placeholder='Enter Trait'\n              />\n            </PrimaryBlock>\n            <SecondaryBlock\n              setRef={ref => {\n                this.secondaryBlock = ref;\n              }}\n            >\n              {showStandards && standards && (\n                <Block>\n                  <ExpandedInput\n                    placeholder=\"Standards\"\n                    markup={standards.join(',')}\n                    onChange={standards => this.onTraitChanged({ standards: standards.split(',') })}\n                    pluginProps={pluginProps}\n                  />\n                </Block>\n              )}\n\n              {showDescription && (\n                <Block>\n                  <ExpandedInput\n                    placeholder=\"Description\"\n                    markup={description}\n                    onChange={description => this.onTraitChanged({ description })}\n                    pluginProps={pluginProps}\n                  />\n                </Block>\n              )}\n\n              {(scorePointsValues || []).map((scorePointsValue, index) => {\n                const value = scorePointsValues.length - index - 1;\n                let scoreDescriptor;\n\n                try {\n                  scoreDescriptor = scorePointsDescriptors[value] || '';\n                } catch (e) {\n                  scoreDescriptor = '';\n                }\n\n                return (\n                  <Block key={`key-key-${index}`}>\n                    <ExpandedInput\n                      placeholder='Enter Description Here'\n                      markup={scoreDescriptor}\n                      onChange={descriptor => this.onScorePointDescriptorChange({ descriptor, value })}\n                      pluginProps={pluginProps}\n                    />\n                  </Block>\n                )\n              })}\n            </SecondaryBlock>\n          </Row>\n        </div>\n      ),\n      dragSourceOpts\n    );\n  }\n}\n\nTraitTile.propTypes = {\n  connectDragSource: PropTypes.func.isRequired,\n  connectDropTarget: PropTypes.func.isRequired,\n  classes: PropTypes.object.isRequired,\n  isDragging: PropTypes.bool.isRequired,\n  id: PropTypes.any,\n  isOver: PropTypes.bool,\n  index: PropTypes.number,\n  onTraitChanged: PropTypes.func.isRequired,\n  onTraitRemoved: PropTypes.func.isRequired,\n  trait: PropTypes.shape({\n    name: PropTypes.string,\n    standards: PropTypes.arrayOf(PropTypes.string),\n    scorePointsDescriptors: PropTypes.arrayOf(PropTypes.string),\n    description: PropTypes.string,\n  }),\n  scorePointsValues: PropTypes.arrayOf(PropTypes.number),\n  showStandards: PropTypes.bool,\n  showDescription: PropTypes.bool,\n  enableDragAndDrop: PropTypes.bool,\n  currentPosition: PropTypes.number,\n};\n\nexport const StyledTrait = withStyles(styles)(TraitTile);\n\nconst NAME = 'trait-config';\n\nconst traitSource = {\n  beginDrag(props) {\n    return {\n      name: props.trait.name,\n      index: props.index\n    };\n  }\n};\n\nconst StyledSource = DragSource(\n  NAME,\n  traitSource,\n  (connect, monitor) => ({\n    connectDragSource: connect.dragSource(),\n    isDragging: monitor.isDragging()\n  })\n)(StyledTrait);\n\nconst traitTarget = {\n  hover() {\n    log('[hover]');\n  },\n  drop(props, monitor) {\n    const item = monitor.getItem();\n    log('[drop] item: ', item, 'didDrop?', monitor.didDrop());\n\n    props.onTraitDropped(item, props.index);\n  }\n};\n\nconst StyledSourceAndTarget = DropTarget(\n  NAME,\n  traitTarget,\n  (connect, monitor) => ({\n    connectDropTarget: connect.dropTarget(),\n    isOver: monitor.isOver()\n  })\n)(StyledSource);\n\nexport default StyledSourceAndTarget;\n"],"file":"trait.js"}
+{"version":3,"sources":["../src/trait.jsx"],"names":["log","styles","actions","color","text","controls","display","justifyContent","position","top","right","cursor","dragHandle","left","DragHandleSpace","removeLabel","whiteSpace","TraitTile","params","props","trait","onTraitChanged","Object","keys","forEach","key","descriptor","value","scorePointsDescriptors","length","event","setState","anchorEl","currentTarget","secondaryBlock","scrollTo","onTraitRemoved","handleClose","nextProps","currentPosition","scrollLeft","scrollToPosition","classes","connectDragSource","connectDropTarget","connectDragPreview","name","standards","description","scorePointsValues","showStandards","showDescription","enableDragAndDrop","secondaryBlockWidth","spellCheck","uploadSoundSupport","state","pluginProps","image","disabled","math","handleClick","openMenu","__html","labelPlugins","ref","join","split","map","scorePointsValue","index","adjustedBlockWidth","BlockWidth","remainingSpace","scoreDescriptor","e","onScorePointDescriptorChange","React","Component","propTypes","PropTypes","func","isRequired","object","isDragging","bool","id","any","isOver","number","shape","string","arrayOf","StyledTrait","NAME","traitSource","beginDrag","StyledSource","connect","monitor","dragSource","dragPreview","traitTarget","hover","drop","item","getItem","didDrop","onTraitDropped","StyledSourceAndTarget","dropTarget"],"mappings":"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","sourcesContent":["import React from 'react';\nimport debug from 'debug';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/isEmpty';\nimport { DragSource, DropTarget } from 'react-dnd';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nimport {\n  Block,\n  BlockWidth,\n  DragHandleSpace,\n  ExpandedInput,\n  PrimaryBlock,\n  Row,\n  SecondaryBlock,\n  UnderlinedInput,\n} from './common';\nimport { labelPlugins } from './utils';\n\nimport IconButton from '@material-ui/core/IconButton';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport DragIndicatorIcon from '@material-ui/icons/DragIndicator';\n\nconst log = debug('@pie-element:placement-ordering:configure:trait-tile');\n\nconst styles = {\n  actions: {\n    color: color.text(),\n  },\n  controls: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    position: 'absolute',\n    top: '28px',\n    right: '8px',\n    cursor: 'pointer',\n  },\n  dragHandle: {\n    position: 'absolute',\n    top: '80px',\n    left: `-${DragHandleSpace}px`,\n    cursor: 'move',\n  },\n  removeLabel: {\n    display: 'flex',\n    whiteSpace: 'break-spaces',\n  },\n};\n\nexport class TraitTile extends React.Component {\n  state = {};\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (\n      nextProps.currentPosition !== this.props.currentPosition ||\n      (this.secondaryBlock && this.secondaryBlock.scrollLeft !== nextProps.currentPosition)\n    ) {\n      this.scrollToPosition(nextProps.currentPosition);\n    }\n  }\n\n  onTraitChanged = (params) => {\n    const { trait, onTraitChanged } = this.props;\n\n    if (isEmpty(params)) return;\n\n    Object.keys(params).forEach((key) => {\n      trait[key] = params[key];\n    });\n\n    onTraitChanged(trait);\n  };\n\n  onScorePointDescriptorChange = ({ descriptor, value }) => {\n    const {\n      trait: { scorePointsDescriptors },\n    } = this.props;\n\n    if (value < 0 || value >= scorePointsDescriptors.length) return;\n\n    scorePointsDescriptors[value] = descriptor;\n\n    this.onTraitChanged({ scorePointsDescriptors });\n  };\n\n  handleClick = (event) => this.setState({ anchorEl: event.currentTarget });\n\n  handleClose = () => this.setState({ anchorEl: null });\n\n  scrollToPosition = (position) => this.secondaryBlock.scrollTo({ left: position });\n\n  openMenu = () => {\n    this.props.onTraitRemoved();\n    this.handleClose();\n  };\n\n  render() {\n    const {\n      classes,\n      connectDragSource,\n      connectDropTarget,\n      connectDragPreview,\n      trait: { name, standards, description, scorePointsDescriptors },\n      scorePointsValues,\n      showStandards,\n      showDescription,\n      enableDragAndDrop,\n      currentPosition,\n      secondaryBlockWidth,\n      spellCheck,\n      uploadSoundSupport,\n    } = this.props;\n    const { anchorEl } = this.state;\n\n    const pluginProps = {\n      image: { disabled: true },\n      math: { disabled: true },\n    };\n\n    return connectDragPreview(\n      connectDropTarget(\n        <div>\n          <Row>\n            <PrimaryBlock>\n              {enableDragAndDrop\n                ? connectDragSource(\n                    <span className={classes.dragHandle}>\n                      <DragIndicatorIcon className={classes.actions} />\n                    </span>,\n                  )\n                : null}\n              <div className={classes.controls}>\n                <IconButton aria-label=\"more\" aria-controls=\"long-menu\" aria-haspopup=\"true\" onClick={this.handleClick}>\n                  <MoreVertIcon />\n                </IconButton>\n                <Menu id=\"long-menu\" anchorEl={anchorEl} keepMounted open={!!anchorEl} onClose={this.handleClose}>\n                  <MenuItem onClick={this.openMenu}>\n                    <div className={classes.removeLabel} dangerouslySetInnerHTML={{ __html: `Remove ${name}` }} />\n                  </MenuItem>\n                </Menu>\n              </div>\n\n              <UnderlinedInput\n                markup={name}\n                onChange={(name) => this.onTraitChanged({ name })}\n                pluginProps={labelPlugins}\n                placeholder=\"Enter Trait\"\n                spellCheck={spellCheck}\n                uploadSoundSupport={uploadSoundSupport}\n              />\n            </PrimaryBlock>\n            <SecondaryBlock\n              setRef={(ref) => {\n                this.secondaryBlock = ref;\n              }}\n              width={`${secondaryBlockWidth}px`}\n            >\n              {showStandards && standards && (\n                <Block>\n                  <ExpandedInput\n                    placeholder=\"Standards\"\n                    markup={standards.join(',')}\n                    onChange={(standards) => this.onTraitChanged({ standards: standards.split(',') })}\n                    pluginProps={pluginProps}\n                    spellCheck={spellCheck}\n                    uploadSoundSupport={uploadSoundSupport}\n                  />\n                </Block>\n              )}\n\n              {showDescription && (\n                <Block>\n                  <ExpandedInput\n                    placeholder=\"Description\"\n                    markup={description}\n                    onChange={(description) => this.onTraitChanged({ description })}\n                    pluginProps={pluginProps}\n                    spellCheck={spellCheck}\n                    uploadSoundSupport={uploadSoundSupport}\n                  />\n                </Block>\n              )}\n\n              {(scorePointsValues || []).map((scorePointsValue, index) => {\n                const adjustedBlockWidth = BlockWidth + 2 * 8; // 8 is padding\n                const remainingSpace = secondaryBlockWidth - adjustedBlockWidth * index + currentPosition - 98;\n                const value = scorePointsValues.length - index - 1;\n                let scoreDescriptor;\n\n                try {\n                  scoreDescriptor = scorePointsDescriptors[value] || '';\n                } catch (e) {\n                  scoreDescriptor = '';\n                }\n\n                return (\n                  <Block key={`key-key-${index}`}>\n                    <ExpandedInput\n                      placeholder=\"Enter Description Here\"\n                      markup={scoreDescriptor}\n                      onChange={(descriptor) => this.onScorePointDescriptorChange({ descriptor, value })}\n                      pluginProps={pluginProps}\n                      alignToRight={remainingSpace < 296} // 296 is the space required for the toolbar\n                      spellCheck={spellCheck}\n                      uploadSoundSupport={uploadSoundSupport}\n                    />\n                  </Block>\n                );\n              })}\n            </SecondaryBlock>\n          </Row>\n        </div>,\n      ),\n    );\n  }\n}\n\nTraitTile.propTypes = {\n  connectDragSource: PropTypes.func.isRequired,\n  connectDropTarget: PropTypes.func.isRequired,\n  connectDragPreview: PropTypes.func.isRequired,\n  classes: PropTypes.object.isRequired,\n  isDragging: PropTypes.bool.isRequired,\n  id: PropTypes.any,\n  isOver: PropTypes.bool,\n  index: PropTypes.number,\n  onTraitChanged: PropTypes.func.isRequired,\n  onTraitRemoved: PropTypes.func.isRequired,\n  trait: PropTypes.shape({\n    name: PropTypes.string,\n    standards: PropTypes.arrayOf(PropTypes.string),\n    scorePointsDescriptors: PropTypes.arrayOf(PropTypes.string),\n    description: PropTypes.string,\n  }),\n  scorePointsValues: PropTypes.arrayOf(PropTypes.number),\n  showStandards: PropTypes.bool,\n  showDescription: PropTypes.bool,\n  enableDragAndDrop: PropTypes.bool,\n  currentPosition: PropTypes.number,\n  secondaryBlockWidth: PropTypes.number,\n};\n\nexport const StyledTrait = withStyles(styles)(TraitTile);\n\nconst NAME = 'trait-config';\n\nconst traitSource = {\n  beginDrag(props) {\n    return {\n      name: props.trait.name,\n      index: props.index,\n    };\n  },\n};\n\nconst StyledSource = DragSource(NAME, traitSource, (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  connectDragPreview: connect.dragPreview(),\n  isDragging: monitor.isDragging(),\n}))(StyledTrait);\n\nconst traitTarget = {\n  hover() {\n    log('[hover]');\n  },\n  drop(props, monitor) {\n    const item = monitor.getItem();\n    log('[drop] item: ', item, 'didDrop?', monitor.didDrop());\n\n    props.onTraitDropped(item, props.index);\n  },\n};\n\nconst StyledSourceAndTarget = DropTarget(NAME, traitTarget, (connect, monitor) => ({\n  connectDropTarget: connect.dropTarget(),\n  isOver: monitor.isOver(),\n}))(StyledSource);\n\nexport default StyledSourceAndTarget;\n"],"file":"trait.js"}

package/configure/lib/traitsHeader.js

@@ -39,9 +39,11 @@ var _renderUi = require("@pie-lib/render-ui");
 
 var _common = require("./common");
 
+var _utils = require("./utils");
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var styles = {
   label: {
@@ -134,6 +136,7 @@ var TraitsHeaderTile = /*#__PURE__*/function (_React$Component) {
           scorePointsLabels = _this$props2.scorePointsLabels,
           traitLabel = _this$props2.traitLabel,
           classes = _this$props2.classes,
+          currentPosition = _this$props2.currentPosition,
           showStandards = _this$props2.showStandards,
           onTraitLabelChange = _this$props2.onTraitLabelChange,
           showDescription = _this$props2.showDescription,
@@ -142,15 +145,11 @@ var TraitsHeaderTile = /*#__PURE__*/function (_React$Component) {
           updateMaxPointsFieldValue = _this$props2.updateMaxPointsFieldValue,
           scaleIndex = _this$props2.scaleIndex,
           showScorePointLabels = _this$props2.showScorePointLabels,
-          setSecondaryBlockRef = _this$props2.setSecondaryBlockRef;
-      var pluginProps = {
-        image: {
-          disabled: true
-        },
-        math: {
-          disabled: true
-        }
-      };
+          secondaryBlockWidth = _this$props2.secondaryBlockWidth,
+          setSecondaryBlockRef = _this$props2.setSecondaryBlockRef,
+          spellCheck = _this$props2.spellCheck,
+          uploadSoundSupport = _this$props2.uploadSoundSupport,
+          maxPointsEnabled = _this$props2.maxPointsEnabled;
       var anchorEl = this.state.anchorEl;
       return /*#__PURE__*/_react["default"].createElement(_common.Row, {
         className: classes.greyHeader,
@@ -160,9 +159,11 @@ var TraitsHeaderTile = /*#__PURE__*/function (_React$Component) {
       }, showLevelTagInput && /*#__PURE__*/_react["default"].createElement(_common.SimpleInput, {
         markup: traitLabel || 'Trait',
         onChange: onTraitLabelChange,
-        pluginProps: pluginProps,
-        label: "Level Label"
-      }), /*#__PURE__*/_react["default"].createElement(_common.ScaleSettings, null, /*#__PURE__*/_react["default"].createElement("div", null, "Scale ", scaleIndex + 1), /*#__PURE__*/_react["default"].createElement(_common.MaxPointsPicker, {
+        pluginProps: _utils.labelPlugins,
+        spellCheck: spellCheck,
+        label: "Level Label",
+        uploadSoundSupport: uploadSoundSupport
+      }), /*#__PURE__*/_react["default"].createElement(_common.ScaleSettings, null, /*#__PURE__*/_react["default"].createElement("div", null, "Scale ", scaleIndex + 1), maxPointsEnabled && /*#__PURE__*/_react["default"].createElement(_common.MaxPointsPicker, {
         maxPoints: maxPoints,
         onChange: updateMaxPointsFieldValue
       }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
@@ -187,12 +188,16 @@ var TraitsHeaderTile = /*#__PURE__*/function (_React$Component) {
             _this2.secondaryBlock = ref;
             setSecondaryBlockRef(ref);
           }
-        }
+        },
+        width: "".concat(secondaryBlockWidth, "px")
       }, showStandards && /*#__PURE__*/_react["default"].createElement(_common.Block, null, /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.label
       }, "Standard(s)")), showDescription && /*#__PURE__*/_react["default"].createElement(_common.Block, null, /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.label
       }, "Description")), scorePointsValues.map(function (scorePointsValue, index) {
+        var adjustedBlockWidth = _common.BlockWidth + 2 * 8; // 8 is padding
+
+        var remainingSpace = secondaryBlockWidth - adjustedBlockWidth * index + currentPosition - 128;
         var value = scorePointsValues.length - index - 1;
         var scoreDescriptor;
 
@@ -207,14 +212,18 @@ var TraitsHeaderTile = /*#__PURE__*/function (_React$Component) {
         }, /*#__PURE__*/_react["default"].createElement(_common.ScorePoint, {
           scorePointsValue: scorePointsValue,
           scoreDescriptor: scoreDescriptor,
-          pluginProps: pluginProps,
+          pluginProps: _utils.labelPlugins,
           showScorePointLabels: showScorePointLabels,
           onChange: function onChange(scorePointLabel) {
             return _this2.onScorePointLabelChange({
               scorePointLabel: scorePointLabel,
               value: value
             });
-          }
+          },
+          alignToRight: remainingSpace < 296 // 296 is the space required for the toolbar
+          ,
+          spellCheck: spellCheck,
+          uploadSoundSupport: uploadSoundSupport
         }));
       })));
     }
@@ -237,9 +246,11 @@ TraitsHeaderTile.propTypes = {
   updateMaxPointsFieldValue: _propTypes["default"].func,
   scaleIndex: _propTypes["default"].number,
   currentPosition: _propTypes["default"].number,
+  secondaryBlockWidth: _propTypes["default"].number,
   showDeleteScaleModal: _propTypes["default"].func,
   showScorePointLabels: _propTypes["default"].bool,
-  setSecondaryBlockRef: _propTypes["default"].func
+  setSecondaryBlockRef: _propTypes["default"].func,
+  uploadSoundSupport: _propTypes["default"].object
 };
 
 var _default = (0, _styles.withStyles)(styles)(TraitsHeaderTile);

package/configure/lib/traitsHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/traitsHeader.jsx"],"names":["styles","label","textAlign","width","border","margin","padding","display","alignItems","justifyContent","greyHeader","background","color","secondaryBackground","borderRadius","position","primaryBlockGreyHeader","paddingTop","TraitsHeaderTile","anchorEl","scorePointLabel","value","props","scorePointsLabels","onScaleChange","length","event","setState","currentTarget","secondaryBlock","scrollTo","left","showDeleteScaleModal","handleClose","nextProps","currentPosition","scrollToPosition","scorePointsValues","traitLabel","classes","showStandards","onTraitLabelChange","showDescription","showLevelTagInput","maxPoints","updateMaxPointsFieldValue","scaleIndex","showScorePointLabels","setSecondaryBlockRef","pluginProps","image","disabled","math","state","HeaderHeightLarge","HeaderHeight","handleClick","map","option","openMenu","ref","scorePointsValue","index","scoreDescriptor","e","onScorePointLabelChange","React","Component","propTypes","PropTypes","object","isRequired","func","arrayOf","number","string","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport IconButton from '@material-ui/core/IconButton';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport { color } from '@pie-lib/render-ui';\n\nimport {\n  Block,\n  PrimaryBlock,\n  Row,\n  SecondaryBlock,\n  ScorePoint,\n  MaxPointsPicker,\n  SimpleInput,\n  ScaleSettings,\n  HeaderHeight,\n  HeaderHeightLarge\n} from './common';\n\nconst styles = {\n  label: {\n    textAlign: 'center',\n    width: '140px',\n    border: 'none',\n    margin: '8px',\n    padding: '10px 0',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-around'\n  },\n  greyHeader: {\n    background: color.secondaryBackground(),\n    borderRadius: '4px',\n    position: 'relative'\n  },\n  primaryBlockGreyHeader: {\n    paddingTop: '12px'\n  }\n};\n\nexport class TraitsHeaderTile extends React.Component {\n  state = {\n    anchorEl: null,\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (nextProps.currentPosition !== this.props.currentPosition) {\n      this.scrollToPosition(nextProps.currentPosition);\n    }\n  }\n\n  onScorePointLabelChange = ({ scorePointLabel, value }) => {\n    const { scorePointsLabels, onScaleChange } = this.props;\n\n    if (value < 0 || value >= scorePointsLabels.length) return;\n\n    scorePointsLabels[value] = scorePointLabel;\n\n    onScaleChange({ scorePointsLabels });\n  };\n\n  handleClick = (event) => this.setState({ anchorEl: event.currentTarget });\n\n  handleClose = () => this.setState({ anchorEl: null });\n\n  scrollToPosition = position => this.secondaryBlock.scrollTo({ left: position });\n\n  openMenu = () => {\n    this.props.showDeleteScaleModal();\n    this.handleClose();\n  };\n\n  render() {\n    const {\n      scorePointsValues,\n      scorePointsLabels,\n      traitLabel,\n      classes,\n      showStandards,\n      onTraitLabelChange,\n      showDescription,\n      showLevelTagInput,\n      maxPoints,\n      updateMaxPointsFieldValue,\n      scaleIndex,\n      showScorePointLabels,\n      setSecondaryBlockRef,\n    } = this.props;\n    const pluginProps = {\n      image: { disabled: true },\n      math: { disabled: true }\n    };\n    const { anchorEl } = this.state;\n\n    return (\n      <Row className={classes.greyHeader} height={showLevelTagInput ? HeaderHeightLarge : HeaderHeight}>\n        <PrimaryBlock className={classes.primaryBlockGreyHeader}>\n          {showLevelTagInput && (\n            <SimpleInput\n              markup={traitLabel || 'Trait'}\n              onChange={onTraitLabelChange}\n              pluginProps={pluginProps}\n              label='Level Label'\n            />\n          )}\n\n          <ScaleSettings>\n            <div>\n              Scale {scaleIndex + 1}\n            </div>\n\n            <MaxPointsPicker\n              maxPoints={maxPoints}\n              onChange={updateMaxPointsFieldValue}\n            />\n\n            <div>\n              <IconButton\n                aria-label=\"more\"\n                aria-controls=\"long-menu\"\n                aria-haspopup=\"true\"\n                onClick={this.handleClick}\n              >\n                <MoreVertIcon/>\n              </IconButton>\n              <Menu\n                id=\"long-menu\"\n                anchorEl={anchorEl}\n                keepMounted\n                open={!!anchorEl}\n                onClose={this.handleClose}\n              >\n                {['Remove Scale'].map((option) => (\n                  <MenuItem\n                    key={option}\n                    onClick={this.openMenu}\n                  >\n                    {option}\n                  </MenuItem>\n                ))}\n              </Menu>\n            </div>\n          </ScaleSettings>\n        </PrimaryBlock>\n\n        <SecondaryBlock\n          setRef={ref => {\n            if (ref) {\n              this.secondaryBlock = ref;\n\n              setSecondaryBlockRef(ref);\n            }\n          }}\n        >\n\n          {showStandards && (\n            <Block>\n              <div className={classes.label}>\n                Standard(s)\n              </div>\n            </Block>\n          )}\n\n          {showDescription && (\n            <Block>\n              <div className={classes.label}>\n                Description\n              </div>\n            </Block>\n          )}\n\n          {scorePointsValues.map((scorePointsValue, index) => {\n            const value = scorePointsValues.length - index - 1;\n            let scoreDescriptor;\n\n            try {\n              scoreDescriptor = scorePointsLabels[value] || '';\n            } catch (e) {\n              scoreDescriptor = '';\n            }\n\n            return (\n              <Block key={`secondary-block-part-${index}`}>\n                <ScorePoint\n                  scorePointsValue={scorePointsValue}\n                  scoreDescriptor={scoreDescriptor}\n                  pluginProps={pluginProps}\n                  showScorePointLabels={showScorePointLabels}\n                  onChange={scorePointLabel => this.onScorePointLabelChange({ scorePointLabel, value })}\n                />\n              </Block>\n            )\n          })}\n        </SecondaryBlock>\n      </Row>\n    );\n  }\n}\n\nTraitsHeaderTile.propTypes = {\n  classes: PropTypes.object.isRequired,\n  onTraitLabelChange: PropTypes.func,\n  onScaleChange: PropTypes.func,\n  scorePointsValues: PropTypes.arrayOf(PropTypes.number),\n  scorePointsLabels: PropTypes.arrayOf(PropTypes.string),\n  traitLabel: PropTypes.string,\n  showStandards: PropTypes.bool,\n  showLevelTagInput: PropTypes.bool,\n  showDescription: PropTypes.bool,\n  maxPoints: PropTypes.number,\n  updateMaxPointsFieldValue: PropTypes.func,\n  scaleIndex: PropTypes.number,\n  currentPosition: PropTypes.number,\n  showDeleteScaleModal: PropTypes.func,\n  showScorePointLabels: PropTypes.bool,\n  setSecondaryBlockRef: PropTypes.func\n};\n\nexport default withStyles(styles)(TraitsHeaderTile);\n"],"file":"traitsHeader.js"}
+{"version":3,"sources":["../src/traitsHeader.jsx"],"names":["styles","label","textAlign","width","border","margin","padding","display","alignItems","justifyContent","greyHeader","background","color","secondaryBackground","borderRadius","position","primaryBlockGreyHeader","paddingTop","TraitsHeaderTile","anchorEl","scorePointLabel","value","props","scorePointsLabels","onScaleChange","length","event","setState","currentTarget","secondaryBlock","scrollTo","left","showDeleteScaleModal","handleClose","nextProps","currentPosition","scrollToPosition","scorePointsValues","traitLabel","classes","showStandards","onTraitLabelChange","showDescription","showLevelTagInput","maxPoints","updateMaxPointsFieldValue","scaleIndex","showScorePointLabels","secondaryBlockWidth","setSecondaryBlockRef","spellCheck","uploadSoundSupport","maxPointsEnabled","state","HeaderHeightLarge","HeaderHeight","labelPlugins","handleClick","map","option","openMenu","ref","scorePointsValue","index","adjustedBlockWidth","BlockWidth","remainingSpace","scoreDescriptor","e","onScorePointLabelChange","React","Component","propTypes","PropTypes","object","isRequired","func","arrayOf","number","string","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport IconButton from '@material-ui/core/IconButton';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport { color } from '@pie-lib/render-ui';\n\nimport {\n  Block,\n  BlockWidth,\n  PrimaryBlock,\n  Row,\n  SecondaryBlock,\n  ScorePoint,\n  MaxPointsPicker,\n  SimpleInput,\n  ScaleSettings,\n  HeaderHeight,\n  HeaderHeightLarge,\n} from './common';\nimport { labelPlugins } from './utils';\n\nconst styles = {\n  label: {\n    textAlign: 'center',\n    width: '140px',\n    border: 'none',\n    margin: '8px',\n    padding: '10px 0',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-around',\n  },\n  greyHeader: {\n    background: color.secondaryBackground(),\n    borderRadius: '4px',\n    position: 'relative',\n  },\n  primaryBlockGreyHeader: {\n    paddingTop: '12px',\n  },\n};\n\nexport class TraitsHeaderTile extends React.Component {\n  state = {\n    anchorEl: null,\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (nextProps.currentPosition !== this.props.currentPosition) {\n      this.scrollToPosition(nextProps.currentPosition);\n    }\n  }\n\n  onScorePointLabelChange = ({ scorePointLabel, value }) => {\n    const { scorePointsLabels, onScaleChange } = this.props;\n\n    if (value < 0 || value >= scorePointsLabels.length) return;\n\n    scorePointsLabels[value] = scorePointLabel;\n\n    onScaleChange({ scorePointsLabels });\n  };\n\n  handleClick = (event) => this.setState({ anchorEl: event.currentTarget });\n\n  handleClose = () => this.setState({ anchorEl: null });\n\n  scrollToPosition = (position) => this.secondaryBlock.scrollTo({ left: position });\n\n  openMenu = () => {\n    this.props.showDeleteScaleModal();\n    this.handleClose();\n  };\n\n  render() {\n    const {\n      scorePointsValues,\n      scorePointsLabels,\n      traitLabel,\n      classes,\n      currentPosition,\n      showStandards,\n      onTraitLabelChange,\n      showDescription,\n      showLevelTagInput,\n      maxPoints,\n      updateMaxPointsFieldValue,\n      scaleIndex,\n      showScorePointLabels,\n      secondaryBlockWidth,\n      setSecondaryBlockRef,\n      spellCheck,\n      uploadSoundSupport,\n      maxPointsEnabled,\n    } = this.props;\n    const { anchorEl } = this.state;\n\n    return (\n      <Row className={classes.greyHeader} height={showLevelTagInput ? HeaderHeightLarge : HeaderHeight}>\n        <PrimaryBlock className={classes.primaryBlockGreyHeader}>\n          {showLevelTagInput && (\n            <SimpleInput\n              markup={traitLabel || 'Trait'}\n              onChange={onTraitLabelChange}\n              pluginProps={labelPlugins}\n              spellCheck={spellCheck}\n              label=\"Level Label\"\n              uploadSoundSupport={uploadSoundSupport}\n            />\n          )}\n\n          <ScaleSettings>\n            <div>Scale {scaleIndex + 1}</div>\n\n            {maxPointsEnabled && <MaxPointsPicker maxPoints={maxPoints} onChange={updateMaxPointsFieldValue} />}\n\n            <div>\n              <IconButton aria-label=\"more\" aria-controls=\"long-menu\" aria-haspopup=\"true\" onClick={this.handleClick}>\n                <MoreVertIcon />\n              </IconButton>\n              <Menu id=\"long-menu\" anchorEl={anchorEl} keepMounted open={!!anchorEl} onClose={this.handleClose}>\n                {['Remove Scale'].map((option) => (\n                  <MenuItem key={option} onClick={this.openMenu}>\n                    {option}\n                  </MenuItem>\n                ))}\n              </Menu>\n            </div>\n          </ScaleSettings>\n        </PrimaryBlock>\n\n        <SecondaryBlock\n          setRef={(ref) => {\n            if (ref) {\n              this.secondaryBlock = ref;\n              setSecondaryBlockRef(ref);\n            }\n          }}\n          width={`${secondaryBlockWidth}px`}\n        >\n          {showStandards && (\n            <Block>\n              <div className={classes.label}>Standard(s)</div>\n            </Block>\n          )}\n\n          {showDescription && (\n            <Block>\n              <div className={classes.label}>Description</div>\n            </Block>\n          )}\n\n          {scorePointsValues.map((scorePointsValue, index) => {\n            const adjustedBlockWidth = BlockWidth + 2 * 8; // 8 is padding\n            const remainingSpace = secondaryBlockWidth - adjustedBlockWidth * index + currentPosition - 128;\n            const value = scorePointsValues.length - index - 1;\n            let scoreDescriptor;\n\n            try {\n              scoreDescriptor = scorePointsLabels[value] || '';\n            } catch (e) {\n              scoreDescriptor = '';\n            }\n\n            return (\n              <Block key={`secondary-block-part-${index}`}>\n                <ScorePoint\n                  scorePointsValue={scorePointsValue}\n                  scoreDescriptor={scoreDescriptor}\n                  pluginProps={labelPlugins}\n                  showScorePointLabels={showScorePointLabels}\n                  onChange={(scorePointLabel) => this.onScorePointLabelChange({ scorePointLabel, value })}\n                  alignToRight={remainingSpace < 296} // 296 is the space required for the toolbar\n                  spellCheck={spellCheck}\n                  uploadSoundSupport={uploadSoundSupport}\n                />\n              </Block>\n            );\n          })}\n        </SecondaryBlock>\n      </Row>\n    );\n  }\n}\n\nTraitsHeaderTile.propTypes = {\n  classes: PropTypes.object.isRequired,\n  onTraitLabelChange: PropTypes.func,\n  onScaleChange: PropTypes.func,\n  scorePointsValues: PropTypes.arrayOf(PropTypes.number),\n  scorePointsLabels: PropTypes.arrayOf(PropTypes.string),\n  traitLabel: PropTypes.string,\n  showStandards: PropTypes.bool,\n  showLevelTagInput: PropTypes.bool,\n  showDescription: PropTypes.bool,\n  maxPoints: PropTypes.number,\n  updateMaxPointsFieldValue: PropTypes.func,\n  scaleIndex: PropTypes.number,\n  currentPosition: PropTypes.number,\n  secondaryBlockWidth: PropTypes.number,\n  showDeleteScaleModal: PropTypes.func,\n  showScorePointLabels: PropTypes.bool,\n  setSecondaryBlockRef: PropTypes.func,\n  uploadSoundSupport: PropTypes.object,\n};\n\nexport default withStyles(styles)(TraitsHeaderTile);\n"],"file":"traitsHeader.js"}

package/configure/lib/utils.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.labelPlugins = exports.filteredDefaultPlugins = void 0;
+
+var _editableHtml = require("@pie-lib/editable-html");
+
+var filteredDefaultPlugins = (_editableHtml.DEFAULT_PLUGINS || []).filter(function (p) {
+  return p !== 'table' && p !== 'bulleted-list' && p !== 'numbered-list';
+});
+exports.filteredDefaultPlugins = filteredDefaultPlugins;
+var labelPlugins = {
+  image: {
+    disabled: true
+  },
+  math: {
+    disabled: true
+  },
+  audio: {
+    disabled: true
+  },
+  video: {
+    disabled: true
+  }
+};
+exports.labelPlugins = labelPlugins;
+//# sourceMappingURL=utils.js.map

package/configure/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils.js"],"names":["filteredDefaultPlugins","DEFAULT_PLUGINS","filter","p","labelPlugins","image","disabled","math","audio","video"],"mappings":";;;;;;;AAAA;;AAEO,IAAMA,sBAAsB,GAAG,CAACC,iCAAmB,EAApB,EAAwBC,MAAxB,CACpC,UAACC,CAAD;AAAA,SAAOA,CAAC,KAAK,OAAN,IAAiBA,CAAC,KAAK,eAAvB,IAA0CA,CAAC,KAAK,eAAvD;AAAA,CADoC,CAA/B;;AAIA,IAAMC,YAAY,GAAG;AAC1BC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,QAAQ,EAAE;AAAZ,GADmB;AAE1BC,EAAAA,IAAI,EAAE;AAAED,IAAAA,QAAQ,EAAE;AAAZ,GAFoB;AAG1BE,EAAAA,KAAK,EAAE;AAAEF,IAAAA,QAAQ,EAAE;AAAZ,GAHmB;AAI1BG,EAAAA,KAAK,EAAE;AAAEH,IAAAA,QAAQ,EAAE;AAAZ;AAJmB,CAArB","sourcesContent":["import { DEFAULT_PLUGINS } from '@pie-lib/editable-html';\n\nexport const filteredDefaultPlugins = (DEFAULT_PLUGINS || []).filter(\n  (p) => p !== 'table' && p !== 'bulleted-list' && p !== 'numbered-list',\n);\n\nexport const labelPlugins = {\n  image: { disabled: true },\n  math: { disabled: true },\n  audio: { disabled: true },\n  video: { disabled: true },\n};\n"],"file":"utils.js"}

package/configure/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@pie-element/multi-trait-rubric-configure",
-  "version": "1.3.0",
+  "version": "2.3.0",
   "private": true,
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
-    "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/config-ui": "^10.8.57",
-    "@pie-lib/editable-html": "^7.16.16",
-    "@pie-lib/render-ui": "^4.11.5",
-    "@pie-lib/rubric": "^0.2.110",
-    "@pie-lib/scoring-config": "^3.5.125",
+    "@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/render-ui": "^4.14.12",
+    "@pie-lib/rubric": "1.0.0-beta.2",
+    "@pie-lib/scoring-config": "4.0.0-beta.2",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

package/controller/CHANGELOG.md

@@ -3,6 +3,63 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.2.13](https://github.com/pie-framework/pie-elements/compare/@pie-element/multi-trait-rubric-controller@1.2.12...@pie-element/multi-trait-rubric-controller@1.2.13) (2023-01-17)
+
+
+### Bug Fixes
+
+* **multi-trait-rubric:** fix validation bugs, update documentation. Fixed match docs typo PD-2427 ([26d598e](https://github.com/pie-framework/pie-elements/commit/26d598e7a32d50ed176d566605bb6b4ebdc07a2c))
+
+
+
+
+
+## [1.2.12](https://github.com/pie-framework/pie-elements/compare/@pie-element/multi-trait-rubric-controller@1.2.11...@pie-element/multi-trait-rubric-controller@1.2.12) (2022-12-07)
+
+
+### Bug Fixes
+
+* update libs ([441f403](https://github.com/pie-framework/pie-elements/commit/441f403870b7bec0d61fab58b8d93dbe0ead4c32))
+
+
+
+
+
+## [1.2.8](https://github.com/pie-framework/pie-elements/compare/@pie-element/multi-trait-rubric-controller@1.2.6...@pie-element/multi-trait-rubric-controller@1.2.8) (2021-11-11)
+
+**Note:** Version bump only for package @pie-element/multi-trait-rubric-controller
+
+
+
+
+
+## [1.2.7](https://github.com/pie-framework/pie-elements/compare/@pie-element/multi-trait-rubric-controller@1.2.6...@pie-element/multi-trait-rubric-controller@1.2.7) (2021-11-11)
+
+**Note:** Version bump only for package @pie-element/multi-trait-rubric-controller
+
+
+
+
+
+## [1.2.6](https://github.com/pie-framework/pie-elements/compare/@pie-element/multi-trait-rubric-controller@1.2.4...@pie-element/multi-trait-rubric-controller@1.2.6) (2021-08-05)
+
+
+### Bug Fixes
+
+* force bump ([5ea7295](https://github.com/pie-framework/pie-elements/commit/5ea7295e4755fbc492a76e7ec69e5fc35b196919))
+
+
+
+
+
+## [1.2.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/multi-trait-rubric-controller@1.2.3...@pie-element/multi-trait-rubric-controller@1.2.4) (2021-06-29)
+
+**Note:** Version bump only for package @pie-element/multi-trait-rubric-controller
+
+
+
+
+
 ## [1.2.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/multi-trait-rubric-controller@1.2.0...@pie-element/multi-trait-rubric-controller@1.2.3) (2021-03-03)
 
 **Note:** Version bump only for package @pie-element/multi-trait-rubric-controller