@pie-element/multi-trait-rubric 7.1.2-next.3 → 7.2.0-next.1

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [7.2.0-next.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/multi-trait-rubric@7.2.0-next.0...@pie-element/multi-trait-rubric@7.2.0-next.1) (2026-03-12)
+
+### Bug Fixes
+
+- add touchAction none to various styled components for improved touch handling drag and drop PD-5811 ([bc5a8af](https://github.com/pie-framework/pie-elements/commit/bc5a8afab27ee254608c55ecc7e7c7130a191f38))
+- bump libs, update mathquill, switch interface PD-5791 ([686a7c0](https://github.com/pie-framework/pie-elements/commit/686a7c0d41ff82f5ddad7cecd93cc0c18324a81b))
+
+# [7.2.0-next.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/multi-trait-rubric@7.1.2-next.3...@pie-element/multi-trait-rubric@7.2.0-next.0) (2026-03-09)
+
+### Bug Fixes
+
+- **multi-trait-rubric:** improve scroll handling in Scale and TraitTile components PD-5659 ([a25efd7](https://github.com/pie-framework/pie-elements/commit/a25efd7ed8aad2d0146f20ee60f44666c73fca36))
+
+### Features
+
+- **multi-trait-rurbic:** add autoWidthToolbar to components PD-5657 ([f4bab78](https://github.com/pie-framework/pie-elements/commit/f4bab783e29514ecf17ff161a984e6ca0abfe79f))
+
 ## [7.1.2-next.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/multi-trait-rubric@7.1.2-next.2...@pie-element/multi-trait-rubric@7.1.2-next.3) (2026-03-06)
 
 **Note:** Version bump only for package @pie-element/multi-trait-rubric

package/configure/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.2.0-next.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/multi-trait-rubric-configure@6.2.0-next.0...@pie-element/multi-trait-rubric-configure@6.2.0-next.1) (2026-03-12)
+
+### Bug Fixes
+
+- add touchAction none to various styled components for improved touch handling drag and drop PD-5811 ([bc5a8af](https://github.com/pie-framework/pie-elements/commit/bc5a8afab27ee254608c55ecc7e7c7130a191f38))
+- bump libs, update mathquill, switch interface PD-5791 ([686a7c0](https://github.com/pie-framework/pie-elements/commit/686a7c0d41ff82f5ddad7cecd93cc0c18324a81b))
+
+# [6.2.0-next.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/multi-trait-rubric-configure@6.1.2-next.3...@pie-element/multi-trait-rubric-configure@6.2.0-next.0) (2026-03-09)
+
+### Bug Fixes
+
+- **multi-trait-rubric:** improve scroll handling in Scale and TraitTile components PD-5659 ([a25efd7](https://github.com/pie-framework/pie-elements/commit/a25efd7ed8aad2d0146f20ee60f44666c73fca36))
+
+### Features
+
+- **multi-trait-rurbic:** add autoWidthToolbar to components PD-5657 ([f4bab78](https://github.com/pie-framework/pie-elements/commit/f4bab783e29514ecf17ff161a984e6ca0abfe79f))
+
 ## [6.1.2-next.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/multi-trait-rubric-configure@6.1.2-next.2...@pie-element/multi-trait-rubric-configure@6.1.2-next.3) (2026-03-06)
 
 **Note:** Version bump only for package @pie-element/multi-trait-rubric-configure

package/configure/lib/common.js

@@ -116,6 +116,7 @@ const Block = exports.Block = (0, _styles.styled)('div')(({
 const StyledSecondaryBlock = (0, _styles.styled)('div')({
   display: 'flex',
   overflowX: 'hidden',
+  overflowY: 'hidden',
   alignItems: 'flex-end',
   // this is needed to show the editor toolbar!!!
   paddingBottom: '30px'
@@ -199,7 +200,8 @@ const ScorePoint = ({
       language: 'special'
     }],
     mathMlOptions: mathMlOptions,
-    imageSupport: imageSupport
+    imageSupport: imageSupport,
+    autoWidthToolbar: true
   }) : null)));
 };
 exports.ScorePoint = ScorePoint;
@@ -281,7 +283,8 @@ const SimpleInput = ({
     language: 'special'
   }],
   mathMlOptions: mathMlOptions,
-  imageSupport: imageSupport
+  imageSupport: imageSupport,
+  autoWidthToolbar: true
 })));
 exports.SimpleInput = SimpleInput;
 const UnderlinedInputWrapper = (0, _styles.styled)('div')({
@@ -317,7 +320,8 @@ const UnderlinedInput = ({
     language: 'special'
   }],
   mathMlOptions: mathMlOptions,
-  imageSupport: imageSupport
+  imageSupport: imageSupport,
+  autoWidthToolbar: true
 })));
 exports.UnderlinedInput = UnderlinedInput;
 const ExpandedInput = ({

package/configure/lib/common.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.js","names":["_react","_interopRequireDefault","require","_styles","_editableHtmlTipTap","_Select","_MenuItem","_InputBase","_renderUi","_colors","_utils","InputHeight","BlockWidth","exports","PrimaryBlockWidth","DragHandleSpace","HeaderHeight","HeaderHeightLarge","greyBorder","grey","Padding","GlobalStyles","styled","theme","fontFamily","textAlign","flex","border","padding","borderLeft","borderRadius","background","palette","common","white","width","borderBottom","margin","marginTop","height","StyledButton","fontSize","typography","display","flexDirection","alignItems","spacing","color","secondaryBackground","justifyContent","text","cursor","MultiTraitButton","children","onClick","default","createElement","PrimaryBlock","minWidth","position","boxSizing","Block","marginBlockStart","paddingInlineStart","StyledSecondaryBlock","overflowX","paddingBottom","SecondaryBlock","setRef","style","ref","Row","ScorePointBoxWrapper","ScorePointBox","ScorePointBoxDisabled","SubLabel","ScorePoint","error","scorePointsValue","scoreDescriptor","pluginProps","onChange","showScorePointLabels","alignToRight","spellCheck","uploadSoundSupport","imageSupport","mathMlOptions","ScorePointBoxComponent","className","markup","placeholder","activePlugins","filteredDefaultPlugins","toolbarOpts","alignment","languageCharactersProps","language","StyledBootstrapInput","InputBase","createMaxScoreOptions","maxMaxPoints","Array","from","length","_","i","MaxPointsPicker","maxPoints","InputContainer","label","value","input","MenuProps","transitionDuration","enter","exit","map","maxScore","key","SimpleInputWrapper","SimpleInput","UnderlinedInputWrapper","UnderlinedInput","ExpandedInput","autoWidthToolbar","ScaleSettings","gap","StyledArrow","zIndex","right","StyledInnerGrey","bottom","Arrow","show","left","showLevelTagInput","undefined"],"sources":["../src/common.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\nimport Select from '@mui/material/Select';\nimport MenuItem from '@mui/material/MenuItem';\nimport InputBase from '@mui/material/InputBase';\nimport { color, InputContainer } from '@pie-lib/render-ui';\nimport { grey } from '@mui/material/colors';\n\nimport { filteredDefaultPlugins } from './utils';\n\nconst InputHeight = '120px';\nexport const BlockWidth = 200;\nexport const PrimaryBlockWidth = 200;\nexport const DragHandleSpace = 32;\nexport const HeaderHeight = '100px';\nexport const HeaderHeightLarge = '160px';\nconst greyBorder = `solid 1px ${grey[400]}`;\nconst Padding = '8px 4px';\n\n// global styles for EditableHtml components\nconst GlobalStyles = styled('div')(({ theme }) => ({\n  fontFamily: 'Cerebri',\n  \n  '& .editable-label': {\n    textAlign: 'left',\n    flex: 1,\n    border: 'none',\n\n    '& div:not(.tiptap)': {\n      padding: 0,\n      border: 'none',\n    },\n\n    '& > div:first-of-type': {\n      borderLeft: greyBorder,\n      borderRadius: 0,\n      padding: Padding,\n    },\n  },\n\n  '& .editable-level': {\n    background: theme.palette.common.white,\n    width: '60%',\n  },\n\n  '& .underlined-editable-level': {\n    background: theme.palette.common.white,\n    width: '100%',\n    padding: 0,\n    border: 'none',\n\n    '& > div:first-of-type': {\n      borderBottom: greyBorder,\n      borderRadius: 0,\n      padding: Padding,\n    },\n  },\n\n  '& .expanded-input-prompt': {\n    border: 'none',\n    margin: '10px',\n    marginTop: 0,\n    '& > div:first-of-type': {\n      border: greyBorder,\n      borderRadius: '4px',\n      padding: Padding,\n    },\n\n    '& .tiptap': {\n      fontFamily: 'Cerebri',\n      height: InputHeight,\n      padding: 0\n    }\n  },\n}));\n\nconst StyledButton = styled('div')(({ theme }) => ({\n  fontSize: theme.typography.fontSize + 2,\n  textAlign: 'right',\n  display: 'flex',\n  flexDirection: 'row',\n  alignItems: 'flex-start',\n  padding: `${theme.spacing(1.5)} ${theme.spacing(2)}`,\n  width: '114px',\n  background: color.secondaryBackground(),\n  borderRadius: '4px',\n  justifyContent: 'space-around',\n  color: color.text(),\n  cursor: 'pointer',\n}));\n\nexport const MultiTraitButton = ({ children, onClick }) => (\n  <StyledButton onClick={onClick}>\n    <strong>+</strong>\n    <div>{children}</div>\n  </StyledButton>\n);\n\nexport const PrimaryBlock = styled('div')({\n  width: `${PrimaryBlockWidth}px`,\n  minWidth: `${PrimaryBlockWidth}px`,\n  position: 'relative',\n  padding: '0 10px',\n  boxSizing: 'border-box',\n});\n\nexport const Block = styled('div')(({ theme }) => ({\n  width: `${BlockWidth}px`,\n  minWidth: `${BlockWidth}px`,\n  '& ul, ol': {\n    marginBlockStart: 0,\n    paddingInlineStart: theme.spacing(2),\n  },\n}));\n\nconst StyledSecondaryBlock = styled('div')({\n  display: 'flex',\n  overflowX: 'hidden',\n  alignItems: 'flex-end',\n  // this is needed to show the editor toolbar!!!\n  paddingBottom: '30px',\n});\n\nexport const SecondaryBlock = ({ children, setRef, width }) => (\n  <StyledSecondaryBlock style={{ width: width }} ref={setRef}>\n    {children}\n  </StyledSecondaryBlock>\n);\n\nexport const Row = (({ children, height }) => (\n  <div\n    style={{\n      display: 'flex',\n      height,\n    }}\n  >\n    {children}\n  </div>\n));\n\nconst ScorePointBoxWrapper = styled('div')({\n  padding: '0 10px',\n});\n\nconst ScorePointBox = styled('div')({\n  display: 'flex',\n  borderRadius: '4px',\n  background: 'white',\n  flexDirection: 'row',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  border: greyBorder,\n});\n\nconst ScorePointBoxDisabled = styled('div')({\n  display: 'flex',\n  borderRadius: '4px',\n  background: 'none',\n  flexDirection: 'row',\n  alignItems: 'center',\n  justifyContent: 'center',\n  border: '0',\n});\n\nconst SubLabel = styled('div')({\n  width: '24px',\n  textAlign: 'center',\n});\n\nexport const ScorePoint = ({\n  error = '',\n  scorePointsValue,\n  scoreDescriptor,\n  pluginProps,\n  onChange,\n  showScorePointLabels,\n  alignToRight,\n  spellCheck,\n  uploadSoundSupport,\n  imageSupport = {},\n  mathMlOptions = {},\n}) => {\n  const ScorePointBoxComponent = showScorePointLabels ? ScorePointBox : ScorePointBoxDisabled;\n\n  return (\n    <GlobalStyles>\n      <ScorePointBoxWrapper>\n        <ScorePointBoxComponent>\n          <SubLabel>{scorePointsValue}</SubLabel>\n\n          {showScorePointLabels ? (\n            <EditableHtml\n              className=\"editable-label\"\n              error={error}\n              markup={scoreDescriptor}\n              placeholder=\" Enter Label\"\n              onChange={onChange}\n              pluginProps={pluginProps}\n              activePlugins={filteredDefaultPlugins}\n              spellCheck={spellCheck}\n              toolbarOpts={alignToRight ? { alignment: 'right' } : {}}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n              imageSupport={imageSupport}\n            />\n          ) : null}\n        </ScorePointBoxComponent>\n      </ScorePointBoxWrapper>\n    </GlobalStyles>\n  );\n};\n\nconst StyledBootstrapInput = styled(InputBase)(({ theme }) => ({\n  '&.MuiInputBase-root': {\n    background: theme.palette.common.white,\n    marginTop: theme.spacing(1),\n    'label + &': {\n      width: '80px',\n    },\n  },\n  '& .MuiInputBase-input': {\n    borderRadius: '4px',\n    position: 'relative',\n    border: greyBorder,\n    fontSize: theme.typography.fontSize,\n    fontFamily: 'Cerebri Sans',\n    padding: `${theme.spacing(1)} ${theme.spacing(1.5)}`,\n\n    '&:focus': {\n      borderRadius: '4px',\n    },\n  },\n}));\n\nconst createMaxScoreOptions = (maxMaxPoints) => Array.from({ length: maxMaxPoints }, (_, i) => i + 1);\n\nexport const MaxPointsPicker = ({ maxPoints, onChange, maxMaxPoints }) => (\n  <InputContainer label=\"Max Points\">\n    <Select\n      value={maxPoints}\n      onChange={onChange}\n      input={<StyledBootstrapInput />}\n      MenuProps={{\n        transitionDuration: {\n          enter: 225,\n          exit: 195\n        }\n      }}\n    >\n      {createMaxScoreOptions(maxMaxPoints).map((maxScore) => (\n        <MenuItem key={`menu-item-${maxScore}`} value={maxScore}>\n          {maxScore}\n        </MenuItem>\n      ))}\n    </Select>\n  </InputContainer>\n);\n\nconst SimpleInputWrapper = styled('div')(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'center',\n  margin: `${theme.spacing(1.5)} 0`,\n}));\n\nexport const SimpleInput = ({\n  markup,\n  onChange,\n  pluginProps,\n  label,\n  spellCheck,\n  uploadSoundSupport,\n  mathMlOptions = {},\n  imageSupport = {},\n}) => (\n  <GlobalStyles>\n    <SimpleInputWrapper>\n      {label && <div>{label}</div>}\n\n      <EditableHtml\n        className=\"editable-level\"\n        markup={markup}\n        onChange={onChange}\n        placeholder=\"Trait Label\"\n        pluginProps={pluginProps}\n        activePlugins={filteredDefaultPlugins}\n        spellCheck={spellCheck}\n        uploadSoundSupport={uploadSoundSupport}\n        languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n        mathMlOptions={mathMlOptions}\n        imageSupport={imageSupport}\n      />\n    </SimpleInputWrapper>\n  </GlobalStyles>\n);\n\nconst UnderlinedInputWrapper = styled('div')({\n  width: '100%',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n});\n\nexport const UnderlinedInput = ({\n  error,\n  markup,\n  onChange,\n  pluginProps,\n  label,\n  placeholder,\n  spellCheck,\n  uploadSoundSupport,\n  imageSupport = {},\n  mathMlOptions = {},\n}) => (\n  <GlobalStyles>\n    <UnderlinedInputWrapper>\n      {label && <div>{label}</div>}\n\n      <EditableHtml\n        className=\"underlined-editable-level\"\n        error={error}\n        markup={markup}\n        onChange={onChange}\n        placeholder={placeholder}\n        pluginProps={pluginProps}\n        activePlugins={filteredDefaultPlugins}\n        spellCheck={spellCheck}\n        uploadSoundSupport={uploadSoundSupport}\n        languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n        mathMlOptions={mathMlOptions}\n        imageSupport={imageSupport}\n      />\n    </UnderlinedInputWrapper>\n  </GlobalStyles>\n);\n\nexport const ExpandedInput = ({\n  error,\n  markup,\n  onChange,\n  pluginProps,\n  placeholder,\n  alignToRight,\n  spellCheck,\n  uploadSoundSupport,\n  mathMlOptions = {},\n  imageSupport = {},\n}) => (\n  <GlobalStyles>\n    <EditableHtml\n      className=\"expanded-input-prompt\"\n      error={error}\n      markup={markup}\n      onChange={onChange}\n      placeholder={placeholder}\n      pluginProps={pluginProps}\n      toolbarOpts={alignToRight ? { alignment: 'right' } : {}}\n      spellCheck={spellCheck}\n      uploadSoundSupport={uploadSoundSupport}\n      languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n      autoWidthToolbar\n      mathMlOptions={mathMlOptions}\n      imageSupport={imageSupport}\n    />\n  </GlobalStyles>\n);\n\nexport const ScaleSettings = styled('div')(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'flex-end',\n  paddingBottom: '18px',\n  gap: theme.spacing(0.25),\n}));\n\nconst StyledArrow = styled('div')(({ theme }) => ({\n  position: 'absolute',\n  zIndex: 10,\n  cursor: 'pointer',\n  right: 0,\n  alignItems: 'flex-start',\n  justifyContent: 'center',\n  background: `linear-gradient(to left, ${theme.palette.common.white}, ${color.background()})`,\n  boxSizing: 'border-box',\n}));\n\nconst StyledInnerGrey = styled('div')(({ theme }) => ({\n  position: 'absolute',\n  zIndex: 11,\n  cursor: 'pointer',\n  right: 0,\n  alignItems: 'flex-start',\n  justifyContent: 'center',\n  background: `linear-gradient(to left, ${theme.palette.common.white}, ${color.background()})`,\n  boxSizing: 'border-box',\n  '& svg': {\n    position: 'absolute',\n    bottom: '-24px',\n  },\n}));\n\nexport const Arrow = ({ children, show, width, onClick, left, showLevelTagInput }) => (\n  <StyledArrow\n    style={{\n      height: '-webkit-fill-available',\n      display: show ? 'flex' : 'none',\n      width: width,\n      left: left,\n      background: left ? `linear-gradient(to right, white, ${color.background()})` : undefined,\n    }}\n    onClick={onClick}\n  >\n    <StyledInnerGrey\n      style={{\n        display: show ? 'flex' : 'none',\n        width: width,\n        height: showLevelTagInput ? HeaderHeightLarge : HeaderHeight,\n        left: 0,\n        background: left\n          ? `linear-gradient(to right, ${color.secondaryBackground()}, ${color.background()})`\n          : undefined,\n      }}\n      onClick={onClick}\n    >\n      {children}\n    </StyledInnerGrey>\n  </StyledArrow>\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"common.js","names":["_react","_interopRequireDefault","require","_styles","_editableHtmlTipTap","_Select","_MenuItem","_InputBase","_renderUi","_colors","_utils","InputHeight","BlockWidth","exports","PrimaryBlockWidth","DragHandleSpace","HeaderHeight","HeaderHeightLarge","greyBorder","grey","Padding","GlobalStyles","styled","theme","fontFamily","textAlign","flex","border","padding","borderLeft","borderRadius","background","palette","common","white","width","borderBottom","margin","marginTop","height","StyledButton","fontSize","typography","display","flexDirection","alignItems","spacing","color","secondaryBackground","justifyContent","text","cursor","MultiTraitButton","children","onClick","default","createElement","PrimaryBlock","minWidth","position","boxSizing","Block","marginBlockStart","paddingInlineStart","StyledSecondaryBlock","overflowX","overflowY","paddingBottom","SecondaryBlock","setRef","style","ref","Row","ScorePointBoxWrapper","ScorePointBox","ScorePointBoxDisabled","SubLabel","ScorePoint","error","scorePointsValue","scoreDescriptor","pluginProps","onChange","showScorePointLabels","alignToRight","spellCheck","uploadSoundSupport","imageSupport","mathMlOptions","ScorePointBoxComponent","className","markup","placeholder","activePlugins","filteredDefaultPlugins","toolbarOpts","alignment","languageCharactersProps","language","autoWidthToolbar","StyledBootstrapInput","InputBase","createMaxScoreOptions","maxMaxPoints","Array","from","length","_","i","MaxPointsPicker","maxPoints","InputContainer","label","value","input","MenuProps","transitionDuration","enter","exit","map","maxScore","key","SimpleInputWrapper","SimpleInput","UnderlinedInputWrapper","UnderlinedInput","ExpandedInput","ScaleSettings","gap","StyledArrow","zIndex","right","StyledInnerGrey","bottom","Arrow","show","left","showLevelTagInput","undefined"],"sources":["../src/common.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\nimport Select from '@mui/material/Select';\nimport MenuItem from '@mui/material/MenuItem';\nimport InputBase from '@mui/material/InputBase';\nimport { color, InputContainer } from '@pie-lib/render-ui';\nimport { grey } from '@mui/material/colors';\n\nimport { filteredDefaultPlugins } from './utils';\n\nconst InputHeight = '120px';\nexport const BlockWidth = 200;\nexport const PrimaryBlockWidth = 200;\nexport const DragHandleSpace = 32;\nexport const HeaderHeight = '100px';\nexport const HeaderHeightLarge = '160px';\nconst greyBorder = `solid 1px ${grey[400]}`;\nconst Padding = '8px 4px';\n\n// global styles for EditableHtml components\nconst GlobalStyles = styled('div')(({ theme }) => ({\n  fontFamily: 'Cerebri',\n  \n  '& .editable-label': {\n    textAlign: 'left',\n    flex: 1,\n    border: 'none',\n\n    '& div:not(.tiptap)': {\n      padding: 0,\n      border: 'none',\n    },\n\n    '& > div:first-of-type': {\n      borderLeft: greyBorder,\n      borderRadius: 0,\n      padding: Padding,\n    },\n  },\n\n  '& .editable-level': {\n    background: theme.palette.common.white,\n    width: '60%',\n  },\n\n  '& .underlined-editable-level': {\n    background: theme.palette.common.white,\n    width: '100%',\n    padding: 0,\n    border: 'none',\n\n    '& > div:first-of-type': {\n      borderBottom: greyBorder,\n      borderRadius: 0,\n      padding: Padding,\n    },\n  },\n\n  '& .expanded-input-prompt': {\n    border: 'none',\n    margin: '10px',\n    marginTop: 0,\n    '& > div:first-of-type': {\n      border: greyBorder,\n      borderRadius: '4px',\n      padding: Padding,\n    },\n\n    '& .tiptap': {\n      fontFamily: 'Cerebri',\n      height: InputHeight,\n      padding: 0\n    }\n  },\n}));\n\nconst StyledButton = styled('div')(({ theme }) => ({\n  fontSize: theme.typography.fontSize + 2,\n  textAlign: 'right',\n  display: 'flex',\n  flexDirection: 'row',\n  alignItems: 'flex-start',\n  padding: `${theme.spacing(1.5)} ${theme.spacing(2)}`,\n  width: '114px',\n  background: color.secondaryBackground(),\n  borderRadius: '4px',\n  justifyContent: 'space-around',\n  color: color.text(),\n  cursor: 'pointer',\n}));\n\nexport const MultiTraitButton = ({ children, onClick }) => (\n  <StyledButton onClick={onClick}>\n    <strong>+</strong>\n    <div>{children}</div>\n  </StyledButton>\n);\n\nexport const PrimaryBlock = styled('div')({\n  width: `${PrimaryBlockWidth}px`,\n  minWidth: `${PrimaryBlockWidth}px`,\n  position: 'relative',\n  padding: '0 10px',\n  boxSizing: 'border-box',\n});\n\nexport const Block = styled('div')(({ theme }) => ({\n  width: `${BlockWidth}px`,\n  minWidth: `${BlockWidth}px`,\n  '& ul, ol': {\n    marginBlockStart: 0,\n    paddingInlineStart: theme.spacing(2),\n  },\n}));\n\nconst StyledSecondaryBlock = styled('div')({\n  display: 'flex',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  alignItems: 'flex-end',\n  // this is needed to show the editor toolbar!!!\n  paddingBottom: '30px',\n});\n\nexport const SecondaryBlock = ({ children, setRef, width }) => (\n  <StyledSecondaryBlock style={{ width: width }} ref={setRef}>\n    {children}\n  </StyledSecondaryBlock>\n);\n\nexport const Row = (({ children, height }) => (\n  <div\n    style={{\n      display: 'flex',\n      height,\n    }}\n  >\n    {children}\n  </div>\n));\n\nconst ScorePointBoxWrapper = styled('div')({\n  padding: '0 10px',\n});\n\nconst ScorePointBox = styled('div')({\n  display: 'flex',\n  borderRadius: '4px',\n  background: 'white',\n  flexDirection: 'row',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  border: greyBorder,\n});\n\nconst ScorePointBoxDisabled = styled('div')({\n  display: 'flex',\n  borderRadius: '4px',\n  background: 'none',\n  flexDirection: 'row',\n  alignItems: 'center',\n  justifyContent: 'center',\n  border: '0',\n});\n\nconst SubLabel = styled('div')({\n  width: '24px',\n  textAlign: 'center',\n});\n\nexport const ScorePoint = ({\n  error = '',\n  scorePointsValue,\n  scoreDescriptor,\n  pluginProps,\n  onChange,\n  showScorePointLabels,\n  alignToRight,\n  spellCheck,\n  uploadSoundSupport,\n  imageSupport = {},\n  mathMlOptions = {},\n}) => {\n  const ScorePointBoxComponent = showScorePointLabels ? ScorePointBox : ScorePointBoxDisabled;\n\n  return (\n    <GlobalStyles>\n      <ScorePointBoxWrapper>\n        <ScorePointBoxComponent>\n          <SubLabel>{scorePointsValue}</SubLabel>\n\n          {showScorePointLabels ? (\n            <EditableHtml\n              className=\"editable-label\"\n              error={error}\n              markup={scoreDescriptor}\n              placeholder=\" Enter Label\"\n              onChange={onChange}\n              pluginProps={pluginProps}\n              activePlugins={filteredDefaultPlugins}\n              spellCheck={spellCheck}\n              toolbarOpts={alignToRight ? { alignment: 'right' } : {}}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n              imageSupport={imageSupport}\n              autoWidthToolbar\n            />\n          ) : null}\n        </ScorePointBoxComponent>\n      </ScorePointBoxWrapper>\n    </GlobalStyles>\n  );\n};\n\nconst StyledBootstrapInput = styled(InputBase)(({ theme }) => ({\n  '&.MuiInputBase-root': {\n    background: theme.palette.common.white,\n    marginTop: theme.spacing(1),\n    'label + &': {\n      width: '80px',\n    },\n  },\n  '& .MuiInputBase-input': {\n    borderRadius: '4px',\n    position: 'relative',\n    border: greyBorder,\n    fontSize: theme.typography.fontSize,\n    fontFamily: 'Cerebri Sans',\n    padding: `${theme.spacing(1)} ${theme.spacing(1.5)}`,\n\n    '&:focus': {\n      borderRadius: '4px',\n    },\n  },\n}));\n\nconst createMaxScoreOptions = (maxMaxPoints) => Array.from({ length: maxMaxPoints }, (_, i) => i + 1);\n\nexport const MaxPointsPicker = ({ maxPoints, onChange, maxMaxPoints }) => (\n  <InputContainer label=\"Max Points\">\n    <Select\n      value={maxPoints}\n      onChange={onChange}\n      input={<StyledBootstrapInput />}\n      MenuProps={{\n        transitionDuration: {\n          enter: 225,\n          exit: 195\n        }\n      }}\n    >\n      {createMaxScoreOptions(maxMaxPoints).map((maxScore) => (\n        <MenuItem key={`menu-item-${maxScore}`} value={maxScore}>\n          {maxScore}\n        </MenuItem>\n      ))}\n    </Select>\n  </InputContainer>\n);\n\nconst SimpleInputWrapper = styled('div')(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'center',\n  margin: `${theme.spacing(1.5)} 0`,\n}));\n\nexport const SimpleInput = ({\n  markup,\n  onChange,\n  pluginProps,\n  label,\n  spellCheck,\n  uploadSoundSupport,\n  mathMlOptions = {},\n  imageSupport = {},\n}) => (\n  <GlobalStyles>\n    <SimpleInputWrapper>\n      {label && <div>{label}</div>}\n\n      <EditableHtml\n        className=\"editable-level\"\n        markup={markup}\n        onChange={onChange}\n        placeholder=\"Trait Label\"\n        pluginProps={pluginProps}\n        activePlugins={filteredDefaultPlugins}\n        spellCheck={spellCheck}\n        uploadSoundSupport={uploadSoundSupport}\n        languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n        mathMlOptions={mathMlOptions}\n        imageSupport={imageSupport}\n        autoWidthToolbar\n      />\n    </SimpleInputWrapper>\n  </GlobalStyles>\n);\n\nconst UnderlinedInputWrapper = styled('div')({\n  width: '100%',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n});\n\nexport const UnderlinedInput = ({\n  error,\n  markup,\n  onChange,\n  pluginProps,\n  label,\n  placeholder,\n  spellCheck,\n  uploadSoundSupport,\n  imageSupport = {},\n  mathMlOptions = {},\n}) => (\n  <GlobalStyles>\n    <UnderlinedInputWrapper>\n      {label && <div>{label}</div>}\n\n      <EditableHtml\n        className=\"underlined-editable-level\"\n        error={error}\n        markup={markup}\n        onChange={onChange}\n        placeholder={placeholder}\n        pluginProps={pluginProps}\n        activePlugins={filteredDefaultPlugins}\n        spellCheck={spellCheck}\n        uploadSoundSupport={uploadSoundSupport}\n        languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n        mathMlOptions={mathMlOptions}\n        imageSupport={imageSupport}\n        autoWidthToolbar\n      />\n    </UnderlinedInputWrapper>\n  </GlobalStyles>\n);\n\nexport const ExpandedInput = ({\n  error,\n  markup,\n  onChange,\n  pluginProps,\n  placeholder,\n  alignToRight,\n  spellCheck,\n  uploadSoundSupport,\n  mathMlOptions = {},\n  imageSupport = {},\n}) => (\n  <GlobalStyles>\n    <EditableHtml\n      className=\"expanded-input-prompt\"\n      error={error}\n      markup={markup}\n      onChange={onChange}\n      placeholder={placeholder}\n      pluginProps={pluginProps}\n      toolbarOpts={alignToRight ? { alignment: 'right' } : {}}\n      spellCheck={spellCheck}\n      uploadSoundSupport={uploadSoundSupport}\n      languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n      autoWidthToolbar\n      mathMlOptions={mathMlOptions}\n      imageSupport={imageSupport}\n    />\n  </GlobalStyles>\n);\n\nexport const ScaleSettings = styled('div')(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'flex-end',\n  paddingBottom: '18px',\n  gap: theme.spacing(0.25),\n}));\n\nconst StyledArrow = styled('div')(({ theme }) => ({\n  position: 'absolute',\n  zIndex: 10,\n  cursor: 'pointer',\n  right: 0,\n  alignItems: 'flex-start',\n  justifyContent: 'center',\n  background: `linear-gradient(to left, ${theme.palette.common.white}, ${color.background()})`,\n  boxSizing: 'border-box',\n}));\n\nconst StyledInnerGrey = styled('div')(({ theme }) => ({\n  position: 'absolute',\n  zIndex: 11,\n  cursor: 'pointer',\n  right: 0,\n  alignItems: 'flex-start',\n  justifyContent: 'center',\n  background: `linear-gradient(to left, ${theme.palette.common.white}, ${color.background()})`,\n  boxSizing: 'border-box',\n  '& svg': {\n    position: 'absolute',\n    bottom: '-24px',\n  },\n}));\n\nexport const Arrow = ({ children, show, width, onClick, left, showLevelTagInput }) => (\n  <StyledArrow\n    style={{\n      height: '-webkit-fill-available',\n      display: show ? 'flex' : 'none',\n      width: width,\n      left: left,\n      background: left ? `linear-gradient(to right, white, ${color.background()})` : undefined,\n    }}\n    onClick={onClick}\n  >\n    <StyledInnerGrey\n      style={{\n        display: show ? 'flex' : 'none',\n        width: width,\n        height: showLevelTagInput ? HeaderHeightLarge : HeaderHeight,\n        left: 0,\n        background: left\n          ? `linear-gradient(to right, ${color.secondaryBackground()}, ${color.background()})`\n          : undefined,\n      }}\n      onClick={onClick}\n    >\n      {children}\n    </StyledInnerGrey>\n  </StyledArrow>\n);\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/scale.js

@@ -57,7 +57,7 @@ class Scale extends _react.default.Component {
       this.setState({
         currentPosition: 0,
         showLeft: false,
-        showRight: this.secondaryBlockRef && this.secondaryBlockRef.scrollWidth - this.secondaryBlockRef.offsetWidth
+        showRight: this.getMaxScroll()
       });
       if (numberValue < maxPoints) {
         this.showDecreaseMaxPointsModal({
@@ -224,21 +224,48 @@ class Scale extends _react.default.Component {
       const {
         currentPosition
       } = this.state;
-      const decreasedPosition = currentPosition - (currentPosition === AdjustedBlockWidth / 2 ? AdjustedBlockWidth / 2 : AdjustedBlockWidth);
+      const decreasedPosition = Math.max(currentPosition - AdjustedBlockWidth, 0);
+      const maxScroll = this.getMaxScroll();
       this.setState({
         currentPosition: decreasedPosition,
-        showRight: decreasedPosition < this.secondaryBlockRef.scrollWidth - this.secondaryBlockRef.offsetWidth,
+        showRight: decreasedPosition < maxScroll,
         showLeft: decreasedPosition > 0
       });
     });
+    (0, _defineProperty2.default)(this, "getMaxScroll", () => {
+      if (!this.secondaryBlockRef) return 0;
+
+      // block count * BlockWidth
+      // the header may have slightly larger scrollWidth due to inner component styling (borders, padding),
+      // so we use the minimum to keep header and trait rows aligned.
+      const headerScrollWidth = this.secondaryBlockRef.scrollWidth;
+      const numberOfBlocks = this.getNumberOfBlocks();
+      const expectedContentWidth = numberOfBlocks * _common.BlockWidth;
+      const scrollWidth = Math.min(headerScrollWidth, expectedContentWidth);
+      return Math.max(0, scrollWidth - this.secondaryBlockRef.offsetWidth);
+    });
+    (0, _defineProperty2.default)(this, "getNumberOfBlocks", () => {
+      const {
+        scale,
+        showStandards,
+        showDescription,
+        excludeZero
+      } = this.props;
+      const {
+        maxPoints
+      } = scale || {};
+      const scorePointCount = maxPoints - (excludeZero ? 1 : 0) + 1;
+      return (showStandards ? 1 : 0) + (showDescription ? 1 : 0) + scorePointCount;
+    });
     (0, _defineProperty2.default)(this, "increasePosition", () => {
       const {
         currentPosition
       } = this.state;
-      const increasedPosition = currentPosition + (currentPosition === 0 ? AdjustedBlockWidth / 2 : AdjustedBlockWidth);
+      const maxScroll = this.getMaxScroll();
+      const increasedPosition = Math.min(currentPosition + AdjustedBlockWidth, maxScroll);
       this.setState({
         currentPosition: increasedPosition,
-        showRight: increasedPosition < this.secondaryBlockRef.scrollWidth - this.secondaryBlockRef.offsetWidth,
+        showRight: increasedPosition < maxScroll,
         showLeft: increasedPosition > 0
       });
     });
@@ -246,14 +273,14 @@ class Scale extends _react.default.Component {
   componentDidMount() {
     if (this.state.showRight === null && this.secondaryBlockRef) {
       this.setState({
-        showRight: this.secondaryBlockRef.scrollWidth - this.secondaryBlockRef.offsetWidth
+        showRight: this.getMaxScroll()
       });
     }
   }
   componentDidUpdate(prevProps) {
     if (prevProps.scale.maxPoints !== this.props.scale.maxPoints || prevProps.showDescription !== this.props.showDescription || prevProps.excludeZero !== this.props.excludeZero) {
       this.setState({
-        showRight: this.secondaryBlockRef.scrollWidth - this.secondaryBlockRef.offsetWidth
+        showRight: this.getMaxScroll()
       });
     }
   }
@@ -262,7 +289,7 @@ class Scale extends _react.default.Component {
       this.setState({
         currentPosition: 0,
         showLeft: false,
-        showRight: this.secondaryBlockRef && this.secondaryBlockRef.scrollWidth - this.secondaryBlockRef.offsetWidth
+        showRight: this.getMaxScroll()
       });
     }
   }

package/configure/lib/scale.js.map

@@ -1 +1 @@
-{"version":3,"file":"scale.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_ArrowBackIos","_ArrowForwardIos","_drag","_traitsHeader","_trait","_common","_modals","AdjustedBlockWidth","BlockWidth","ScaleWrapper","styled","theme","display","flexDirection","wordBreak","position","marginBottom","spacing","Scale","React","Component","constructor","args","_defineProperty2","default","showDecreaseMaxPointsDialog","showDeleteScaleDialog","showDeleteTraitDialog","currentPosition","showRight","showLeft","showInfoDialog","infoDialogText","newState","setState","target","scale","scaleIndex","onScaleChanged","props","maxPoints","numberValue","parseInt","value","secondaryBlockRef","scrollWidth","offsetWidth","showDecreaseMaxPointsModal","newMaxPoints","set","undefined","state","hideDecreaseMaxPointsModal","onScaleRemoved","hideDeleteScaleModal","traitToDeleteIndex","minNoOfTraits","traits","traitLabel","length","toLowerCase","slice","hideDeleteTraitModal","maxNoOfTraits","scorePointsLabels","push","name","description","standards","scorePointsDescriptors","Array","from","traitIndex","trait","event","active","over","activeData","data","current","overData","type","oldIndex","index","newIndex","cup","remainingTraits","filter","item","newTraits","decreasedPosition","increasedPosition","componentDidMount","componentDidUpdate","prevProps","showDescription","excludeZero","UNSAFE_componentWillReceiveProps","nextProps","showStandards","render","errors","showLevelTagInput","showScorePointLabels","enableDragAndDrop","spellCheck","width","uploadSoundSupport","maxPointsEnabled","mathMlOptions","maxMaxPoints","expandedPluginProps","labelPluginProps","imageSupport","traitsErrors","scorePointsErrors","currentScaleTraitsErrors","currentScalePointsLabelsErrors","scorePointsValues","secondaryBlockWidth","DragHandleSpace","PrimaryBlockWidth","pointValue","createElement","DragProvider","onDragEnd","onTraitDropped","key","ref","scaleWrapper","setSecondaryBlockRef","onScaleChange","params","onTraitLabelChange","label","updateMaxPointsFieldValue","showDeleteScaleModal","map","error","onTraitRemoved","showDeleteTraitModal","onTraitChanged","Arrow","show","onClick","decreasePosition","left","increasePosition","MultiTraitButton","onTraitAdded","dangerouslySetInnerHTML","__html","DecreaseMaxPoints","open","deleteScorePoints","changeMaxPoints","cancel","DeleteScale","deleteScale","DeleteTrait","deleteTrait","InfoDialog","text","onClose","exports","propTypes","PropTypes","object","shape","number","arrayOf","string","bool","func","_default"],"sources":["../src/scale.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { styled } from '@mui/material/styles';\nimport ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos';\nimport ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';\n\nimport { DragProvider } from '@pie-lib/drag';\n\nimport TraitsHeader from './traitsHeader';\nimport TraitTile from './trait';\nimport { Arrow, BlockWidth, DragHandleSpace, MultiTraitButton, PrimaryBlockWidth } from './common';\nimport { DecreaseMaxPoints, DeleteScale, DeleteTrait, InfoDialog } from './modals';\n\nconst AdjustedBlockWidth = BlockWidth + 2 * 8; // 8 is padding\n\nconst ScaleWrapper = styled('div')(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  wordBreak: 'break-word',\n  position: 'relative',\n  marginBottom: theme.spacing(2.5),\n}));\n\nexport class Scale extends React.Component {\n  state = {\n    showDecreaseMaxPointsDialog: false,\n    showDeleteScaleDialog: false,\n    showDeleteTraitDialog: false,\n    currentPosition: 0,\n    showRight: null,\n    showLeft: null,\n    showInfoDialog: false,\n    infoDialogText: '',\n  };\n\n  set = (newState) => this.setState(newState);\n\n  componentDidMount() {\n    if (this.state.showRight === null && this.secondaryBlockRef) {\n      this.setState({ showRight: this.secondaryBlockRef.scrollWidth - this.secondaryBlockRef.offsetWidth });\n    }\n  }\n\n  componentDidUpdate(prevProps) {\n    if (\n      prevProps.scale.maxPoints !== this.props.scale.maxPoints ||\n      prevProps.showDescription !== this.props.showDescription ||\n      prevProps.excludeZero !== this.props.excludeZero\n    ) {\n      this.setState({ showRight: this.secondaryBlockRef.scrollWidth - this.secondaryBlockRef.offsetWidth });\n    }\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (\n      nextProps.excludeZero !== this.props.excludeZero ||\n      nextProps.showStandards !== this.props.showStandards ||\n      nextProps.showDescription !== this.props.showDescription\n    ) {\n      this.setState({\n        currentPosition: 0,\n        showLeft: false,\n        showRight: this.secondaryBlockRef && this.secondaryBlockRef.scrollWidth - this.secondaryBlockRef.offsetWidth,\n      });\n    }\n  }\n\n  // Max Points\n  updateMaxPointsFieldValue = ({ target }) => {\n    const { scale, scaleIndex, onScaleChanged } = this.props || {};\n    const { maxPoints } = scale;\n\n    const numberValue = parseInt(target.value, 10);\n\n    this.setState({\n      currentPosition: 0,\n      showLeft: false,\n      showRight: this.secondaryBlockRef && this.secondaryBlockRef.scrollWidth - this.secondaryBlockRef.offsetWidth,\n    });\n\n    if (numberValue < maxPoints) {\n      this.showDecreaseMaxPointsModal({ newMaxPoints: numberValue });\n    } else {\n      onScaleChanged(scaleIndex, { maxPoints: numberValue });\n    }\n  };\n\n  showDecreaseMaxPointsModal = ({ newMaxPoints }) => this.set({ showDecreaseMaxPointsDialog: true, newMaxPoints });\n\n  hideDecreaseMaxPointsModal = () => this.set({ showDecreaseMaxPointsDialog: false, newMaxPoints: undefined });\n\n  changeMaxPoints = () => {\n    const { newMaxPoints } = this.state || {};\n    const { scaleIndex, onScaleChanged } = this.props || {};\n\n    if (newMaxPoints) {\n      onScaleChanged(scaleIndex, { maxPoints: newMaxPoints });\n    }\n\n    this.hideDecreaseMaxPointsModal();\n  };\n\n  // Delete Scale\n  showDeleteScaleModal = () => this.set({ showDeleteScaleDialog: true });\n\n  hideDeleteScaleModal = () => this.set({ showDeleteScaleDialog: false });\n\n  deleteScale = () => {\n    const { scaleIndex, onScaleRemoved } = this.props || {};\n\n    this.hideDeleteScaleModal();\n\n    onScaleRemoved(scaleIndex);\n  };\n\n  // Delete Trait\n  showDeleteTraitModal = (traitToDeleteIndex) => this.set({ showDeleteTraitDialog: true, traitToDeleteIndex });\n\n  hideDeleteTraitModal = () => this.set({ showDeleteTraitDialog: false, traitToDeleteIndex: undefined });\n\n  onTraitRemoved = () => {\n    const { traitToDeleteIndex } = this.state;\n    const { scale, scaleIndex, onScaleChanged, minNoOfTraits } = this.props || {};\n    let { traits, traitLabel } = scale || {};\n\n    if (traitToDeleteIndex < 0 || traitToDeleteIndex >= traits.length) return;\n\n    if (traits.length === minNoOfTraits) {\n      this.set({\n        infoDialogText: `There can't be less than ${minNoOfTraits} ${(traitLabel || 'trait').toLowerCase()}s.`,\n        showInfoDialog: true,\n      });\n\n      return false;\n    }\n\n    traits = [...traits.slice(0, traitToDeleteIndex), ...traits.slice(traitToDeleteIndex + 1)];\n\n    onScaleChanged(scaleIndex, { traits });\n\n    this.hideDeleteTraitModal();\n  };\n\n  onTraitAdded = () => {\n    const { scale, scaleIndex, onScaleChanged, maxNoOfTraits } = this.props || {};\n    const { traits, scorePointsLabels } = scale || {};\n\n    if (traits.length === maxNoOfTraits) {\n      this.set({\n        infoDialogText: `There can't be more than ${maxNoOfTraits} scales.`,\n        showInfoDialog: true,\n      });\n\n      return false;\n    }\n\n    traits.push({\n      name: '',\n      description: '',\n      standards: [],\n      scorePointsDescriptors: Array.from({ length: scorePointsLabels.length }, () => ''),\n    });\n\n    onScaleChanged(scaleIndex, { traits });\n  };\n\n  onTraitChanged = (traitIndex, trait) => {\n    const { scale, scaleIndex, onScaleChanged } = this.props || {};\n    const { traits } = scale || {};\n\n    if (traitIndex >= 0 && traitIndex < traits.length) {\n      traits[traitIndex] = trait;\n\n      onScaleChanged(scaleIndex, { traits });\n    }\n  };\n\n  onTraitDropped = (event) => {\n    const { active, over } = event;\n    \n    if (!over || !active) return;\n    \n    const activeData = active.data.current;\n    const overData = over.data.current;\n    \n    if (activeData?.type === 'trait' && overData?.type === 'trait') {\n      const oldIndex = activeData.index;\n      const newIndex = overData.index;\n      \n      if (oldIndex === newIndex) return;\n      \n      const { scale, scaleIndex, onScaleChanged } = this.props || {};\n      const { traits } = scale || {};\n      \n      const cup = traits[oldIndex];\n      const remainingTraits = traits.filter((item, index) => index !== oldIndex);\n      const newTraits = [...remainingTraits.slice(0, newIndex), cup, ...remainingTraits.slice(newIndex)];\n\n      onScaleChanged(scaleIndex, { traits: newTraits });\n    }\n  };\n\n  decreasePosition = () => {\n    const { currentPosition } = this.state;\n    const decreasedPosition =\n      currentPosition - (currentPosition === AdjustedBlockWidth / 2 ? AdjustedBlockWidth / 2 : AdjustedBlockWidth);\n\n    this.setState({\n      currentPosition: decreasedPosition,\n      showRight: decreasedPosition < this.secondaryBlockRef.scrollWidth - this.secondaryBlockRef.offsetWidth,\n      showLeft: decreasedPosition > 0,\n    });\n  };\n\n  increasePosition = () => {\n    const { currentPosition } = this.state;\n    const increasedPosition = currentPosition + (currentPosition === 0 ? AdjustedBlockWidth / 2 : AdjustedBlockWidth);\n\n    this.setState({\n      currentPosition: increasedPosition,\n      showRight: increasedPosition < this.secondaryBlockRef.scrollWidth - this.secondaryBlockRef.offsetWidth,\n      showLeft: increasedPosition > 0,\n    });\n  };\n\n  render() {\n    const {\n      errors,\n      scale,\n      scaleIndex,\n      showStandards,\n      onScaleChanged,\n      excludeZero,\n      showDescription,\n      showLevelTagInput,\n      showScorePointLabels,\n      enableDragAndDrop,\n      spellCheck,\n      width,\n      uploadSoundSupport,\n      maxPointsEnabled,\n      mathMlOptions = {},\n      maxMaxPoints,\n      expandedPluginProps = {},\n      labelPluginProps = {},\n      imageSupport = {},\n    } = this.props || {};\n\n    const { maxPoints, scorePointsLabels, traitLabel, traits } = scale || {};\n\n    const {\n      showDecreaseMaxPointsDialog,\n      showDeleteScaleDialog,\n      showDeleteTraitDialog,\n      currentPosition,\n      showRight,\n      showLeft,\n      showInfoDialog,\n      infoDialogText,\n    } = this.state;\n\n    const { traitsErrors, scorePointsErrors } = errors || {};\n    const currentScaleTraitsErrors = (traitsErrors && traitsErrors[scaleIndex]) || {};\n    const currentScalePointsLabelsErrors = (scorePointsErrors && scorePointsErrors[scaleIndex]) || {};\n\n    const scorePointsValues = [];\n    const secondaryBlockWidth = parseInt(width) - DragHandleSpace - PrimaryBlockWidth || 320; // 320 is minWidth\n\n    // determining the score points values\n    for (let pointValue = maxPoints; pointValue >= excludeZero ? 1 : 0; pointValue -= 1) {\n      scorePointsValues.push(pointValue);\n    }\n\n    return (\n      <DragProvider onDragEnd={this.onTraitDropped}>\n        <ScaleWrapper\n          key={`scale-${scaleIndex}`}\n          ref={(ref) => {\n            this.scaleWrapper = ref;\n          }}\n        >\n        <TraitsHeader\n          setSecondaryBlockRef={(ref) => {\n            if (ref) {\n              this.secondaryBlockRef = ref;\n            }\n          }}\n          key={'header-key'}\n          errors={currentScalePointsLabelsErrors}\n          traitLabel={traitLabel}\n          scorePointsValues={scorePointsValues}\n          scorePointsLabels={scorePointsLabels}\n          onScaleChange={(params) => onScaleChanged(scaleIndex, params)}\n          onTraitLabelChange={(label) => onScaleChanged(scaleIndex, { traitLabel: label })}\n          showStandards={showStandards}\n          showDescription={showDescription}\n          showLevelTagInput={showLevelTagInput}\n          showScorePointLabels={showScorePointLabels}\n          maxPoints={maxPoints}\n          updateMaxPointsFieldValue={this.updateMaxPointsFieldValue}\n          scaleIndex={scaleIndex}\n          showDeleteScaleModal={this.showDeleteScaleModal}\n          currentPosition={currentPosition}\n          secondaryBlockWidth={secondaryBlockWidth}\n          spellCheck={spellCheck}\n          uploadSoundSupport={uploadSoundSupport}\n          maxPointsEnabled={maxPointsEnabled}\n          mathMlOptions={mathMlOptions}\n          maxMaxPoints={maxMaxPoints}\n          expandedPluginProps={expandedPluginProps}\n          labelPluginProps={labelPluginProps}\n          imageSupport={imageSupport}\n        />\n\n        {traits.map((trait, index) => (\n          <TraitTile\n            key={index}\n            index={index}\n            error={currentScaleTraitsErrors && currentScaleTraitsErrors[index]}\n            trait={trait}\n            traitLabel={traitLabel || 'Trait'}\n            scorePointsValues={scorePointsValues}\n            scorePointsLabels={scorePointsLabels}\n            onTraitRemoved={() => this.showDeleteTraitModal(index)}\n            onTraitChanged={(trait) => this.onTraitChanged(index, trait)}\n            showStandards={showStandards}\n            showDescription={showDescription}\n            maxPoints={maxPoints}\n            currentPosition={currentPosition}\n            enableDragAndDrop={enableDragAndDrop}\n            secondaryBlockWidth={secondaryBlockWidth}\n            spellCheck={spellCheck}\n            uploadSoundSupport={uploadSoundSupport}\n            mathMlOptions={mathMlOptions}\n            expandedPluginProps={expandedPluginProps}\n            labelPluginProps={labelPluginProps}\n            imageSupport={imageSupport}\n          />\n        ))}\n\n        <Arrow\n          width={`${AdjustedBlockWidth / 2}px`}\n          show={showLeft}\n          onClick={this.decreasePosition}\n          left={`${PrimaryBlockWidth}px`}\n          showLevelTagInput={showLevelTagInput}\n        >\n          <ArrowBackIosIcon />\n        </Arrow>\n        <Arrow\n          width={`${AdjustedBlockWidth / 2}px`}\n          show={showRight}\n          onClick={this.increasePosition}\n          showLevelTagInput={showLevelTagInput}\n        >\n          <ArrowForwardIosIcon />\n        </Arrow>\n\n        <MultiTraitButton onClick={this.onTraitAdded}>\n          <div dangerouslySetInnerHTML={{ __html: `Add ${traitLabel || ' Trait'}` }} />\n        </MultiTraitButton>\n\n        <DecreaseMaxPoints\n          open={!!showDecreaseMaxPointsDialog}\n          deleteScorePoints={this.changeMaxPoints}\n          cancel={this.hideDecreaseMaxPointsModal}\n        />\n\n        <DeleteScale\n          open={!!showDeleteScaleDialog}\n          scaleIndex={scaleIndex}\n          deleteScale={this.deleteScale}\n          cancel={this.hideDeleteScaleModal}\n        />\n\n        <DeleteTrait\n          open={!!showDeleteTraitDialog}\n          deleteTrait={this.onTraitRemoved}\n          cancel={this.hideDeleteTraitModal}\n          traitLabel={traitLabel.toLowerCase()}\n        />\n        <InfoDialog open={showInfoDialog} text={infoDialogText} onClose={() => this.set({ showInfoDialog: false })} />\n        </ScaleWrapper>\n      </DragProvider>\n    );\n  }\n}\n\nScale.propTypes = {\n  errors: PropTypes.object,\n  scale: PropTypes.shape({\n    maxPoints: PropTypes.number,\n    scorePointsLabels: PropTypes.arrayOf(PropTypes.string),\n    traitLabel: PropTypes.string,\n    traits: PropTypes.arrayOf(\n      PropTypes.shape({\n        name: PropTypes.string,\n        standards: PropTypes.arrayOf(PropTypes.string),\n        scorePointsDescriptors: PropTypes.arrayOf(PropTypes.string),\n        description: PropTypes.string,\n      }),\n    ),\n  }),\n  width: PropTypes.string,\n  excludeZero: PropTypes.bool,\n  scaleIndex: PropTypes.number,\n  onScaleChanged: PropTypes.func,\n  onScaleRemoved: PropTypes.func,\n  showStandards: PropTypes.bool,\n  showLevelTagInput: PropTypes.bool,\n  showDescription: PropTypes.bool,\n  uploadSoundSupport: PropTypes.object,\n  showScorePointLabels: PropTypes.bool,\n  enableDragAndDrop: PropTypes.bool,\n  expandedPluginProps: PropTypes.object,\n  labelPluginProps: PropTypes.object,\n};\n\nexport default Scale;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"scale.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_ArrowBackIos","_ArrowForwardIos","_drag","_traitsHeader","_trait","_common","_modals","AdjustedBlockWidth","BlockWidth","ScaleWrapper","styled","theme","display","flexDirection","wordBreak","position","marginBottom","spacing","Scale","React","Component","constructor","args","_defineProperty2","default","showDecreaseMaxPointsDialog","showDeleteScaleDialog","showDeleteTraitDialog","currentPosition","showRight","showLeft","showInfoDialog","infoDialogText","newState","setState","target","scale","scaleIndex","onScaleChanged","props","maxPoints","numberValue","parseInt","value","getMaxScroll","showDecreaseMaxPointsModal","newMaxPoints","set","undefined","state","hideDecreaseMaxPointsModal","onScaleRemoved","hideDeleteScaleModal","traitToDeleteIndex","minNoOfTraits","traits","traitLabel","length","toLowerCase","slice","hideDeleteTraitModal","maxNoOfTraits","scorePointsLabels","push","name","description","standards","scorePointsDescriptors","Array","from","traitIndex","trait","event","active","over","activeData","data","current","overData","type","oldIndex","index","newIndex","cup","remainingTraits","filter","item","newTraits","decreasedPosition","Math","max","maxScroll","secondaryBlockRef","headerScrollWidth","scrollWidth","numberOfBlocks","getNumberOfBlocks","expectedContentWidth","min","offsetWidth","showStandards","showDescription","excludeZero","scorePointCount","increasedPosition","componentDidMount","componentDidUpdate","prevProps","UNSAFE_componentWillReceiveProps","nextProps","render","errors","showLevelTagInput","showScorePointLabels","enableDragAndDrop","spellCheck","width","uploadSoundSupport","maxPointsEnabled","mathMlOptions","maxMaxPoints","expandedPluginProps","labelPluginProps","imageSupport","traitsErrors","scorePointsErrors","currentScaleTraitsErrors","currentScalePointsLabelsErrors","scorePointsValues","secondaryBlockWidth","DragHandleSpace","PrimaryBlockWidth","pointValue","createElement","DragProvider","onDragEnd","onTraitDropped","key","ref","scaleWrapper","setSecondaryBlockRef","onScaleChange","params","onTraitLabelChange","label","updateMaxPointsFieldValue","showDeleteScaleModal","map","error","onTraitRemoved","showDeleteTraitModal","onTraitChanged","Arrow","show","onClick","decreasePosition","left","increasePosition","MultiTraitButton","onTraitAdded","dangerouslySetInnerHTML","__html","DecreaseMaxPoints","open","deleteScorePoints","changeMaxPoints","cancel","DeleteScale","deleteScale","DeleteTrait","deleteTrait","InfoDialog","text","onClose","exports","propTypes","PropTypes","object","shape","number","arrayOf","string","bool","func","_default"],"sources":["../src/scale.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { styled } from '@mui/material/styles';\nimport ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos';\nimport ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';\n\nimport { DragProvider } from '@pie-lib/drag';\n\nimport TraitsHeader from './traitsHeader';\nimport TraitTile from './trait';\nimport { Arrow, BlockWidth, DragHandleSpace, MultiTraitButton, PrimaryBlockWidth } from './common';\nimport { DecreaseMaxPoints, DeleteScale, DeleteTrait, InfoDialog } from './modals';\n\nconst AdjustedBlockWidth = BlockWidth + 2 * 8; // 8 is padding\n\nconst ScaleWrapper = styled('div')(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  wordBreak: 'break-word',\n  position: 'relative',\n  marginBottom: theme.spacing(2.5),\n}));\n\nexport class Scale extends React.Component {\n  state = {\n    showDecreaseMaxPointsDialog: false,\n    showDeleteScaleDialog: false,\n    showDeleteTraitDialog: false,\n    currentPosition: 0,\n    showRight: null,\n    showLeft: null,\n    showInfoDialog: false,\n    infoDialogText: '',\n  };\n\n  set = (newState) => this.setState(newState);\n\n  componentDidMount() {\n    if (this.state.showRight === null && this.secondaryBlockRef) {\n      this.setState({ showRight: this.getMaxScroll() });\n    }\n  }\n\n  componentDidUpdate(prevProps) {\n    if (\n      prevProps.scale.maxPoints !== this.props.scale.maxPoints ||\n      prevProps.showDescription !== this.props.showDescription ||\n      prevProps.excludeZero !== this.props.excludeZero\n    ) {\n      this.setState({ showRight: this.getMaxScroll() });\n    }\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (\n      nextProps.excludeZero !== this.props.excludeZero ||\n      nextProps.showStandards !== this.props.showStandards ||\n      nextProps.showDescription !== this.props.showDescription\n    ) {\n      this.setState({\n        currentPosition: 0,\n        showLeft: false,\n        showRight: this.getMaxScroll(),\n      });\n    }\n  }\n\n  // Max Points\n  updateMaxPointsFieldValue = ({ target }) => {\n    const { scale, scaleIndex, onScaleChanged } = this.props || {};\n    const { maxPoints } = scale;\n\n    const numberValue = parseInt(target.value, 10);\n\n    this.setState({\n      currentPosition: 0,\n      showLeft: false,\n      showRight: this.getMaxScroll(),\n    });\n\n    if (numberValue < maxPoints) {\n      this.showDecreaseMaxPointsModal({ newMaxPoints: numberValue });\n    } else {\n      onScaleChanged(scaleIndex, { maxPoints: numberValue });\n    }\n  };\n\n  showDecreaseMaxPointsModal = ({ newMaxPoints }) => this.set({ showDecreaseMaxPointsDialog: true, newMaxPoints });\n\n  hideDecreaseMaxPointsModal = () => this.set({ showDecreaseMaxPointsDialog: false, newMaxPoints: undefined });\n\n  changeMaxPoints = () => {\n    const { newMaxPoints } = this.state || {};\n    const { scaleIndex, onScaleChanged } = this.props || {};\n\n    if (newMaxPoints) {\n      onScaleChanged(scaleIndex, { maxPoints: newMaxPoints });\n    }\n\n    this.hideDecreaseMaxPointsModal();\n  };\n\n  // Delete Scale\n  showDeleteScaleModal = () => this.set({ showDeleteScaleDialog: true });\n\n  hideDeleteScaleModal = () => this.set({ showDeleteScaleDialog: false });\n\n  deleteScale = () => {\n    const { scaleIndex, onScaleRemoved } = this.props || {};\n\n    this.hideDeleteScaleModal();\n\n    onScaleRemoved(scaleIndex);\n  };\n\n  // Delete Trait\n  showDeleteTraitModal = (traitToDeleteIndex) => this.set({ showDeleteTraitDialog: true, traitToDeleteIndex });\n\n  hideDeleteTraitModal = () => this.set({ showDeleteTraitDialog: false, traitToDeleteIndex: undefined });\n\n  onTraitRemoved = () => {\n    const { traitToDeleteIndex } = this.state;\n    const { scale, scaleIndex, onScaleChanged, minNoOfTraits } = this.props || {};\n    let { traits, traitLabel } = scale || {};\n\n    if (traitToDeleteIndex < 0 || traitToDeleteIndex >= traits.length) return;\n\n    if (traits.length === minNoOfTraits) {\n      this.set({\n        infoDialogText: `There can't be less than ${minNoOfTraits} ${(traitLabel || 'trait').toLowerCase()}s.`,\n        showInfoDialog: true,\n      });\n\n      return false;\n    }\n\n    traits = [...traits.slice(0, traitToDeleteIndex), ...traits.slice(traitToDeleteIndex + 1)];\n\n    onScaleChanged(scaleIndex, { traits });\n\n    this.hideDeleteTraitModal();\n  };\n\n  onTraitAdded = () => {\n    const { scale, scaleIndex, onScaleChanged, maxNoOfTraits } = this.props || {};\n    const { traits, scorePointsLabels } = scale || {};\n\n    if (traits.length === maxNoOfTraits) {\n      this.set({\n        infoDialogText: `There can't be more than ${maxNoOfTraits} scales.`,\n        showInfoDialog: true,\n      });\n\n      return false;\n    }\n\n    traits.push({\n      name: '',\n      description: '',\n      standards: [],\n      scorePointsDescriptors: Array.from({ length: scorePointsLabels.length }, () => ''),\n    });\n\n    onScaleChanged(scaleIndex, { traits });\n  };\n\n  onTraitChanged = (traitIndex, trait) => {\n    const { scale, scaleIndex, onScaleChanged } = this.props || {};\n    const { traits } = scale || {};\n\n    if (traitIndex >= 0 && traitIndex < traits.length) {\n      traits[traitIndex] = trait;\n\n      onScaleChanged(scaleIndex, { traits });\n    }\n  };\n\n  onTraitDropped = (event) => {\n    const { active, over } = event;\n    \n    if (!over || !active) return;\n    \n    const activeData = active.data.current;\n    const overData = over.data.current;\n    \n    if (activeData?.type === 'trait' && overData?.type === 'trait') {\n      const oldIndex = activeData.index;\n      const newIndex = overData.index;\n      \n      if (oldIndex === newIndex) return;\n      \n      const { scale, scaleIndex, onScaleChanged } = this.props || {};\n      const { traits } = scale || {};\n      \n      const cup = traits[oldIndex];\n      const remainingTraits = traits.filter((item, index) => index !== oldIndex);\n      const newTraits = [...remainingTraits.slice(0, newIndex), cup, ...remainingTraits.slice(newIndex)];\n\n      onScaleChanged(scaleIndex, { traits: newTraits });\n    }\n  };\n\n  decreasePosition = () => {\n    const { currentPosition } = this.state;\n    const decreasedPosition = Math.max(currentPosition - AdjustedBlockWidth, 0);\n    const maxScroll = this.getMaxScroll();\n\n    this.setState({\n      currentPosition: decreasedPosition,\n      showRight: decreasedPosition < maxScroll,\n      showLeft: decreasedPosition > 0,\n    });\n  };\n\n  getMaxScroll = () => {\n    if (!this.secondaryBlockRef) return 0;\n\n    // block count * BlockWidth\n    // the header may have slightly larger scrollWidth due to inner component styling (borders, padding),\n    // so we use the minimum to keep header and trait rows aligned.\n    const headerScrollWidth = this.secondaryBlockRef.scrollWidth;\n    const numberOfBlocks = this.getNumberOfBlocks();\n    const expectedContentWidth = numberOfBlocks * BlockWidth;\n    const scrollWidth = Math.min(headerScrollWidth, expectedContentWidth);\n\n    return Math.max(0, scrollWidth - this.secondaryBlockRef.offsetWidth);\n  };\n\n  getNumberOfBlocks = () => {\n    const { scale, showStandards, showDescription, excludeZero } = this.props;\n    const { maxPoints } = scale || {};\n    const scorePointCount = maxPoints - (excludeZero ? 1 : 0) + 1;\n\n    return (showStandards ? 1 : 0) + (showDescription ? 1 : 0) + scorePointCount;\n  };\n\n  increasePosition = () => {\n    const { currentPosition } = this.state;\n    const maxScroll = this.getMaxScroll();\n    const increasedPosition = Math.min(currentPosition + AdjustedBlockWidth, maxScroll);\n\n    this.setState({\n      currentPosition: increasedPosition,\n      showRight: increasedPosition < maxScroll,\n      showLeft: increasedPosition > 0,\n    });\n  };\n\n  render() {\n    const {\n      errors,\n      scale,\n      scaleIndex,\n      showStandards,\n      onScaleChanged,\n      excludeZero,\n      showDescription,\n      showLevelTagInput,\n      showScorePointLabels,\n      enableDragAndDrop,\n      spellCheck,\n      width,\n      uploadSoundSupport,\n      maxPointsEnabled,\n      mathMlOptions = {},\n      maxMaxPoints,\n      expandedPluginProps = {},\n      labelPluginProps = {},\n      imageSupport = {},\n    } = this.props || {};\n\n    const { maxPoints, scorePointsLabels, traitLabel, traits } = scale || {};\n\n    const {\n      showDecreaseMaxPointsDialog,\n      showDeleteScaleDialog,\n      showDeleteTraitDialog,\n      currentPosition,\n      showRight,\n      showLeft,\n      showInfoDialog,\n      infoDialogText,\n    } = this.state;\n\n    const { traitsErrors, scorePointsErrors } = errors || {};\n    const currentScaleTraitsErrors = (traitsErrors && traitsErrors[scaleIndex]) || {};\n    const currentScalePointsLabelsErrors = (scorePointsErrors && scorePointsErrors[scaleIndex]) || {};\n\n    const scorePointsValues = [];\n    const secondaryBlockWidth = parseInt(width) - DragHandleSpace - PrimaryBlockWidth || 320; // 320 is minWidth\n\n    // determining the score points values\n    for (let pointValue = maxPoints; pointValue >= excludeZero ? 1 : 0; pointValue -= 1) {\n      scorePointsValues.push(pointValue);\n    }\n\n    return (\n      <DragProvider onDragEnd={this.onTraitDropped}>\n        <ScaleWrapper\n          key={`scale-${scaleIndex}`}\n          ref={(ref) => {\n            this.scaleWrapper = ref;\n          }}\n        >\n        <TraitsHeader\n          setSecondaryBlockRef={(ref) => {\n            if (ref) {\n              this.secondaryBlockRef = ref;\n            }\n          }}\n          key={'header-key'}\n          errors={currentScalePointsLabelsErrors}\n          traitLabel={traitLabel}\n          scorePointsValues={scorePointsValues}\n          scorePointsLabels={scorePointsLabels}\n          onScaleChange={(params) => onScaleChanged(scaleIndex, params)}\n          onTraitLabelChange={(label) => onScaleChanged(scaleIndex, { traitLabel: label })}\n          showStandards={showStandards}\n          showDescription={showDescription}\n          showLevelTagInput={showLevelTagInput}\n          showScorePointLabels={showScorePointLabels}\n          maxPoints={maxPoints}\n          updateMaxPointsFieldValue={this.updateMaxPointsFieldValue}\n          scaleIndex={scaleIndex}\n          showDeleteScaleModal={this.showDeleteScaleModal}\n          currentPosition={currentPosition}\n          secondaryBlockWidth={secondaryBlockWidth}\n          spellCheck={spellCheck}\n          uploadSoundSupport={uploadSoundSupport}\n          maxPointsEnabled={maxPointsEnabled}\n          mathMlOptions={mathMlOptions}\n          maxMaxPoints={maxMaxPoints}\n          expandedPluginProps={expandedPluginProps}\n          labelPluginProps={labelPluginProps}\n          imageSupport={imageSupport}\n        />\n\n        {traits.map((trait, index) => (\n          <TraitTile\n            key={index}\n            index={index}\n            error={currentScaleTraitsErrors && currentScaleTraitsErrors[index]}\n            trait={trait}\n            traitLabel={traitLabel || 'Trait'}\n            scorePointsValues={scorePointsValues}\n            scorePointsLabels={scorePointsLabels}\n            onTraitRemoved={() => this.showDeleteTraitModal(index)}\n            onTraitChanged={(trait) => this.onTraitChanged(index, trait)}\n            showStandards={showStandards}\n            showDescription={showDescription}\n            maxPoints={maxPoints}\n            currentPosition={currentPosition}\n            enableDragAndDrop={enableDragAndDrop}\n            secondaryBlockWidth={secondaryBlockWidth}\n            spellCheck={spellCheck}\n            uploadSoundSupport={uploadSoundSupport}\n            mathMlOptions={mathMlOptions}\n            expandedPluginProps={expandedPluginProps}\n            labelPluginProps={labelPluginProps}\n            imageSupport={imageSupport}\n          />\n        ))}\n\n        <Arrow\n          width={`${AdjustedBlockWidth / 2}px`}\n          show={showLeft}\n          onClick={this.decreasePosition}\n          left={`${PrimaryBlockWidth}px`}\n          showLevelTagInput={showLevelTagInput}\n        >\n          <ArrowBackIosIcon />\n        </Arrow>\n        <Arrow\n          width={`${AdjustedBlockWidth / 2}px`}\n          show={showRight}\n          onClick={this.increasePosition}\n          showLevelTagInput={showLevelTagInput}\n        >\n          <ArrowForwardIosIcon />\n        </Arrow>\n\n        <MultiTraitButton onClick={this.onTraitAdded}>\n          <div dangerouslySetInnerHTML={{ __html: `Add ${traitLabel || ' Trait'}` }} />\n        </MultiTraitButton>\n\n        <DecreaseMaxPoints\n          open={!!showDecreaseMaxPointsDialog}\n          deleteScorePoints={this.changeMaxPoints}\n          cancel={this.hideDecreaseMaxPointsModal}\n        />\n\n        <DeleteScale\n          open={!!showDeleteScaleDialog}\n          scaleIndex={scaleIndex}\n          deleteScale={this.deleteScale}\n          cancel={this.hideDeleteScaleModal}\n        />\n\n        <DeleteTrait\n          open={!!showDeleteTraitDialog}\n          deleteTrait={this.onTraitRemoved}\n          cancel={this.hideDeleteTraitModal}\n          traitLabel={traitLabel.toLowerCase()}\n        />\n        <InfoDialog open={showInfoDialog} text={infoDialogText} onClose={() => this.set({ showInfoDialog: false })} />\n        </ScaleWrapper>\n      </DragProvider>\n    );\n  }\n}\n\nScale.propTypes = {\n  errors: PropTypes.object,\n  scale: PropTypes.shape({\n    maxPoints: PropTypes.number,\n    scorePointsLabels: PropTypes.arrayOf(PropTypes.string),\n    traitLabel: PropTypes.string,\n    traits: PropTypes.arrayOf(\n      PropTypes.shape({\n        name: PropTypes.string,\n        standards: PropTypes.arrayOf(PropTypes.string),\n        scorePointsDescriptors: PropTypes.arrayOf(PropTypes.string),\n        description: PropTypes.string,\n      }),\n    ),\n  }),\n  width: PropTypes.string,\n  excludeZero: PropTypes.bool,\n  scaleIndex: PropTypes.number,\n  onScaleChanged: PropTypes.func,\n  onScaleRemoved: PropTypes.func,\n  showStandards: PropTypes.bool,\n  showLevelTagInput: PropTypes.bool,\n  showDescription: PropTypes.bool,\n  uploadSoundSupport: PropTypes.object,\n  showScorePointLabels: PropTypes.bool,\n  enableDragAndDrop: PropTypes.bool,\n  expandedPluginProps: PropTypes.object,\n  labelPluginProps: PropTypes.object,\n};\n\nexport default Scale;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/trait.js

@@ -29,7 +29,8 @@ const StyledPrimaryBlock = (0, _styles.styled)(_common.PrimaryBlock)(({
   display: 'flex',
   flexDirection: 'column',
   justifyContent: 'space-between',
-  marginBottom: theme.spacing(5)
+  marginBottom: theme.spacing(5),
+  touchAction: 'none'
 }));
 const Controls = (0, _styles.styled)('div')({
   display: 'flex',
@@ -103,9 +104,11 @@ function TraitTile({
       index
     }
   });
-  _react.default.useEffect(() => {
-    if (currentPosition !== undefined && secondaryBlockRef.current && secondaryBlockRef.current.scrollLeft !== currentPosition) {
-      scrollToPosition(currentPosition);
+  _react.default.useLayoutEffect(() => {
+    if (currentPosition !== undefined && secondaryBlockRef.current) {
+      secondaryBlockRef.current.scrollTo({
+        left: currentPosition
+      });
     }
   }, [currentPosition]);
   const onTraitChangedHandler = params => {
@@ -134,9 +137,6 @@ function TraitTile({
   };
   const handleClick = event => setAnchorEl(event.currentTarget);
   const handleClose = () => setAnchorEl(null);
-  const scrollToPosition = position => secondaryBlockRef.current?.scrollTo({
-    left: position
-  });
   const openMenu = () => {
     onTraitRemoved();
     handleClose();

package/configure/lib/trait.js.map

@@ -1 +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","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","useEffect","undefined","current","scrollLeft","scrollToPosition","onTraitChangedHandler","params","isEmpty","updatedTrait","onScorePointDescriptorChange","descriptor","value","length","newDescriptors","handleClick","event","currentTarget","handleClose","position","scrollTo","left","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}));\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.useEffect(() => {\n    if (\n      currentPosition !== undefined &&\n      secondaryBlockRef.current &&\n      secondaryBlockRef.current.scrollLeft !== currentPosition\n    ) {\n      scrollToPosition(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 scrollToPosition = (position) => secondaryBlockRef.current?.scrollTo({ left: position });\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":[]}
+{"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

@@ -79,9 +79,13 @@ class TraitsHeaderTile extends _react.default.Component {
     (0, _defineProperty2.default)(this, "handleClose", () => this.setState({
       anchorEl: null
     }));
-    (0, _defineProperty2.default)(this, "scrollToPosition", position => this.secondaryBlock.scrollTo({
-      left: position
-    }));
+    (0, _defineProperty2.default)(this, "scrollToPosition", position => {
+      if (this.secondaryBlock) {
+        this.secondaryBlock.scrollTo({
+          left: position
+        });
+      }
+    });
     (0, _defineProperty2.default)(this, "openMenu", () => {
       this.props.showDeleteScaleModal();
       this.handleClose();

package/configure/lib/traitsHeader.js.map

@@ -1 +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) => 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      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":[]}
+{"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":[]}

package/configure/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/multi-trait-rubric-configure",
-  "version": "6.1.2-next.3",
+  "version": "6.2.0-next.1",
   "private": true,
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -11,9 +11,9 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/config-ui": "12.2.0-next.13",
+    "@pie-lib/config-ui": "12.2.0-next.17",
     "@pie-lib/drag": "3.2.0-next.4",
-    "@pie-lib/editable-html-tip-tap": "1.2.0-next.13",
+    "@pie-lib/editable-html-tip-tap": "1.2.0-next.16",
     "@pie-lib/render-ui": "5.2.0-next.4",
     "debug": "^4.1.1",
     "lodash-es": "^4.17.23",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/multi-trait-rubric",
   "repository": "pie-framework/pie-elements",
-  "version": "7.1.2-next.3",
+  "version": "7.2.0-next.1",
   "publishConfig": {
     "access": "public"
   },
@@ -18,7 +18,7 @@
     "react": "18.3.1",
     "react-dom": "18.3.1"
   },
-  "gitHead": "15d380e035464a06537eea3aae5cd741f5319659",
+  "gitHead": "40a7ed35e8d7ede93ebb571fff94e0539294403f",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },