@pie-element/complex-rubric 0.0.2-next.4424

package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/trait.js

@@ -0,0 +1,334 @@
+"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;
+      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
+      })), /*#__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
+      })), 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
+      })), (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
+        }));
+      }))))));
+    }
+  }]);
+  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/node_modules/@pie-element/multi-trait-rubric/configure/lib/trait.js.map

@@ -0,0 +1 @@
+{"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","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 (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      connectDragPreview,\n      trait: {\n        name,\n        standards,\n        description,\n        scorePointsDescriptors\n      },\n      scorePointsValues,\n      showStandards,\n      showDescription,\n      enableDragAndDrop,\n      currentPosition,\n      secondaryBlockWidth,\n      spellCheck\n    } = this.props;\n    const { anchorEl } = this.state;\n\n    const pluginProps = {\n      image: { disabled: true },\n      math: { disabled: true }\n    };\n\n    return (\n      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>) : 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                  <MenuItem onClick={this.openMenu}>\n                    <div\n                      className={classes.removeLabel}\n                      dangerouslySetInnerHTML={{__html: `Remove ${name}`}}\n                    />\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              />\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                  />\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                    />\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                      />\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(\n  NAME,\n  traitSource,\n  (connect, monitor) => ({\n    connectDragSource: connect.dragSource(),\n    connectDragPreview: connect.dragPreview(),\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"}

package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/traitsHeader.js

@@ -0,0 +1,254 @@
+"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;
+      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"
+      }), /*#__PURE__*/_react["default"].createElement(_common.ScaleSettings, null, /*#__PURE__*/_react["default"].createElement("div", null, "Scale ", scaleIndex + 1), /*#__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
+        }));
+      })));
+    }
+  }]);
+  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
+};
+
+var _default = (0, _styles.withStyles)(styles)(TraitsHeaderTile);
+
+exports["default"] = _default;
+//# sourceMappingURL=traitsHeader.js.map

package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/traitsHeader.js.map

@@ -0,0 +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","secondaryBlockWidth","setSecondaryBlockRef","spellCheck","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    } = 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            />\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              setSecondaryBlockRef(ref);\n            }\n          }}\n          width={`${secondaryBlockWidth}px`}\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 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                />\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};\n\nexport default withStyles(styles)(TraitsHeaderTile);\n"],"file":"traitsHeader.js"}