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

package/configure/lib/trait.js

@@ -1,339 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.TraitTile = exports.StyledTrait = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _debug = _interopRequireDefault(require("debug"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-
-var _reactDnd = require("react-dnd");
-
-var _styles = require("@material-ui/core/styles");
-
-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"));
-
-var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
-
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-
-var _DragIndicator = _interopRequireDefault(require("@material-ui/icons/DragIndicator"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var log = (0, _debug["default"])('@pie-element:placement-ordering:configure:trait-tile');
-var styles = {
-  actions: {
-    color: _renderUi.color.text()
-  },
-  controls: {
-    display: 'flex',
-    justifyContent: 'flex-end',
-    position: 'absolute',
-    top: '28px',
-    right: '8px',
-    cursor: 'pointer'
-  },
-  dragHandle: {
-    position: 'absolute',
-    top: '80px',
-    left: "-".concat(_common.DragHandleSpace, "px"),
-    cursor: 'move'
-  },
-  removeLabel: {
-    display: 'flex',
-    whiteSpace: 'break-spaces'
-  }
-};
-
-var TraitTile = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(TraitTile, _React$Component);
-
-  var _super = _createSuper(TraitTile);
-
-  function TraitTile() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, TraitTile);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {});
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onTraitChanged", function (params) {
-      var _this$props = _this.props,
-          trait = _this$props.trait,
-          onTraitChanged = _this$props.onTraitChanged;
-      if ((0, _isEmpty["default"])(params)) return;
-      Object.keys(params).forEach(function (key) {
-        trait[key] = params[key];
-      });
-      onTraitChanged(trait);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onScorePointDescriptorChange", function (_ref) {
-      var descriptor = _ref.descriptor,
-          value = _ref.value;
-      var scorePointsDescriptors = _this.props.trait.scorePointsDescriptors;
-      if (value < 0 || value >= scorePointsDescriptors.length) return;
-      scorePointsDescriptors[value] = descriptor;
-
-      _this.onTraitChanged({
-        scorePointsDescriptors: scorePointsDescriptors
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (event) {
-      return _this.setState({
-        anchorEl: event.currentTarget
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClose", function () {
-      return _this.setState({
-        anchorEl: null
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "scrollToPosition", function (position) {
-      return _this.secondaryBlock.scrollTo({
-        left: position
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "openMenu", function () {
-      _this.props.onTraitRemoved();
-
-      _this.handleClose();
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(TraitTile, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (nextProps.currentPosition !== this.props.currentPosition || this.secondaryBlock && this.secondaryBlock.scrollLeft !== nextProps.currentPosition) {
-        this.scrollToPosition(nextProps.currentPosition);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props2 = this.props,
-          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,
-          description = _this$props2$trait.description,
-          scorePointsDescriptors = _this$props2$trait.scorePointsDescriptors,
-          scorePointsValues = _this$props2.scorePointsValues,
-          showStandards = _this$props2.showStandards,
-          showDescription = _this$props2.showDescription,
-          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 pluginProps = {
-        image: {
-          disabled: true
-        },
-        math: {
-          disabled: true
-        }
-      };
-      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", {
-        className: classes.controls
-      }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-        "aria-label": "more",
-        "aria-controls": "long-menu",
-        "aria-haspopup": "true",
-        onClick: this.handleClick
-      }, /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], null)), /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
-        id: "long-menu",
-        anchorEl: anchorEl,
-        keepMounted: true,
-        open: !!anchorEl,
-        onClose: this.handleClose
-      }, /*#__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: _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(','),
-        onChange: function onChange(standards) {
-          return _this2.onTraitChanged({
-            standards: standards.split(',')
-          });
-        },
-        pluginProps: pluginProps,
-        spellCheck: spellCheck,
-        uploadSoundSupport: uploadSoundSupport
-      })), showDescription && /*#__PURE__*/_react["default"].createElement(_common.Block, null, /*#__PURE__*/_react["default"].createElement(_common.ExpandedInput, {
-        placeholder: "Description",
-        markup: description,
-        onChange: function onChange(description) {
-          return _this2.onTraitChanged({
-            description: description
-          });
-        },
-        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;
-
-        try {
-          scoreDescriptor = scorePointsDescriptors[value] || '';
-        } catch (e) {
-          scoreDescriptor = '';
-        }
-
-        return /*#__PURE__*/_react["default"].createElement(_common.Block, {
-          key: "key-key-".concat(index)
-        }, /*#__PURE__*/_react["default"].createElement(_common.ExpandedInput, {
-          placeholder: "Enter Description Here",
-          markup: scoreDescriptor,
-          onChange: function onChange(descriptor) {
-            return _this2.onScorePointDescriptorChange({
-              descriptor: descriptor,
-              value: value
-            });
-          },
-          pluginProps: pluginProps,
-          alignToRight: remainingSpace < 296 // 296 is the space required for the toolbar
-          ,
-          spellCheck: spellCheck,
-          uploadSoundSupport: uploadSoundSupport
-        }));
-      }))))));
-    }
-  }]);
-  return TraitTile;
-}(_react["default"].Component);
-
-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,
-  isOver: _propTypes["default"].bool,
-  index: _propTypes["default"].number,
-  onTraitChanged: _propTypes["default"].func.isRequired,
-  onTraitRemoved: _propTypes["default"].func.isRequired,
-  trait: _propTypes["default"].shape({
-    name: _propTypes["default"].string,
-    standards: _propTypes["default"].arrayOf(_propTypes["default"].string),
-    scorePointsDescriptors: _propTypes["default"].arrayOf(_propTypes["default"].string),
-    description: _propTypes["default"].string
-  }),
-  scorePointsValues: _propTypes["default"].arrayOf(_propTypes["default"].number),
-  showStandards: _propTypes["default"].bool,
-  showDescription: _propTypes["default"].bool,
-  enableDragAndDrop: _propTypes["default"].bool,
-  currentPosition: _propTypes["default"].number,
-  secondaryBlockWidth: _propTypes["default"].number
-};
-var StyledTrait = (0, _styles.withStyles)(styles)(TraitTile);
-exports.StyledTrait = StyledTrait;
-var NAME = 'trait-config';
-var traitSource = {
-  beginDrag: function beginDrag(props) {
-    return {
-      name: props.trait.name,
-      index: props.index
-    };
-  }
-};
-var StyledSource = (0, _reactDnd.DragSource)(NAME, traitSource, function (connect, monitor) {
-  return {
-    connectDragSource: connect.dragSource(),
-    connectDragPreview: connect.dragPreview(),
-    isDragging: monitor.isDragging()
-  };
-})(StyledTrait);
-var traitTarget = {
-  hover: function hover() {
-    log('[hover]');
-  },
-  drop: function drop(props, monitor) {
-    var item = monitor.getItem();
-    log('[drop] item: ', item, 'didDrop?', monitor.didDrop());
-    props.onTraitDropped(item, props.index);
-  }
-};
-var StyledSourceAndTarget = (0, _reactDnd.DropTarget)(NAME, traitTarget, function (connect, monitor) {
-  return {
-    connectDropTarget: connect.dropTarget(),
-    isOver: monitor.isOver()
-  };
-})(StyledSource);
-var _default = StyledSourceAndTarget;
-exports["default"] = _default;
-//# sourceMappingURL=trait.js.map

package/configure/lib/trait.js.map

@@ -1 +0,0 @@
-{"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

@@ -1,259 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.TraitsHeaderTile = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
-var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
-
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-
-var _MoreVert = _interopRequireDefault(require("@material-ui/icons/MoreVert"));
-
-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 { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var styles = {
-  label: {
-    textAlign: 'center',
-    width: '140px',
-    border: 'none',
-    margin: '8px',
-    padding: '10px 0',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'space-around'
-  },
-  greyHeader: {
-    background: _renderUi.color.secondaryBackground(),
-    borderRadius: '4px',
-    position: 'relative'
-  },
-  primaryBlockGreyHeader: {
-    paddingTop: '12px'
-  }
-};
-
-var TraitsHeaderTile = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(TraitsHeaderTile, _React$Component);
-
-  var _super = _createSuper(TraitsHeaderTile);
-
-  function TraitsHeaderTile() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, TraitsHeaderTile);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
-      anchorEl: null
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onScorePointLabelChange", function (_ref) {
-      var scorePointLabel = _ref.scorePointLabel,
-          value = _ref.value;
-      var _this$props = _this.props,
-          scorePointsLabels = _this$props.scorePointsLabels,
-          onScaleChange = _this$props.onScaleChange;
-      if (value < 0 || value >= scorePointsLabels.length) return;
-      scorePointsLabels[value] = scorePointLabel;
-      onScaleChange({
-        scorePointsLabels: scorePointsLabels
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (event) {
-      return _this.setState({
-        anchorEl: event.currentTarget
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClose", function () {
-      return _this.setState({
-        anchorEl: null
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "scrollToPosition", function (position) {
-      return _this.secondaryBlock.scrollTo({
-        left: position
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "openMenu", function () {
-      _this.props.showDeleteScaleModal();
-
-      _this.handleClose();
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(TraitsHeaderTile, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (nextProps.currentPosition !== this.props.currentPosition) {
-        this.scrollToPosition(nextProps.currentPosition);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props2 = this.props,
-          scorePointsValues = _this$props2.scorePointsValues,
-          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,
-          showLevelTagInput = _this$props2.showLevelTagInput,
-          maxPoints = _this$props2.maxPoints,
-          updateMaxPointsFieldValue = _this$props2.updateMaxPointsFieldValue,
-          scaleIndex = _this$props2.scaleIndex,
-          showScorePointLabels = _this$props2.showScorePointLabels,
-          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,
-        height: showLevelTagInput ? _common.HeaderHeightLarge : _common.HeaderHeight
-      }, /*#__PURE__*/_react["default"].createElement(_common.PrimaryBlock, {
-        className: classes.primaryBlockGreyHeader
-      }, showLevelTagInput && /*#__PURE__*/_react["default"].createElement(_common.SimpleInput, {
-        markup: traitLabel || 'Trait',
-        onChange: onTraitLabelChange,
-        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"], {
-        "aria-label": "more",
-        "aria-controls": "long-menu",
-        "aria-haspopup": "true",
-        onClick: this.handleClick
-      }, /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], null)), /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
-        id: "long-menu",
-        anchorEl: anchorEl,
-        keepMounted: true,
-        open: !!anchorEl,
-        onClose: this.handleClose
-      }, ['Remove Scale'].map(function (option) {
-        return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-          key: option,
-          onClick: _this2.openMenu
-        }, option);
-      }))))), /*#__PURE__*/_react["default"].createElement(_common.SecondaryBlock, {
-        setRef: function setRef(ref) {
-          if (ref) {
-            _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;
-
-        try {
-          scoreDescriptor = scorePointsLabels[value] || '';
-        } catch (e) {
-          scoreDescriptor = '';
-        }
-
-        return /*#__PURE__*/_react["default"].createElement(_common.Block, {
-          key: "secondary-block-part-".concat(index)
-        }, /*#__PURE__*/_react["default"].createElement(_common.ScorePoint, {
-          scorePointsValue: scorePointsValue,
-          scoreDescriptor: scoreDescriptor,
-          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
-        }));
-      })));
-    }
-  }]);
-  return TraitsHeaderTile;
-}(_react["default"].Component);
-
-exports.TraitsHeaderTile = TraitsHeaderTile;
-TraitsHeaderTile.propTypes = {
-  classes: _propTypes["default"].object.isRequired,
-  onTraitLabelChange: _propTypes["default"].func,
-  onScaleChange: _propTypes["default"].func,
-  scorePointsValues: _propTypes["default"].arrayOf(_propTypes["default"].number),
-  scorePointsLabels: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  traitLabel: _propTypes["default"].string,
-  showStandards: _propTypes["default"].bool,
-  showLevelTagInput: _propTypes["default"].bool,
-  showDescription: _propTypes["default"].bool,
-  maxPoints: _propTypes["default"].number,
-  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,
-  uploadSoundSupport: _propTypes["default"].object
-};
-
-var _default = (0, _styles.withStyles)(styles)(TraitsHeaderTile);
-
-exports["default"] = _default;
-//# sourceMappingURL=traitsHeader.js.map