@pie-lib/mask-markup 2.0.0-beta.1 → 2.0.0-next.0

package/lib/components/blank.js.map

@@ -1 +1 @@
-{"version":3,"file":"blank.js","names":["log","debug","DRAG_TYPE","useStyles","withStyles","content","border","color","primary","minWidth","chip","fontSize","minHeight","height","maxWidth","position","chipLabel","whiteSpace","display","padding","hidden","opacity","dragged","left","correct","incorrect","over","overflow","BlankContent","state","prevProps","renderMath","rootRef","currentChoice","props","choice","prevChoice","JSON","stringify","setState","setTimeout","spanRef","offsetHeight","parent","childNodes","forEach","elem","Element","HTMLDocument","setAttribute","disabled","classes","isOver","dragItem","draggedLabel","value","label","ref","ReactDOM","findDOMNode","classnames","innerHTML","addDraggableFalseAttributes","undefined","React","Component","id","PropTypes","oneOfType","string","number","bool","duplicates","object","onChange","func","StyledBlankContent","connectedBlankContent","connectDragSource","connectDropTarget","tileTarget","drop","monitor","draggedItem","getItem","instanceId","dropped","canDrop","DropTile","DropTarget","connect","dropTarget","tileSource","canDrag","beginDrag","fromChoice","endDrag","dropResult","getDropResult","DragDropTile","DragSource","dragSource","isDragging"],"sources":["../../src/components/blank.jsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport debug from 'debug';\nimport { DragSource, DropTarget } from '@pie-lib/drag';\nimport { withStyles } from '@material-ui/core/styles';\nimport Chip from '@material-ui/core/Chip';\nimport classnames from 'classnames';\nimport { color } from '@pie-lib/render-ui';\nconst log = debug('pie-lib:mask-markup:blank');\nexport const DRAG_TYPE = 'MaskBlank';\n\nconst useStyles = withStyles(() => ({\n  content: {\n    border: `solid 0px ${color.primary()}`,\n    minWidth: '200px'\n  },\n  chip: {\n    minWidth: '90px',\n    fontSize: 'inherit',\n    minHeight: '32px',\n    height: 'auto',\n    maxWidth: '374px',\n    position: 'relative'\n  },\n  chipLabel: {\n    whiteSpace: 'pre-wrap',\n    '& img': {\n      display: 'block',\n      padding: '2px 0'\n    }\n  },\n  hidden: {\n    color: 'transparent',\n    opacity: 0\n  },\n  dragged: {\n    position: 'absolute',\n    left: 14,\n    maxWidth: '60px'\n  },\n  correct: {\n    border: `solid 1px ${color.correct()}`\n  },\n  incorrect: {\n    border: `solid 1px ${color.incorrect()}`\n  },\n  over: {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden'\n  }\n}));\n\nexport class BlankContent extends React.Component {\n  static propTypes = {\n    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    disabled: PropTypes.bool,\n    duplicates: PropTypes.bool,\n    choice: PropTypes.object,\n    classes: PropTypes.object,\n    isOver: PropTypes.bool,\n    dragItem: PropTypes.object,\n    correct: PropTypes.bool,\n    onChange: PropTypes.func\n  };\n\n  constructor() {\n    super();\n    this.state = {\n      height: 0\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    renderMath(this.rootRef);\n    const { choice: currentChoice } = this.props;\n    const { choice: prevChoice } = prevProps;\n\n    if (JSON.stringify(currentChoice) !== JSON.stringify(prevChoice)) {\n      if (!currentChoice) {\n        this.setState({\n          height: 0\n        });\n        return;\n      }\n      setTimeout(() => {\n        this.setState({\n          height: this.spanRef.offsetHeight\n        });\n      }, 300);\n    }\n  }\n\n  addDraggableFalseAttributes(parent) {\n    parent.childNodes.forEach(elem => {\n      if (elem instanceof Element || elem instanceof HTMLDocument) {\n        elem.setAttribute('draggable', false);\n      }\n    });\n  }\n\n  render() {\n    const { disabled, choice, classes, isOver, dragItem, correct } = this.props;\n    const draggedLabel = dragItem && isOver && dragItem.choice.value;\n    const label = choice && choice.value;\n\n    return (\n      <Chip\n        ref={ref => {\n          //eslint-disable-next-line\n          this.rootRef = ReactDOM.findDOMNode(ref);\n        }}\n        component=\"span\"\n        label={\n          <React.Fragment>\n            <span\n              className={classnames(classes.chipLabel, isOver && classes.over, {\n                [classes.hidden]: draggedLabel\n              })}\n              ref={ref => {\n                if (ref) {\n                  //eslint-disable-next-line\n                  this.spanRef = ReactDOM.findDOMNode(ref);\n                  ref.innerHTML = label || '';\n                  this.addDraggableFalseAttributes(ref);\n                }\n              }}\n            >\n              {' '}\n            </span>\n            {draggedLabel && (\n              <span\n                className={classnames(classes.chipLabel, isOver && classes.over, classes.dragged)}\n                ref={ref => {\n                  if (ref) {\n                    //eslint-disable-next-line\n                    this.spanRef = ReactDOM.findDOMNode(ref);\n                    ref.innerHTML = draggedLabel || '';\n                    this.addDraggableFalseAttributes(ref);\n                  }\n                }}\n              >\n                {' '}\n              </span>\n            )}\n          </React.Fragment>\n        }\n        className={classnames(classes.chip, isOver && classes.over, {\n          [classes.correct]: correct !== undefined && correct,\n          [classes.incorrect]: correct !== undefined && !correct\n        })}\n        variant={disabled ? 'outlined' : undefined}\n        style={{\n          ...(this.state.height ? { height: this.state.height } : {})\n        }}\n        classes={{\n          label: isOver && classes.over\n        }}\n      />\n    );\n  }\n}\n\nconst StyledBlankContent = useStyles(BlankContent);\n\nconst connectedBlankContent = useStyles(({ connectDragSource, connectDropTarget, ...props }) => {\n  const { classes, isOver } = props;\n\n  return connectDropTarget(\n    connectDragSource(\n      <span className={classnames(classes.content, isOver && classes.over)}>\n        <StyledBlankContent {...props} />\n      </span>\n    )\n  );\n});\n\nconst tileTarget = {\n  drop(props, monitor) {\n    const draggedItem = monitor.getItem();\n\n    log('props.instanceId', props.instanceId, 'draggedItem.instanceId:', draggedItem.instanceId);\n\n    if (draggedItem.id !== props.id) {\n      props.onChange(props.id, draggedItem.choice.id);\n    }\n\n    return {\n      dropped: draggedItem.id !== props.id\n    };\n  },\n  canDrop(props, monitor) {\n    const draggedItem = monitor.getItem();\n\n    return draggedItem.instanceId === props.instanceId;\n  }\n};\n\nconst DropTile = DropTarget(DRAG_TYPE, tileTarget, (connect, monitor) => ({\n  connectDropTarget: connect.dropTarget(),\n  isOver: monitor.isOver(),\n  dragItem: monitor.getItem()\n}))(connectedBlankContent);\n\nconst tileSource = {\n  canDrag(props) {\n    return !props.disabled && !!props.choice;\n  },\n  beginDrag(props) {\n    return {\n      id: props.id,\n      choice: props.choice,\n      instanceId: props.instanceId,\n      fromChoice: true\n    };\n  },\n  endDrag(props, monitor) {\n    // this will be null if it did not drop\n    const dropResult = monitor.getDropResult();\n\n    if (!dropResult || (dropResult.dropped && !props.duplicates)) {\n      const draggedItem = monitor.getItem();\n\n      if (draggedItem.fromChoice) {\n        props.onChange(props.id, undefined);\n      }\n    }\n  }\n};\n\nconst DragDropTile = DragSource(DRAG_TYPE, tileSource, (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  isDragging: monitor.isDragging()\n}))(DropTile);\n\nexport default DragDropTile;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AACA,IAAMA,GAAG,GAAG,IAAAC,iBAAA,EAAM,2BAAN,CAAZ;AACO,IAAMC,SAAS,GAAG,WAAlB;;AAEP,IAAMC,SAAS,GAAG,IAAAC,kBAAA,EAAW;EAAA,OAAO;IAClCC,OAAO,EAAE;MACPC,MAAM,sBAAeC,eAAA,CAAMC,OAAN,EAAf,CADC;MAEPC,QAAQ,EAAE;IAFH,CADyB;IAKlCC,IAAI,EAAE;MACJD,QAAQ,EAAE,MADN;MAEJE,QAAQ,EAAE,SAFN;MAGJC,SAAS,EAAE,MAHP;MAIJC,MAAM,EAAE,MAJJ;MAKJC,QAAQ,EAAE,OALN;MAMJC,QAAQ,EAAE;IANN,CAL4B;IAalCC,SAAS,EAAE;MACTC,UAAU,EAAE,UADH;MAET,SAAS;QACPC,OAAO,EAAE,OADF;QAEPC,OAAO,EAAE;MAFF;IAFA,CAbuB;IAoBlCC,MAAM,EAAE;MACNb,KAAK,EAAE,aADD;MAENc,OAAO,EAAE;IAFH,CApB0B;IAwBlCC,OAAO,EAAE;MACPP,QAAQ,EAAE,UADH;MAEPQ,IAAI,EAAE,EAFC;MAGPT,QAAQ,EAAE;IAHH,CAxByB;IA6BlCU,OAAO,EAAE;MACPlB,MAAM,sBAAeC,eAAA,CAAMiB,OAAN,EAAf;IADC,CA7ByB;IAgClCC,SAAS,EAAE;MACTnB,MAAM,sBAAeC,eAAA,CAAMkB,SAAN,EAAf;IADG,CAhCuB;IAmClCC,IAAI,EAAE;MACJT,UAAU,EAAE,QADR;MAEJU,QAAQ,EAAE;IAFN;EAnC4B,CAAP;AAAA,CAAX,CAAlB;;IAyCaC,Y;;;;;EAaX,wBAAc;IAAA;;IAAA;IACZ;IACA,MAAKC,KAAL,GAAa;MACXhB,MAAM,EAAE;IADG,CAAb;IAFY;EAKb;;;;WAED,4BAAmBiB,SAAnB,EAA8B;MAAA;;MAC5B,IAAAC,yBAAA,EAAW,KAAKC,OAAhB;MACA,IAAgBC,aAAhB,GAAkC,KAAKC,KAAvC,CAAQC,MAAR;MACA,IAAgBC,UAAhB,GAA+BN,SAA/B,CAAQK,MAAR;;MAEA,IAAIE,IAAI,CAACC,SAAL,CAAeL,aAAf,MAAkCI,IAAI,CAACC,SAAL,CAAeF,UAAf,CAAtC,EAAkE;QAChE,IAAI,CAACH,aAAL,EAAoB;UAClB,KAAKM,QAAL,CAAc;YACZ1B,MAAM,EAAE;UADI,CAAd;UAGA;QACD;;QACD2B,UAAU,CAAC,YAAM;UACf,MAAI,CAACD,QAAL,CAAc;YACZ1B,MAAM,EAAE,MAAI,CAAC4B,OAAL,CAAaC;UADT,CAAd;QAGD,CAJS,EAIP,GAJO,CAAV;MAKD;IACF;;;WAED,qCAA4BC,MAA5B,EAAoC;MAClCA,MAAM,CAACC,UAAP,CAAkBC,OAAlB,CAA0B,UAAAC,IAAI,EAAI;QAChC,IAAIA,IAAI,YAAYC,OAAhB,IAA2BD,IAAI,YAAYE,YAA/C,EAA6D;UAC3DF,IAAI,CAACG,YAAL,CAAkB,WAAlB,EAA+B,KAA/B;QACD;MACF,CAJD;IAKD;;;WAED,kBAAS;MAAA;MAAA;;MACP,kBAAiE,KAAKf,KAAtE;MAAA,IAAQgB,QAAR,eAAQA,QAAR;MAAA,IAAkBf,MAAlB,eAAkBA,MAAlB;MAAA,IAA0BgB,OAA1B,eAA0BA,OAA1B;MAAA,IAAmCC,MAAnC,eAAmCA,MAAnC;MAAA,IAA2CC,QAA3C,eAA2CA,QAA3C;MAAA,IAAqD7B,OAArD,eAAqDA,OAArD;MACA,IAAM8B,YAAY,GAAGD,QAAQ,IAAID,MAAZ,IAAsBC,QAAQ,CAAClB,MAAT,CAAgBoB,KAA3D;MACA,IAAMC,KAAK,GAAGrB,MAAM,IAAIA,MAAM,CAACoB,KAA/B;MAEA,oBACE,gCAAC,gBAAD;QACE,GAAG,EAAE,aAAAE,KAAG,EAAI;UACV;UACA,MAAI,CAACzB,OAAL,GAAe0B,oBAAA,CAASC,WAAT,CAAqBF,KAArB,CAAf;QACD,CAJH;QAKE,SAAS,EAAC,MALZ;QAME,KAAK,eACH,gCAAC,iBAAD,CAAO,QAAP,qBACE;UACE,SAAS,EAAE,IAAAG,uBAAA,EAAWT,OAAO,CAACnC,SAAnB,EAA8BoC,MAAM,IAAID,OAAO,CAACzB,IAAhD,uCACRyB,OAAO,CAAC/B,MADA,EACSkC,YADT,EADb;UAIE,GAAG,EAAE,aAAAG,IAAG,EAAI;YACV,IAAIA,IAAJ,EAAS;cACP;cACA,MAAI,CAAChB,OAAL,GAAeiB,oBAAA,CAASC,WAAT,CAAqBF,IAArB,CAAf;cACAA,IAAG,CAACI,SAAJ,GAAgBL,KAAK,IAAI,EAAzB;;cACA,MAAI,CAACM,2BAAL,CAAiCL,IAAjC;YACD;UACF;QAXH,GAaG,GAbH,CADF,EAgBGH,YAAY,iBACX;UACE,SAAS,EAAE,IAAAM,uBAAA,EAAWT,OAAO,CAACnC,SAAnB,EAA8BoC,MAAM,IAAID,OAAO,CAACzB,IAAhD,EAAsDyB,OAAO,CAAC7B,OAA9D,CADb;UAEE,GAAG,EAAE,aAAAmC,KAAG,EAAI;YACV,IAAIA,KAAJ,EAAS;cACP;cACA,MAAI,CAAChB,OAAL,GAAeiB,oBAAA,CAASC,WAAT,CAAqBF,KAArB,CAAf;cACAA,KAAG,CAACI,SAAJ,GAAgBP,YAAY,IAAI,EAAhC;;cACA,MAAI,CAACQ,2BAAL,CAAiCL,KAAjC;YACD;UACF;QATH,GAWG,GAXH,CAjBJ,CAPJ;QAwCE,SAAS,EAAE,IAAAG,uBAAA,EAAWT,OAAO,CAACzC,IAAnB,EAAyB0C,MAAM,IAAID,OAAO,CAACzB,IAA3C,qEACRyB,OAAO,CAAC3B,OADA,EACUA,OAAO,KAAKuC,SAAZ,IAAyBvC,OADnC,kDAER2B,OAAO,CAAC1B,SAFA,EAEYD,OAAO,KAAKuC,SAAZ,IAAyB,CAACvC,OAFtC,iBAxCb;QA4CE,OAAO,EAAE0B,QAAQ,GAAG,UAAH,GAAgBa,SA5CnC;QA6CE,KAAK,oBACC,KAAKlC,KAAL,CAAWhB,MAAX,GAAoB;UAAEA,MAAM,EAAE,KAAKgB,KAAL,CAAWhB;QAArB,CAApB,GAAoD,EADrD,CA7CP;QAgDE,OAAO,EAAE;UACP2C,KAAK,EAAEJ,MAAM,IAAID,OAAO,CAACzB;QADlB;MAhDX,EADF;IAsDD;;;EA3G+BsC,iBAAA,CAAMC,S;;;iCAA3BrC,Y,eACQ;EACjBsC,EAAE,EAAEC,qBAAA,CAAUC,SAAV,CAAoB,CAACD,qBAAA,CAAUE,MAAX,EAAmBF,qBAAA,CAAUG,MAA7B,CAApB,CADa;EAEjBpB,QAAQ,EAAEiB,qBAAA,CAAUI,IAFH;EAGjBC,UAAU,EAAEL,qBAAA,CAAUI,IAHL;EAIjBpC,MAAM,EAAEgC,qBAAA,CAAUM,MAJD;EAKjBtB,OAAO,EAAEgB,qBAAA,CAAUM,MALF;EAMjBrB,MAAM,EAAEe,qBAAA,CAAUI,IAND;EAOjBlB,QAAQ,EAAEc,qBAAA,CAAUM,MAPH;EAQjBjD,OAAO,EAAE2C,qBAAA,CAAUI,IARF;EASjBG,QAAQ,EAAEP,qBAAA,CAAUQ;AATH,C;AA6GrB,IAAMC,kBAAkB,GAAGzE,SAAS,CAACyB,YAAD,CAApC;AAEA,IAAMiD,qBAAqB,GAAG1E,SAAS,CAAC,iBAAwD;EAAA,IAArD2E,iBAAqD,SAArDA,iBAAqD;EAAA,IAAlCC,iBAAkC,SAAlCA,iBAAkC;EAAA,IAAZ7C,KAAY;EAC9F,IAAQiB,OAAR,GAA4BjB,KAA5B,CAAQiB,OAAR;EAAA,IAAiBC,MAAjB,GAA4BlB,KAA5B,CAAiBkB,MAAjB;EAEA,OAAO2B,iBAAiB,CACtBD,iBAAiB,eACf;IAAM,SAAS,EAAE,IAAAlB,uBAAA,EAAWT,OAAO,CAAC9C,OAAnB,EAA4B+C,MAAM,IAAID,OAAO,CAACzB,IAA9C;EAAjB,gBACE,gCAAC,kBAAD,EAAwBQ,KAAxB,CADF,CADe,CADK,CAAxB;AAOD,CAVsC,CAAvC;AAYA,IAAM8C,UAAU,GAAG;EACjBC,IADiB,gBACZ/C,KADY,EACLgD,OADK,EACI;IACnB,IAAMC,WAAW,GAAGD,OAAO,CAACE,OAAR,EAApB;IAEApF,GAAG,CAAC,kBAAD,EAAqBkC,KAAK,CAACmD,UAA3B,EAAuC,yBAAvC,EAAkEF,WAAW,CAACE,UAA9E,CAAH;;IAEA,IAAIF,WAAW,CAACjB,EAAZ,KAAmBhC,KAAK,CAACgC,EAA7B,EAAiC;MAC/BhC,KAAK,CAACwC,QAAN,CAAexC,KAAK,CAACgC,EAArB,EAAyBiB,WAAW,CAAChD,MAAZ,CAAmB+B,EAA5C;IACD;;IAED,OAAO;MACLoB,OAAO,EAAEH,WAAW,CAACjB,EAAZ,KAAmBhC,KAAK,CAACgC;IAD7B,CAAP;EAGD,CAbgB;EAcjBqB,OAdiB,mBAcTrD,KAdS,EAcFgD,OAdE,EAcO;IACtB,IAAMC,WAAW,GAAGD,OAAO,CAACE,OAAR,EAApB;IAEA,OAAOD,WAAW,CAACE,UAAZ,KAA2BnD,KAAK,CAACmD,UAAxC;EACD;AAlBgB,CAAnB;AAqBA,IAAMG,QAAQ,GAAG,IAAAC,gBAAA,EAAWvF,SAAX,EAAsB8E,UAAtB,EAAkC,UAACU,OAAD,EAAUR,OAAV;EAAA,OAAuB;IACxEH,iBAAiB,EAAEW,OAAO,CAACC,UAAR,EADqD;IAExEvC,MAAM,EAAE8B,OAAO,CAAC9B,MAAR,EAFgE;IAGxEC,QAAQ,EAAE6B,OAAO,CAACE,OAAR;EAH8D,CAAvB;AAAA,CAAlC,EAIbP,qBAJa,CAAjB;AAMA,IAAMe,UAAU,GAAG;EACjBC,OADiB,mBACT3D,KADS,EACF;IACb,OAAO,CAACA,KAAK,CAACgB,QAAP,IAAmB,CAAC,CAAChB,KAAK,CAACC,MAAlC;EACD,CAHgB;EAIjB2D,SAJiB,qBAIP5D,KAJO,EAIA;IACf,OAAO;MACLgC,EAAE,EAAEhC,KAAK,CAACgC,EADL;MAEL/B,MAAM,EAAED,KAAK,CAACC,MAFT;MAGLkD,UAAU,EAAEnD,KAAK,CAACmD,UAHb;MAILU,UAAU,EAAE;IAJP,CAAP;EAMD,CAXgB;EAYjBC,OAZiB,mBAYT9D,KAZS,EAYFgD,OAZE,EAYO;IACtB;IACA,IAAMe,UAAU,GAAGf,OAAO,CAACgB,aAAR,EAAnB;;IAEA,IAAI,CAACD,UAAD,IAAgBA,UAAU,CAACX,OAAX,IAAsB,CAACpD,KAAK,CAACsC,UAAjD,EAA8D;MAC5D,IAAMW,WAAW,GAAGD,OAAO,CAACE,OAAR,EAApB;;MAEA,IAAID,WAAW,CAACY,UAAhB,EAA4B;QAC1B7D,KAAK,CAACwC,QAAN,CAAexC,KAAK,CAACgC,EAArB,EAAyBH,SAAzB;MACD;IACF;EACF;AAvBgB,CAAnB;AA0BA,IAAMoC,YAAY,GAAG,IAAAC,gBAAA,EAAWlG,SAAX,EAAsB0F,UAAtB,EAAkC,UAACF,OAAD,EAAUR,OAAV;EAAA,OAAuB;IAC5EJ,iBAAiB,EAAEY,OAAO,CAACW,UAAR,EADyD;IAE5EC,UAAU,EAAEpB,OAAO,CAACoB,UAAR;EAFgE,CAAvB;AAAA,CAAlC,EAGjBd,QAHiB,CAArB;eAKeW,Y"}
+{"version":3,"file":"blank.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_mathRendering","_debug","_core","_utilities","_styles","_Chip","_classnames","_renderUi","_colors","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","log","debug","StyledContent","styled","_ref","dragged","over","border","concat","color","primary","minWidth","touchAction","overflow","whiteSpace","opacity","StyledChip","Chip","backgroundColor","background","text","fontSize","maxWidth","position","borderRadius","grey","correct","incorrect","StyledChipLabel","pointerEvents","display","padding","marginTop","marginBottom","left","BlankContent","_ref2","_dragItem$choice","_frozenRef$current","_frozenRef$current2","disabled","choice","isOver","isDragging","dragItem","emptyResponseAreaWidth","emptyResponseAreaHeight","rootRef","useRef","spanRef","frozenRef","_useState","useState","height","width","_useState2","_slicedToArray2","dimensions","setDimensions","handleImageLoad","updateDimensions","handleElements","_spanRef$current","imageElement","current","querySelector","onload","setTimeout","style","offsetWidth","offsetHeight","widthWithPadding","heightWithPadding","responseAreaWidth","parseFloat","responseAreaHeight","adjustedWidth","adjustedHeight","prevState","getRootDimensions","isNaN","rootStyle","minHeight","useEffect","renderMath","value","draggedLabel","label","createElement","clickable","ref","component","Fragment","draggable","className","classnames","hidden","dangerouslySetInnerHTML","__html","parentOver","undefined","variant","defaultProps","propTypes","id","PropTypes","oneOfType","string","number","bool","duplicates","object","onChange","func","instanceId","DragDropBlank","_ref3","_dragItem$data","_useDraggable","useDraggable","data","fromChoice","type","dragAttributes","attributes","dragListeners","listeners","setDragNodeRef","setNodeRef","transform","_useDroppable","useDroppable","accepts","setDropNodeRef","active","node","CSS","Translate","toString","_extends2","_default","exports"],"sources":["../../src/components/blank.jsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport debug from 'debug';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { CSS } from '@dnd-kit/utilities';\nimport { styled } from '@mui/material/styles';\nimport Chip from '@mui/material/Chip';\nimport classnames from 'classnames';\nimport { color } from '@pie-lib/render-ui';\nimport { grey } from '@mui/material/colors';\n\nconst log = debug('pie-lib:mask-markup:blank');\n\nconst StyledContent = styled('span')(({ dragged, over }) => ({\n  border: `solid 0px ${color.primary()}`,\n  minWidth: '200px',\n  touchAction: 'none',\n  overflow: 'hidden',\n  whiteSpace: 'nowrap',\n  opacity: 1,\n  ...(over && {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n  }),\n  ...(dragged && {\n    opacity: 0.5,\n  }),\n}));\n\nconst StyledChip = styled(Chip)(() => ({\n  backgroundColor: color.background(),\n  border: `2px dashed ${color.text()}`,\n  color: color.text(),\n  fontSize: 'inherit',\n  maxWidth: '374px',\n  position: 'relative',\n  borderRadius: '3px',\n  '&.over': {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n  },\n  '&.parentOver': {\n    border: `1px solid ${grey[500]}`,\n    backgroundColor: `${grey[300]}`,\n  },\n  '&.correct': {\n    border: `solid 1px ${color.correct()}`,\n  },\n  '&.incorrect': {\n    border: `solid 1px ${color.incorrect()}`,\n  },\n  '&.Mui-disabled': {\n    opacity: 1,\n  },\n}));\n\nconst StyledChipLabel = styled('span')(() => ({\n  whiteSpace: 'normal',\n  // Added for touch devices, for image content.\n  // This will prevent the context menu from appearing and not allowing other interactions with the image.\n  // If interactions with the image in the token will be requested we should handle only the context Menu.\n  pointerEvents: 'none',\n  '& img': {\n    display: 'block',\n    padding: '2px 0',\n  },\n  // Remove default <p> margins to ensure consistent spacing across all wrapped content (p, span, div, math)\n  // Padding for top and bottom will instead be controlled by the container for consistent layout\n  // Ensures consistent behavior with pie-api-browser, where marginTop is already removed by a Bootstrap stylesheet\n  '& p': {\n    marginTop: '0',\n    marginBottom: '0',\n  },\n  '& mjx-frac': {\n    fontSize: '120% !important',\n  },\n  '&.over': {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n  },\n  '&.hidden': {\n    color: 'transparent',\n    opacity: 0,\n  },\n  '&.dragged': {\n    position: 'absolute',\n    left: 16,\n    maxWidth: '60px',\n  },\n}));\n\nfunction BlankContent({\n  disabled,\n  choice,\n  isOver,\n  isDragging,\n  dragItem,\n  correct,\n  emptyResponseAreaWidth,\n  emptyResponseAreaHeight,\n}) {\n  const rootRef = useRef(null);\n  const spanRef = useRef(null);\n  const frozenRef = useRef(null); // to use during dragging to prevent flickering\n  const [dimensions, setDimensions] = useState({ height: 0, width: 0 });\n\n  const handleImageLoad = () => {\n    updateDimensions();\n  };\n\n  const handleElements = () => {\n    const imageElement = spanRef.current?.querySelector('img');\n    if (imageElement) {\n      imageElement.onload = handleImageLoad;\n    } else {\n      setTimeout(() => {\n        updateDimensions();\n      }, 300);\n    }\n  };\n\n  const updateDimensions = () => {\n    if (spanRef.current && rootRef.current) {\n      // Temporarily set rootRef width to 'auto' for natural measurement\n      rootRef.current.style.width = 'auto';\n\n      // Get the natural dimensions of the content\n      const width = spanRef.current.offsetWidth || 0;\n      const height = spanRef.current.offsetHeight || 0;\n\n      const widthWithPadding = width + 24; // 12px padding on each side\n      const heightWithPadding = height + 24; // 12px padding on top and bottom\n\n      const responseAreaWidth = parseFloat(emptyResponseAreaWidth) || 0;\n      const responseAreaHeight = parseFloat(emptyResponseAreaHeight) || 0;\n\n      const adjustedWidth = widthWithPadding <= responseAreaWidth ? responseAreaWidth : widthWithPadding;\n      const adjustedHeight = heightWithPadding <= responseAreaHeight ? responseAreaHeight : heightWithPadding;\n\n      setDimensions((prevState) => ({\n        width: adjustedWidth > responseAreaWidth ? adjustedWidth : prevState.width,\n        height: adjustedHeight > responseAreaHeight ? adjustedHeight : prevState.height,\n      }));\n\n      rootRef.current.style.width = `${adjustedWidth}px`;\n      rootRef.current.style.height = `${adjustedHeight}px`;\n    }\n  };\n\n  const getRootDimensions = () => {\n    // Handle potential non-numeric values\n    const responseAreaWidth = !isNaN(parseFloat(emptyResponseAreaWidth)) ? parseFloat(emptyResponseAreaWidth) : 0;\n    const responseAreaHeight = !isNaN(parseFloat(emptyResponseAreaHeight)) ? parseFloat(emptyResponseAreaHeight) : 0;\n\n    const rootStyle = {\n      height: dimensions.height || responseAreaHeight,\n      width: dimensions.width || responseAreaWidth,\n    };\n\n    // add minWidth, minHeight if width and height are not defined\n    return {\n      ...rootStyle,\n      ...(responseAreaWidth ? {} : { minWidth: 90 }),\n      ...(responseAreaHeight ? {} : { minHeight: 32 }),\n    };\n  };\n\n  useEffect(() => {\n    handleElements();\n  }, []);\n\n  // Render math for the placeholder/preview when dragging over\n  useEffect(() => {\n    if (rootRef.current) {\n      renderMath(rootRef.current);\n    }\n  }, [isOver, dragItem?.choice?.value]);\n\n  useEffect(() => {\n    if (!choice) {\n      setDimensions({ height: 0, width: 0 });\n      return;\n    }\n    handleElements();\n  }, [choice]);\n\n  useEffect(() => {\n    if (!isOver && !isDragging) {\n      frozenRef.current = {\n        width: rootRef.current.offsetWidth,\n        height: rootRef.current.offsetHeight,\n      };\n    }\n  }, [choice, isOver, isDragging]);\n\n  const draggedLabel = dragItem && isOver && dragItem.choice && dragItem.choice.value;\n  const label = choice && choice.value;\n  const style =\n    isOver || isDragging\n      ? {\n          width: frozenRef.current?.width,\n          height: frozenRef.current?.height,\n        }\n      : getRootDimensions();\n\n  return (\n    <StyledChip\n      clickable={false}\n      disabled={disabled}\n      ref={rootRef}\n      component=\"span\"\n      label={\n        <React.Fragment>\n          <StyledChipLabel\n            ref={spanRef}\n            draggable={true}\n            className={classnames({\n              over: isOver,\n              hidden: draggedLabel,\n            })}\n            dangerouslySetInnerHTML={{ __html: label || '' }}\n          />\n          {draggedLabel && (\n            <StyledChipLabel\n              draggable={true}\n              className={classnames({\n                over: isOver,\n                dragged: true,\n              })}\n              dangerouslySetInnerHTML={{ __html: draggedLabel || '' }}\n            />\n          )}\n        </React.Fragment>\n      }\n      className={classnames({\n        over: isOver,\n        parentOver: isOver,\n        correct: correct !== undefined && correct,\n        incorrect: correct !== undefined && !correct,\n      })}\n      variant={disabled ? 'outlined' : undefined}\n      style={style}\n    />\n  );\n}\n\nBlankContent.defaultProps = {\n  emptyResponseAreaWidth: 0,\n  emptyResponseAreaHeight: 0,\n};\n\nBlankContent.propTypes = {\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.bool,\n  duplicates: PropTypes.bool,\n  choice: PropTypes.object,\n  isOver: PropTypes.bool,\n  dragItem: PropTypes.object,\n  correct: PropTypes.bool,\n  onChange: PropTypes.func,\n  emptyResponseAreaWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  emptyResponseAreaHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  instanceId: PropTypes.string,\n};\n\n// New functional component using @dnd-kit hooks\nfunction DragDropBlank({\n  id,\n  disabled,\n  duplicates,\n  choice,\n  correct,\n  onChange,\n  emptyResponseAreaWidth,\n  emptyResponseAreaHeight,\n  instanceId,\n}) {\n  // Setup draggable functionality\n  const {\n    attributes: dragAttributes,\n    listeners: dragListeners,\n    setNodeRef: setDragNodeRef,\n    transform,\n    isDragging,\n  } = useDraggable({\n    id: `mask-blank-drag-${id}`,\n    disabled: disabled || !choice,\n    data: {\n      id: id,\n      choice: choice,\n      instanceId: instanceId,\n      fromChoice: false, // This is from a blank, not from choices\n      type: 'MaskBlank',\n    },\n  });\n\n  // Setup droppable functionality\n  const { setNodeRef: setDropNodeRef, isOver, active: dragItem } = useDroppable({\n    id: `mask-blank-drop-${id}`,\n    data: {\n      id: id,\n      accepts: ['MaskBlank'],\n      instanceId: instanceId,\n    },\n  });\n\n  // Combine refs for both drag and drop\n  const setNodeRef = (node) => {\n    setDragNodeRef(node);\n    setDropNodeRef(node);\n  };\n\n  const style = {\n    transform: CSS.Translate.toString(transform),\n  };\n\n  return (\n    <StyledContent\n      ref={setNodeRef}\n      style={style}\n      dragged={isDragging}\n      over={isOver}\n      {...dragAttributes}\n      {...dragListeners}\n    >\n      <BlankContent\n        id={id}\n        disabled={disabled}\n        duplicates={duplicates}\n        choice={choice}\n        isOver={isOver}\n        dragItem={dragItem?.data?.current}\n        correct={correct}\n        onChange={onChange}\n        emptyResponseAreaWidth={emptyResponseAreaWidth}\n        emptyResponseAreaHeight={emptyResponseAreaHeight}\n        instanceId={instanceId}\n      />\n    </StyledContent>\n  );\n}\n\nDragDropBlank.defaultProps = {\n  emptyResponseAreaWidth: 0,\n  emptyResponseAreaHeight: 0,\n};\n\nDragDropBlank.propTypes = {\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.bool,\n  duplicates: PropTypes.bool,\n  choice: PropTypes.object,\n  correct: PropTypes.bool,\n  onChange: PropTypes.func,\n  emptyResponseAreaWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  emptyResponseAreaHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  instanceId: PropTypes.string,\n};\n\nexport default DragDropBlank;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/correct-input.js

@@ -1,39 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _OutlinedInput = _interopRequireDefault(require("@material-ui/core/OutlinedInput"));
-
-var _classnames3 = _interopRequireDefault(require("classnames"));
-
-var _styles = require("@material-ui/core/styles");
-
+var _OutlinedInput = _interopRequireDefault(require("@mui/material/OutlinedInput"));
+var _classnames2 = _interopRequireDefault(require("classnames"));
+var _styles = require("@mui/material/styles");
 var _renderUi = require("@pie-lib/render-ui");
-
-var _excluded = ["correct", "charactersLimit", "classes", "disabled", "isBox", "isConstructedResponse", "width", "spellCheck"];
-
-var correctStyle = function correctStyle(color) {
-  return {
-    borderColor: "".concat(color, " !important")
-  };
-};
-
-var _default = (0, _styles.withStyles)(function () {
+var _excluded = ["correct", "charactersLimit", "disabled", "isBox", "isConstructedResponse", "width", "spellCheck"];
+var StyledOutlinedInput = (0, _styles.styled)(_OutlinedInput["default"])(function () {
   return {
-    input: {
+    padding: '2px',
+    borderRadius: '4px',
+    fontSize: 'inherit',
+    display: 'inline-block',
+    verticalAlign: 'middle',
+    '& fieldset': {
+      border: 0
+    },
+    '& .MuiOutlinedInput-input': {
       color: _renderUi.color.text(),
       backgroundColor: _renderUi.color.background(),
       borderRadius: '4px !important',
@@ -50,64 +41,54 @@ var _default = (0, _styles.withStyles)(function () {
           borderColor: 'initial'
         }
       },
-      '&:focus': {
+      '&.Mui-focused': {
         borderColor: _renderUi.color.primaryDark()
+      },
+      '&.crInput': {
+        padding: '8px !important'
+      },
+      '&.correct': {
+        borderColor: "".concat(_renderUi.color.correct(), " !important")
+      },
+      '&.incorrect': {
+        borderColor: "".concat(_renderUi.color.incorrect(), " !important")
       }
-    },
-    crInput: {
-      padding: '8px !important'
-    },
-    correct: correctStyle(_renderUi.color.correct()),
-    incorrect: correctStyle(_renderUi.color.incorrect()),
-    box: {
-      fontSize: 'inherit'
-    },
-    outlinedInput: {
-      padding: '2px',
-      borderRadius: '4px',
-      '& fieldset': {
-        border: 0
-      }
-    },
-    notchedOutline: {
-      borderColor: _renderUi.color.correct()
     }
   };
-})(function (props) {
-  var _classnames, _classnames2;
-
+});
+var CorrectInput = function CorrectInput(props) {
   var correct = props.correct,
-      charactersLimit = props.charactersLimit,
-      classes = props.classes,
-      disabled = props.disabled,
-      isBox = props.isBox,
-      isConstructedResponse = props.isConstructedResponse,
-      width = props.width,
-      spellCheck = props.spellCheck,
-      rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    charactersLimit = props.charactersLimit,
+    disabled = props.disabled,
+    isBox = props.isBox,
+    isConstructedResponse = props.isConstructedResponse,
+    width = props.width,
+    spellCheck = props.spellCheck,
+    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var label = typeof correct === 'boolean' ? correct ? 'correct' : 'incorrect' : undefined;
   var inputProps = charactersLimit ? {
-    maxLength: charactersLimit
-  } : {};
-
+    maxLength: charactersLimit,
+    'aria-label': 'Enter answer'
+  } : {
+    'aria-label': 'Enter answer'
+  };
   if (width) {
     inputProps.style = {
       width: "".concat(width + Math.round(width / 10) + 1, "ch") // added some extra space for capital letters
-
     };
   }
-
-  return /*#__PURE__*/_react["default"].createElement(_OutlinedInput["default"], (0, _extends2["default"])({
-    className: (0, _classnames3["default"])((_classnames = {}, (0, _defineProperty2["default"])(_classnames, classes.disabledInput, disabled), (0, _defineProperty2["default"])(_classnames, classes.box, isBox), (0, _defineProperty2["default"])(_classnames, classes.outlinedInput, true), _classnames)),
+  return /*#__PURE__*/_react["default"].createElement(StyledOutlinedInput, (0, _extends2["default"])({
+    className: (0, _classnames2["default"])({
+      disabledInput: disabled,
+      box: isBox
+    }),
     classes: {
-      input: (0, _classnames3["default"])((_classnames2 = {}, (0, _defineProperty2["default"])(_classnames2, classes.input, true), (0, _defineProperty2["default"])(_classnames2, classes[label], label), (0, _defineProperty2["default"])(_classnames2, classes.crInput, isConstructedResponse), _classnames2))
+      input: (0, _classnames2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, label, label), "crInput", isConstructedResponse))
     },
     inputProps: inputProps,
-    labelWidth: 0,
     disabled: disabled,
     spellCheck: spellCheck
   }, rest));
-});
-
-exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJjb3JyZWN0U3R5bGUiLCJjb2xvciIsImJvcmRlckNvbG9yIiwid2l0aFN0eWxlcyIsImlucHV0IiwidGV4dCIsImJhY2tncm91bmRDb2xvciIsImJhY2tncm91bmQiLCJib3JkZXJSYWRpdXMiLCJib3JkZXJXaWR0aCIsImJvcmRlclN0eWxlIiwicGFkZGluZyIsIm9wYWNpdHkiLCJjdXJzb3IiLCJwcmltYXJ5IiwicHJpbWFyeURhcmsiLCJjcklucHV0IiwiY29ycmVjdCIsImluY29ycmVjdCIsImJveCIsImZvbnRTaXplIiwib3V0bGluZWRJbnB1dCIsImJvcmRlciIsIm5vdGNoZWRPdXRsaW5lIiwicHJvcHMiLCJjaGFyYWN0ZXJzTGltaXQiLCJjbGFzc2VzIiwiZGlzYWJsZWQiLCJpc0JveCIsImlzQ29uc3RydWN0ZWRSZXNwb25zZSIsIndpZHRoIiwic3BlbGxDaGVjayIsInJlc3QiLCJsYWJlbCIsInVuZGVmaW5lZCIsImlucHV0UHJvcHMiLCJtYXhMZW5ndGgiLCJzdHlsZSIsIk1hdGgiLCJyb3VuZCIsImNsYXNzbmFtZXMiLCJkaXNhYmxlZElucHV0Il0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvY29ycmVjdC1pbnB1dC5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBPdXRsaW5lZElucHV0IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL091dGxpbmVkSW5wdXQnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcbmltcG9ydCB7IGNvbG9yIH0gZnJvbSAnQHBpZS1saWIvcmVuZGVyLXVpJztcblxuY29uc3QgY29ycmVjdFN0eWxlID0gY29sb3IgPT4gKHtcbiAgYm9yZGVyQ29sb3I6IGAke2NvbG9yfSAhaW1wb3J0YW50YFxufSk7XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhTdHlsZXMoKCkgPT4gKHtcbiAgaW5wdXQ6IHtcbiAgICBjb2xvcjogY29sb3IudGV4dCgpLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3IuYmFja2dyb3VuZCgpLFxuICAgIGJvcmRlclJhZGl1czogJzRweCAhaW1wb3J0YW50JyxcbiAgICBib3JkZXJXaWR0aDogJzFweCcsXG4gICAgYm9yZGVyU3R5bGU6ICdzb2xpZCcsXG4gICAgcGFkZGluZzogJzEwcHggMjBweCAxMHB4IDEwcHgnLFxuICAgICcmOmRpc2FibGVkJzoge1xuICAgICAgb3BhY2l0eTogMC44LFxuICAgICAgY3Vyc29yOiAnbm90LWFsbG93ZWQgIWltcG9ydGFudCdcbiAgICB9LFxuICAgICcmOmhvdmVyJzoge1xuICAgICAgYm9yZGVyQ29sb3I6IGNvbG9yLnByaW1hcnkoKSxcbiAgICAgICcmOmRpc2FibGVkJzoge1xuICAgICAgICBib3JkZXJDb2xvcjogJ2luaXRpYWwnXG4gICAgICB9XG4gICAgfSxcbiAgICAnJjpmb2N1cyc6IHtcbiAgICAgIGJvcmRlckNvbG9yOiBjb2xvci5wcmltYXJ5RGFyaygpXG4gICAgfVxuICB9LFxuICBjcklucHV0OiB7XG4gICAgcGFkZGluZzogJzhweCAhaW1wb3J0YW50J1xuICB9LFxuICBjb3JyZWN0OiBjb3JyZWN0U3R5bGUoY29sb3IuY29ycmVjdCgpKSxcbiAgaW5jb3JyZWN0OiBjb3JyZWN0U3R5bGUoY29sb3IuaW5jb3JyZWN0KCkpLFxuICBib3g6IHtcbiAgICBmb250U2l6ZTogJ2luaGVyaXQnXG4gIH0sXG4gIG91dGxpbmVkSW5wdXQ6IHtcbiAgICBwYWRkaW5nOiAnMnB4JyxcbiAgICBib3JkZXJSYWRpdXM6ICc0cHgnLFxuICAgICcmIGZpZWxkc2V0Jzoge1xuICAgICAgYm9yZGVyOiAwXG4gICAgfVxuICB9LFxuICBub3RjaGVkT3V0bGluZToge1xuICAgIGJvcmRlckNvbG9yOiBjb2xvci5jb3JyZWN0KClcbiAgfVxufSkpKHByb3BzID0+IHtcbiAgY29uc3Qge1xuICAgIGNvcnJlY3QsXG4gICAgY2hhcmFjdGVyc0xpbWl0LFxuICAgIGNsYXNzZXMsXG4gICAgZGlzYWJsZWQsXG4gICAgaXNCb3gsXG4gICAgaXNDb25zdHJ1Y3RlZFJlc3BvbnNlLFxuICAgIHdpZHRoLFxuICAgIHNwZWxsQ2hlY2ssXG4gICAgLi4ucmVzdFxuICB9ID0gcHJvcHM7XG4gIGNvbnN0IGxhYmVsID0gdHlwZW9mIGNvcnJlY3QgPT09ICdib29sZWFuJyA/IChjb3JyZWN0ID8gJ2NvcnJlY3QnIDogJ2luY29ycmVjdCcpIDogdW5kZWZpbmVkO1xuICBjb25zdCBpbnB1dFByb3BzID0gY2hhcmFjdGVyc0xpbWl0ID8geyBtYXhMZW5ndGg6IGNoYXJhY3RlcnNMaW1pdCB9IDoge307XG5cbiAgaWYgKHdpZHRoKSB7XG4gICAgaW5wdXRQcm9wcy5zdHlsZSA9IHtcbiAgICAgIHdpZHRoOiBgJHt3aWR0aCArIE1hdGgucm91bmQod2lkdGggLyAxMCkgKyAxfWNoYCAvLyBhZGRlZCBzb21lIGV4dHJhIHNwYWNlIGZvciBjYXBpdGFsIGxldHRlcnNcbiAgICB9O1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8T3V0bGluZWRJbnB1dFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKHtcbiAgICAgICAgW2NsYXNzZXMuZGlzYWJsZWRJbnB1dF06IGRpc2FibGVkLFxuICAgICAgICBbY2xhc3Nlcy5ib3hdOiBpc0JveCxcbiAgICAgICAgW2NsYXNzZXMub3V0bGluZWRJbnB1dF06IHRydWVcbiAgICAgIH0pfVxuICAgICAgY2xhc3Nlcz17e1xuICAgICAgICBpbnB1dDogY2xhc3NuYW1lcyh7XG4gICAgICAgICAgW2NsYXNzZXMuaW5wdXRdOiB0cnVlLFxuICAgICAgICAgIFtjbGFzc2VzW2xhYmVsXV06IGxhYmVsLFxuICAgICAgICAgIFtjbGFzc2VzLmNySW5wdXRdOiBpc0NvbnN0cnVjdGVkUmVzcG9uc2VcbiAgICAgICAgfSlcbiAgICAgIH19XG4gICAgICBpbnB1dFByb3BzPXtpbnB1dFByb3BzfVxuICAgICAgbGFiZWxXaWR0aD17MH1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIHNwZWxsQ2hlY2s9e3NwZWxsQ2hlY2t9XG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApO1xufSk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7O0FBRUEsSUFBTUEsWUFBWSxHQUFHLFNBQWZBLFlBQWUsQ0FBQUMsS0FBSztFQUFBLE9BQUs7SUFDN0JDLFdBQVcsWUFBS0QsS0FBTDtFQURrQixDQUFMO0FBQUEsQ0FBMUI7O2VBSWUsSUFBQUUsa0JBQUEsRUFBVztFQUFBLE9BQU87SUFDL0JDLEtBQUssRUFBRTtNQUNMSCxLQUFLLEVBQUVBLGVBQUEsQ0FBTUksSUFBTixFQURGO01BRUxDLGVBQWUsRUFBRUwsZUFBQSxDQUFNTSxVQUFOLEVBRlo7TUFHTEMsWUFBWSxFQUFFLGdCQUhUO01BSUxDLFdBQVcsRUFBRSxLQUpSO01BS0xDLFdBQVcsRUFBRSxPQUxSO01BTUxDLE9BQU8sRUFBRSxxQkFOSjtNQU9MLGNBQWM7UUFDWkMsT0FBTyxFQUFFLEdBREc7UUFFWkMsTUFBTSxFQUFFO01BRkksQ0FQVDtNQVdMLFdBQVc7UUFDVFgsV0FBVyxFQUFFRCxlQUFBLENBQU1hLE9BQU4sRUFESjtRQUVULGNBQWM7VUFDWlosV0FBVyxFQUFFO1FBREQ7TUFGTCxDQVhOO01BaUJMLFdBQVc7UUFDVEEsV0FBVyxFQUFFRCxlQUFBLENBQU1jLFdBQU47TUFESjtJQWpCTixDQUR3QjtJQXNCL0JDLE9BQU8sRUFBRTtNQUNQTCxPQUFPLEVBQUU7SUFERixDQXRCc0I7SUF5Qi9CTSxPQUFPLEVBQUVqQixZQUFZLENBQUNDLGVBQUEsQ0FBTWdCLE9BQU4sRUFBRCxDQXpCVTtJQTBCL0JDLFNBQVMsRUFBRWxCLFlBQVksQ0FBQ0MsZUFBQSxDQUFNaUIsU0FBTixFQUFELENBMUJRO0lBMkIvQkMsR0FBRyxFQUFFO01BQ0hDLFFBQVEsRUFBRTtJQURQLENBM0IwQjtJQThCL0JDLGFBQWEsRUFBRTtNQUNiVixPQUFPLEVBQUUsS0FESTtNQUViSCxZQUFZLEVBQUUsS0FGRDtNQUdiLGNBQWM7UUFDWmMsTUFBTSxFQUFFO01BREk7SUFIRCxDQTlCZ0I7SUFxQy9CQyxjQUFjLEVBQUU7TUFDZHJCLFdBQVcsRUFBRUQsZUFBQSxDQUFNZ0IsT0FBTjtJQURDO0VBckNlLENBQVA7QUFBQSxDQUFYLEVBd0NYLFVBQUFPLEtBQUssRUFBSTtFQUFBOztFQUNYLElBQ0VQLE9BREYsR0FVSU8sS0FWSixDQUNFUCxPQURGO0VBQUEsSUFFRVEsZUFGRixHQVVJRCxLQVZKLENBRUVDLGVBRkY7RUFBQSxJQUdFQyxPQUhGLEdBVUlGLEtBVkosQ0FHRUUsT0FIRjtFQUFBLElBSUVDLFFBSkYsR0FVSUgsS0FWSixDQUlFRyxRQUpGO0VBQUEsSUFLRUMsS0FMRixHQVVJSixLQVZKLENBS0VJLEtBTEY7RUFBQSxJQU1FQyxxQkFORixHQVVJTCxLQVZKLENBTUVLLHFCQU5GO0VBQUEsSUFPRUMsS0FQRixHQVVJTixLQVZKLENBT0VNLEtBUEY7RUFBQSxJQVFFQyxVQVJGLEdBVUlQLEtBVkosQ0FRRU8sVUFSRjtFQUFBLElBU0tDLElBVEwsNkNBVUlSLEtBVko7RUFXQSxJQUFNUyxLQUFLLEdBQUcsT0FBT2hCLE9BQVAsS0FBbUIsU0FBbkIsR0FBZ0NBLE9BQU8sR0FBRyxTQUFILEdBQWUsV0FBdEQsR0FBcUVpQixTQUFuRjtFQUNBLElBQU1DLFVBQVUsR0FBR1YsZUFBZSxHQUFHO0lBQUVXLFNBQVMsRUFBRVg7RUFBYixDQUFILEdBQW9DLEVBQXRFOztFQUVBLElBQUlLLEtBQUosRUFBVztJQUNUSyxVQUFVLENBQUNFLEtBQVgsR0FBbUI7TUFDakJQLEtBQUssWUFBS0EsS0FBSyxHQUFHUSxJQUFJLENBQUNDLEtBQUwsQ0FBV1QsS0FBSyxHQUFHLEVBQW5CLENBQVIsR0FBaUMsQ0FBdEMsT0FEWSxDQUNnQzs7SUFEaEMsQ0FBbkI7RUFHRDs7RUFFRCxvQkFDRSxnQ0FBQyx5QkFBRDtJQUNFLFNBQVMsRUFBRSxJQUFBVSx1QkFBQSxtRUFDUmQsT0FBTyxDQUFDZSxhQURBLEVBQ2dCZCxRQURoQixpREFFUkQsT0FBTyxDQUFDUCxHQUZBLEVBRU1TLEtBRk4saURBR1JGLE9BQU8sQ0FBQ0wsYUFIQSxFQUdnQixJQUhoQixnQkFEYjtJQU1FLE9BQU8sRUFBRTtNQUNQakIsS0FBSyxFQUFFLElBQUFvQyx1QkFBQSxxRUFDSmQsT0FBTyxDQUFDdEIsS0FESixFQUNZLElBRFosa0RBRUpzQixPQUFPLENBQUNPLEtBQUQsQ0FGSCxFQUVhQSxLQUZiLGtEQUdKUCxPQUFPLENBQUNWLE9BSEosRUFHY2EscUJBSGQ7SUFEQSxDQU5YO0lBYUUsVUFBVSxFQUFFTSxVQWJkO0lBY0UsVUFBVSxFQUFFLENBZGQ7SUFlRSxRQUFRLEVBQUVSLFFBZlo7SUFnQkUsVUFBVSxFQUFFSTtFQWhCZCxHQWlCTUMsSUFqQk4sRUFERjtBQXFCRCxDQWxGYyxDIn0=
+};
+var _default = exports["default"] = CorrectInput;
+//# sourceMappingURL=correct-input.js.map

package/lib/components/correct-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"correct-input.js","names":["correctStyle","color","borderColor","withStyles","input","text","backgroundColor","background","borderRadius","borderWidth","borderStyle","padding","opacity","cursor","primary","primaryDark","crInput","correct","incorrect","box","fontSize","outlinedInput","border","notchedOutline","props","charactersLimit","classes","disabled","isBox","isConstructedResponse","width","spellCheck","rest","label","undefined","inputProps","maxLength","style","Math","round","classnames","disabledInput"],"sources":["../../src/components/correct-input.jsx"],"sourcesContent":["import React from 'react';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\nimport classnames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst correctStyle = color => ({\n  borderColor: `${color} !important`\n});\n\nexport default withStyles(() => ({\n  input: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    borderRadius: '4px !important',\n    borderWidth: '1px',\n    borderStyle: 'solid',\n    padding: '10px 20px 10px 10px',\n    '&:disabled': {\n      opacity: 0.8,\n      cursor: 'not-allowed !important'\n    },\n    '&:hover': {\n      borderColor: color.primary(),\n      '&:disabled': {\n        borderColor: 'initial'\n      }\n    },\n    '&:focus': {\n      borderColor: color.primaryDark()\n    }\n  },\n  crInput: {\n    padding: '8px !important'\n  },\n  correct: correctStyle(color.correct()),\n  incorrect: correctStyle(color.incorrect()),\n  box: {\n    fontSize: 'inherit'\n  },\n  outlinedInput: {\n    padding: '2px',\n    borderRadius: '4px',\n    '& fieldset': {\n      border: 0\n    }\n  },\n  notchedOutline: {\n    borderColor: color.correct()\n  }\n}))(props => {\n  const {\n    correct,\n    charactersLimit,\n    classes,\n    disabled,\n    isBox,\n    isConstructedResponse,\n    width,\n    spellCheck,\n    ...rest\n  } = props;\n  const label = typeof correct === 'boolean' ? (correct ? 'correct' : 'incorrect') : undefined;\n  const inputProps = charactersLimit ? { maxLength: charactersLimit } : {};\n\n  if (width) {\n    inputProps.style = {\n      width: `${width + Math.round(width / 10) + 1}ch` // added some extra space for capital letters\n    };\n  }\n\n  return (\n    <OutlinedInput\n      className={classnames({\n        [classes.disabledInput]: disabled,\n        [classes.box]: isBox,\n        [classes.outlinedInput]: true\n      })}\n      classes={{\n        input: classnames({\n          [classes.input]: true,\n          [classes[label]]: label,\n          [classes.crInput]: isConstructedResponse\n        })\n      }}\n      inputProps={inputProps}\n      labelWidth={0}\n      disabled={disabled}\n      spellCheck={spellCheck}\n      {...rest}\n    />\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"correct-input.js","names":["_react","_interopRequireDefault","require","_OutlinedInput","_classnames2","_styles","_renderUi","_excluded","StyledOutlinedInput","styled","OutlinedInput","padding","borderRadius","fontSize","display","verticalAlign","border","color","text","backgroundColor","background","borderWidth","borderStyle","opacity","cursor","borderColor","primary","primaryDark","concat","correct","incorrect","CorrectInput","props","charactersLimit","disabled","isBox","isConstructedResponse","width","spellCheck","rest","_objectWithoutProperties2","label","undefined","inputProps","maxLength","style","Math","round","createElement","_extends2","className","classnames","disabledInput","box","classes","input","_defineProperty2","_default","exports"],"sources":["../../src/components/correct-input.jsx"],"sourcesContent":["import React from 'react';\nimport OutlinedInput from '@mui/material/OutlinedInput';\nimport classnames from 'classnames';\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst StyledOutlinedInput = styled(OutlinedInput)(() => ({\n  padding: '2px',\n  borderRadius: '4px',\n  fontSize: 'inherit',\n  display: 'inline-block',\n  verticalAlign: 'middle',\n  '& fieldset': {\n    border: 0,\n  },\n  '& .MuiOutlinedInput-input': {\n    color: color.text(),\n    backgroundColor: color.background(),\n    borderRadius: '4px !important',\n    borderWidth: '1px',\n    borderStyle: 'solid',\n    padding: '10px 20px 10px 10px',\n    '&:disabled': {\n      opacity: 0.8,\n      cursor: 'not-allowed !important',\n    },\n    '&:hover': {\n      borderColor: color.primary(),\n      '&:disabled': {\n        borderColor: 'initial',\n      },\n    },\n    '&.Mui-focused': {\n      borderColor: color.primaryDark(),\n    },\n    '&.crInput': {\n      padding: '8px !important',\n    },\n    '&.correct': {\n      borderColor: `${color.correct()} !important`,\n    },\n    '&.incorrect': {\n      borderColor: `${color.incorrect()} !important`,\n    },\n  },\n}));\n\nconst CorrectInput = (props) => {\n  const {\n    correct,\n    charactersLimit,\n    disabled,\n    isBox,\n    isConstructedResponse,\n    width,\n    spellCheck,\n    ...rest\n  } = props;\n\n  const label = typeof correct === 'boolean' ? (correct ? 'correct' : 'incorrect') : undefined;\n  const inputProps = charactersLimit\n    ? { maxLength: charactersLimit, 'aria-label': 'Enter answer' }\n    : { 'aria-label': 'Enter answer' };\n\n  if (width) {\n    inputProps.style = {\n      width: `${width + Math.round(width / 10) + 1}ch`, // added some extra space for capital letters\n    };\n  }\n\n  return (\n    <StyledOutlinedInput\n      className={classnames({\n        disabledInput: disabled,\n        box: isBox,\n      })}\n      classes={{\n        input: classnames({\n          [label]: label,\n          crInput: isConstructedResponse,\n        }),\n      }}\n      inputProps={inputProps}\n      disabled={disabled}\n      spellCheck={spellCheck}\n      {...rest}\n    />\n  );\n};\n\nexport default CorrectInput;\n\n"],"mappings":"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","ignoreList":[]}