@pie-lib/editable-html-tip-tap 1.1.0-next.6059 → 1.1.1-next.1

package/lib/components/media/MediaToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaToolbar.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledRoot","styled","_ref","theme","position","bottom","left","width","background","palette","common","white","display","padding","boxShadow","StyledEditContainer","_ref2","cursor","flex","border","concat","black","textAlign","borderWidth","marginRight","paddingRight","StyledRemoveContainer","MediaToolbar","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","hideEdit","onEdit","onRemove","createElement","onClick","React","Component","_defineProperty2","PropTypes","func","bool","_default","exports"],"sources":["../../../src/components/media/MediaToolbar.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\n\nconst StyledRoot = styled('span')(({ theme }) => ({\n  position: 'relative',\n  bottom: '5px',\n  left: 0,\n  width: '100%',\n  background: theme.palette.common.white,\n  display: 'inline-flex',\n  padding: '5px',\n  boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)',\n}));\n\nconst StyledEditContainer = styled('span')(({ theme }) => ({\n  cursor: 'pointer',\n  flex: 3,\n  border: `solid ${theme.palette.common.black}`,\n  textAlign: 'right',\n  borderWidth: '0 2px 0 0',\n  marginRight: '5px',\n  paddingRight: '5px',\n}));\n\nconst StyledRemoveContainer = styled('span')({\n  cursor: 'pointer',\n});\n\nclass MediaToolbar extends React.Component {\n  static propTypes = {\n    onEdit: PropTypes.func,\n    hideEdit: PropTypes.bool,\n    onRemove: PropTypes.func,\n  };\n\n  render() {\n    const { hideEdit, onEdit, onRemove } = this.props;\n\n    return (\n      <StyledRoot>\n        {hideEdit ? null : <StyledEditContainer onClick={onEdit}>Edit Settings</StyledEditContainer>}\n        <StyledRemoveContainer onClick={onRemove}>Remove</StyledRemoveContainer>\n      </StyledRoot>\n    );\n  }\n}\n\nexport default MediaToolbar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MediaToolbar.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledRoot","styled","_ref","theme","position","bottom","left","width","background","palette","common","white","display","padding","boxShadow","StyledEditContainer","_ref2","cursor","flex","border","concat","black","textAlign","borderWidth","marginRight","paddingRight","StyledRemoveContainer","MediaToolbar","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","hideEdit","onEdit","onRemove","createElement","onClick","React","Component","_defineProperty2","PropTypes","func","bool","_default","exports"],"sources":["../../../src/components/media/MediaToolbar.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\n\nconst StyledRoot = styled('span')(({ theme }) => ({\n  position: 'relative',\n  bottom: '5px',\n  left: 0,\n  width: '100%',\n  background: theme.palette.common.white,\n  display: 'inline-flex',\n  padding: '5px',\n  boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)',\n}));\n\nconst StyledEditContainer = styled('span')(({ theme }) => ({\n  cursor: 'pointer',\n  flex: 3,\n  border: `solid ${theme.palette.common.black}`,\n  textAlign: 'right',\n  borderWidth: '0 2px 0 0',\n  marginRight: '5px',\n  paddingRight: '5px',\n}));\n\nconst StyledRemoveContainer = styled('span')({\n  cursor: 'pointer',\n});\n\nclass MediaToolbar extends React.Component {\n  static propTypes = {\n    onEdit: PropTypes.func,\n    hideEdit: PropTypes.bool,\n    onRemove: PropTypes.func,\n  };\n\n  render() {\n    const { hideEdit, onEdit, onRemove } = this.props;\n\n    return (\n      <StyledRoot>\n        {hideEdit ? null : <StyledEditContainer onClick={onEdit}>Edit Settings</StyledEditContainer>}\n        <StyledRemoveContainer onClick={onRemove}>Remove</StyledRemoveContainer>\n      </StyledRoot>\n    );\n  }\n}\n\nexport default MediaToolbar;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/media/MediaWrapper.js

@@ -1,5 +1,16 @@
 "use strict";
 
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.reflect.construct.js");
+require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/components/media/MediaWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaWrapper.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledWrapper","styled","shouldForwardProp","prop","_ref","editor","position","display","overflow","MediaWrapper","_React$Component","_classCallCheck2","_inherits2","_createClass2","key","value","render","_this$props","props","children","width","rest","_objectWithoutProperties2","createElement","_extends2","style","React","Component","PropTypes","array","bool","oneOfType","number","string","_default","exports"],"sources":["../../../src/components/media/MediaWrapper.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\n\nconst StyledWrapper = styled('span', {\n  shouldForwardProp: (prop) => prop !== 'editor',\n})(({ editor }) => ({\n  position: 'relative',\n  ...(editor && {\n    display: 'inline-block',\n    overflow: 'hidden',\n  }),\n}));\n\nclass MediaWrapper extends React.Component {\n  static propTypes = {\n    children: PropTypes.array,\n    editor: PropTypes.bool,\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  };\n\n  render() {\n    const { editor, children, width, ...rest } = this.props;\n\n    return (\n      <StyledWrapper\n        editor={editor}\n        {...rest}\n        style={{\n          width: width || 300,\n        }}\n      >\n        {children}\n      </StyledWrapper>\n    );\n  }\n}\n\nexport default MediaWrapper;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MediaWrapper.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledWrapper","styled","shouldForwardProp","prop","_ref","editor","position","display","overflow","MediaWrapper","_React$Component","_classCallCheck2","_inherits2","_createClass2","key","value","render","_this$props","props","children","width","rest","_objectWithoutProperties2","createElement","_extends2","style","React","Component","PropTypes","array","bool","oneOfType","number","string","_default","exports"],"sources":["../../../src/components/media/MediaWrapper.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\n\nconst StyledWrapper = styled('span', {\n  shouldForwardProp: (prop) => prop !== 'editor',\n})(({ editor }) => ({\n  position: 'relative',\n  ...(editor && {\n    display: 'inline-block',\n    overflow: 'hidden',\n  }),\n}));\n\nclass MediaWrapper extends React.Component {\n  static propTypes = {\n    children: PropTypes.array,\n    editor: PropTypes.bool,\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  };\n\n  render() {\n    const { editor, children, width, ...rest } = this.props;\n\n    return (\n      <StyledWrapper\n        editor={editor}\n        {...rest}\n        style={{\n          width: width || 300,\n        }}\n      >\n        {children}\n      </StyledWrapper>\n    );\n  }\n}\n\nexport default MediaWrapper;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/respArea/DragInTheBlank/DragInTheBlank.js

@@ -1,5 +1,15 @@
 "use strict";
 
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/components/respArea/DragInTheBlank/DragInTheBlank.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragInTheBlank.js","names":["_react","_interopRequireDefault","require","_propTypes","_react2","_choice","_omit","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","onValueChange","exports","editor","node","pos","choice","tr","state","setNodeMarkup","undefined","attrs","value","isDone","view","dispatch","onRemoveResponse","omit","DragDrop","props","getPos","options","selected","attributes","inTable","createElement","NodeViewWrapper","className","_extends2","style","display","minHeight","minWidth","position","margin","cursor","n","dragKey","id","targetId","duplicates","onChange","removeResponse","propTypes","PropTypes","object","data","nodeProps","opts","_default"],"sources":["../../../../src/components/respArea/DragInTheBlank/DragInTheBlank.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport DragDropTile from './choice';\nimport omit from 'lodash/omit';\n\nexport const onValueChange = (editor, node, pos, choice) => {\n  const { tr } = editor.state;\n\n  // Merge old and new attributes\n  tr.setNodeMarkup(pos, undefined, {\n    ...node.attrs,\n    ...choice.value,\n  });\n  tr.isDone = true;\n  editor.view.dispatch(tr);\n};\n\nexport const onRemoveResponse = (editor, node, choice) => {\n  const { tr } = editor.state;\n\n  // Merge old and new attributes\n  tr.setNodeMarkup(choice.pos, undefined, omit(node.attrs, ['value', 'id']));\n  tr.isDone = true;\n  editor.view.dispatch(tr);\n};\n\nconst DragDrop = (props) => {\n  const { editor, node, getPos, options, selected } = props;\n  const { attrs: attributes } = node;\n  const { inTable } = attributes;\n  const pos = getPos();\n\n  // console.log({nodeProps.children})\n  return (\n    <NodeViewWrapper className=\"drag-in-the-blank\" data-selected={selected}>\n      <span\n        {...attributes}\n        style={{\n          display: 'inline-flex',\n          minHeight: '50px',\n          minWidth: '178px',\n          position: 'relative',\n          margin: inTable ? '10px' : '0 10px',\n          cursor: 'pointer',\n        }}\n      >\n        <DragDropTile\n          n={attributes}\n          dragKey={attributes.id}\n          targetId=\"0\"\n          pos={pos}\n          value={attributes}\n          duplicates={options.duplicates}\n          onChange={(choice) => onValueChange(editor, node, pos, choice)}\n          removeResponse={(choice) => onRemoveResponse(editor, node, choice)}\n        ></DragDropTile>\n      </span>\n    </NodeViewWrapper>\n  );\n};\n\nDragDrop.propTypes = {\n  attributes: PropTypes.object,\n  data: PropTypes.object,\n  n: PropTypes.object,\n  nodeProps: PropTypes.object,\n  opts: PropTypes.object,\n};\n\nexport default DragDrop;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DragInTheBlank.js","names":["_react","_interopRequireDefault","require","_propTypes","_react2","_choice","_omit","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","onValueChange","exports","editor","node","pos","choice","tr","state","setNodeMarkup","undefined","attrs","value","isDone","view","dispatch","onRemoveResponse","omit","DragDrop","props","getPos","options","selected","attributes","inTable","createElement","NodeViewWrapper","className","_extends2","style","display","minHeight","minWidth","position","margin","cursor","n","dragKey","id","targetId","duplicates","onChange","removeResponse","propTypes","PropTypes","object","data","nodeProps","opts","_default"],"sources":["../../../../src/components/respArea/DragInTheBlank/DragInTheBlank.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport DragDropTile from './choice';\nimport omit from 'lodash/omit';\n\nexport const onValueChange = (editor, node, pos, choice) => {\n  const { tr } = editor.state;\n\n  // Merge old and new attributes\n  tr.setNodeMarkup(pos, undefined, {\n    ...node.attrs,\n    ...choice.value,\n  });\n  tr.isDone = true;\n  editor.view.dispatch(tr);\n};\n\nexport const onRemoveResponse = (editor, node, choice) => {\n  const { tr } = editor.state;\n\n  // Merge old and new attributes\n  tr.setNodeMarkup(choice.pos, undefined, omit(node.attrs, ['value', 'id']));\n  tr.isDone = true;\n  editor.view.dispatch(tr);\n};\n\nconst DragDrop = (props) => {\n  const { editor, node, getPos, options, selected } = props;\n  const { attrs: attributes } = node;\n  const { inTable } = attributes;\n  const pos = getPos();\n\n  // console.log({nodeProps.children})\n  return (\n    <NodeViewWrapper className=\"drag-in-the-blank\" data-selected={selected}>\n      <span\n        {...attributes}\n        style={{\n          display: 'inline-flex',\n          minHeight: '50px',\n          minWidth: '178px',\n          position: 'relative',\n          margin: inTable ? '10px' : '0 10px',\n          cursor: 'pointer',\n        }}\n      >\n        <DragDropTile\n          n={attributes}\n          dragKey={attributes.id}\n          targetId=\"0\"\n          pos={pos}\n          value={attributes}\n          duplicates={options.duplicates}\n          onChange={(choice) => onValueChange(editor, node, pos, choice)}\n          removeResponse={(choice) => onRemoveResponse(editor, node, choice)}\n        ></DragDropTile>\n      </span>\n    </NodeViewWrapper>\n  );\n};\n\nDragDrop.propTypes = {\n  attributes: PropTypes.object,\n  data: PropTypes.object,\n  n: PropTypes.object,\n  nodeProps: PropTypes.object,\n  opts: PropTypes.object,\n};\n\nexport default DragDrop;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/respArea/DragInTheBlank/choice.js

@@ -1,5 +1,12 @@
 "use strict";
 
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
@@ -7,6 +14,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BlankContent = BlankContent;
 exports["default"] = void 0;
+require("core-js/modules/web.timers.js");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));

package/lib/components/respArea/DragInTheBlank/choice.js.map

@@ -1 +1 @@
-{"version":3,"file":"choice.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_core","_renderUi","_mathRendering","_styles","_classnames","_RespArea","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledContent","styled","_ref","theme","border","concat","palette","primary","main","fontSize","BlankContent","_ref2","_dragItem$value","children","isDragging","isOver","dragItem","value","_useState","useState","_useState2","_slicedToArray2","hoveredElementSize","setHoveredElementSize","elementRef","useRef","handleClick","event","current","contains","target","classList","add","remove","useEffect","document","addEventListener","removeEventListener","renderMath","node","width","offsetWidth","height","offsetHeight","label","finalLabel","hasGrip","isPreview","createElement","ref","style","display","minWidth","minHeight","background","color","defaults","BORDER_LIGHT","WHITE","BORDER_DARK","boxSizing","borderRadius","overflow","position","padding","undefined","index","contentEditable","GripIcon","top","left","dangerouslySetInnerHTML","__html","propTypes","PropTypes","object","bool","DragDropChoice","_ref3","_dragItem$data","disabled","instanceId","onChange","removeResponse","duplicates","pos","_useDraggable","useDraggable","id","data","opts","type","fromChoice","onRemove","draggedData","onDrop","dropData","isValidBlank","dragAttributes","attributes","dragListeners","listeners","setDragNodeRef","setNodeRef","_useDroppable","useDroppable","accepts","setTimeout","setDropNodeRef","active","dragContent","dragEl","_extends2","content","className","classnames","string","isRequired","func","_default","exports"],"sources":["../../../../src/components/respArea/DragInTheBlank/choice.jsx"],"sourcesContent":["import React, { useRef, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { styled } from '@mui/material/styles';\nimport classnames from 'classnames';\n\nimport { GripIcon } from '../../icons/RespArea';\n\nconst StyledContent = styled('span')(({ theme }) => ({\n  border: `solid 0px ${theme.palette.primary.main}`,\n  '& mjx-frac': {\n    fontSize: '120% !important',\n  },\n}));\n\nexport function BlankContent({ n, children, isDragging, isOver, dragItem, value }) {\n  const [hoveredElementSize, setHoveredElementSize] = useState(null);\n  const elementRef = useRef(null);\n\n  const handleClick = (event) => {\n    if (!elementRef.current) return;\n\n    if (elementRef.current.contains(event.target)) {\n      elementRef.current.classList.add('selected');\n    } else {\n      elementRef.current.classList.remove('selected');\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('click', handleClick);\n    return () => {\n      document.removeEventListener('click', handleClick);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (elementRef.current && typeof renderMath === 'function') {\n      renderMath(elementRef.current);\n    }\n  }, [value?.value, isOver, dragItem?.value?.value]);\n\n  useEffect(() => {\n    if (isOver && elementRef.current && !hoveredElementSize) {\n      const node = elementRef.current;\n      setHoveredElementSize({ width: node.offsetWidth, height: node.offsetHeight });\n    } else if (!isOver && hoveredElementSize) {\n      setHoveredElementSize(null);\n    }\n  }, [isOver, hoveredElementSize]);\n\n  const label = dragItem && isOver ? dragItem.value.value : value.value || '\\u00A0';\n  const finalLabel = isDragging ? '\\u00A0' : label;\n  const hasGrip = finalLabel !== '\\u00A0';\n  const isPreview = dragItem && isOver;\n\n  return (\n    <div\n      ref={elementRef}\n      style={{\n        display: 'inline-flex',\n        minWidth: '178px',\n        minHeight: '36px',\n        background: isPreview ? `${color.defaults.BORDER_LIGHT}` : `${color.defaults.WHITE}`,\n        border: isPreview ? `1px solid  ${color.defaults.BORDER_DARK}` : `1px solid  ${color.defaults.BORDER_LIGHT}`,\n        boxSizing: 'border-box',\n        borderRadius: '3px',\n        overflow: 'hidden',\n        position: 'relative',\n        padding: '8px 8px 8px 35px',\n        width: hoveredElementSize ? hoveredElementSize.width : undefined,\n        height: hoveredElementSize ? hoveredElementSize.height : undefined,\n      }}\n      data-key={n.index}\n      contentEditable={false}\n    >\n      {hasGrip && (\n        <GripIcon\n          style={{\n            position: 'absolute',\n            top: '6px',\n            left: '15px',\n            color: '#9B9B9B',\n          }}\n          contentEditable={false}\n        />\n      )}\n      <span\n        dangerouslySetInnerHTML={{\n          __html: finalLabel,\n        }}\n      />\n      {children}\n    </div>\n  );\n}\n\nBlankContent.propTypes = {\n  n: PropTypes.object,\n  children: PropTypes.node,\n  isDragging: PropTypes.bool,\n  isOver: PropTypes.bool,\n  dragItem: PropTypes.object,\n  value: PropTypes.object,\n};\n\nfunction DragDropChoice({ value, disabled, instanceId, children, n, onChange, removeResponse, duplicates, pos }) {\n  const { attributes: dragAttributes, listeners: dragListeners, setNodeRef: setDragNodeRef, isDragging } = useDraggable(\n    {\n      id: `drag-${n.index}`,\n      disabled: disabled || !value?.value,\n      data: {\n        id: `drag-${n.index}`,\n        value,\n        instanceId,\n        n,\n        pos,\n        opts: { duplicates },\n        type: 'drag-in-the-blank-placed-choice',\n        fromChoice: !value,\n        onRemove: (draggedData) => removeResponse(draggedData),\n        onDrop: (draggedData, dropData) => {\n          // check if we're dropping into a blank\n          const isValidBlank = dropData?.type === 'drag-in-the-blank-drop-choice';\n\n          if (!isValidBlank) return;\n\n          // place into blank\n          onChange(draggedData);\n\n          if (!duplicates && draggedData.fromChoice) {\n            removeResponse(draggedData);\n          }\n        },\n      },\n    },\n  );\n\n  const { setNodeRef: setDropNodeRef, isOver, active: dragItem } = useDroppable({\n    id: `drop-${n.index}`,\n    data: {\n      type: 'drag-in-the-blank-drop-choice',\n      accepts: ['drag-in-the-blank-choice', 'drag-in-the-blank-placed-choice'],\n      instanceId: instanceId,\n      value: value,\n      id: `drop-${n.index}`,\n      pos,\n      n,\n      opts: { duplicates },\n      onDrop: (draggedData, dropData) => {\n        // check if we're dropping into a blank\n        const isValidBlank = dropData?.type === 'drag-in-the-blank-drop-choice';\n\n        if (!isValidBlank) return;\n\n        // if the dragged and dropped data are the same, do nothing\n        if (draggedData.value.id === dropData.value.id) return;\n\n        if (draggedData.type === 'drag-in-the-blank-choice') {\n          // place into blank\n          onChange(draggedData);\n\n          if (!duplicates && draggedData.fromChoice) {\n            removeResponse(draggedData);\n          }\n          return;\n        }\n\n        // moving placed choice between blanks\n        if (draggedData.type === 'drag-in-the-blank-placed-choice') {\n          // clear target blank\n          removeResponse(dropData);\n\n          // set new blank value\n          onChange(draggedData);\n\n          // clear original blank - slight delay to ensure state updates correctly\n          setTimeout(() => removeResponse(draggedData), 10);\n        }\n      },\n    },\n  });\n\n  const setNodeRef = (node) => {\n    setDragNodeRef(node);\n    setDropNodeRef(node);\n  };\n\n  const dragContent = (\n    <BlankContent n={n} isDragging={isDragging} isOver={isOver} dragItem={dragItem?.data?.current} value={value}>\n      {children}\n    </BlankContent>\n  );\n\n  const dragEl = !value ? (\n    <span ref={setDropNodeRef}>{dragContent}</span>\n  ) : (\n    <span ref={setNodeRef} {...dragAttributes} {...dragListeners}>\n      {dragContent}\n    </span>\n  );\n\n  const content = <StyledContent className={classnames(isOver && 'over')}>{dragEl}</StyledContent>;\n\n  return content;\n}\n\nDragDropChoice.propTypes = {\n  value: PropTypes.object,\n  disabled: PropTypes.bool,\n  instanceId: PropTypes.string,\n  children: PropTypes.node,\n  n: PropTypes.object.isRequired,\n  onChange: PropTypes.func.isRequired,\n  removeResponse: PropTypes.func.isRequired,\n  duplicates: PropTypes.bool,\n};\n\nexport default DragDropChoice;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"choice.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_core","_renderUi","_mathRendering","_styles","_classnames","_RespArea","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledContent","styled","_ref","theme","border","concat","palette","primary","main","fontSize","BlankContent","_ref2","_dragItem$value","children","isDragging","isOver","dragItem","value","_useState","useState","_useState2","_slicedToArray2","hoveredElementSize","setHoveredElementSize","elementRef","useRef","handleClick","event","current","contains","target","classList","add","remove","useEffect","document","addEventListener","removeEventListener","renderMath","node","width","offsetWidth","height","offsetHeight","label","finalLabel","hasGrip","isPreview","createElement","ref","style","display","minWidth","minHeight","background","color","defaults","BORDER_LIGHT","WHITE","BORDER_DARK","boxSizing","borderRadius","overflow","position","padding","undefined","index","contentEditable","GripIcon","top","left","dangerouslySetInnerHTML","__html","propTypes","PropTypes","object","bool","DragDropChoice","_ref3","_dragItem$data","disabled","instanceId","onChange","removeResponse","duplicates","pos","_useDraggable","useDraggable","id","data","opts","type","fromChoice","onRemove","draggedData","onDrop","dropData","isValidBlank","dragAttributes","attributes","dragListeners","listeners","setDragNodeRef","setNodeRef","_useDroppable","useDroppable","accepts","setTimeout","setDropNodeRef","active","dragContent","dragEl","_extends2","content","className","classnames","string","isRequired","func","_default","exports"],"sources":["../../../../src/components/respArea/DragInTheBlank/choice.jsx"],"sourcesContent":["import React, { useRef, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { styled } from '@mui/material/styles';\nimport classnames from 'classnames';\n\nimport { GripIcon } from '../../icons/RespArea';\n\nconst StyledContent = styled('span')(({ theme }) => ({\n  border: `solid 0px ${theme.palette.primary.main}`,\n  '& mjx-frac': {\n    fontSize: '120% !important',\n  },\n}));\n\nexport function BlankContent({ n, children, isDragging, isOver, dragItem, value }) {\n  const [hoveredElementSize, setHoveredElementSize] = useState(null);\n  const elementRef = useRef(null);\n\n  const handleClick = (event) => {\n    if (!elementRef.current) return;\n\n    if (elementRef.current.contains(event.target)) {\n      elementRef.current.classList.add('selected');\n    } else {\n      elementRef.current.classList.remove('selected');\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('click', handleClick);\n    return () => {\n      document.removeEventListener('click', handleClick);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (elementRef.current && typeof renderMath === 'function') {\n      renderMath(elementRef.current);\n    }\n  }, [value?.value, isOver, dragItem?.value?.value]);\n\n  useEffect(() => {\n    if (isOver && elementRef.current && !hoveredElementSize) {\n      const node = elementRef.current;\n      setHoveredElementSize({ width: node.offsetWidth, height: node.offsetHeight });\n    } else if (!isOver && hoveredElementSize) {\n      setHoveredElementSize(null);\n    }\n  }, [isOver, hoveredElementSize]);\n\n  const label = dragItem && isOver ? dragItem.value.value : value.value || '\\u00A0';\n  const finalLabel = isDragging ? '\\u00A0' : label;\n  const hasGrip = finalLabel !== '\\u00A0';\n  const isPreview = dragItem && isOver;\n\n  return (\n    <div\n      ref={elementRef}\n      style={{\n        display: 'inline-flex',\n        minWidth: '178px',\n        minHeight: '36px',\n        background: isPreview ? `${color.defaults.BORDER_LIGHT}` : `${color.defaults.WHITE}`,\n        border: isPreview ? `1px solid  ${color.defaults.BORDER_DARK}` : `1px solid  ${color.defaults.BORDER_LIGHT}`,\n        boxSizing: 'border-box',\n        borderRadius: '3px',\n        overflow: 'hidden',\n        position: 'relative',\n        padding: '8px 8px 8px 35px',\n        width: hoveredElementSize ? hoveredElementSize.width : undefined,\n        height: hoveredElementSize ? hoveredElementSize.height : undefined,\n      }}\n      data-key={n.index}\n      contentEditable={false}\n    >\n      {hasGrip && (\n        <GripIcon\n          style={{\n            position: 'absolute',\n            top: '6px',\n            left: '15px',\n            color: '#9B9B9B',\n          }}\n          contentEditable={false}\n        />\n      )}\n      <span\n        dangerouslySetInnerHTML={{\n          __html: finalLabel,\n        }}\n      />\n      {children}\n    </div>\n  );\n}\n\nBlankContent.propTypes = {\n  n: PropTypes.object,\n  children: PropTypes.node,\n  isDragging: PropTypes.bool,\n  isOver: PropTypes.bool,\n  dragItem: PropTypes.object,\n  value: PropTypes.object,\n};\n\nfunction DragDropChoice({ value, disabled, instanceId, children, n, onChange, removeResponse, duplicates, pos }) {\n  const { attributes: dragAttributes, listeners: dragListeners, setNodeRef: setDragNodeRef, isDragging } = useDraggable(\n    {\n      id: `drag-${n.index}`,\n      disabled: disabled || !value?.value,\n      data: {\n        id: `drag-${n.index}`,\n        value,\n        instanceId,\n        n,\n        pos,\n        opts: { duplicates },\n        type: 'drag-in-the-blank-placed-choice',\n        fromChoice: !value,\n        onRemove: (draggedData) => removeResponse(draggedData),\n        onDrop: (draggedData, dropData) => {\n          // check if we're dropping into a blank\n          const isValidBlank = dropData?.type === 'drag-in-the-blank-drop-choice';\n\n          if (!isValidBlank) return;\n\n          // place into blank\n          onChange(draggedData);\n\n          if (!duplicates && draggedData.fromChoice) {\n            removeResponse(draggedData);\n          }\n        },\n      },\n    },\n  );\n\n  const { setNodeRef: setDropNodeRef, isOver, active: dragItem } = useDroppable({\n    id: `drop-${n.index}`,\n    data: {\n      type: 'drag-in-the-blank-drop-choice',\n      accepts: ['drag-in-the-blank-choice', 'drag-in-the-blank-placed-choice'],\n      instanceId: instanceId,\n      value: value,\n      id: `drop-${n.index}`,\n      pos,\n      n,\n      opts: { duplicates },\n      onDrop: (draggedData, dropData) => {\n        // check if we're dropping into a blank\n        const isValidBlank = dropData?.type === 'drag-in-the-blank-drop-choice';\n\n        if (!isValidBlank) return;\n\n        // if the dragged and dropped data are the same, do nothing\n        if (draggedData.value.id === dropData.value.id) return;\n\n        if (draggedData.type === 'drag-in-the-blank-choice') {\n          // place into blank\n          onChange(draggedData);\n\n          if (!duplicates && draggedData.fromChoice) {\n            removeResponse(draggedData);\n          }\n          return;\n        }\n\n        // moving placed choice between blanks\n        if (draggedData.type === 'drag-in-the-blank-placed-choice') {\n          // clear target blank\n          removeResponse(dropData);\n\n          // set new blank value\n          onChange(draggedData);\n\n          // clear original blank - slight delay to ensure state updates correctly\n          setTimeout(() => removeResponse(draggedData), 10);\n        }\n      },\n    },\n  });\n\n  const setNodeRef = (node) => {\n    setDragNodeRef(node);\n    setDropNodeRef(node);\n  };\n\n  const dragContent = (\n    <BlankContent n={n} isDragging={isDragging} isOver={isOver} dragItem={dragItem?.data?.current} value={value}>\n      {children}\n    </BlankContent>\n  );\n\n  const dragEl = !value ? (\n    <span ref={setDropNodeRef}>{dragContent}</span>\n  ) : (\n    <span ref={setNodeRef} {...dragAttributes} {...dragListeners}>\n      {dragContent}\n    </span>\n  );\n\n  const content = <StyledContent className={classnames(isOver && 'over')}>{dragEl}</StyledContent>;\n\n  return content;\n}\n\nDragDropChoice.propTypes = {\n  value: PropTypes.object,\n  disabled: PropTypes.bool,\n  instanceId: PropTypes.string,\n  children: PropTypes.node,\n  n: PropTypes.object.isRequired,\n  onChange: PropTypes.func.isRequired,\n  removeResponse: PropTypes.func.isRequired,\n  duplicates: PropTypes.bool,\n};\n\nexport default DragDropChoice;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/respArea/ExplicitConstructedResponse.js

@@ -1,11 +1,19 @@
 "use strict";
 
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+require("core-js/modules/es.parse-int.js");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));

package/lib/components/respArea/ExplicitConstructedResponse.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExplicitConstructedResponse.js","names":["_react","_interopRequireWildcard","require","_react2","_propTypes","_interopRequireDefault","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ExplicitConstructedResponse","props","editor","node","getPos","options","selected","attributes","attrs","value","respAreaToolbar","errorFn","error","pos","_useState","useState","_useState2","_slicedToArray2","showToolbar","setShowToolbar","EcrToolbar","toolbarRef","useRef","_errorValue$respIndex","errorValue","respIndex","parseInt","index","handleDone","newLatex","updateAttributes","latex","commands","focus","useEffect","selection","state","onlyThisNodeSelected","from","nodeSize","to","handleClickOutside","event","current","contains","target","closest","document","addEventListener","removeEventListener","createElement","NodeViewWrapper","className","style","display","minHeight","position","cursor","_extends2","width","height","backgroundColor","border","concat","boxSizing","borderRadius","overflow","padding","margin","minWidth","visibility","onClick","dangerouslySetInnerHTML","__html","ref","zIndex","propTypes","PropTypes","object","any","string","isFocused","bool","_default","exports"],"sources":["../../../src/components/respArea/ExplicitConstructedResponse.jsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport PropTypes from 'prop-types';\n\nconst ExplicitConstructedResponse = (props) => {\n  const { editor, node, getPos, options, selected } = props;\n  const { attrs: attributes } = node;\n  const { value } = attributes;\n  const { respAreaToolbar, error: errorFn } = options;\n  const pos = getPos();\n  const [showToolbar, setShowToolbar] = useState(false);\n  const EcrToolbar = respAreaToolbar(node, editor, () => {});\n  const toolbarRef = useRef(null);\n\n  let error;\n\n  if (errorFn) {\n    const errorValue = errorFn();\n    const respIndex = parseInt(attributes.index, 10);\n\n    error = !!errorValue?.[respIndex]?.[0];\n  }\n\n  const handleDone = (newLatex) => {\n    updateAttributes({ latex: newLatex });\n    setShowToolbar(false);\n    editor.commands.focus();\n  };\n\n  useEffect(() => {\n    const { selection } = editor.state;\n    const onlyThisNodeSelected = selection.from + node.nodeSize === selection.to;\n\n    if (selected) {\n      if (onlyThisNodeSelected) {\n        setShowToolbar(selected);\n      }\n    } else {\n      setShowToolbar(selected);\n    }\n  }, [editor, node, selected]);\n\n  useEffect(() => {\n    const handleClickOutside = (event) => {\n      if (\n        toolbarRef.current &&\n        !toolbarRef.current.contains(event.target) &&\n        !event.target.closest('[data-inline-node]')\n      ) {\n        setShowToolbar(false);\n      }\n    };\n\n    if (showToolbar) {\n      document.addEventListener('mousedown', handleClickOutside);\n    } else {\n      document.removeEventListener('mousedown', handleClickOutside);\n    }\n\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [showToolbar]);\n\n  return (\n    <NodeViewWrapper\n      className=\"drag-in-the-blank\"\n      data-selected={selected}\n      style={{\n        display: 'inline-flex',\n        minHeight: '55px',\n        position: 'relative',\n        cursor: 'pointer',\n      }}\n    >\n      <div\n        {...attributes}\n        style={{\n          display: 'inline-flex',\n          width: '100%',\n          minHeight: '46px',\n          height: '46px',\n          backgroundColor: '#FFF',\n          border: `1px solid ${error ? 'red' : '#C0C3CF'}`,\n          boxSizing: 'border-box',\n          borderRadius: '4px',\n          overflow: 'hidden',\n          padding: '12px 21px',\n          margin: '0 4px',\n          minWidth: '178px',\n          visibility: showToolbar ? 'hidden' : 'visible',\n        }}\n        onClick={() => setShowToolbar(true)}\n        dangerouslySetInnerHTML={{\n          __html: value || '<div>&nbsp;</div>',\n        }}\n      />\n      {showToolbar && (\n        <div ref={toolbarRef} className=\"absolute z-50 bg-white shadow-lg rounded p-2\" style={{ zIndex: 1 }}>\n          <EcrToolbar />\n        </div>\n      )}\n    </NodeViewWrapper>\n  );\n};\n\nExplicitConstructedResponse.propTypes = {\n  attributes: PropTypes.object,\n  error: PropTypes.any,\n  value: PropTypes.string,\n  isFocused: PropTypes.bool,\n};\n\nexport default ExplicitConstructedResponse;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ExplicitConstructedResponse.js","names":["_react","_interopRequireWildcard","require","_react2","_propTypes","_interopRequireDefault","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ExplicitConstructedResponse","props","editor","node","getPos","options","selected","attributes","attrs","value","respAreaToolbar","errorFn","error","pos","_useState","useState","_useState2","_slicedToArray2","showToolbar","setShowToolbar","EcrToolbar","toolbarRef","useRef","_errorValue$respIndex","errorValue","respIndex","parseInt","index","handleDone","newLatex","updateAttributes","latex","commands","focus","useEffect","selection","state","onlyThisNodeSelected","from","nodeSize","to","handleClickOutside","event","current","contains","target","closest","document","addEventListener","removeEventListener","createElement","NodeViewWrapper","className","style","display","minHeight","position","cursor","_extends2","width","height","backgroundColor","border","concat","boxSizing","borderRadius","overflow","padding","margin","minWidth","visibility","onClick","dangerouslySetInnerHTML","__html","ref","zIndex","propTypes","PropTypes","object","any","string","isFocused","bool","_default","exports"],"sources":["../../../src/components/respArea/ExplicitConstructedResponse.jsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport PropTypes from 'prop-types';\n\nconst ExplicitConstructedResponse = (props) => {\n  const { editor, node, getPos, options, selected } = props;\n  const { attrs: attributes } = node;\n  const { value } = attributes;\n  const { respAreaToolbar, error: errorFn } = options;\n  const pos = getPos();\n  const [showToolbar, setShowToolbar] = useState(false);\n  const EcrToolbar = respAreaToolbar(node, editor, () => {});\n  const toolbarRef = useRef(null);\n\n  let error;\n\n  if (errorFn) {\n    const errorValue = errorFn();\n    const respIndex = parseInt(attributes.index, 10);\n\n    error = !!errorValue?.[respIndex]?.[0];\n  }\n\n  const handleDone = (newLatex) => {\n    updateAttributes({ latex: newLatex });\n    setShowToolbar(false);\n    editor.commands.focus();\n  };\n\n  useEffect(() => {\n    const { selection } = editor.state;\n    const onlyThisNodeSelected = selection.from + node.nodeSize === selection.to;\n\n    if (selected) {\n      if (onlyThisNodeSelected) {\n        setShowToolbar(selected);\n      }\n    } else {\n      setShowToolbar(selected);\n    }\n  }, [editor, node, selected]);\n\n  useEffect(() => {\n    const handleClickOutside = (event) => {\n      if (\n        toolbarRef.current &&\n        !toolbarRef.current.contains(event.target) &&\n        !event.target.closest('[data-inline-node]')\n      ) {\n        setShowToolbar(false);\n      }\n    };\n\n    if (showToolbar) {\n      document.addEventListener('mousedown', handleClickOutside);\n    } else {\n      document.removeEventListener('mousedown', handleClickOutside);\n    }\n\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [showToolbar]);\n\n  return (\n    <NodeViewWrapper\n      className=\"drag-in-the-blank\"\n      data-selected={selected}\n      style={{\n        display: 'inline-flex',\n        minHeight: '55px',\n        position: 'relative',\n        cursor: 'pointer',\n      }}\n    >\n      <div\n        {...attributes}\n        style={{\n          display: 'inline-flex',\n          width: '100%',\n          minHeight: '46px',\n          height: '46px',\n          backgroundColor: '#FFF',\n          border: `1px solid ${error ? 'red' : '#C0C3CF'}`,\n          boxSizing: 'border-box',\n          borderRadius: '4px',\n          overflow: 'hidden',\n          padding: '12px 21px',\n          margin: '0 4px',\n          minWidth: '178px',\n          visibility: showToolbar ? 'hidden' : 'visible',\n        }}\n        onClick={() => setShowToolbar(true)}\n        dangerouslySetInnerHTML={{\n          __html: value || '<div>&nbsp;</div>',\n        }}\n      />\n      {showToolbar && (\n        <div ref={toolbarRef} className=\"absolute z-50 bg-white shadow-lg rounded p-2\" style={{ zIndex: 1 }}>\n          <EcrToolbar />\n        </div>\n      )}\n    </NodeViewWrapper>\n  );\n};\n\nExplicitConstructedResponse.propTypes = {\n  attributes: PropTypes.object,\n  error: PropTypes.any,\n  value: PropTypes.string,\n  isFocused: PropTypes.bool,\n};\n\nexport default ExplicitConstructedResponse;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/respArea/InlineDropdown.js

@@ -1,5 +1,12 @@
 "use strict";
 
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {

package/lib/components/respArea/InlineDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineDropdown.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_react2","_RespArea","_reactDom","_mathToolbar","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","InlineDropdown","props","editor","node","getPos","options","selected","attributes","attrs","value","error","html","toolbarRef","useRef","_useState","useState","_useState2","_slicedToArray2","showToolbar","setShowToolbar","_useState3","top","left","_useState4","position","setPosition","InlineDropdownToolbar","respAreaToolbar","useEffect","selection","state","onlyThisNodeSelected","from","nodeSize","to","bodyRect","document","body","getBoundingClientRect","start","view","coordsAtPos","Math","abs","handleClickOutside","event","current","contains","target","closest","addEventListener","removeEventListener","createElement","NodeViewWrapper","className","style","display","height","margin","cursor","minWidth","background","border","boxSizing","borderRadius","alignItems","onClick","flex","overflow","padding","whiteSpace","textOverflow","verticalAlign","dangerouslySetInnerHTML","__html","Chevron","direction","right","ReactDOM","createPortal","ref","zIndex","propTypes","PropTypes","object","selectedItem","oneOfType","string","_default","exports"],"sources":["../../../src/components/respArea/InlineDropdown.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from 'prop-types';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport { Chevron } from '../icons/RespArea';\nimport ReactDOM from \"react-dom\";\nimport { MathToolbar } from \"@pie-lib/math-toolbar\";\n\nconst InlineDropdown = (props) => {\n  const { editor, node, getPos, options, selected } = props;\n  const { attrs: attributes } = node;\n  const { value, error } = attributes;\n  // TODO: Investigate\n  // Needed because items with values inside have different positioning for some reason\n  const html = value || '<div>&nbsp</div>';\n  const toolbarRef = useRef(null);\n  const [showToolbar, setShowToolbar] = useState(false);\n  const [position, setPosition] = useState({ top: 0, left: 0 });\n  const InlineDropdownToolbar = options.respAreaToolbar(node, editor, () => {});\n\n  useEffect(() => {\n    const { selection } = editor.state;\n    const onlyThisNodeSelected = selection.from + node.nodeSize === selection.to;\n\n    if (selected) {\n      if (onlyThisNodeSelected) {\n        setShowToolbar(selected);\n      }\n    } else {\n      setShowToolbar(selected);\n    }\n  }, [editor, node, selected]);\n\n  useEffect(() => {\n    // Calculate position relative to selection\n    const bodyRect = document.body.getBoundingClientRect();\n    const { from } = editor.state.selection;\n    const start = editor.view.coordsAtPos(from);\n\n    setPosition({\n      top: start.top + Math.abs(bodyRect.top) + 40, // shift above\n      left: start.left,\n    });\n\n    const handleClickOutside = (event) => {\n      if (\n        toolbarRef.current &&\n        !toolbarRef.current.contains(event.target) &&\n        !event.target.closest('[data-inline-node]')\n      ) {\n        setShowToolbar(false);\n      }\n    };\n\n    if (showToolbar) {\n      document.addEventListener('mousedown', handleClickOutside);\n    } else {\n      document.removeEventListener('mousedown', handleClickOutside);\n    }\n\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [showToolbar]);\n\n  return (\n    <NodeViewWrapper\n      className=\"inline-dropdown\"\n      data-selected={selected}\n      style={{\n        display: 'inline-flex',\n        height: '50px',\n        margin: '0 5px',\n        cursor: 'pointer',\n      }}\n    >\n      <div\n        style={{\n          display: 'inline-flex',\n          minWidth: '178px',\n          height: '36px',\n          background: '#FFF',\n          border: '1px solid #C0C3CF',\n          boxSizing: 'border-box',\n          borderRadius: '3px',\n          margin: '0 4px',\n          position: 'relative',\n          alignItems: 'center',\n        }}\n        onClick={() => setShowToolbar(true)}\n      >\n        <div\n          style={{\n            flex: 1,\n            overflow: 'hidden',\n            padding: '0 25px 0 8px',\n            whiteSpace: 'nowrap',\n            textOverflow: 'ellipsis',\n          }}\n        >\n          <span\n            style={{\n              display: 'inline-block',\n              verticalAlign: 'middle',\n            }}\n            dangerouslySetInnerHTML={{\n              __html: html,\n            }}\n          />\n        </div>\n        <Chevron\n          direction=\"down\"\n          style={{\n            position: 'absolute',\n            top: '5px',\n            right: '5px',\n          }}\n        />\n      </div>\n      {showToolbar &&\n        ReactDOM.createPortal(\n          <div ref={toolbarRef} style={{ zIndex: 1 }}>\n            <InlineDropdownToolbar />\n          </div>,\n          document.body,\n        )}\n    </NodeViewWrapper>\n  );\n};\n\nInlineDropdown.propTypes = {\n  attributes: PropTypes.object,\n  selectedItem: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n};\n\nexport default InlineDropdown;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"InlineDropdown.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_react2","_RespArea","_reactDom","_mathToolbar","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","InlineDropdown","props","editor","node","getPos","options","selected","attributes","attrs","value","error","html","toolbarRef","useRef","_useState","useState","_useState2","_slicedToArray2","showToolbar","setShowToolbar","_useState3","top","left","_useState4","position","setPosition","InlineDropdownToolbar","respAreaToolbar","useEffect","selection","state","onlyThisNodeSelected","from","nodeSize","to","bodyRect","document","body","getBoundingClientRect","start","view","coordsAtPos","Math","abs","handleClickOutside","event","current","contains","target","closest","addEventListener","removeEventListener","createElement","NodeViewWrapper","className","style","display","height","margin","cursor","minWidth","background","border","boxSizing","borderRadius","alignItems","onClick","flex","overflow","padding","whiteSpace","textOverflow","verticalAlign","dangerouslySetInnerHTML","__html","Chevron","direction","right","ReactDOM","createPortal","ref","zIndex","propTypes","PropTypes","object","selectedItem","oneOfType","string","_default","exports"],"sources":["../../../src/components/respArea/InlineDropdown.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from 'prop-types';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport { Chevron } from '../icons/RespArea';\nimport ReactDOM from \"react-dom\";\nimport { MathToolbar } from \"@pie-lib/math-toolbar\";\n\nconst InlineDropdown = (props) => {\n  const { editor, node, getPos, options, selected } = props;\n  const { attrs: attributes } = node;\n  const { value, error } = attributes;\n  // TODO: Investigate\n  // Needed because items with values inside have different positioning for some reason\n  const html = value || '<div>&nbsp</div>';\n  const toolbarRef = useRef(null);\n  const [showToolbar, setShowToolbar] = useState(false);\n  const [position, setPosition] = useState({ top: 0, left: 0 });\n  const InlineDropdownToolbar = options.respAreaToolbar(node, editor, () => {});\n\n  useEffect(() => {\n    const { selection } = editor.state;\n    const onlyThisNodeSelected = selection.from + node.nodeSize === selection.to;\n\n    if (selected) {\n      if (onlyThisNodeSelected) {\n        setShowToolbar(selected);\n      }\n    } else {\n      setShowToolbar(selected);\n    }\n  }, [editor, node, selected]);\n\n  useEffect(() => {\n    // Calculate position relative to selection\n    const bodyRect = document.body.getBoundingClientRect();\n    const { from } = editor.state.selection;\n    const start = editor.view.coordsAtPos(from);\n\n    setPosition({\n      top: start.top + Math.abs(bodyRect.top) + 40, // shift above\n      left: start.left,\n    });\n\n    const handleClickOutside = (event) => {\n      if (\n        toolbarRef.current &&\n        !toolbarRef.current.contains(event.target) &&\n        !event.target.closest('[data-inline-node]')\n      ) {\n        setShowToolbar(false);\n      }\n    };\n\n    if (showToolbar) {\n      document.addEventListener('mousedown', handleClickOutside);\n    } else {\n      document.removeEventListener('mousedown', handleClickOutside);\n    }\n\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [showToolbar]);\n\n  return (\n    <NodeViewWrapper\n      className=\"inline-dropdown\"\n      data-selected={selected}\n      style={{\n        display: 'inline-flex',\n        height: '50px',\n        margin: '0 5px',\n        cursor: 'pointer',\n      }}\n    >\n      <div\n        style={{\n          display: 'inline-flex',\n          minWidth: '178px',\n          height: '36px',\n          background: '#FFF',\n          border: '1px solid #C0C3CF',\n          boxSizing: 'border-box',\n          borderRadius: '3px',\n          margin: '0 4px',\n          position: 'relative',\n          alignItems: 'center',\n        }}\n        onClick={() => setShowToolbar(true)}\n      >\n        <div\n          style={{\n            flex: 1,\n            overflow: 'hidden',\n            padding: '0 25px 0 8px',\n            whiteSpace: 'nowrap',\n            textOverflow: 'ellipsis',\n          }}\n        >\n          <span\n            style={{\n              display: 'inline-block',\n              verticalAlign: 'middle',\n            }}\n            dangerouslySetInnerHTML={{\n              __html: html,\n            }}\n          />\n        </div>\n        <Chevron\n          direction=\"down\"\n          style={{\n            position: 'absolute',\n            top: '5px',\n            right: '5px',\n          }}\n        />\n      </div>\n      {showToolbar &&\n        ReactDOM.createPortal(\n          <div ref={toolbarRef} style={{ zIndex: 1 }}>\n            <InlineDropdownToolbar />\n          </div>,\n          document.body,\n        )}\n    </NodeViewWrapper>\n  );\n};\n\nInlineDropdown.propTypes = {\n  attributes: PropTypes.object,\n  selectedItem: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n};\n\nexport default InlineDropdown;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/respArea/ToolbarIcon.js

@@ -1,5 +1,15 @@
 "use strict";
 
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/components/respArea/ToolbarIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarIcon.js","names":["_react","_interopRequireDefault","require","_styles","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Chevron","exports","props","direction","style","rotate","createElement","transform","concat","width","height","viewBox","xmlns","d","fill","GripIcon","_ref","margin","StyledToolbarIcon","styled","_ref2","theme","fontFamily","fontSize","typography","fontWeight","lineHeight","position","top","whiteSpace","ToolbarIcon"],"sources":["../../../src/components/respArea/ToolbarIcon.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\n\nexport const Chevron = (props) => {\n  const { direction, style } = props;\n  const rotate = (() => {\n    switch (direction) {\n      case 'down':\n        return 90;\n      case 'up':\n        return -90;\n      case 'left':\n        return 180;\n      default:\n        return 0;\n    }\n  })();\n\n  return (\n    <svg\n      style={{\n        transform: `rotate(${rotate}deg)`,\n        ...style,\n      }}\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" fill=\"currentColor\" />\n    </svg>\n  );\n};\n\nexport const GripIcon = ({ style }) => (\n  <span style={style}>\n    <svg\n      style={{\n        margin: '0 -16px',\n      }}\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d=\"M9 3H7v2h2V3zm0 4H7v2h2V7zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm4-16h-2v2h2V3zm0 4h-2v2h2V7zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2z\" />\n    </svg>\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M9 3H7v2h2V3zm0 4H7v2h2V7zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm4-16h-2v2h2V3zm0 4h-2v2h2V7zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2z\" />\n    </svg>\n  </span>\n);\n\nconst StyledToolbarIcon = styled('div')(({ theme }) => ({\n  fontFamily: 'Cerebri Sans !important',\n  fontSize: theme.typography.fontSize,\n  fontWeight: 'bold',\n  lineHeight: '14px',\n  position: 'relative',\n  top: '7px',\n  width: '110px',\n  height: '28px',\n  whiteSpace: 'nowrap',\n}));\n\nexport const ToolbarIcon = () => <StyledToolbarIcon>+ Response Area</StyledToolbarIcon>;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ToolbarIcon.js","names":["_react","_interopRequireDefault","require","_styles","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Chevron","exports","props","direction","style","rotate","createElement","transform","concat","width","height","viewBox","xmlns","d","fill","GripIcon","_ref","margin","StyledToolbarIcon","styled","_ref2","theme","fontFamily","fontSize","typography","fontWeight","lineHeight","position","top","whiteSpace","ToolbarIcon"],"sources":["../../../src/components/respArea/ToolbarIcon.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\n\nexport const Chevron = (props) => {\n  const { direction, style } = props;\n  const rotate = (() => {\n    switch (direction) {\n      case 'down':\n        return 90;\n      case 'up':\n        return -90;\n      case 'left':\n        return 180;\n      default:\n        return 0;\n    }\n  })();\n\n  return (\n    <svg\n      style={{\n        transform: `rotate(${rotate}deg)`,\n        ...style,\n      }}\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" fill=\"currentColor\" />\n    </svg>\n  );\n};\n\nexport const GripIcon = ({ style }) => (\n  <span style={style}>\n    <svg\n      style={{\n        margin: '0 -16px',\n      }}\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d=\"M9 3H7v2h2V3zm0 4H7v2h2V7zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm4-16h-2v2h2V3zm0 4h-2v2h2V7zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2z\" />\n    </svg>\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M9 3H7v2h2V3zm0 4H7v2h2V7zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm4-16h-2v2h2V3zm0 4h-2v2h2V7zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2z\" />\n    </svg>\n  </span>\n);\n\nconst StyledToolbarIcon = styled('div')(({ theme }) => ({\n  fontFamily: 'Cerebri Sans !important',\n  fontSize: theme.typography.fontSize,\n  fontWeight: 'bold',\n  lineHeight: '14px',\n  position: 'relative',\n  top: '7px',\n  width: '110px',\n  height: '28px',\n  whiteSpace: 'nowrap',\n}));\n\nexport const ToolbarIcon = () => <StyledToolbarIcon>+ Response Area</StyledToolbarIcon>;\n"],"mappings":"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","ignoreList":[]}

package/lib/constants.js

@@ -1,5 +1,6 @@
 "use strict";
 
+require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

package/lib/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["PIE_TOOLBAR__CLASS","exports","_default"],"sources":["../src/constants.js"],"sourcesContent":["export const PIE_TOOLBAR__CLASS = 'pie-toolbar';\n\nexport default {\n  PIE_TOOLBAR__CLASS,\n};\n"],"mappings":";;;;;;AAAO,IAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,aAAa;AAAC,IAAAE,QAAA,GAAAD,OAAA,cAEjC;EACbD,kBAAkB,EAAlBA;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"constants.js","names":["PIE_TOOLBAR__CLASS","exports","_default"],"sources":["../src/constants.js"],"sourcesContent":["export const PIE_TOOLBAR__CLASS = 'pie-toolbar';\n\nexport default {\n  PIE_TOOLBAR__CLASS,\n};\n"],"mappings":";;;;;;;AAAO,IAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,aAAa;AAAC,IAAAE,QAAA,GAAAD,OAAA,cAEjC;EACbD,kBAAkB,EAAlBA;AACF,CAAC","ignoreList":[]}