@pie-element/multi-trait-rubric 8.1.2-next.2 → 8.1.2

package/configure/lib/trait.js

@@ -0,0 +1,275 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _debug = _interopRequireDefault(require("debug"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _lodashEs = require("lodash-es");
+var _core = require("@dnd-kit/core");
+var _styles = require("@mui/material/styles");
+var _renderUi = require("@pie-lib/render-ui");
+var _common = require("./common");
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _MoreVert = _interopRequireDefault(require("@mui/icons-material/MoreVert"));
+var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _DragIndicator = _interopRequireDefault(require("@mui/icons-material/DragIndicator"));
+const log = (0, _debug.default)('@pie-element:placement-ordering:configure:trait-tile');
+const ActionsIcon = (0, _styles.styled)(_DragIndicator.default)({
+  color: _renderUi.color.text()
+});
+const StyledPrimaryBlock = (0, _styles.styled)(_common.PrimaryBlock)(({
+  theme
+}) => ({
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'space-between',
+  marginBottom: theme.spacing(5),
+  touchAction: 'none'
+}));
+const Controls = (0, _styles.styled)('div')({
+  display: 'flex',
+  alignItems: 'center',
+  width: '100%',
+  cursor: 'pointer'
+});
+const Options = (0, _styles.styled)(_IconButton.default)({
+  marginLeft: 'auto'
+});
+const RemoveLabel = (0, _styles.styled)('div')({
+  display: 'flex',
+  whiteSpace: 'break-spaces'
+});
+const ErrorText = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  fontSize: theme.typography.fontSize - 2,
+  color: theme.palette.error.main,
+  paddingBottom: theme.spacing(1)
+}));
+function TraitTile({
+  error,
+  trait: {
+    name,
+    standards,
+    description,
+    scorePointsDescriptors
+  },
+  traitLabel,
+  scorePointsValues,
+  showStandards,
+  showDescription,
+  enableDragAndDrop,
+  currentPosition,
+  secondaryBlockWidth,
+  spellCheck,
+  maxPoints,
+  uploadSoundSupport,
+  mathMlOptions = {},
+  expandedPluginProps = {},
+  labelPluginProps = {},
+  imageSupport = {},
+  index,
+  onTraitChanged,
+  onTraitRemoved,
+  onTraitDropped
+}) {
+  const [anchorEl, setAnchorEl] = _react.default.useState(null);
+  const secondaryBlockRef = _react.default.useRef(null);
+  const {
+    attributes,
+    listeners,
+    setNodeRef: setDragRef,
+    transform,
+    isDragging
+  } = (0, _core.useDraggable)({
+    id: `trait-${index}`,
+    data: {
+      type: 'trait',
+      index,
+      name
+    }
+  });
+  const {
+    setNodeRef: setDropRef
+  } = (0, _core.useDroppable)({
+    id: `trait-drop-${index}`,
+    data: {
+      type: 'trait',
+      index
+    }
+  });
+  _react.default.useLayoutEffect(() => {
+    if (currentPosition !== undefined && secondaryBlockRef.current) {
+      secondaryBlockRef.current.scrollTo({
+        left: currentPosition
+      });
+    }
+  }, [currentPosition]);
+  const onTraitChangedHandler = params => {
+    if ((0, _lodashEs.isEmpty)(params)) return;
+    const updatedTrait = {
+      ...{
+        name,
+        standards,
+        description,
+        scorePointsDescriptors
+      },
+      ...params
+    };
+    onTraitChanged(updatedTrait);
+  };
+  const onScorePointDescriptorChange = ({
+    descriptor,
+    value
+  }) => {
+    if (value < 0 || value >= scorePointsDescriptors.length) return;
+    const newDescriptors = [...scorePointsDescriptors];
+    newDescriptors[value] = descriptor;
+    onTraitChangedHandler({
+      scorePointsDescriptors: newDescriptors
+    });
+  };
+  const handleClick = event => setAnchorEl(event.currentTarget);
+  const handleClose = () => setAnchorEl(null);
+  const openMenu = () => {
+    onTraitRemoved();
+    handleClose();
+  };
+  const dragStyle = transform ? {
+    transform: `translate3d(${transform.x}px, ${transform.y}px, 0)`,
+    opacity: isDragging ? 0.5 : 1
+  } : {};
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: setDropRef,
+    style: dragStyle
+  }, /*#__PURE__*/_react.default.createElement(_common.Row, null, /*#__PURE__*/_react.default.createElement(StyledPrimaryBlock, null, /*#__PURE__*/_react.default.createElement(Controls, null, enableDragAndDrop && /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
+    ref: setDragRef
+  }, attributes, listeners), /*#__PURE__*/_react.default.createElement(ActionsIcon, null)), /*#__PURE__*/_react.default.createElement(Options, {
+    "aria-label": "more",
+    "aria-controls": "long-menu",
+    "aria-haspopup": "true",
+    onClick: handleClick,
+    size: "large"
+  }, /*#__PURE__*/_react.default.createElement(_MoreVert.default, null)), /*#__PURE__*/_react.default.createElement(_Menu.default, {
+    id: "long-menu",
+    anchorEl: anchorEl,
+    keepMounted: true,
+    open: !!anchorEl,
+    onClose: handleClose,
+    transitionDuration: {
+      enter: 225,
+      exit: 195
+    }
+  }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+    onClick: openMenu
+  }, /*#__PURE__*/_react.default.createElement(RemoveLabel, {
+    dangerouslySetInnerHTML: {
+      __html: `Remove ${name || traitLabel}`
+    }
+  })))), /*#__PURE__*/_react.default.createElement(_common.UnderlinedInput, {
+    markup: name,
+    error: error?.name || '',
+    onChange: name => onTraitChangedHandler({
+      name
+    }),
+    pluginProps: labelPluginProps,
+    placeholder: `Enter ${traitLabel}`,
+    spellCheck: spellCheck,
+    uploadSoundSupport: uploadSoundSupport,
+    mathMlOptions: mathMlOptions,
+    imageSupport: imageSupport
+  }), error && /*#__PURE__*/_react.default.createElement(ErrorText, null, error.name || '')), /*#__PURE__*/_react.default.createElement(_common.SecondaryBlock, {
+    setRef: ref => {
+      secondaryBlockRef.current = ref;
+    },
+    width: `${secondaryBlockWidth}px`
+  }, showStandards && standards && /*#__PURE__*/_react.default.createElement(_common.Block, null, /*#__PURE__*/_react.default.createElement(_common.ExpandedInput, {
+    placeholder: "Standards",
+    markup: standards.join(','),
+    onChange: standards => onTraitChangedHandler({
+      standards: standards.split(',')
+    }),
+    pluginProps: expandedPluginProps,
+    spellCheck: spellCheck,
+    uploadSoundSupport: uploadSoundSupport,
+    mathMlOptions: mathMlOptions,
+    imageSupport: imageSupport
+  })), showDescription && /*#__PURE__*/_react.default.createElement(_common.Block, null, /*#__PURE__*/_react.default.createElement(_common.ExpandedInput, {
+    placeholder: "Enter Description",
+    markup: description,
+    error: error?.description || '',
+    onChange: description => onTraitChangedHandler({
+      description
+    }),
+    pluginProps: expandedPluginProps,
+    spellCheck: spellCheck,
+    uploadSoundSupport: uploadSoundSupport,
+    mathMlOptions: mathMlOptions,
+    imageSupport: imageSupport
+  }), error && /*#__PURE__*/_react.default.createElement(ErrorText, null, error.description || '')), (scorePointsValues || []).map((scorePointsValue, scoreIndex) => {
+    const adjustedBlockWidth = _common.BlockWidth + 2 * 8; // 8 is padding
+    const remainingSpace = secondaryBlockWidth - adjustedBlockWidth * scoreIndex + currentPosition - 98;
+    const value = scorePointsValues.length - scoreIndex - 1;
+    let scoreDescriptor;
+    try {
+      scoreDescriptor = scorePointsDescriptors[value] || '';
+    } catch (e) {
+      scoreDescriptor = '';
+    }
+    return /*#__PURE__*/_react.default.createElement(_common.Block, {
+      key: `key-key-${scoreIndex}`
+    }, /*#__PURE__*/_react.default.createElement(_common.ExpandedInput, {
+      placeholder: "Enter Descriptor",
+      markup: scoreDescriptor,
+      onChange: descriptor => onScorePointDescriptorChange({
+        descriptor,
+        value
+      }),
+      pluginProps: expandedPluginProps,
+      alignToRight: remainingSpace < 296 && scorePointsValue < maxPoints // 296 is the space required for the toolbar
+      ,
+      spellCheck: spellCheck,
+      uploadSoundSupport: uploadSoundSupport,
+      mathMlOptions: mathMlOptions,
+      imageSupport: imageSupport
+    }));
+  }))));
+}
+TraitTile.propTypes = {
+  error: _propTypes.default.object,
+  index: _propTypes.default.number.isRequired,
+  onTraitChanged: _propTypes.default.func.isRequired,
+  onTraitRemoved: _propTypes.default.func.isRequired,
+  onTraitDropped: _propTypes.default.func,
+  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
+  }),
+  traitLabel: _propTypes.default.string,
+  scorePointsValues: _propTypes.default.arrayOf(_propTypes.default.number),
+  showStandards: _propTypes.default.bool,
+  showDescription: _propTypes.default.bool,
+  maxPoints: _propTypes.default.number,
+  enableDragAndDrop: _propTypes.default.bool,
+  currentPosition: _propTypes.default.number,
+  secondaryBlockWidth: _propTypes.default.number,
+  spellCheck: _propTypes.default.bool,
+  uploadSoundSupport: _propTypes.default.object,
+  mathMlOptions: _propTypes.default.object,
+  expandedPluginProps: _propTypes.default.object,
+  labelPluginProps: _propTypes.default.object,
+  imageSupport: _propTypes.default.shape({
+    add: _propTypes.default.func.isRequired,
+    delete: _propTypes.default.func.isRequired
+  })
+};
+var _default = exports.default = TraitTile;
+//# sourceMappingURL=trait.js.map

package/configure/lib/trait.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trait.js","names":["_react","_interopRequireDefault","require","_debug","_propTypes","_lodashEs","_core","_styles","_renderUi","_common","_IconButton","_MoreVert","_Menu","_MenuItem","_DragIndicator","log","debug","ActionsIcon","styled","DragIndicatorIcon","color","text","StyledPrimaryBlock","PrimaryBlock","theme","display","flexDirection","justifyContent","marginBottom","spacing","touchAction","Controls","alignItems","width","cursor","Options","IconButton","marginLeft","RemoveLabel","whiteSpace","ErrorText","fontSize","typography","palette","error","main","paddingBottom","TraitTile","trait","name","standards","description","scorePointsDescriptors","traitLabel","scorePointsValues","showStandards","showDescription","enableDragAndDrop","currentPosition","secondaryBlockWidth","spellCheck","maxPoints","uploadSoundSupport","mathMlOptions","expandedPluginProps","labelPluginProps","imageSupport","index","onTraitChanged","onTraitRemoved","onTraitDropped","anchorEl","setAnchorEl","React","useState","secondaryBlockRef","useRef","attributes","listeners","setNodeRef","setDragRef","transform","isDragging","useDraggable","id","data","type","setDropRef","useDroppable","useLayoutEffect","undefined","current","scrollTo","left","onTraitChangedHandler","params","isEmpty","updatedTrait","onScorePointDescriptorChange","descriptor","value","length","newDescriptors","handleClick","event","currentTarget","handleClose","openMenu","dragStyle","x","y","opacity","default","createElement","ref","style","Row","_extends2","onClick","size","keepMounted","open","onClose","transitionDuration","enter","exit","dangerouslySetInnerHTML","__html","UnderlinedInput","markup","onChange","pluginProps","placeholder","SecondaryBlock","setRef","Block","ExpandedInput","join","split","map","scorePointsValue","scoreIndex","adjustedBlockWidth","BlockWidth","remainingSpace","scoreDescriptor","e","key","alignToRight","propTypes","PropTypes","object","number","isRequired","func","shape","string","arrayOf","bool","add","delete","_default","exports"],"sources":["../src/trait.jsx"],"sourcesContent":["import React from 'react';\nimport debug from 'debug';\nimport PropTypes from 'prop-types';\nimport { isEmpty } from 'lodash-es';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\n\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\n\nimport { Block, BlockWidth, ExpandedInput, PrimaryBlock, Row, SecondaryBlock, UnderlinedInput } from './common';\n\nimport IconButton from '@mui/material/IconButton';\nimport MoreVertIcon from '@mui/icons-material/MoreVert';\nimport Menu from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\nimport DragIndicatorIcon from '@mui/icons-material/DragIndicator';\n\nconst log = debug('@pie-element:placement-ordering:configure:trait-tile');\n\nconst ActionsIcon = styled(DragIndicatorIcon)({\n  color: color.text(),\n});\n\nconst StyledPrimaryBlock = styled(PrimaryBlock)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'space-between',\n  marginBottom: theme.spacing(5),\n  touchAction: 'none',\n}));\n\nconst Controls = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n  width: '100%',\n  cursor: 'pointer',\n});\n\nconst Options = styled(IconButton)({\n  marginLeft: 'auto',\n});\n\nconst RemoveLabel = styled('div')({\n  display: 'flex',\n  whiteSpace: 'break-spaces',\n});\n\nconst ErrorText = styled('div')(({ theme }) => ({\n  fontSize: theme.typography.fontSize - 2,\n  color: theme.palette.error.main,\n  paddingBottom: theme.spacing(1),\n}));\n\nfunction TraitTile({\n  error,\n  trait: { name, standards, description, scorePointsDescriptors },\n  traitLabel,\n  scorePointsValues,\n  showStandards,\n  showDescription,\n  enableDragAndDrop,\n  currentPosition,\n  secondaryBlockWidth,\n  spellCheck,\n  maxPoints,\n  uploadSoundSupport,\n  mathMlOptions = {},\n  expandedPluginProps = {},\n  labelPluginProps = {},\n  imageSupport = {},\n  index,\n  onTraitChanged,\n  onTraitRemoved,\n  onTraitDropped,\n}) {\n  const [anchorEl, setAnchorEl] = React.useState(null);\n  const secondaryBlockRef = React.useRef(null);\n\n  const {\n    attributes,\n    listeners,\n    setNodeRef: setDragRef,\n    transform,\n    isDragging,\n  } = useDraggable({\n    id: `trait-${index}`,\n    data: {\n      type: 'trait',\n      index,\n      name,\n    },\n  });\n\n  const { setNodeRef: setDropRef } = useDroppable({\n    id: `trait-drop-${index}`,\n    data: {\n      type: 'trait',\n      index,\n    },\n  });\n\n  React.useLayoutEffect(() => {\n    if (\n      currentPosition !== undefined &&\n      secondaryBlockRef.current\n    ) {\n      secondaryBlockRef.current.scrollTo({ left: currentPosition });\n    }\n  }, [currentPosition]);\n\n  const onTraitChangedHandler = (params) => {\n    if (isEmpty(params)) return;\n\n    const updatedTrait = { ...{ name, standards, description, scorePointsDescriptors }, ...params };\n    onTraitChanged(updatedTrait);\n  };\n\n  const onScorePointDescriptorChange = ({ descriptor, value }) => {\n    if (value < 0 || value >= scorePointsDescriptors.length) return;\n\n    const newDescriptors = [...scorePointsDescriptors];\n    newDescriptors[value] = descriptor;\n\n    onTraitChangedHandler({ scorePointsDescriptors: newDescriptors });\n  };\n\n  const handleClick = (event) => setAnchorEl(event.currentTarget);\n\n  const handleClose = () => setAnchorEl(null);\n\n  const openMenu = () => {\n    onTraitRemoved();\n    handleClose();\n  };\n\n  const dragStyle = transform\n    ? {\n        transform: `translate3d(${transform.x}px, ${transform.y}px, 0)`,\n        opacity: isDragging ? 0.5 : 1,\n      }\n    : {};\n\n  return (\n    <div ref={setDropRef} style={dragStyle}>\n      <Row>\n        <StyledPrimaryBlock>\n          <Controls>\n            {enableDragAndDrop && (\n              <span ref={setDragRef} {...attributes} {...listeners}>\n                <ActionsIcon />\n              </span>\n            )}\n\n            <Options\n              aria-label=\"more\"\n              aria-controls=\"long-menu\"\n              aria-haspopup=\"true\"\n              onClick={handleClick}\n              size=\"large\"\n            >\n              <MoreVertIcon />\n            </Options>\n\n            <Menu\n              id=\"long-menu\"\n              anchorEl={anchorEl}\n              keepMounted\n              open={!!anchorEl}\n              onClose={handleClose}\n              transitionDuration={{ enter: 225, exit: 195 }}\n            >\n              <MenuItem onClick={openMenu}>\n                <RemoveLabel dangerouslySetInnerHTML={{ __html: `Remove ${name || traitLabel}` }} />\n              </MenuItem>\n            </Menu>\n          </Controls>\n\n          <UnderlinedInput\n            markup={name}\n            error={error?.name || ''}\n            onChange={(name) => onTraitChangedHandler({ name })}\n            pluginProps={labelPluginProps}\n            placeholder={`Enter ${traitLabel}`}\n            spellCheck={spellCheck}\n            uploadSoundSupport={uploadSoundSupport}\n            mathMlOptions={mathMlOptions}\n            imageSupport={imageSupport}\n          />\n          {error && <ErrorText>{error.name || ''}</ErrorText>}\n        </StyledPrimaryBlock>\n\n        <SecondaryBlock\n          setRef={(ref) => {\n            secondaryBlockRef.current = ref;\n          }}\n          width={`${secondaryBlockWidth}px`}\n        >\n          {showStandards && standards && (\n            <Block>\n              <ExpandedInput\n                placeholder=\"Standards\"\n                markup={standards.join(',')}\n                onChange={(standards) => onTraitChangedHandler({ standards: standards.split(',') })}\n                pluginProps={expandedPluginProps}\n                spellCheck={spellCheck}\n                uploadSoundSupport={uploadSoundSupport}\n                mathMlOptions={mathMlOptions}\n                imageSupport={imageSupport}\n              />\n            </Block>\n          )}\n\n          {showDescription && (\n            <Block>\n              <ExpandedInput\n                placeholder=\"Enter Description\"\n                markup={description}\n                error={error?.description || ''}\n                onChange={(description) => onTraitChangedHandler({ description })}\n                pluginProps={expandedPluginProps}\n                spellCheck={spellCheck}\n                uploadSoundSupport={uploadSoundSupport}\n                mathMlOptions={mathMlOptions}\n                imageSupport={imageSupport}\n              />\n              {error && <ErrorText>{error.description || ''}</ErrorText>}\n            </Block>\n          )}\n\n          {(scorePointsValues || []).map((scorePointsValue, scoreIndex) => {\n            const adjustedBlockWidth = BlockWidth + 2 * 8; // 8 is padding\n            const remainingSpace = secondaryBlockWidth - adjustedBlockWidth * scoreIndex + currentPosition - 98;\n            const value = scorePointsValues.length - scoreIndex - 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-${scoreIndex}`}>\n                <ExpandedInput\n                  placeholder=\"Enter Descriptor\"\n                  markup={scoreDescriptor}\n                  onChange={(descriptor) => onScorePointDescriptorChange({ descriptor, value })}\n                  pluginProps={expandedPluginProps}\n                  alignToRight={remainingSpace < 296 && scorePointsValue < maxPoints} // 296 is the space required for the toolbar\n                  spellCheck={spellCheck}\n                  uploadSoundSupport={uploadSoundSupport}\n                  mathMlOptions={mathMlOptions}\n                  imageSupport={imageSupport}\n                />\n              </Block>\n            );\n          })}\n        </SecondaryBlock>\n      </Row>\n    </div>\n  );\n}\n\nTraitTile.propTypes = {\n  error: PropTypes.object,\n  index: PropTypes.number.isRequired,\n  onTraitChanged: PropTypes.func.isRequired,\n  onTraitRemoved: PropTypes.func.isRequired,\n  onTraitDropped: PropTypes.func,\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  traitLabel: PropTypes.string,\n  scorePointsValues: PropTypes.arrayOf(PropTypes.number),\n  showStandards: PropTypes.bool,\n  showDescription: PropTypes.bool,\n  maxPoints: PropTypes.number,\n  enableDragAndDrop: PropTypes.bool,\n  currentPosition: PropTypes.number,\n  secondaryBlockWidth: PropTypes.number,\n  spellCheck: PropTypes.bool,\n  uploadSoundSupport: PropTypes.object,\n  mathMlOptions: PropTypes.object,\n  expandedPluginProps: PropTypes.object,\n  labelPluginProps: PropTypes.object,\n  imageSupport: PropTypes.shape({\n    add: PropTypes.func.isRequired,\n    delete: PropTypes.func.isRequired,\n  }),\n};\n\nexport default TraitTile;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/traitsHeader.js

@@ -0,0 +1,235 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TraitsHeaderTile = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _MoreVert = _interopRequireDefault(require("@mui/icons-material/MoreVert"));
+var _renderUi = require("@pie-lib/render-ui");
+var _common = require("./common");
+const Label = (0, _styles.styled)('div')({
+  width: '140px',
+  border: 'none',
+  padding: '10px 0',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'space-around'
+});
+const GreyHeaderRow = (0, _styles.styled)('div')(({
+  height,
+  theme
+}) => ({
+  background: _renderUi.color.secondaryBackground(),
+  borderRadius: '4px',
+  position: 'relative',
+  marginBottom: theme.spacing(2),
+  display: 'flex',
+  height: height
+}));
+const PrimaryBlockGreyHeader = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  width: `${_common.PrimaryBlockWidth}px`,
+  minWidth: `${_common.PrimaryBlockWidth}px`,
+  position: 'relative',
+  padding: '0 10px',
+  boxSizing: 'border-box',
+  paddingTop: theme.spacing(1.5),
+  alignSelf: 'center'
+}));
+const ScorePointErrorText = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  position: 'absolute',
+  fontSize: theme.typography.fontSize - 2,
+  color: theme.palette.error.main,
+  paddingTop: theme.spacing(0.5)
+}));
+class TraitsHeaderTile extends _react.default.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "state", {
+      anchorEl: null
+    });
+    (0, _defineProperty2.default)(this, "onScorePointLabelChange", ({
+      scorePointLabel,
+      value
+    }) => {
+      const {
+        scorePointsLabels,
+        onScaleChange
+      } = this.props;
+      if (value < 0 || value >= scorePointsLabels.length) return;
+      scorePointsLabels[value] = scorePointLabel;
+      onScaleChange({
+        scorePointsLabels
+      });
+    });
+    (0, _defineProperty2.default)(this, "handleClick", event => this.setState({
+      anchorEl: event.currentTarget
+    }));
+    (0, _defineProperty2.default)(this, "handleClose", () => this.setState({
+      anchorEl: null
+    }));
+    (0, _defineProperty2.default)(this, "scrollToPosition", position => {
+      if (this.secondaryBlock) {
+        this.secondaryBlock.scrollTo({
+          left: position
+        });
+      }
+    });
+    (0, _defineProperty2.default)(this, "openMenu", () => {
+      this.props.showDeleteScaleModal();
+      this.handleClose();
+    });
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (nextProps.currentPosition !== this.props.currentPosition) {
+      this.scrollToPosition(nextProps.currentPosition);
+    }
+  }
+  render() {
+    const {
+      scorePointsValues,
+      scorePointsLabels,
+      traitLabel,
+      currentPosition,
+      showStandards,
+      onTraitLabelChange,
+      showDescription,
+      showLevelTagInput,
+      maxPoints,
+      updateMaxPointsFieldValue,
+      scaleIndex,
+      showScorePointLabels,
+      secondaryBlockWidth,
+      setSecondaryBlockRef,
+      spellCheck,
+      uploadSoundSupport,
+      maxPointsEnabled,
+      mathMlOptions = {},
+      errors = {},
+      maxMaxPoints,
+      labelPluginProps = {},
+      imageSupport = {}
+    } = this.props;
+    const {
+      anchorEl
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement(GreyHeaderRow, {
+      height: showLevelTagInput ? _common.HeaderHeightLarge : _common.HeaderHeight
+    }, /*#__PURE__*/_react.default.createElement(PrimaryBlockGreyHeader, null, showLevelTagInput && /*#__PURE__*/_react.default.createElement(_common.SimpleInput, {
+      markup: traitLabel || 'Trait',
+      onChange: onTraitLabelChange,
+      pluginProps: labelPluginProps,
+      spellCheck: spellCheck,
+      label: "Level Label",
+      uploadSoundSupport: uploadSoundSupport,
+      mathMlOptions: mathMlOptions,
+      imageSupport: imageSupport
+    }), /*#__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,
+      maxMaxPoints: maxMaxPoints,
+      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,
+      size: "large"
+    }, /*#__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,
+      transitionDuration: {
+        enter: 225,
+        exit: 195
+      }
+    }, ['Remove Scale'].map(option => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+      key: option,
+      onClick: this.openMenu
+    }, option)))))), /*#__PURE__*/_react.default.createElement(_common.SecondaryBlock, {
+      setRef: ref => {
+        if (ref) {
+          this.secondaryBlock = ref;
+          setSecondaryBlockRef(ref);
+        }
+      },
+      width: `${secondaryBlockWidth}px`
+    }, showStandards && /*#__PURE__*/_react.default.createElement(_common.Block, null, /*#__PURE__*/_react.default.createElement(Label, null, "Standard(s)")), showDescription && /*#__PURE__*/_react.default.createElement(_common.Block, null, /*#__PURE__*/_react.default.createElement(Label, null, "Description")), scorePointsValues.map((scorePointsValue, index) => {
+      const adjustedBlockWidth = _common.BlockWidth + 2 * 8; // 8 is padding
+      const remainingSpace = secondaryBlockWidth - adjustedBlockWidth * index + currentPosition - 128;
+      const value = scorePointsValues.length - index - 1;
+      let scoreDescriptor;
+      let error;
+      try {
+        scoreDescriptor = scorePointsLabels[value] || '';
+        error = errors[value] || '';
+      } catch (e) {
+        scoreDescriptor = '';
+      }
+      return /*#__PURE__*/_react.default.createElement(_common.Block, {
+        key: `secondary-block-part-${index}`
+      }, /*#__PURE__*/_react.default.createElement(_common.ScorePoint, {
+        scorePointsValue: scorePointsValue,
+        error: error,
+        scoreDescriptor: scoreDescriptor,
+        pluginProps: labelPluginProps,
+        showScorePointLabels: showScorePointLabels,
+        onChange: scorePointLabel => this.onScorePointLabelChange({
+          scorePointLabel,
+          value
+        }),
+        alignToRight: remainingSpace < 296 && scorePointsValue < maxPoints // 296 is the space required for the toolbar
+        ,
+        spellCheck: spellCheck,
+        uploadSoundSupport: uploadSoundSupport,
+        mathMlOptions: mathMlOptions,
+        imageSupport: imageSupport
+      }), error && /*#__PURE__*/_react.default.createElement(ScorePointErrorText, null, error));
+    })));
+  }
+}
+exports.TraitsHeaderTile = TraitsHeaderTile;
+(0, _defineProperty2.default)(TraitsHeaderTile, "propTypes", {
+  maxPointsEnabled: _propTypes.default.bool,
+  spellCheck: _propTypes.default.bool,
+  errors: _propTypes.default.object
+});
+TraitsHeaderTile.propTypes = {
+  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,
+  maxMaxPoints: _propTypes.default.number,
+  labelPluginProps: _propTypes.default.object,
+  imageSupport: _propTypes.default.shape({
+    add: _propTypes.default.func.isRequired,
+    delete: _propTypes.default.func.isRequired
+  })
+};
+var _default = exports.default = TraitsHeaderTile;
+//# sourceMappingURL=traitsHeader.js.map

package/configure/lib/traitsHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"traitsHeader.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_IconButton","_Menu","_MenuItem","_MoreVert","_renderUi","_common","Label","styled","width","border","padding","display","alignItems","justifyContent","GreyHeaderRow","height","theme","background","color","secondaryBackground","borderRadius","position","marginBottom","spacing","PrimaryBlockGreyHeader","PrimaryBlockWidth","minWidth","boxSizing","paddingTop","alignSelf","ScorePointErrorText","fontSize","typography","palette","error","main","TraitsHeaderTile","React","Component","constructor","args","_defineProperty2","default","anchorEl","scorePointLabel","value","scorePointsLabels","onScaleChange","props","length","event","setState","currentTarget","secondaryBlock","scrollTo","left","showDeleteScaleModal","handleClose","UNSAFE_componentWillReceiveProps","nextProps","currentPosition","scrollToPosition","render","scorePointsValues","traitLabel","showStandards","onTraitLabelChange","showDescription","showLevelTagInput","maxPoints","updateMaxPointsFieldValue","scaleIndex","showScorePointLabels","secondaryBlockWidth","setSecondaryBlockRef","spellCheck","uploadSoundSupport","maxPointsEnabled","mathMlOptions","errors","maxMaxPoints","labelPluginProps","imageSupport","state","createElement","HeaderHeightLarge","HeaderHeight","SimpleInput","markup","onChange","pluginProps","label","ScaleSettings","MaxPointsPicker","onClick","handleClick","size","id","keepMounted","open","onClose","transitionDuration","enter","exit","map","option","key","openMenu","SecondaryBlock","setRef","ref","Block","scorePointsValue","index","adjustedBlockWidth","BlockWidth","remainingSpace","scoreDescriptor","e","ScorePoint","onScorePointLabelChange","alignToRight","exports","PropTypes","bool","object","propTypes","func","arrayOf","number","string","shape","add","isRequired","delete","_default"],"sources":["../src/traitsHeader.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { styled } from '@mui/material/styles';\nimport IconButton from '@mui/material/IconButton';\nimport Menu from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\nimport MoreVertIcon from '@mui/icons-material/MoreVert';\nimport { color } from '@pie-lib/render-ui';\n\nimport {\n  Block,\n  BlockWidth,\n  PrimaryBlockWidth,\n  SecondaryBlock,\n  ScorePoint,\n  MaxPointsPicker,\n  SimpleInput,\n  ScaleSettings,\n  HeaderHeight,\n  HeaderHeightLarge,\n} from './common';\n\nconst Label = styled('div')({\n  width: '140px',\n  border: 'none',\n  padding: '10px 0',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-around',\n});\n\nconst GreyHeaderRow = styled('div')(({ height, theme }) => ({\n  background: color.secondaryBackground(),\n  borderRadius: '4px',\n  position: 'relative',\n  marginBottom: theme.spacing(2),\n  display: 'flex',\n  height: height,\n}));\n\nconst PrimaryBlockGreyHeader = styled('div')(({ theme }) => ({\n  width: `${PrimaryBlockWidth}px`,\n  minWidth: `${PrimaryBlockWidth}px`,\n  position: 'relative',\n  padding: '0 10px',\n  boxSizing: 'border-box',\n  paddingTop: theme.spacing(1.5),\n  alignSelf: 'center'\n}));\n\nconst ScorePointErrorText = styled('div')(({ theme }) => ({\n  position: 'absolute',\n  fontSize: theme.typography.fontSize - 2,\n  color: theme.palette.error.main,\n  paddingTop: theme.spacing(0.5),\n}));\n\nexport class TraitsHeaderTile extends React.Component {\n  static propTypes = {\n    maxPointsEnabled: PropTypes.bool,\n    spellCheck: PropTypes.bool,\n    errors: PropTypes.object,\n  };\n\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) => {\n    if (this.secondaryBlock) {\n      this.secondaryBlock.scrollTo({ left: position });\n    }\n  };\n\n  openMenu = () => {\n    this.props.showDeleteScaleModal();\n    this.handleClose();\n  };\n\n  render() {\n    const {\n      scorePointsValues,\n      scorePointsLabels,\n      traitLabel,\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      mathMlOptions = {},\n      errors = {},\n      maxMaxPoints,\n      labelPluginProps = {},\n      imageSupport = {},\n    } = this.props;\n    const { anchorEl } = this.state;\n\n    return (\n      <GreyHeaderRow height={showLevelTagInput ? HeaderHeightLarge : HeaderHeight}>\n        <PrimaryBlockGreyHeader>\n          {showLevelTagInput && (\n            <SimpleInput\n              markup={traitLabel || 'Trait'}\n              onChange={onTraitLabelChange}\n              pluginProps={labelPluginProps}\n              spellCheck={spellCheck}\n              label=\"Level Label\"\n              uploadSoundSupport={uploadSoundSupport}\n              mathMlOptions={mathMlOptions}\n              imageSupport={imageSupport}\n            />\n          )}\n\n          <ScaleSettings>\n            <div>Scale {scaleIndex + 1}</div>\n\n            {maxPointsEnabled && (\n              <MaxPointsPicker maxPoints={maxPoints} maxMaxPoints={maxMaxPoints} 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                size=\"large\">\n                <MoreVertIcon />\n              </IconButton>\n              <Menu\n                id=\"long-menu\"\n                anchorEl={anchorEl}\n                keepMounted\n                open={!!anchorEl}\n                onClose={this.handleClose}\n                transitionDuration={{ enter: 225, exit: 195 }}\n              >\n                {['Remove Scale'].map((option) => (\n                  <MenuItem key={option} onClick={this.openMenu}>\n                    {option}\n                  </MenuItem>\n                ))}\n              </Menu>\n            </div>\n          </ScaleSettings>\n        </PrimaryBlockGreyHeader>\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              <Label>Standard(s)</Label>\n            </Block>\n          )}\n\n          {showDescription && (\n            <Block>\n              <Label>Description</Label>\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            let error;\n\n            try {\n              scoreDescriptor = scorePointsLabels[value] || '';\n              error = errors[value] || '';\n            } catch (e) {\n              scoreDescriptor = '';\n            }\n\n            return (\n              <Block key={`secondary-block-part-${index}`}>\n                <ScorePoint\n                  scorePointsValue={scorePointsValue}\n                  error={error}\n                  scoreDescriptor={scoreDescriptor}\n                  pluginProps={labelPluginProps}\n                  showScorePointLabels={showScorePointLabels}\n                  onChange={(scorePointLabel) => this.onScorePointLabelChange({ scorePointLabel, value })}\n                  alignToRight={remainingSpace < 296 && scorePointsValue < maxPoints} // 296 is the space required for the toolbar\n                  spellCheck={spellCheck}\n                  uploadSoundSupport={uploadSoundSupport}\n                  mathMlOptions={mathMlOptions}\n                  imageSupport={imageSupport}\n                />\n                {error && <ScorePointErrorText>{error}</ScorePointErrorText>}\n              </Block>\n            );\n          })}\n        </SecondaryBlock>\n      </GreyHeaderRow>\n    );\n  }\n}\n\nTraitsHeaderTile.propTypes = {\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  maxMaxPoints: PropTypes.number,\n  labelPluginProps: PropTypes.object,\n  imageSupport: PropTypes.shape({\n    add: PropTypes.func.isRequired,\n    delete: PropTypes.func.isRequired,\n  }),\n};\n\nexport default TraitsHeaderTile;\n"],"mappings":"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","ignoreList":[]}