@pie-lib/mask-markup 1.31.0 → 1.33.0-mui-update.0

package/lib/components/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/dropdown.jsx"],"names":["Dropdown","props","event","setState","anchorEl","currentTarget","value","previewValue","highlightedOptionId","previewRef","current","innerHTML","index","id","stateUpdate","choices","onChange","handleHighlight","handleClose","selectedValue","state","ref","elementRefs","preview","menuWidth","hiddenRef","React","createRef","buttonRef","clientWidth","prevProps","prevState","hiddenEl","dropdownJustOpened","forEach","containsLatex","querySelector","hasMathJax","mathHandled","newWidth","found","find","choice","label","trim","undefined","classes","correct","disabled","showCorrectAnswer","singleQuery","correctValue","open","Boolean","buttonId","menuId","valueDisplayId","disabledClass","disabledCorrect","disabledIncorrect","incrementedId","parseInt","labelId","labelText","correctnessIcon","correctnessIndicatorIcon","correctIcon","incorrectIcon","position","visibility","top","left","map","c","root","menuRoot","selected","__html","srOnly","minWidth","borderWidth","transition","handleClick","getLabel","selectMenu","vertical","horizontal","style","padding","role","disablePadding","optionId","handleSelect","handleHover","selectedIndicator","Component","PropTypes","string","bool","func","object","arrayOf","shape","styles","color","text","border","borderGray","borderRadius","justifyContent","backgroundColor","background","height","width","margin","textTransform","paddingRight","right","pointerEvents","marginLeft","outline","tertiary","outlineOffset","borderColor","incorrectWithIcon","dropdownBackground","boxSizing","fontSize","overflow","white"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@material-ui/core/Button';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';\nimport ArrowDropUpIcon from '@material-ui/icons/ArrowDropUp';\nimport Close from '@material-ui/icons/Close';\nimport Check from '@material-ui/icons/Check';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nclass Dropdown extends React.Component {\n  static propTypes = {\n    id: PropTypes.string,\n    value: PropTypes.string,\n    disabled: PropTypes.bool,\n    onChange: PropTypes.func,\n    classes: PropTypes.object,\n    correct: PropTypes.bool,\n    choices: PropTypes.arrayOf(PropTypes.shape({ value: PropTypes.string, label: PropTypes.string })),\n    showCorrectAnswer: PropTypes.bool,\n    singleQuery: PropTypes.bool,\n    correctValue: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      anchorEl: null,\n      highlightedOptionId: null,\n      menuWidth: null,\n      previewValue: null,\n    };\n    this.hiddenRef = React.createRef();\n    this.buttonRef = React.createRef();\n    this.previewRef = React.createRef();\n    this.elementRefs = [];\n  }\n\n  componentDidMount() {\n    // measure hidden menu width once\n    if (this.hiddenRef.current && this.state.menuWidth === null) {\n      this.setState({ menuWidth: this.hiddenRef.current.clientWidth });\n    }\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const hiddenEl = this.hiddenRef.current;\n\n    const dropdownJustOpened = !prevState.anchorEl && this.state.anchorEl;\n    if (dropdownJustOpened) {\n      this.elementRefs.forEach((ref) => {\n        if (!ref) return;\n\n        const containsLatex = ref.querySelector('[data-latex], [data-raw]');\n        const hasMathJax = ref.querySelector('mjx-container');\n        const mathHandled = ref.querySelector('[data-math-handled=\"true\"]');\n\n        if (containsLatex && (!mathHandled || !hasMathJax)) {\n          renderMath(ref);\n        }\n      });\n    }\n\n    if (hiddenEl) {\n      const newWidth = hiddenEl.clientWidth;\n      if (newWidth !== this.state.menuWidth) {\n        this.elementRefs.forEach((ref) => {\n          if (ref) renderMath(ref);\n        });\n\n        renderMath(hiddenEl);\n        this.setState({ menuWidth: newWidth });\n      }\n    }\n  }\n\n  handleClick = (event) => this.setState({ anchorEl: event.currentTarget });\n\n  handleClose = () => {\n    const { value } = this.props;\n    this.setState({ anchorEl: null, previewValue: null, highlightedOptionId: null });\n    // clear displayed preview if no selection\n    if (!value && this.previewRef.current) {\n      this.previewRef.current.innerHTML = '';\n    }\n  };\n\n  handleHighlight = (index) => {\n    const highlightedOptionId = `dropdown-option-${this.props.id}-${index}`;\n\n    // preview on hover if nothing selected\n    const stateUpdate = { highlightedOptionId };\n    if (!this.props.value) {\n      stateUpdate.previewValue = this.props.choices[index].value;\n    }\n    this.setState(stateUpdate);\n  };\n\n  handleSelect = (value, index) => {\n    this.props.onChange(this.props.id, value);\n    this.handleHighlight(index);\n    this.handleClose();\n  };\n\n  handleHover = (index) => {\n    const selectedValue = this.props.value;\n\n    if (selectedValue) return;\n\n    const highlightedOptionId = `dropdown-option-${this.props.id}-${index}`;\n    const previewValue = this.state.previewValue;\n\n    this.setState({ highlightedOptionId, previewValue }, () => {\n      // On hover, preview the math-rendered content inside the button if no value is selected.\n      const ref = this.elementRefs[index];\n      const preview = this.previewRef.current;\n\n      if (ref && preview) {\n        preview.innerHTML = ref.innerHTML;\n      }\n    });\n  };\n\n  getLabel(choices, value) {\n    const found = (choices || []).find((choice) => choice.value === value);\n\n    return found ? found.label.trim() : undefined;\n  }\n\n  render() {\n    const { classes, id, correct, disabled, value, choices, showCorrectAnswer, singleQuery, correctValue } = this.props;\n    const { anchorEl } = this.state;\n    const open = Boolean(anchorEl);\n    const buttonId = `dropdown-button-${id}`;\n    const menuId = `dropdown-menu-${id}`;\n    const valueDisplayId = `dropdown-value-${id}`;\n\n    // Determine the class for disabled state, view mode and evaluate mode\n    let disabledClass;\n    // Reset elementRefs before each render to avoid stale references\n    this.elementRefs = [];\n\n    if (disabled && correct !== undefined) {\n      disabledClass = correct || showCorrectAnswer ? classes.disabledCorrect : classes.disabledIncorrect;\n    }\n\n    // Create distinct, visually hidden labels for each dropdown\n    const incrementedId = parseInt(id, 10) + 1;\n    const labelId = singleQuery ? 'Query-label' : `Query-label-${incrementedId}`;\n    const labelText = singleQuery ? 'Query' : `Query ${incrementedId}`;\n\n    // Changed from Select to Button for dropdown to enhance accessibility. This modification offers explicit control over aria attributes and focuses management, ensuring the dropdown is compliant with accessibility standards. The use of Button and Menu components allows for better handling of keyboard interactions and provides accessible labels and menus, aligning with WCAG guidelines and improving usability for assistive technology users.\n    let correctnessIcon = null;\n    if (disabled && correct !== undefined) {\n      correctnessIcon =\n        correct || showCorrectAnswer ? (\n          <Check className={classNames(classes.correctnessIndicatorIcon, classes.correctIcon)} />\n        ) : (\n          <Close className={classNames(classes.correctnessIndicatorIcon, classes.incorrectIcon)} />\n        );\n    }\n\n    return (\n      <>\n        <div\n          ref={this.hiddenRef}\n          style={{ position: 'absolute', visibility: 'hidden', top: 0, left: 0 }}\n          tabIndex={-1}\n          aria-hidden=\"true\"\n        >\n          {(choices || []).map((c, index) => (\n            <MenuItem\n              key={index}\n              classes={{ root: classes.menuRoot, selected: classes.selected }}\n              tabIndex={-1}\n              aria-hidden=\"true\"\n            >\n              <span className={classes.label} dangerouslySetInnerHTML={{ __html: c.label }} />\n            </MenuItem>\n          ))}\n        </div>\n        <InputLabel className={classes.srOnly} id={labelId} tabIndex={-1} aria-hidden=\"true\">\n          {labelText}\n        </InputLabel>\n        <Button\n          ref={this.buttonRef}\n          style={{\n            ...(this.state.menuWidth && { minWidth: `calc(${this.state.menuWidth}px + 8px)` }),\n            borderWidth: open ? '2px' : '1px',\n            transition: 'border-width 0.2s ease-in-out',\n          }}\n          aria-controls={open ? menuId : undefined}\n          aria-haspopup=\"listbox\"\n          aria-expanded={open ? 'true' : undefined}\n          aria-activedescendant={this.state.highlightedOptionId}\n          onClick={this.handleClick}\n          classes={{\n            root: classes.root,\n            disabled: disabledClass,\n          }}\n          disabled={disabled}\n          id={buttonId}\n          role=\"combobox\"\n          aria-label={`Select an option for ${labelText}`}\n          aria-labelledby={valueDisplayId}\n        >\n          {correctnessIcon}\n          <span\n            id={valueDisplayId}\n            ref={this.previewRef}\n            className={classes.label}\n            dangerouslySetInnerHTML={{\n              __html: correctValue\n                ? correctValue\n                : open && this.state.previewValue\n                ? this.getLabel(choices, this.state.previewValue)\n                : this.getLabel(choices, value) || '',\n            }}\n          />\n          {open ? <ArrowDropUpIcon /> : <ArrowDropDownIcon />}\n        </Button>\n        <Menu\n          id={menuId}\n          anchorEl={anchorEl}\n          className={classes.selectMenu}\n          keepMounted\n          open={open}\n          onClose={this.handleClose}\n          getContentAnchorEl={null}\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n          transformOrigin={{ vertical: 'top', horizontal: 'left' }}\n          PaperProps={this.state.menuWidth ? { style: { minWidth: this.state.menuWidth, padding: '4px' } } : undefined}\n          MenuListProps={{\n            'aria-labelledby': buttonId,\n            role: 'listbox',\n            disablePadding: true,\n          }}\n        >\n          {(choices || []).map((c, index) => {\n            const optionId = `dropdown-option-${id}-${index}`;\n\n            return (\n              <MenuItem\n                id={optionId}\n                classes={{ root: classes.menuRoot, selected: classes.selected }}\n                key={`${c.label}-${index}`}\n                value={c.value}\n                onClick={() => this.handleSelect(c.value, index)}\n                role=\"option\"\n                aria-selected={this.state.highlightedOptionId === optionId ? 'true' : undefined}\n                onMouseOver={() => this.handleHover(index)}\n              >\n                <span\n                  ref={(ref) => (this.elementRefs[index] = ref)}\n                  className={classes.label}\n                  dangerouslySetInnerHTML={{ __html: c.label }}\n                />\n                <span\n                  className={classes.selectedIndicator}\n                  dangerouslySetInnerHTML={{ __html: c.value === value ? ' &check;' : '' }}\n                />\n              </MenuItem>\n            );\n          })}\n        </Menu>\n      </>\n    );\n  }\n}\n\nconst styles = () => ({\n  root: {\n    color: color.text(),\n    border: `1px solid ${color.borderGray()}`,\n    borderRadius: '4px',\n    justifyContent: 'space-between',\n    backgroundColor: color.background(),\n    position: 'relative',\n    height: '45px',\n    width: 'fit-content',\n    margin: '2px',\n    textTransform: 'none',\n    '& span': {\n      paddingRight: '5px',\n    },\n    '& svg': {\n      position: 'absolute',\n      right: 0,\n      top: 'calc(50% - 12px)',\n      pointerEvents: 'none',\n      color: color.text(),\n      marginLeft: '5px',\n    },\n    '&:focus, &:focus-visible': {\n      outline: `3px solid ${color.tertiary()}`,\n      outlineOffset: '2px',\n      borderWidth: '3px',\n    },\n  },\n  disabledCorrect: {\n    borderWidth: '2px',\n    borderColor: color.correct(),\n    color: `${color.text()} !important`,\n  },\n  disabledIncorrect: {\n    borderWidth: '2px',\n    borderColor: color.incorrectWithIcon(),\n    color: `${color.text()} !important`,\n  },\n  selectMenu: {\n    backgroundColor: color.background(),\n    border: `1px solid ${color.correct()} !important`,\n    '&:hover': {\n      border: `1px solid ${color.text()} `,\n      borderColor: 'initial',\n    },\n    '&:focus': {\n      border: `1px solid ${color.text()}`,\n      borderColor: 'initial',\n    },\n    // remove default padding on the inner list\n    '& .MuiList-root': {\n      padding: 0,\n    },\n  },\n  selected: {\n    color: `${color.text()} !important`,\n    backgroundColor: `${color.background()} !important`,\n    '&:hover': {\n      color: color.text(),\n      backgroundColor: `${color.dropdownBackground()} !important`,\n    },\n  },\n  menuRoot: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    '&:focus, &:focus-visible': {\n      outline: `3px solid ${color.tertiary()}`,\n      outlineOffset: '-1px', // keeps it inside the item\n    },\n    '&:focus': {\n      color: color.text(),\n      backgroundColor: color.background(),\n    },\n    '&:hover': {\n      color: color.text(),\n      backgroundColor: color.dropdownBackground(),\n    },\n    boxSizing: 'border-box',\n    padding: '25px',\n    borderRadius: '4px',\n  },\n  label: {\n    fontSize: 'max(1rem, 14px)',\n  },\n  selectedIndicator: {\n    fontSize: 'max(1rem, 14px)',\n    position: 'absolute',\n    right: '10px',\n  },\n  srOnly: {\n    position: 'absolute',\n    left: '-10000px',\n    top: 'auto',\n    width: '1px',\n    height: '1px',\n    overflow: 'hidden',\n  },\n  correctnessIndicatorIcon: {\n    color: `${color.white()} !important`,\n    position: 'absolute',\n    top: '-8px !important',\n    left: '-8px',\n    marginLeft: '0 !important',\n    borderRadius: '50%',\n    fontSize: '16px',\n    padding: '2px',\n  },\n  correctIcon: {\n    backgroundColor: color.correct(),\n  },\n  incorrectIcon: {\n    backgroundColor: color.incorrectWithIcon(),\n  },\n});\n\nexport default withStyles(styles)(Dropdown);\n"],"file":"dropdown.js"}
+{"version":3,"file":"dropdown.js","names":["_react","_interopRequireDefault","require","_propTypes","_Button","_InputLabel","_Menu","_MenuItem","_ArrowDropDown","_ArrowDropUp","_Close","_Check","_styles","_renderUi","_mathRendering","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","call","StyledButton","styled","Button","color","text","border","concat","borderGray","borderRadius","justifyContent","backgroundColor","background","position","height","width","margin","textTransform","paddingRight","right","top","pointerEvents","marginLeft","outline","tertiary","outlineOffset","borderWidth","borderColor","correct","incorrectWithIcon","StyledMenu","Menu","padding","StyledMenuItem","MenuItem","dropdownBackground","boxSizing","StyledLabel","fontSize","StyledSelectedIndicator","StyledInputLabel","InputLabel","left","overflow","StyledCorrectnessIcon","Check","white","StyledIncorrectnessIcon","Close","Dropdown","_React$Component","props","_this","_classCallCheck2","event","setState","anchorEl","currentTarget","value","previewValue","highlightedOptionId","previewRef","current","innerHTML","index","id","stateUpdate","choices","onChange","handleHighlight","handleClose","selectedValue","state","ref","elementRefs","preview","menuWidth","hiddenRef","React","createRef","buttonRef","_inherits2","_createClass2","key","componentDidMount","clientWidth","componentDidUpdate","prevProps","prevState","hiddenEl","dropdownJustOpened","containsLatex","querySelector","hasMathJax","mathHandled","renderMath","newWidth","getLabel","found","find","choice","label","trim","undefined","render","_this2","_this$props","disabled","showCorrectAnswer","singleQuery","correctValue","open","buttonId","menuId","valueDisplayId","disabledClass","incrementedId","parseInt","labelId","labelText","correctnessIcon","createElement","className","Fragment","style","visibility","tabIndex","map","c","dangerouslySetInnerHTML","__html","minWidth","transition","onClick","handleClick","role","keepMounted","onClose","getContentAnchorEl","anchorOrigin","vertical","horizontal","transformOrigin","PaperProps","MenuListProps","disablePadding","optionId","handleSelect","onMouseOver","handleHover","Component","PropTypes","string","bool","func","arrayOf","shape","_default","exports"],"sources":["../../src/components/dropdown.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@mui/material/Button';\nimport InputLabel from '@mui/material/InputLabel';\nimport Menu from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\nimport ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';\nimport ArrowDropUpIcon from '@mui/icons-material/ArrowDropUp';\nimport Close from '@mui/icons-material/Close';\nimport Check from '@mui/icons-material/Check';\nimport { styled } from '@mui/material/styles';\n\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nconst StyledButton = styled(Button)(() => ({\n  color: color.text(),\n  border: `1px solid ${color.borderGray()}`,\n  borderRadius: '4px',\n  justifyContent: 'space-between',\n  backgroundColor: color.background(),\n  position: 'relative',\n  height: '45px',\n  width: 'fit-content',\n  margin: '2px',\n  textTransform: 'none',\n  '& span': {\n    paddingRight: '5px',\n  },\n  '& svg': {\n    position: 'absolute',\n    right: 0,\n    top: 'calc(50% - 12px)',\n    pointerEvents: 'none',\n    color: color.text(),\n    marginLeft: '5px',\n  },\n  '&.Mui-focused': {\n    outline: `3px solid ${color.tertiary()}`,\n    outlineOffset: '2px',\n    borderWidth: '3px',\n  },\n  '&.disabledCorrect': {\n    borderWidth: '2px',\n    borderColor: color.correct(),\n    color: `${color.text()} !important`,\n  },\n  '&.disabledIncorrect': {\n    borderWidth: '2px',\n    borderColor: color.incorrectWithIcon(),\n    color: `${color.text()} !important`,\n  },\n}));\n\nconst StyledMenu = styled(Menu)(() => ({\n  backgroundColor: color.background(),\n  border: `1px solid ${color.correct()} !important`,\n  '&:hover': {\n    border: `1px solid ${color.text()} `,\n    borderColor: 'initial',\n  },\n  '&:focus': {\n    border: `1px solid ${color.text()}`,\n    borderColor: 'initial',\n  },\n  // remove default padding on the inner list\n  '& .MuiList-root': {\n    padding: 0,\n  },\n}));\n\nconst StyledMenuItem = styled(MenuItem)(() => ({\n  color: color.text(),\n  backgroundColor: color.background(),\n  '&.Mui-focused': {\n    outline: `3px solid ${color.tertiary()}`,\n    outlineOffset: '-1px', // keeps it inside the item\n    color: color.text(),\n    backgroundColor: color.background(),\n  },\n  '&:hover': {\n    color: color.text(),\n    backgroundColor: color.dropdownBackground(),\n  },\n  boxSizing: 'border-box',\n  padding: '25px',\n  borderRadius: '4px',\n  '&.selected': {\n    color: `${color.text()} !important`,\n    backgroundColor: `${color.background()} !important`,\n    '&:hover': {\n      color: color.text(),\n      backgroundColor: `${color.dropdownBackground()} !important`,\n    },\n  },\n}));\n\nconst StyledLabel = styled('span')(() => ({\n  fontSize: 'max(1rem, 14px)',\n}));\n\nconst StyledSelectedIndicator = styled('span')(() => ({\n  fontSize: 'max(1rem, 14px)',\n  position: 'absolute',\n  right: '10px',\n}));\n\nconst StyledInputLabel = styled(InputLabel)(() => ({\n  position: 'absolute',\n  left: '-10000px',\n  top: 'auto',\n  width: '1px',\n  height: '1px',\n  overflow: 'hidden',\n}));\n\nconst StyledCorrectnessIcon = styled(Check)(() => ({\n  color: `${color.white()} !important`,\n  position: 'absolute',\n  top: '-8px !important',\n  left: '-8px',\n  marginLeft: '0 !important',\n  borderRadius: '50%',\n  fontSize: '16px',\n  padding: '2px',\n  '&.correct': {\n    backgroundColor: color.correct(),\n  },\n  '&.incorrect': {\n    backgroundColor: color.incorrectWithIcon(),\n  },\n}));\n\nconst StyledIncorrectnessIcon = styled(Close)(() => ({\n  color: `${color.white()} !important`,\n  position: 'absolute',\n  top: '-8px !important',\n  left: '-8px',\n  marginLeft: '0 !important',\n  borderRadius: '50%',\n  fontSize: '16px',\n  padding: '2px',\n  '&.correct': {\n    backgroundColor: color.correct(),\n  },\n  '&.incorrect': {\n    backgroundColor: color.incorrectWithIcon(),\n  },\n}));\n\nclass Dropdown extends React.Component {\n  static propTypes = {\n    id: PropTypes.string,\n    value: PropTypes.string,\n    disabled: PropTypes.bool,\n    onChange: PropTypes.func,\n    correct: PropTypes.bool,\n    choices: PropTypes.arrayOf(PropTypes.shape({ value: PropTypes.string, label: PropTypes.string })),\n    showCorrectAnswer: PropTypes.bool,\n    singleQuery: PropTypes.bool,\n    correctValue: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      anchorEl: null,\n      highlightedOptionId: null,\n      menuWidth: null,\n      previewValue: null,\n    };\n    this.hiddenRef = React.createRef();\n    this.buttonRef = React.createRef();\n    this.previewRef = React.createRef();\n    this.elementRefs = [];\n  }\n\n  componentDidMount() {\n    // measure hidden menu width once\n    if (this.hiddenRef.current && this.state.menuWidth === null) {\n      this.setState({ menuWidth: this.hiddenRef.current.clientWidth });\n    }\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const hiddenEl = this.hiddenRef.current;\n\n    const dropdownJustOpened = !prevState.anchorEl && this.state.anchorEl;\n    if (dropdownJustOpened) {\n      this.elementRefs.forEach((ref) => {\n        if (!ref) return;\n\n        const containsLatex = ref.querySelector('[data-latex], [data-raw]');\n        const hasMathJax = ref.querySelector('mjx-container');\n        const mathHandled = ref.querySelector('[data-math-handled=\"true\"]');\n\n        if (containsLatex && (!mathHandled || !hasMathJax)) {\n          renderMath(ref);\n        }\n      });\n    }\n\n    if (hiddenEl) {\n      const newWidth = hiddenEl.clientWidth;\n      if (newWidth !== this.state.menuWidth) {\n        this.elementRefs.forEach((ref) => {\n          if (ref) renderMath(ref);\n        });\n\n        renderMath(hiddenEl);\n        this.setState({ menuWidth: newWidth });\n      }\n    }\n  }\n\n  handleClick = (event) => this.setState({ anchorEl: event.currentTarget });\n\n  handleClose = () => {\n    const { value } = this.props;\n    this.setState({ anchorEl: null, previewValue: null, highlightedOptionId: null });\n    // clear displayed preview if no selection\n    if (!value && this.previewRef.current) {\n      this.previewRef.current.innerHTML = '';\n    }\n  };\n\n  handleHighlight = (index) => {\n    const highlightedOptionId = `dropdown-option-${this.props.id}-${index}`;\n\n    // preview on hover if nothing selected\n    const stateUpdate = { highlightedOptionId };\n    if (!this.props.value) {\n      stateUpdate.previewValue = this.props.choices[index].value;\n    }\n    this.setState(stateUpdate);\n  };\n\n  handleSelect = (value, index) => {\n    this.props.onChange(this.props.id, value);\n    this.handleHighlight(index);\n    this.handleClose();\n  };\n\n  handleHover = (index) => {\n    const selectedValue = this.props.value;\n\n    if (selectedValue) return;\n\n    const highlightedOptionId = `dropdown-option-${this.props.id}-${index}`;\n    const previewValue = this.state.previewValue;\n\n    this.setState({ highlightedOptionId, previewValue }, () => {\n      // On hover, preview the math-rendered content inside the button if no value is selected.\n      const ref = this.elementRefs[index];\n      const preview = this.previewRef.current;\n\n      if (ref && preview) {\n        preview.innerHTML = ref.innerHTML;\n      }\n    });\n  };\n\n  getLabel(choices, value) {\n    const found = (choices || []).find((choice) => choice.value === value);\n\n    return found ? found.label.trim() : undefined;\n  }\n\n  render() {\n    const { id, correct, disabled, value, choices, showCorrectAnswer, singleQuery, correctValue } = this.props;\n    const { anchorEl } = this.state;\n    const open = Boolean(anchorEl);\n    const buttonId = `dropdown-button-${id}`;\n    const menuId = `dropdown-menu-${id}`;\n    const valueDisplayId = `dropdown-value-${id}`;\n\n    // Determine the class for disabled state, view mode and evaluate mode\n    let disabledClass;\n    // Reset elementRefs before each render to avoid stale references\n    this.elementRefs = [];\n\n    if (disabled && correct !== undefined) {\n      disabledClass = correct || showCorrectAnswer ? 'disabledCorrect' : 'disabledIncorrect';\n    }\n\n    // Create distinct, visually hidden labels for each dropdown\n    const incrementedId = parseInt(id, 10) + 1;\n    const labelId = singleQuery ? 'Query-label' : `Query-label-${incrementedId}`;\n    const labelText = singleQuery ? 'Query' : `Query ${incrementedId}`;\n\n    // Changed from Select to Button for dropdown to enhance accessibility. This modification offers explicit control over aria attributes and focuses management, ensuring the dropdown is compliant with accessibility standards. The use of Button and Menu components allows for better handling of keyboard interactions and provides accessible labels and menus, aligning with WCAG guidelines and improving usability for assistive technology users.\n    let correctnessIcon = null;\n    if (disabled && correct !== undefined) {\n      correctnessIcon =\n        correct || showCorrectAnswer ? (\n          <StyledCorrectnessIcon className=\"correct\" />\n        ) : (\n          <StyledIncorrectnessIcon className=\"incorrect\" />\n        );\n    }\n\n    return (\n      <>\n        <div\n          ref={this.hiddenRef}\n          style={{ position: 'absolute', visibility: 'hidden', top: 0, left: 0 }}\n          tabIndex={-1}\n          aria-hidden=\"true\"\n        >\n          {(choices || []).map((c, index) => (\n            <StyledMenuItem\n              key={index}\n              tabIndex={-1}\n              aria-hidden=\"true\"\n            >\n              <StyledLabel dangerouslySetInnerHTML={{ __html: c.label }} />\n            </StyledMenuItem>\n          ))}\n        </div>\n        <StyledInputLabel id={labelId} tabIndex={-1} aria-hidden=\"true\">\n          {labelText}\n        </StyledInputLabel>\n        <StyledButton\n          ref={this.buttonRef}\n          style={{\n            ...(this.state.menuWidth && { minWidth: `calc(${this.state.menuWidth}px + 8px)` }),\n            borderWidth: open ? '2px' : '1px',\n            transition: 'border-width 0.2s ease-in-out',\n          }}\n          aria-controls={open ? menuId : undefined}\n          aria-haspopup=\"listbox\"\n          aria-expanded={open ? 'true' : undefined}\n          aria-activedescendant={this.state.highlightedOptionId}\n          onClick={this.handleClick}\n          className={disabledClass}\n          disabled={disabled}\n          id={buttonId}\n          role=\"combobox\"\n          aria-label={`Select an option for ${labelText}`}\n          aria-labelledby={valueDisplayId}\n        >\n          {correctnessIcon}\n          <StyledLabel\n            id={valueDisplayId}\n            ref={this.previewRef}\n            dangerouslySetInnerHTML={{\n              __html: correctValue\n                ? correctValue\n                : open && this.state.previewValue\n                ? this.getLabel(choices, this.state.previewValue)\n                : this.getLabel(choices, value) || '',\n            }}\n          />\n          {open ? <ArrowDropUpIcon /> : <ArrowDropDownIcon />}\n        </StyledButton>\n        <StyledMenu\n          id={menuId}\n          anchorEl={anchorEl}\n          keepMounted\n          open={open}\n          onClose={this.handleClose}\n          getContentAnchorEl={null}\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n          transformOrigin={{ vertical: 'top', horizontal: 'left' }}\n          PaperProps={this.state.menuWidth ? { style: { minWidth: this.state.menuWidth, padding: '4px' } } : undefined}\n          MenuListProps={{\n            'aria-labelledby': buttonId,\n            role: 'listbox',\n            disablePadding: true,\n          }}\n        >\n          {(choices || []).map((c, index) => {\n            const optionId = `dropdown-option-${id}-${index}`;\n\n            return (\n              <StyledMenuItem\n                id={optionId}\n                className={c.value === value ? 'selected' : ''}\n                key={`${c.label}-${index}`}\n                value={c.value}\n                onClick={() => this.handleSelect(c.value, index)}\n                role=\"option\"\n                aria-selected={this.state.highlightedOptionId === optionId ? 'true' : undefined}\n                onMouseOver={() => this.handleHover(index)}\n              >\n                <StyledLabel\n                  ref={(ref) => (this.elementRefs[index] = ref)}\n                  dangerouslySetInnerHTML={{ __html: c.label }}\n                />\n                <StyledSelectedIndicator\n                  dangerouslySetInnerHTML={{ __html: c.value === value ? ' &check;' : '' }}\n                />\n              </StyledMenuItem>\n            );\n          })}\n        </StyledMenu>\n      </>\n    );\n  }\n}\n\nexport default Dropdown;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/input.js

@@ -1,29 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _correctInput = _interopRequireDefault(require("./correct-input"));
-
 var Input = function Input(_ref) {
   var disabled = _ref.disabled,
-      correct = _ref.correct,
-      charactersLimit = _ref.charactersLimit,
-      id = _ref.id,
-      isConstructedResponse = _ref.isConstructedResponse,
-      value = _ref.value,
-      _onChange = _ref.onChange,
-      showCorrectAnswer = _ref.showCorrectAnswer,
-      spellCheck = _ref.spellCheck,
-      width = _ref.width;
+    correct = _ref.correct,
+    charactersLimit = _ref.charactersLimit,
+    id = _ref.id,
+    isConstructedResponse = _ref.isConstructedResponse,
+    value = _ref.value,
+    _onChange = _ref.onChange,
+    showCorrectAnswer = _ref.showCorrectAnswer,
+    spellCheck = _ref.spellCheck,
+    width = _ref.width;
   return /*#__PURE__*/_react["default"].createElement(_correctInput["default"], {
     disabled: disabled,
     correct: showCorrectAnswer || correct,
@@ -39,7 +34,6 @@ var Input = function Input(_ref) {
     }
   });
 };
-
 Input.propTypes = {
   id: _propTypes["default"].string,
   value: _propTypes["default"].string,
@@ -52,6 +46,5 @@ Input.propTypes = {
   width: _propTypes["default"].number,
   isConstructedResponse: _propTypes["default"].bool
 };
-var _default = Input;
-exports["default"] = _default;
+var _default = exports["default"] = Input;
 //# sourceMappingURL=input.js.map

package/lib/components/input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/input.jsx"],"names":["Input","disabled","correct","charactersLimit","id","isConstructedResponse","value","onChange","showCorrectAnswer","spellCheck","width","e","target","propTypes","PropTypes","string","func","bool","number"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAWR;AAAA,MAVJC,QAUI,QAVJA,QAUI;AAAA,MATJC,OASI,QATJA,OASI;AAAA,MARJC,eAQI,QARJA,eAQI;AAAA,MAPJC,EAOI,QAPJA,EAOI;AAAA,MANJC,qBAMI,QANJA,qBAMI;AAAA,MALJC,KAKI,QALJA,KAKI;AAAA,MAJJC,SAII,QAJJA,QAII;AAAA,MAHJC,iBAGI,QAHJA,iBAGI;AAAA,MAFJC,UAEI,QAFJA,UAEI;AAAA,MADJC,KACI,QADJA,KACI;AACJ,sBACE,gCAAC,wBAAD;AACE,IAAA,QAAQ,EAAET,QADZ;AAEE,IAAA,OAAO,EAAEO,iBAAiB,IAAIN,OAFhC;AAGE,IAAA,eAAe,EAAEC,eAHnB;AAIE,IAAA,OAAO,EAAC,UAJV;AAKE,IAAA,KAAK,EAAEG,KALT;AAME,IAAA,qBAAqB,EAAED,qBANzB;AAOE,IAAA,UAAU,EAAEI,UAPd;AAQE,IAAA,KAAK,EAAE,IART;AASE,IAAA,KAAK,EAAEC,KATT;AAUE,IAAA,QAAQ,EAAE,kBAACC,CAAD,EAAO;AACfJ,MAAAA,SAAQ,CAACH,EAAD,EAAKO,CAAC,CAACC,MAAF,CAASN,KAAd,CAAR;AACD;AAZH,IADF;AAgBD,CA5BD;;AA8BAN,KAAK,CAACa,SAAN,GAAkB;AAChBT,EAAAA,EAAE,EAAEU,sBAAUC,MADE;AAEhBT,EAAAA,KAAK,EAAEQ,sBAAUC,MAFD;AAGhBR,EAAAA,QAAQ,EAAEO,sBAAUE,IAHJ;AAIhBf,EAAAA,QAAQ,EAAEa,sBAAUG,IAJJ;AAKhBR,EAAAA,UAAU,EAAEK,sBAAUG,IALN;AAMhBf,EAAAA,OAAO,EAAEY,sBAAUG,IANH;AAOhBT,EAAAA,iBAAiB,EAAEM,sBAAUG,IAPb;AAQhBd,EAAAA,eAAe,EAAEW,sBAAUI,MARX;AAShBR,EAAAA,KAAK,EAAEI,sBAAUI,MATD;AAUhBb,EAAAA,qBAAqB,EAAES,sBAAUG;AAVjB,CAAlB;eAaejB,K","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CorrectInput from './correct-input';\n\nconst Input = ({\n  disabled,\n  correct,\n  charactersLimit,\n  id,\n  isConstructedResponse,\n  value,\n  onChange,\n  showCorrectAnswer,\n  spellCheck,\n  width,\n}) => {\n  return (\n    <CorrectInput\n      disabled={disabled}\n      correct={showCorrectAnswer || correct}\n      charactersLimit={charactersLimit}\n      variant=\"outlined\"\n      value={value}\n      isConstructedResponse={isConstructedResponse}\n      spellCheck={spellCheck}\n      isBox={true}\n      width={width}\n      onChange={(e) => {\n        onChange(id, e.target.value);\n      }}\n    />\n  );\n};\n\nInput.propTypes = {\n  id: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  disabled: PropTypes.bool,\n  spellCheck: PropTypes.bool,\n  correct: PropTypes.bool,\n  showCorrectAnswer: PropTypes.bool,\n  charactersLimit: PropTypes.number,\n  width: PropTypes.number,\n  isConstructedResponse: PropTypes.bool,\n};\n\nexport default Input;\n"],"file":"input.js"}
+{"version":3,"file":"input.js","names":["_react","_interopRequireDefault","require","_propTypes","_correctInput","Input","_ref","disabled","correct","charactersLimit","id","isConstructedResponse","value","onChange","showCorrectAnswer","spellCheck","width","createElement","variant","isBox","e","target","propTypes","PropTypes","string","func","bool","number","_default","exports"],"sources":["../../src/components/input.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CorrectInput from './correct-input';\n\nconst Input = ({\n  disabled,\n  correct,\n  charactersLimit,\n  id,\n  isConstructedResponse,\n  value,\n  onChange,\n  showCorrectAnswer,\n  spellCheck,\n  width,\n}) => {\n  return (\n    <CorrectInput\n      disabled={disabled}\n      correct={showCorrectAnswer || correct}\n      charactersLimit={charactersLimit}\n      variant=\"outlined\"\n      value={value}\n      isConstructedResponse={isConstructedResponse}\n      spellCheck={spellCheck}\n      isBox={true}\n      width={width}\n      onChange={(e) => {\n        onChange(id, e.target.value);\n      }}\n    />\n  );\n};\n\nInput.propTypes = {\n  id: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  disabled: PropTypes.bool,\n  spellCheck: PropTypes.bool,\n  correct: PropTypes.bool,\n  showCorrectAnswer: PropTypes.bool,\n  charactersLimit: PropTypes.number,\n  width: PropTypes.number,\n  isConstructedResponse: PropTypes.bool,\n};\n\nexport default Input;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAWL;EAAA,IAVJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IACFC,qBAAqB,GAAAL,IAAA,CAArBK,qBAAqB;IACrBC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,SAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,iBAAiB,GAAAR,IAAA,CAAjBQ,iBAAiB;IACjBC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,KAAK,GAAAV,IAAA,CAALU,KAAK;EAEL,oBACEhB,MAAA,YAAAiB,aAAA,CAACb,aAAA,WAAY;IACXG,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEM,iBAAiB,IAAIN,OAAQ;IACtCC,eAAe,EAAEA,eAAgB;IACjCS,OAAO,EAAC,UAAU;IAClBN,KAAK,EAAEA,KAAM;IACbD,qBAAqB,EAAEA,qBAAsB;IAC7CI,UAAU,EAAEA,UAAW;IACvBI,KAAK,EAAE,IAAK;IACZH,KAAK,EAAEA,KAAM;IACbH,QAAQ,EAAE,SAAVA,QAAQA,CAAGO,CAAC,EAAK;MACfP,SAAQ,CAACH,EAAE,EAAEU,CAAC,CAACC,MAAM,CAACT,KAAK,CAAC;IAC9B;EAAE,CACH,CAAC;AAEN,CAAC;AAEDP,KAAK,CAACiB,SAAS,GAAG;EAChBZ,EAAE,EAAEa,qBAAS,CAACC,MAAM;EACpBZ,KAAK,EAAEW,qBAAS,CAACC,MAAM;EACvBX,QAAQ,EAAEU,qBAAS,CAACE,IAAI;EACxBlB,QAAQ,EAAEgB,qBAAS,CAACG,IAAI;EACxBX,UAAU,EAAEQ,qBAAS,CAACG,IAAI;EAC1BlB,OAAO,EAAEe,qBAAS,CAACG,IAAI;EACvBZ,iBAAiB,EAAES,qBAAS,CAACG,IAAI;EACjCjB,eAAe,EAAEc,qBAAS,CAACI,MAAM;EACjCX,KAAK,EAAEO,qBAAS,CAACI,MAAM;EACvBhB,qBAAqB,EAAEY,qBAAS,CAACG;AACnC,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,cAEaxB,KAAK","ignoreList":[]}

package/lib/constructed-response.js

@@ -1,87 +1,73 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _classnames2 = _interopRequireDefault(require("classnames"));
-
+var _styles = require("@mui/material/styles");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _renderUi = require("@pie-lib/render-ui");
-
-var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
-
 var _withMask = require("./with-mask");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var styles = function styles() {
-  return {
-    editableHtmlCustom: {
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+//import EditableHtml from '@pie-lib/editable-html';
+
+var EditableHtml;
+var StyledEditableHtml;
+
+// - mathquill error window not defined
+if (typeof window !== 'undefined') {
+  EditableHtml = require('@pie-lib/editable-html')['default'];
+  StyledEditableHtml = (0, _styles.styled)(EditableHtml)(function () {
+    return {
       display: 'inline-block',
       verticalAlign: 'middle',
       margin: '4px',
       borderRadius: '4px',
-      border: "1px solid ".concat(_renderUi.color.black())
-    },
-    correct: {
-      border: "1px solid ".concat(_renderUi.color.correct())
-    },
-    incorrect: {
-      border: "1px solid ".concat(_renderUi.color.incorrect())
-    }
-  };
-};
-
+      border: "1px solid ".concat(_renderUi.color.black()),
+      '&.correct': {
+        border: "1px solid ".concat(_renderUi.color.correct())
+      },
+      '&.incorrect': {
+        border: "1px solid ".concat(_renderUi.color.incorrect())
+      }
+    };
+  });
+}
 var MaskedInput = function MaskedInput(props) {
   return function (node, data) {
     var _node$data;
-
     var adjustedLimit = props.adjustedLimit,
-        disabled = props.disabled,
-        feedback = props.feedback,
-        showCorrectAnswer = props.showCorrectAnswer,
-        maxLength = props.maxLength,
-        spellCheck = props.spellCheck,
-        classes = props.classes,
-        pluginProps = props.pluginProps,
-        onChange = props.onChange;
+      disabled = props.disabled,
+      feedback = props.feedback,
+      showCorrectAnswer = props.showCorrectAnswer,
+      maxLength = props.maxLength,
+      spellCheck = props.spellCheck,
+      pluginProps = props.pluginProps,
+      onChange = props.onChange;
     var dataset = ((_node$data = node.data) === null || _node$data === void 0 ? void 0 : _node$data.dataset) || {};
-
     if (dataset.component === 'input') {
-      var _pluginProps$characte, _classnames;
-
+      var _pluginProps$characte;
       var correctAnswer = (props.choices && dataset && props.choices[dataset.id] || [])[0];
       var finalValue = showCorrectAnswer ? correctAnswer && correctAnswer.label : data[dataset.id] || '';
       var width = maxLength && maxLength[dataset.id];
       var feedbackStatus = feedback && feedback[dataset.id];
       var isCorrect = showCorrectAnswer || feedbackStatus === 'correct';
       var isIncorrect = !showCorrectAnswer && feedbackStatus === 'incorrect';
-
       var handleInputChange = function handleInputChange(newValue) {
         var updatedValue = _objectSpread(_objectSpread({}, data), {}, (0, _defineProperty2["default"])({}, dataset.id, newValue));
-
         onChange(updatedValue);
       };
-
       var handleKeyDown = function handleKeyDown(event) {
         // the keyCode value for the Enter/Return key is 13
         if (event.key === 'Enter' || event.keyCode === 13) {
           return false;
         }
       };
-
-      return /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+      return /*#__PURE__*/_react["default"].createElement(StyledEditableHtml, {
         id: dataset.id,
         key: "".concat(node.type, "-input-").concat(dataset.id),
         disabled: showCorrectAnswer || disabled,
@@ -104,13 +90,13 @@ var MaskedInput = function MaskedInput(props) {
           noBorder: true,
           isHidden: !!(pluginProps !== null && pluginProps !== void 0 && (_pluginProps$characte = pluginProps.characters) !== null && _pluginProps$characte !== void 0 && _pluginProps$characte.disabled)
         },
-        className: (0, _classnames2["default"])(classes.editableHtmlCustom, (_classnames = {}, (0, _defineProperty2["default"])(_classnames, classes.correct, isCorrect), (0, _defineProperty2["default"])(_classnames, classes.incorrect, isIncorrect), _classnames))
+        className: (0, _classnames["default"])({
+          correct: isCorrect,
+          incorrect: isIncorrect
+        })
       });
     }
   };
 };
-
-var _default = (0, _styles.withStyles)(styles)((0, _withMask.withMask)('input', MaskedInput));
-
-exports["default"] = _default;
+var _default = exports["default"] = (0, _withMask.withMask)('input', MaskedInput);
 //# sourceMappingURL=constructed-response.js.map

package/lib/constructed-response.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/constructed-response.jsx"],"names":["styles","editableHtmlCustom","display","verticalAlign","margin","borderRadius","border","color","black","correct","incorrect","MaskedInput","props","node","data","adjustedLimit","disabled","feedback","showCorrectAnswer","maxLength","spellCheck","classes","pluginProps","onChange","dataset","component","correctAnswer","choices","id","finalValue","label","width","feedbackStatus","isCorrect","isIncorrect","handleInputChange","newValue","updatedValue","handleKeyDown","event","key","keyCode","type","language","minWidth","noBorder","isHidden","characters"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport classnames from 'classnames';\n\nimport { color } from '@pie-lib/render-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { withMask } from './with-mask';\n\nconst styles = () => ({\n  editableHtmlCustom: {\n    display: 'inline-block',\n    verticalAlign: 'middle',\n    margin: '4px',\n    borderRadius: '4px',\n    border: `1px solid ${color.black()}`,\n  },\n  correct: {\n    border: `1px solid ${color.correct()}`,\n  },\n  incorrect: {\n    border: `1px solid ${color.incorrect()}`,\n  },\n});\n\nconst MaskedInput = (props) => (node, data) => {\n  const {\n    adjustedLimit,\n    disabled,\n    feedback,\n    showCorrectAnswer,\n    maxLength,\n    spellCheck,\n    classes,\n    pluginProps,\n    onChange,\n  } = props;\n  const dataset = node.data?.dataset || {};\n\n  if (dataset.component === 'input') {\n    const correctAnswer = ((props.choices && dataset && props.choices[dataset.id]) || [])[0];\n    const finalValue = showCorrectAnswer ? correctAnswer && correctAnswer.label : data[dataset.id] || '';\n    const width = maxLength && maxLength[dataset.id];\n    const feedbackStatus = feedback && feedback[dataset.id];\n    const isCorrect = showCorrectAnswer || feedbackStatus === 'correct';\n    const isIncorrect = !showCorrectAnswer && feedbackStatus === 'incorrect';\n\n    const handleInputChange = (newValue) => {\n      const updatedValue = {\n        ...data,\n        [dataset.id]: newValue,\n      };\n      onChange(updatedValue);\n    };\n\n    const handleKeyDown = (event) => {\n      // the keyCode value for the Enter/Return key is 13\n      if (event.key === 'Enter' || event.keyCode === 13) {\n        return false;\n      }\n    };\n\n    return (\n      <EditableHtml\n        id={dataset.id}\n        key={`${node.type}-input-${dataset.id}`}\n        disabled={showCorrectAnswer || disabled}\n        disableUnderline\n        onChange={handleInputChange}\n        markup={finalValue || ''}\n        charactersLimit={adjustedLimit ? width : 25}\n        activePlugins={['languageCharacters']}\n        pluginProps={pluginProps}\n        languageCharactersProps={[{ language: 'spanish' }]}\n        spellCheck={spellCheck}\n        width={`calc(${width}em + 42px)`} // added 42px for left and right padding of editable-html\n        onKeyDown={handleKeyDown}\n        autoWidthToolbar\n        toolbarOpts={{\n          minWidth: 'auto',\n          noBorder: true,\n          isHidden: !!pluginProps?.characters?.disabled,\n        }}\n        className={classnames(classes.editableHtmlCustom, {\n          [classes.correct]: isCorrect,\n          [classes.incorrect]: isIncorrect,\n        })}\n      />\n    );\n  }\n};\n\nexport default withStyles(styles)(withMask('input', MaskedInput));\n"],"file":"constructed-response.js"}
+{"version":3,"file":"constructed-response.js","names":["_react","_interopRequireDefault","require","_styles","_classnames","_renderUi","_withMask","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","EditableHtml","StyledEditableHtml","window","styled","display","verticalAlign","margin","borderRadius","border","concat","color","black","correct","incorrect","MaskedInput","props","node","data","_node$data","adjustedLimit","disabled","feedback","showCorrectAnswer","maxLength","spellCheck","pluginProps","onChange","dataset","component","_pluginProps$characte","correctAnswer","choices","id","finalValue","label","width","feedbackStatus","isCorrect","isIncorrect","handleInputChange","newValue","updatedValue","handleKeyDown","event","key","keyCode","createElement","type","disableUnderline","markup","charactersLimit","activePlugins","languageCharactersProps","language","onKeyDown","autoWidthToolbar","toolbarOpts","minWidth","noBorder","isHidden","characters","className","classnames","_default","exports","withMask"],"sources":["../src/constructed-response.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport classnames from 'classnames';\n\nimport { color } from '@pie-lib/render-ui';\nimport { withMask } from './with-mask';\n//import EditableHtml from '@pie-lib/editable-html';\n\nlet EditableHtml;\nlet StyledEditableHtml;\n\n// - mathquill error window not defined\nif (typeof window !== 'undefined') {\n  EditableHtml = require('@pie-lib/editable-html')['default'];\n  StyledEditableHtml = styled(EditableHtml)(() => ({\n    display: 'inline-block',\n    verticalAlign: 'middle',\n    margin: '4px',\n    borderRadius: '4px',\n    border: `1px solid ${color.black()}`,\n    '&.correct': {\n      border: `1px solid ${color.correct()}`,\n    },\n    '&.incorrect': {\n      border: `1px solid ${color.incorrect()}`,\n    },\n  }));\n} \n\nconst MaskedInput = (props) => (node, data) => {\n  const {\n    adjustedLimit,\n    disabled,\n    feedback,\n    showCorrectAnswer,\n    maxLength,\n    spellCheck,\n    pluginProps,\n    onChange,\n  } = props;\n  const dataset = node.data?.dataset || {};\n\n  if (dataset.component === 'input') {\n    const correctAnswer = ((props.choices && dataset && props.choices[dataset.id]) || [])[0];\n    const finalValue = showCorrectAnswer ? correctAnswer && correctAnswer.label : data[dataset.id] || '';\n    const width = maxLength && maxLength[dataset.id];\n    const feedbackStatus = feedback && feedback[dataset.id];\n    const isCorrect = showCorrectAnswer || feedbackStatus === 'correct';\n    const isIncorrect = !showCorrectAnswer && feedbackStatus === 'incorrect';\n\n    const handleInputChange = (newValue) => {\n      const updatedValue = {\n        ...data,\n        [dataset.id]: newValue,\n      };\n      onChange(updatedValue);\n    };\n\n    const handleKeyDown = (event) => {\n      // the keyCode value for the Enter/Return key is 13\n      if (event.key === 'Enter' || event.keyCode === 13) {\n        return false;\n      }\n    };\n\n    return (\n      <StyledEditableHtml\n        id={dataset.id}\n        key={`${node.type}-input-${dataset.id}`}\n        disabled={showCorrectAnswer || disabled}\n        disableUnderline\n        onChange={handleInputChange}\n        markup={finalValue || ''}\n        charactersLimit={adjustedLimit ? width : 25}\n        activePlugins={['languageCharacters']}\n        pluginProps={pluginProps}\n        languageCharactersProps={[{ language: 'spanish' }]}\n        spellCheck={spellCheck}\n        width={`calc(${width}em + 42px)`} // added 42px for left and right padding of editable-html\n        onKeyDown={handleKeyDown}\n        autoWidthToolbar\n        toolbarOpts={{\n          minWidth: 'auto',\n          noBorder: true,\n          isHidden: !!pluginProps?.characters?.disabled,\n        }}\n        className={classnames({\n          correct: isCorrect,\n          incorrect: isIncorrect,\n        })}\n      />\n    );\n  }\n};\n\nexport default withMask('input', MaskedInput);\n"],"mappings":"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","ignoreList":[]}

package/lib/customizable.js

@@ -1,31 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _withMask = require("./with-mask");
-
 // import Input from './components/input';
 // eslint-disable-next-line react/display-name
-var _default = (0, _withMask.withMask)('input', function (props) {
+var _default = exports["default"] = (0, _withMask.withMask)('input', function (props) {
   return function (node, data, onChange) {
     var dataset = node.data ? node.data.dataset || {} : {};
-
     if (dataset.component === 'input') {
       // eslint-disable-next-line react/prop-types
       // const { adjustedLimit, disabled, feedback, showCorrectAnswer, maxLength, spellCheck } = props;
+
       // the first answer is the correct one
       // eslint-disable-next-line react/prop-types
       // const correctAnswer = ((props.choices && dataset && props.choices[dataset.id]) || [])[0];
       // const finalValue = showCorrectAnswer ? correctAnswer && correctAnswer.label : data[dataset.id] || '';
       // const width = maxLength && maxLength[dataset.id];
-      return props.customMarkMarkupComponent(dataset.id); // return (
+
+      return props.customMarkMarkupComponent(dataset.id);
+      // return (
       //   <Input
       //     key={`${node.type}-input-${dataset.id}`}
       //     correct={feedback && feedback[dataset.id] && feedback[dataset.id] === 'correct'}
@@ -43,6 +41,4 @@ var _default = (0, _withMask.withMask)('input', function (props) {
     }
   };
 });
-
-exports["default"] = _default;
 //# sourceMappingURL=customizable.js.map

package/lib/customizable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/customizable.jsx"],"names":["props","node","data","onChange","dataset","component","customMarkMarkupComponent","id"],"mappings":";;;;;;;;;AAAA;;AAEA;;AADA;AAGA;eACe,wBAAS,OAAT,EAAkB,UAACA,KAAD;AAAA,SAAW,UAACC,IAAD,EAAOC,IAAP,EAAaC,QAAb,EAA0B;AACpE,QAAMC,OAAO,GAAGH,IAAI,CAACC,IAAL,GAAYD,IAAI,CAACC,IAAL,CAAUE,OAAV,IAAqB,EAAjC,GAAsC,EAAtD;;AACA,QAAIA,OAAO,CAACC,SAAR,KAAsB,OAA1B,EAAmC;AACjC;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA,aAAOL,KAAK,CAACM,yBAAN,CAAgCF,OAAO,CAACG,EAAxC,CAAP,CAViC,CAWjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AACF,GA7BgC;AAAA,CAAlB,C","sourcesContent":["import React from 'react';\n// import Input from './components/input';\nimport { withMask } from './with-mask';\n\n// eslint-disable-next-line react/display-name\nexport default withMask('input', (props) => (node, data, onChange) => {\n  const dataset = node.data ? node.data.dataset || {} : {};\n  if (dataset.component === 'input') {\n    // eslint-disable-next-line react/prop-types\n    // const { adjustedLimit, disabled, feedback, showCorrectAnswer, maxLength, spellCheck } = props;\n\n    // the first answer is the correct one\n    // eslint-disable-next-line react/prop-types\n    // const correctAnswer = ((props.choices && dataset && props.choices[dataset.id]) || [])[0];\n    // const finalValue = showCorrectAnswer ? correctAnswer && correctAnswer.label : data[dataset.id] || '';\n    // const width = maxLength && maxLength[dataset.id];\n\n    return props.customMarkMarkupComponent(dataset.id);\n    // return (\n    //   <Input\n    //     key={`${node.type}-input-${dataset.id}`}\n    //     correct={feedback && feedback[dataset.id] && feedback[dataset.id] === 'correct'}\n    //     disabled={showCorrectAnswer || disabled}\n    //     value={finalValue}\n    //     id={dataset.id}\n    //     onChange={onChange}\n    //     showCorrectAnswer={showCorrectAnswer}\n    //     width={width}\n    //     charactersLimit={adjustedLimit ? width : 25}\n    //     isConstructedResponse={true}\n    //     spellCheck={spellCheck}\n    //   />\n    // );\n  }\n});\n"],"file":"customizable.js"}
+{"version":3,"file":"customizable.js","names":["_react","_interopRequireDefault","require","_withMask","_default","exports","withMask","props","node","data","onChange","dataset","component","customMarkMarkupComponent","id"],"sources":["../src/customizable.jsx"],"sourcesContent":["import React from 'react';\n// import Input from './components/input';\nimport { withMask } from './with-mask';\n\n// eslint-disable-next-line react/display-name\nexport default withMask('input', (props) => (node, data, onChange) => {\n  const dataset = node.data ? node.data.dataset || {} : {};\n  if (dataset.component === 'input') {\n    // eslint-disable-next-line react/prop-types\n    // const { adjustedLimit, disabled, feedback, showCorrectAnswer, maxLength, spellCheck } = props;\n\n    // the first answer is the correct one\n    // eslint-disable-next-line react/prop-types\n    // const correctAnswer = ((props.choices && dataset && props.choices[dataset.id]) || [])[0];\n    // const finalValue = showCorrectAnswer ? correctAnswer && correctAnswer.label : data[dataset.id] || '';\n    // const width = maxLength && maxLength[dataset.id];\n\n    return props.customMarkMarkupComponent(dataset.id);\n    // return (\n    //   <Input\n    //     key={`${node.type}-input-${dataset.id}`}\n    //     correct={feedback && feedback[dataset.id] && feedback[dataset.id] === 'correct'}\n    //     disabled={showCorrectAnswer || disabled}\n    //     value={finalValue}\n    //     id={dataset.id}\n    //     onChange={onChange}\n    //     showCorrectAnswer={showCorrectAnswer}\n    //     width={width}\n    //     charactersLimit={adjustedLimit ? width : 25}\n    //     isConstructedResponse={true}\n    //     spellCheck={spellCheck}\n    //   />\n    // );\n  }\n});\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AADA;AAGA;AAAA,IAAAE,QAAA,GAAAC,OAAA,cACe,IAAAC,kBAAQ,EAAC,OAAO,EAAE,UAACC,KAAK;EAAA,OAAK,UAACC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAK;IACpE,IAAMC,OAAO,GAAGH,IAAI,CAACC,IAAI,GAAGD,IAAI,CAACC,IAAI,CAACE,OAAO,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IACxD,IAAIA,OAAO,CAACC,SAAS,KAAK,OAAO,EAAE;MACjC;MACA;;MAEA;MACA;MACA;MACA;MACA;;MAEA,OAAOL,KAAK,CAACM,yBAAyB,CAACF,OAAO,CAACG,EAAE,CAAC;MAClD;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IACF;EACF,CAAC;AAAA,EAAC","ignoreList":[]}