@pie-element/placement-ordering 12.3.4-next.3 → 13.0.0-beta.1

package/configure/lib/choice-editor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/choice-editor.jsx"],"names":["findFreeChoiceSlot","choices","slot","ids","map","c","id","includes","log","updateResponseOrChoices","response","from","to","fromType","type","fromIndex","index","toType","placeAtIndex","updatedResponse","reduce","acc","item","movedItem","remainingItems","push","slice","updatedChoices","toIndex","buildTiles","instanceId","targets","r","respId","choice","find","undefined","draggable","editable","processedChoices","m","Object","assign","droppable","concat","ChoiceEditor","props","warning","open","onChoiceChange","onChange","correctResponse","findIndex","splice","label","onDelete","choicesLabel","length","setState","text","filter","updatedCorrectResponse","v","addChoice","freeId","newChoice","newCorrectResponse","weight","shuffleChoices","placementArea","shuffled","shuffledCorrect","shuffledTwice","onDropChoice","ordering","target","source","tiles","t","classes","imageSupport","toolbarOpts","pluginProps","singularChoiceLabel","pluralChoiceLabel","spellCheck","maxImageWidth","maxImageHeight","errors","mathMlOptions","state","choicesErrors","orderError","Array","vTilerStyle","gridTemplateColumns","gridTemplateRows","choiceEditor","vtiler","columnLabel","bind","errorText","controls","root","addButtonRoot","addButtonLabel","toUpperCase","React","Component","PropTypes","object","isRequired","array","func","shape","add","bool","string","styles","theme","allToggle","display","alignItems","justifyContent","width","height","fill","palette","primary","marginTop","spacing","unit","paddingHorizontal","transition","opacity","gridAutoFlow","gridGap","paddingTop","fontSize","typography","color","error","main"],"mappings":"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","sourcesContent":["import ChoiceTile from './choice-tile';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport debug from 'debug';\nimport { withStyles } from '@material-ui/core/styles';\nimport isEmpty from 'lodash/isEmpty';\nimport cloneDeep from 'lodash/cloneDeep';\nimport uniqueId from 'lodash/uniqueId';\nimport shuffle from 'lodash/shuffle';\nimport isEqual from 'lodash/isEqual';\nimport Button from '@material-ui/core/Button';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport { AlertDialog } from '@pie-lib/config-ui';\n\nfunction findFreeChoiceSlot(choices) {\n  let slot = 1;\n  const ids = choices.map((c) => c.id);\n\n  while (ids.includes(`c${slot}`)) {\n    slot++;\n  }\n\n  return slot;\n}\n\nconst log = debug('@pie-element:placement-ordering:configure:choice-editor');\n\nfunction updateResponseOrChoices(response, choices, from, to) {\n  const { type: fromType, index: fromIndex } = from;\n  const { type: toType, index: placeAtIndex } = to;\n\n  if (fromType === 'target' && toType === 'target') {\n    const updatedResponse = cloneDeep(response) || [];\n\n    const { movedItem, remainingItems } = updatedResponse.reduce(\n      (acc, item, index) => {\n        if (index === fromIndex) {\n          acc.movedItem = item;\n        } else {\n          acc.remainingItems.push(item);\n        }\n\n        return acc;\n      },\n      { movedItem: null, remainingItems: [] },\n    );\n\n    return {\n      response: [...remainingItems.slice(0, placeAtIndex), movedItem, ...remainingItems.slice(placeAtIndex)],\n      choices,\n    };\n  }\n\n  if (fromType === 'choice' && toType === 'choice') {\n    const updatedChoices = cloneDeep(choices) || [];\n\n    const { movedItem, remainingItems, toIndex } = updatedChoices.reduce(\n      (acc, item, index) => {\n        if (item.id === from.id) {\n          acc.movedItem = item;\n        } else {\n          acc.remainingItems.push(item);\n        }\n\n        if (item.id === to.id) {\n          acc.toIndex = index;\n        }\n\n        return acc;\n      },\n      { movedItem: null, remainingItems: [], toIndex: null },\n    );\n\n    return {\n      response,\n      choices: [...remainingItems.slice(0, toIndex), movedItem, ...remainingItems.slice(toIndex)],\n    };\n  }\n\n  return { response, choices };\n}\n\nfunction buildTiles(choices, response, instanceId) {\n  const targets = response.map((r, index) => {\n    const respId = r && r.id;\n    const choice = choices.find((c) => respId !== undefined && respId !== null && c.id === respId);\n\n    return {\n      type: 'target',\n      instanceId,\n      ...choice,\n      draggable: true,\n      index,\n      editable: false,\n    };\n  });\n\n  const processedChoices = choices.map((m) => {\n    return Object.assign({}, m, {\n      type: 'choice',\n      droppable: false,\n      draggable: true,\n      instanceId,\n      editable: true,\n    });\n  });\n\n  return processedChoices.concat(targets);\n}\n\nclass ChoiceEditor extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    correctResponse: PropTypes.array.isRequired,\n    choices: PropTypes.array.isRequired,\n    onChange: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    maxImageHeight: PropTypes.object,\n    maxImageWidth: PropTypes.object,\n    toolbarOpts: PropTypes.object,\n    pluginProps: PropTypes.object,\n    placementArea: PropTypes.bool,\n    singularChoiceLabel: PropTypes.string,\n    pluralChoiceLabel: PropTypes.string,\n    choicesLabel: PropTypes.string,\n    errors: PropTypes.object,\n    spellCheck: PropTypes.bool,\n  };\n\n  state = { warning: { open: false } };\n\n  constructor(props) {\n    super(props);\n\n    this.instanceId = uniqueId();\n\n    this.onChoiceChange = (choice) => {\n      const { choices, onChange, correctResponse } = this.props;\n      const index = choices.findIndex((c) => c.id === choice.id);\n\n      choices.splice(index, 1, { ...choices[index], label: choice.label });\n      onChange(choices, correctResponse);\n    };\n\n    this.onDelete = (choice) => {\n      const { choices, onChange, correctResponse, choicesLabel } = this.props;\n\n      if (choices && choices.length === 3) {\n        this.setState({\n          warning: {\n            open: true,\n            text: `There have to be at least 3 ${choicesLabel}.`,\n          },\n        });\n      } else {\n        const updatedChoices = choices.filter((c) => c.id !== choice.id);\n        const updatedCorrectResponse = correctResponse.filter((v) => v.id !== choice.id);\n\n        onChange(updatedChoices, updatedCorrectResponse);\n      }\n    };\n\n    this.addChoice = () => {\n      const { choices, correctResponse, onChange, choicesLabel } = this.props;\n\n      if (choices && choices.length === 10) {\n        this.setState({\n          warning: {\n            open: true,\n            text: `There can be maximum 10 ${choicesLabel}.`,\n          },\n        });\n      } else {\n        const freeId = findFreeChoiceSlot(choices);\n        const id = `c${freeId}`;\n        const newChoice = { id, label: '' };\n\n        const newCorrectResponse = {\n          id,\n          /**\n           * Note: weights are not configurable in the existing component\n           * so we'll want do disable this in the controller and ignore it for now.\n           */\n          weight: 0,\n        };\n\n        const updatedChoices = choices.concat([newChoice]);\n        const updatedCorrectResponse = correctResponse.concat([newCorrectResponse]);\n\n        onChange(updatedChoices, updatedCorrectResponse);\n      }\n    };\n\n    this.shuffleChoices = () => {\n      const { onChange, choices, correctResponse, placementArea } = this.props;\n      let shuffled = shuffle(choices);\n\n      // if placementArea is disabled, make sure we don't shuffle choices in the correct order\n      const shuffledCorrect =\n        !placementArea &&\n        isEqual(\n          shuffled.map((item) => item.id),\n          correctResponse.map((item) => item.id),\n        );\n\n      if (shuffledCorrect) {\n        const shuffledTwice = shuffle(shuffled);\n\n        onChange(shuffledTwice, correctResponse);\n      } else {\n        onChange(shuffled, correctResponse);\n      }\n    };\n\n    this.onDropChoice = (ordering, target, source) => {\n      const { onChange } = this.props;\n      const from = ordering.tiles.find((t) => t.id === source.id && t.type === source.type);\n      const to = target;\n      log('[onDropChoice] ', from, to);\n      const { response, choices } = updateResponseOrChoices(ordering.response, ordering.choices, from, to);\n\n      onChange(choices, response);\n    };\n  }\n\n  render() {\n    const {\n      classes,\n      correctResponse,\n      choices,\n      imageSupport,\n      toolbarOpts,\n      pluginProps,\n      singularChoiceLabel,\n      pluralChoiceLabel,\n      choicesLabel,\n      spellCheck,\n      maxImageWidth,\n      maxImageHeight,\n      errors,\n      mathMlOptions = {},\n    } = this.props;\n    const { warning } = this.state;\n    const { choicesErrors, orderError } = errors || {};\n\n    const ordering = {\n      choices,\n      response: !correctResponse || isEmpty(correctResponse) ? new Array(choices.length) : correctResponse,\n      tiles: buildTiles(choices, correctResponse, this.instanceId),\n    };\n\n    const vTilerStyle = {\n      gridTemplateColumns: 'repeat(2, 1fr)',\n      gridTemplateRows: `repeat(${choices.length}, 1fr)`,\n    };\n\n    return (\n      <div className={classes.choiceEditor}>\n        <div className={classes.vtiler} style={{ gridTemplateColumns: 'repeat(2, 1fr)' }}>\n          <InputContainer label={`Student ${choicesLabel || 'Choices'}`} className={classes.columnLabel} />\n          <InputContainer label=\"Correct Order\" className={classes.columnLabel} />\n        </div>\n\n        <div className={classes.vtiler} style={vTilerStyle}>\n          {ordering.tiles.map((choice, index) => (\n            <ChoiceTile\n              choice={choice}\n              index={index}\n              key={index}\n              imageSupport={imageSupport}\n              onDelete={this.onDelete.bind(this, choice)}\n              onChoiceChange={this.onChoiceChange}\n              onDropChoice={(source, index) => this.onDropChoice(ordering, choice, source, index)}\n              toolbarOpts={toolbarOpts}\n              pluginProps={pluginProps}\n              choices={choices}\n              choicesLabel={choicesLabel}\n              spellCheck={spellCheck}\n              maxImageWidth={maxImageWidth}\n              maxImageHeight={maxImageHeight}\n              error={choicesErrors?.[choice.id] || (orderError && ' ') || null}\n              mathMlOptions={mathMlOptions}\n            />\n          ))}\n        </div>\n\n        {orderError && <div className={classes.errorText}>{orderError}</div>}\n\n        <div className={classes.controls}>\n          <Button\n            onClick={this.shuffleChoices}\n            size=\"small\"\n            variant=\"contained\"\n            color=\"default\"\n            classes={{ root: classes.addButtonRoot, label: classes.addButtonLabel }}\n          >\n            {`SHUFFLE ${pluralChoiceLabel}`.toUpperCase()}\n          </Button>\n\n          <Button\n            onClick={this.addChoice}\n            size=\"small\"\n            variant=\"contained\"\n            color=\"default\"\n            classes={{ root: classes.addButtonRoot, label: classes.addButtonLabel }}\n          >\n            {`ADD ${singularChoiceLabel}`.toUpperCase()}\n          </Button>\n        </div>\n\n        <AlertDialog\n          open={warning.open}\n          title=\"Warning\"\n          text={warning.text}\n          onConfirm={() => this.setState({ warning: { open: false } })}\n        />\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  allToggle: {},\n  choiceEditor: {},\n  controls: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  root: {\n    width: '30px',\n    height: '30px',\n    fill: theme.palette.primary[500],\n  },\n  addButtonRoot: {\n    marginTop: theme.spacing.unit * 2.5,\n    paddingHorizontal: theme.spacing.unit * 1.5,\n  },\n  addButtonLabel: {\n    transition: 'opacity 200ms linear',\n    '&:hover': {\n      opacity: 0.3,\n    },\n  },\n  vtiler: {\n    gridAutoFlow: 'column',\n    display: 'grid',\n    gridGap: '10px',\n    alignItems: 'center',\n  },\n  columnLabel: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n});\n\nexport default withStyles(styles)(ChoiceEditor);\n"],"file":"choice-editor.js"}
+{"version":3,"file":"choice-editor.js","names":["_propTypes","_interopRequireDefault","require","_react","_debug","_shuffle","_isEqual","_Button","_styles","_renderUi","_configUi","_choiceTile","findFreeChoiceSlot","choices","slot","ids","map","c","id","includes","log","debug","StyledControls","styled","display","alignItems","justifyContent","StyledAddButton","Button","theme","marginTop","spacing","paddingLeft","paddingRight","transition","opacity","StyledVTiler","gridAutoFlow","gridGap","StyledColumnLabel","InputContainer","width","paddingTop","ErrorText","fontSize","typography","color","palette","error","main","ChoiceEditor","React","Component","constructor","props","_defineProperty2","default","warning","open","onChoiceChange","choice","onChange","correctResponse","index","findIndex","splice","label","onDelete","choicesLabel","length","setState","text","updatedChoices","filter","updatedCorrectResponse","v","addChoice","freeId","newChoice","newCorrectResponse","weight","concat","shuffleChoices","placementArea","shuffled","shuffle","shuffledCorrect","isEqual","item","shuffledTwice","render","imageSupport","toolbarOpts","pluginProps","singularChoiceLabel","pluralChoiceLabel","spellCheck","maxImageWidth","maxImageHeight","errors","mathMlOptions","ordering","state","choicesErrors","orderError","vTilerStyle","gridTemplateColumns","gridTemplateRows","createElement","style","tiles","key","type","bind","onClick","size","variant","toUpperCase","AlertDialog","title","onConfirm","PropTypes","array","isRequired","func","shape","add","delete","object","bool","string","_default","exports"],"sources":["../src/choice-editor.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport debug from 'debug';\nimport shuffle from 'lodash/shuffle';\nimport isEqual from 'lodash/isEqual';\nimport Button from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport { AlertDialog } from '@pie-lib/config-ui';\n\nimport ChoiceTile from './choice-tile';\n\nfunction findFreeChoiceSlot(choices) {\n  let slot = 1;\n  const ids = choices.map((c) => c.id);\n\n  while (ids.includes(`c${slot}`)) {\n    slot++;\n  }\n\n  return slot;\n}\n\nconst log = debug('@pie-element:placement-ordering:configure:choice-editor');\n\nconst StyledControls = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n});\n\nconst StyledAddButton = styled(Button)(({ theme }) => ({\n  marginTop: theme.spacing(2.5),\n  paddingLeft: theme.spacing(1.5),\n  paddingRight: theme.spacing(1.5),\n  '& .MuiButton-label': {\n    transition: 'opacity 200ms linear',\n    '&:hover': {\n      opacity: 0.3,\n    },\n  },\n}));\n\nconst StyledVTiler = styled('div')({\n  gridAutoFlow: 'column',\n  display: 'grid',\n  gridGap: '10px',\n  alignItems: 'center',\n});\n\nconst StyledColumnLabel = styled(InputContainer)(({ theme }) => ({\n  width: '100%',\n  paddingTop: theme.spacing(2),\n}));\n\nconst ErrorText = styled('div')(({ theme }) => ({\n  fontSize: theme.typography.fontSize - 2,\n  color: theme.palette.error.main,\n  paddingTop: theme.spacing(1),\n}));\n\nclass ChoiceEditor extends React.Component {\n  static propTypes = {\n    correctResponse: PropTypes.array.isRequired,\n    choices: PropTypes.array.isRequired,\n    onChange: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    maxImageHeight: PropTypes.object,\n    maxImageWidth: PropTypes.object,\n    toolbarOpts: PropTypes.object,\n    pluginProps: PropTypes.object,\n    placementArea: PropTypes.bool,\n    singularChoiceLabel: PropTypes.string,\n    pluralChoiceLabel: PropTypes.string,\n    choicesLabel: PropTypes.string,\n    errors: PropTypes.object,\n    spellCheck: PropTypes.bool,\n  };\n\n  state = { warning: { open: false } };\n\n  constructor(props) {\n    super(props);\n\n    this.onChoiceChange = (choice) => {\n      const { choices, onChange, correctResponse } = this.props;\n      const index = choices.findIndex((c) => c.id === choice.id);\n\n      choices.splice(index, 1, { ...choices[index], label: choice.label });\n      onChange(choices, correctResponse);\n    };\n\n    this.onDelete = (choice) => {\n      const { choices, onChange, correctResponse, choicesLabel } = this.props;\n\n      if (choices && choices.length === 3) {\n        this.setState({\n          warning: {\n            open: true,\n            text: `There have to be at least 3 ${choicesLabel}.`,\n          },\n        });\n      } else {\n        const updatedChoices = choices.filter((c) => c.id !== choice.id);\n        const updatedCorrectResponse = correctResponse.filter((v) => v.id !== choice.id);\n\n        onChange(updatedChoices, updatedCorrectResponse);\n      }\n    };\n\n    this.addChoice = () => {\n      const { choices, correctResponse, onChange, choicesLabel } = this.props;\n\n      if (choices && choices.length === 10) {\n        this.setState({\n          warning: {\n            open: true,\n            text: `There can be maximum 10 ${choicesLabel}.`,\n          },\n        });\n      } else {\n        const freeId = findFreeChoiceSlot(choices);\n        const id = `c${freeId}`;\n        const newChoice = { id, label: '' };\n\n        const newCorrectResponse = {\n          id,\n          /**\n           * Note: weights are not configurable in the existing component\n           * so we'll want do disable this in the controller and ignore it for now.\n           */\n          weight: 0,\n        };\n\n        const updatedChoices = choices.concat([newChoice]);\n        const updatedCorrectResponse = correctResponse.concat([newCorrectResponse]);\n\n        onChange(updatedChoices, updatedCorrectResponse);\n      }\n    };\n\n    this.shuffleChoices = () => {\n      const { onChange, choices, correctResponse, placementArea } = this.props;\n      let shuffled = shuffle(choices);\n\n      // if placementArea is disabled, make sure we don't shuffle choices in the correct order\n      const shuffledCorrect =\n        !placementArea &&\n        isEqual(\n          shuffled.map((item) => item.id),\n          correctResponse.map((item) => item.id),\n        );\n\n      if (shuffledCorrect) {\n        const shuffledTwice = shuffle(shuffled);\n\n        onChange(shuffledTwice, correctResponse);\n      } else {\n        onChange(shuffled, correctResponse);\n      }\n    };\n  }\n\n  render() {\n    const {\n      correctResponse,\n      choices,\n      imageSupport,\n      toolbarOpts,\n      pluginProps,\n      singularChoiceLabel,\n      pluralChoiceLabel,\n      choicesLabel,\n      spellCheck,\n      maxImageWidth,\n      maxImageHeight,\n      errors,\n      mathMlOptions = {},\n      ordering,\n    } = this.props;\n    const { warning } = this.state;\n    const { choicesErrors, orderError } = errors || {};\n\n    const vTilerStyle = {\n      gridTemplateColumns: 'repeat(2, 1fr)',\n      gridTemplateRows: `repeat(${choices.length}, 1fr)`,\n    };\n\n    return (\n      <div>\n        <StyledVTiler style={{ gridTemplateColumns: 'repeat(2, 1fr)' }}>\n          <StyledColumnLabel label={`Student ${choicesLabel || 'Choices'}`} />\n          <StyledColumnLabel label=\"Correct Order\" />\n        </StyledVTiler>\n        <StyledVTiler style={vTilerStyle}>\n          {ordering.tiles.map((choice, index) => (\n            <ChoiceTile\n              key={`${choice.type}-${choice.id}`}\n              choice={choice}\n              index={index}\n              imageSupport={imageSupport}\n              onDelete={this.onDelete.bind(this, choice)}\n              onChoiceChange={this.onChoiceChange}\n              toolbarOpts={toolbarOpts}\n              pluginProps={pluginProps}\n              choices={choices}\n              choicesLabel={choicesLabel}\n              spellCheck={spellCheck}\n              maxImageWidth={maxImageWidth}\n              maxImageHeight={maxImageHeight}\n              error={choicesErrors?.[choice.id] || (orderError && ' ') || null}\n              mathMlOptions={mathMlOptions}\n            />\n          ))}\n        </StyledVTiler>\n        {orderError && <ErrorText>{orderError}</ErrorText>}\n        <StyledControls>\n          <StyledAddButton\n            onClick={this.shuffleChoices}\n            size=\"small\"\n            variant=\"contained\">\n            {`SHUFFLE ${pluralChoiceLabel}`.toUpperCase()}\n          </StyledAddButton>\n\n          <StyledAddButton\n            onClick={this.addChoice}\n            size=\"small\"\n            variant=\"contained\">\n            {`ADD ${singularChoiceLabel}`.toUpperCase()}\n          </StyledAddButton>\n        </StyledControls>\n        <AlertDialog\n          open={warning.open}\n          title=\"Warning\"\n          text={warning.text}\n          onConfirm={() => this.setState({ warning: { open: false } })}\n        />\n      </div>\n    );\n  }\n}\n\nexport default ChoiceEditor;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/choice-tile.js

@@ -1,278 +1,187 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.ChoiceTile = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _editableHtml = _interopRequireWildcard(require("@pie-lib/editable-html"));
-
-var _CardActions = _interopRequireDefault(require("@material-ui/core/CardActions"));
-
-var _DragHandle = _interopRequireDefault(require("@material-ui/icons/DragHandle"));
-
-var _reactDnd = require("react-dnd");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
+exports.default = exports.ChoiceTile = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-
-var _RemoveCircle = _interopRequireDefault(require("@material-ui/icons/RemoveCircle"));
-
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _debug = _interopRequireDefault(require("debug"));
-
-var _styles = require("@material-ui/core/styles");
-
+var _core = require("@dnd-kit/core");
+var _CardActions = _interopRequireDefault(require("@mui/material/CardActions"));
+var _DragHandle = _interopRequireDefault(require("@mui/icons-material/DragHandle"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _RemoveCircle = _interopRequireDefault(require("@mui/icons-material/RemoveCircle"));
+var _styles = require("@mui/material/styles");
 var _renderUi = require("@pie-lib/render-ui");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var log = (0, _debug["default"])('@pie-element:placement-ordering:configure:choice-tile');
-
-var ChoiceTile = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(ChoiceTile, _React$Component);
-
-  var _super = _createSuper(ChoiceTile);
-
-  function ChoiceTile() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, ChoiceTile);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onLabelChange", function (label) {
-      var _this$props = _this.props,
-          choice = _this$props.choice,
-          onChoiceChange = _this$props.onChoiceChange;
-      choice.label = label;
-      onChoiceChange(choice);
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(ChoiceTile, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          _this$props2$choice = _this$props2.choice,
-          label = _this$props2$choice.label,
-          editable = _this$props2$choice.editable,
-          type = _this$props2$choice.type,
-          isDragging = _this$props2.isDragging,
-          connectDragSource = _this$props2.connectDragSource,
-          connectDropTarget = _this$props2.connectDropTarget,
-          classes = _this$props2.classes,
-          onDelete = _this$props2.onDelete,
-          imageSupport = _this$props2.imageSupport,
-          spellCheck = _this$props2.spellCheck,
-          toolbarOpts = _this$props2.toolbarOpts,
-          pluginProps = _this$props2.pluginProps,
-          maxImageWidth = _this$props2.maxImageWidth,
-          maxImageHeight = _this$props2.maxImageHeight,
-          error = _this$props2.error,
-          _this$props2$mathMlOp = _this$props2.mathMlOptions,
-          mathMlOptions = _this$props2$mathMlOp === void 0 ? {} : _this$props2$mathMlOp;
-      var dragSourceOpts = {}; //dropEffect: moveOnDrag ? 'move' : 'copy'};
-
-      var filteredDefaultPlugins = (_editableHtml.DEFAULT_PLUGINS || []).filter(function (p) {
-        return p !== 'bulleted-list' && p !== 'numbered-list';
-      });
-      var opacity = isDragging ? 0 : 1;
-
-      var markup = /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.choiceTile,
-        style: {
-          opacity: opacity,
-          width: '100%'
-        }
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          width: '100%',
-          display: 'flex'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_CardActions["default"], null, /*#__PURE__*/_react["default"].createElement("span", {
-        className: (0, _classnames["default"])(classes.dragHandle)
-      }, /*#__PURE__*/_react["default"].createElement(_DragHandle["default"], {
-        className: classes.actions
-      }))), /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
-        disabled: !editable,
-        className: (0, _classnames["default"])(classes.prompt, !editable && classes.targetPrompt),
-        placeholder: type !== 'target' && !label.includes('data-latex') ? 'Enter a choice' : '',
-        markup: label,
-        imageSupport: imageSupport || undefined,
-        onChange: this.onLabelChange,
-        pluginProps: pluginProps,
-        toolbarOpts: toolbarOpts,
-        activePlugins: filteredDefaultPlugins,
-        spellCheck: spellCheck,
-        autoWidthToolbar: true,
-        maxImageWidth: maxImageWidth,
-        maxImageHeight: maxImageHeight,
-        languageCharactersProps: [{
-          language: 'spanish'
-        }, {
-          language: 'special'
-        }],
-        error: editable && error,
-        mathMlOptions: mathMlOptions
-      }), editable && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.controls
-      }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-        className: classes.customColor,
-        onClick: onDelete
-      }, /*#__PURE__*/_react["default"].createElement(_RemoveCircle["default"], {
-        classes: {
-          root: classes.removeCircle
-        }
-      })))), editable && error && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.errorText
-      }, error));
-
-      return connectDragSource(connectDropTarget( /*#__PURE__*/_react["default"].createElement("div", null, markup)), dragSourceOpts);
-    }
-  }]);
-  return ChoiceTile;
-}(_react["default"].Component);
-
-exports.ChoiceTile = ChoiceTile;
-(0, _defineProperty2["default"])(ChoiceTile, "propTypes", {
-  connectDragSource: _propTypes["default"].func.isRequired,
-  connectDropTarget: _propTypes["default"].func.isRequired,
-  isDragging: _propTypes["default"].bool.isRequired,
-  id: _propTypes["default"].any,
-  maxImageHeight: _propTypes["default"].object,
-  maxImageWidth: _propTypes["default"].object,
-  label: _propTypes["default"].string,
-  isOver: _propTypes["default"].bool,
-  classes: _propTypes["default"].object.isRequired,
-  type: _propTypes["default"].string,
-  empty: _propTypes["default"].bool,
-  disabled: _propTypes["default"].bool,
-  outcome: _propTypes["default"].object,
-  index: _propTypes["default"].number,
-  imageSupport: _propTypes["default"].shape({
-    add: _propTypes["default"].func.isRequired,
-    "delete": _propTypes["default"].func.isRequired
-  }),
-  choice: _propTypes["default"].object,
-  choices: _propTypes["default"].array.isRequired,
-  onChoiceChange: _propTypes["default"].func.isRequired,
-  onDelete: _propTypes["default"].func.isRequired,
-  toolbarOpts: _propTypes["default"].object,
-  pluginProps: _propTypes["default"].object,
-  choicesLabel: _propTypes["default"].string,
-  error: _propTypes["default"].string,
-  spellCheck: _propTypes["default"].bool
+var _editableHtmlTipTap = _interopRequireWildcard(require("@pie-lib/editable-html-tip-tap"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const log = (0, _debug.default)('@pie-element:placement-ordering:configure:choice-tile');
+const StyledChoiceTile = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  margin: `${theme.spacing(1)}px 0`,
+  backgroundColor: theme.palette.background.paper,
+  display: 'flex',
+  flexDirection: 'column',
+  cursor: 'move'
+}));
+const StyledEditableHtml = (0, _styles.styled)(_editableHtmlTipTap.default)(({
+  theme,
+  isTargetPrompt
+}) => ({
+  width: '80%',
+  border: 'none',
+  borderRadius: '4px',
+  ...(isTargetPrompt && {
+    backgroundColor: theme.palette.error.light
+  })
+}));
+const StyledControls = (0, _styles.styled)('div')(() => ({
+  display: 'flex',
+  justifyContent: 'flex-end'
+}));
+const StyledActions = (0, _styles.styled)(_DragHandle.default)(({
+  theme
+}) => ({
+  color: theme.palette.error[400]
+}));
+const StyledErrorText = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  fontSize: theme.typography.fontSize - 2,
+  color: theme.palette.error.main,
+  marginLeft: theme.spacing(5),
+  marginTop: theme.spacing(1)
+}));
+const StyledRemoveCircle = (0, _styles.styled)(_RemoveCircle.default)(({
+  theme
+}) => ({
+  fill: theme.palette.error[500]
+}));
+const StyledIconButton = (0, _styles.styled)(_IconButton.default)({
+  color: `${_renderUi.color.tertiary()} !important`
 });
-var Styled = (0, _styles.withStyles)(function (theme) {
-  return {
-    removeCircle: {
-      fill: theme.palette.error[500]
-    },
-    choiceTile: {
-      cursor: 'move',
-      backgroundColor: theme.palette.common.white,
-      margin: "".concat(theme.spacing.unit, "px 0"),
-      display: 'flex',
-      flexDirection: 'column'
-    },
-    controls: {
-      display: 'flex',
-      justifyContent: 'flex-end'
-    },
-    prompt: {
-      width: '80%',
-      border: 'none',
-      borderRadius: '4px'
-    },
-    targetPrompt: {
-      backgroundColor: theme.palette.error['A100']
-    },
-    actions: {
-      color: theme.palette.error[400]
-    },
-    errorText: {
-      fontSize: theme.typography.fontSize - 2,
-      color: theme.palette.error.main,
-      marginLeft: theme.spacing.unit * 5,
-      marginTop: theme.spacing.unit
-    },
-    correctOrder: {
-      position: 'absolute',
-      top: 0,
-      fontSize: theme.typography.fontSize - 2,
-      color: _renderUi.color.disabled()
-    },
-    customColor: {
-      color: "".concat(_renderUi.color.tertiary(), " !important")
+const ChoiceTile = props => {
+  const {
+    choice,
+    index,
+    onChoiceChange,
+    onDelete,
+    imageSupport,
+    spellCheck,
+    toolbarOpts,
+    pluginProps,
+    maxImageWidth,
+    maxImageHeight,
+    error,
+    mathMlOptions = {}
+  } = props;
+  const {
+    label,
+    editable,
+    type
+  } = choice;
+  const draggableId = `${type}-${choice.id}`;
+  const droppableId = `${type}-drop-${choice.id}`;
+  const {
+    attributes,
+    listeners,
+    setNodeRef: setDragRef,
+    transform,
+    isDragging
+  } = (0, _core.useDraggable)({
+    id: draggableId,
+    data: {
+      id: choice.id,
+      index,
+      type
+    }
+  });
+  const {
+    setNodeRef: setDropRef
+  } = (0, _core.useDroppable)({
+    id: droppableId,
+    data: {
+      id: choice.id,
+      index,
+      type
     }
+  });
+  const onLabelChange = label => {
+    choice.label = label;
+    onChoiceChange(choice);
   };
-})(ChoiceTile);
-var NAME = 'choice-config';
-var choiceSource = {
-  beginDrag: function beginDrag(props) {
-    return {
-      id: props.choice.id,
-      index: props.index,
-      type: props.choice.type,
-      instanceId: props.choice.instanceId
-    };
-  }
-};
-var StyledSource = (0, _reactDnd.DragSource)(NAME, choiceSource, function (connect, monitor) {
-  return {
-    connectDragSource: connect.dragSource(),
-    isDragging: monitor.isDragging()
+  const style = {
+    transform: transform ? `translate3d(${transform.x}px, ${transform.y}px, 0)` : undefined,
+    opacity: isDragging ? 0.5 : 1,
+    width: '100%'
   };
-})(Styled);
-var choiceTarget = {
-  hover: function hover() {
-    log('[hover]');
-  },
-  drop: function drop(props, monitor) {
-    var item = monitor.getItem();
-    log('[drop] item: ', item, 'didDrop?', monitor.didDrop());
-    props.onDropChoice(item, props.index);
-  }
+  const filteredDefaultPlugins = (_editableHtmlTipTap.DEFAULT_PLUGINS || []).filter(p => p !== 'bulleted-list' && p !== 'numbered-list');
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: setDropRef
+  }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    ref: setDragRef
+  }, listeners, attributes), /*#__PURE__*/_react.default.createElement(StyledChoiceTile, {
+    style: style
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: '100%',
+      display: 'flex'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CardActions.default, null, /*#__PURE__*/_react.default.createElement(StyledActions, null)), /*#__PURE__*/_react.default.createElement(StyledEditableHtml, {
+    disabled: !editable,
+    placeholder: type !== 'target' && !label.includes('data-latex') ? 'Enter a choice' : '',
+    markup: label,
+    imageSupport: imageSupport || undefined,
+    onChange: onLabelChange,
+    pluginProps: pluginProps,
+    toolbarOpts: toolbarOpts,
+    activePlugins: filteredDefaultPlugins,
+    spellCheck: spellCheck,
+    autoWidthToolbar: true,
+    maxImageWidth: maxImageWidth,
+    maxImageHeight: maxImageHeight,
+    languageCharactersProps: [{
+      language: 'spanish'
+    }, {
+      language: 'special'
+    }],
+    error: editable && error,
+    mathMlOptions: mathMlOptions
+  }), editable && /*#__PURE__*/_react.default.createElement(StyledControls, null, /*#__PURE__*/_react.default.createElement(StyledIconButton, {
+    onClick: onDelete,
+    size: "large"
+  }, /*#__PURE__*/_react.default.createElement(StyledRemoveCircle, null)))), editable && error && /*#__PURE__*/_react.default.createElement(StyledErrorText, null, error))));
 };
-var StyledSourceAndTarget = (0, _reactDnd.DropTarget)(NAME, choiceTarget, function (connect, monitor) {
-  return {
-    connectDropTarget: connect.dropTarget(),
-    isOver: monitor.isOver()
-  };
-})(StyledSource);
-var _default = StyledSourceAndTarget;
-exports["default"] = _default;
+exports.ChoiceTile = ChoiceTile;
+ChoiceTile.propTypes = {
+  id: _propTypes.default.any,
+  maxImageHeight: _propTypes.default.object,
+  maxImageWidth: _propTypes.default.object,
+  label: _propTypes.default.string,
+  isOver: _propTypes.default.bool,
+  type: _propTypes.default.string,
+  empty: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  outcome: _propTypes.default.object,
+  index: _propTypes.default.number,
+  imageSupport: _propTypes.default.shape({
+    add: _propTypes.default.func.isRequired,
+    delete: _propTypes.default.func.isRequired
+  }),
+  choice: _propTypes.default.object,
+  choices: _propTypes.default.array.isRequired,
+  onChoiceChange: _propTypes.default.func.isRequired,
+  onDelete: _propTypes.default.func.isRequired,
+  toolbarOpts: _propTypes.default.object,
+  pluginProps: _propTypes.default.object,
+  choicesLabel: _propTypes.default.string,
+  error: _propTypes.default.string,
+  spellCheck: _propTypes.default.bool,
+  mathMlOptions: _propTypes.default.object
+};
+var _default = exports.default = ChoiceTile;
 //# sourceMappingURL=choice-tile.js.map

package/configure/lib/choice-tile.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/choice-tile.jsx"],"names":["log","ChoiceTile","label","props","choice","onChoiceChange","editable","type","isDragging","connectDragSource","connectDropTarget","classes","onDelete","imageSupport","spellCheck","toolbarOpts","pluginProps","maxImageWidth","maxImageHeight","error","mathMlOptions","dragSourceOpts","filteredDefaultPlugins","DEFAULT_PLUGINS","filter","p","opacity","markup","choiceTile","width","display","dragHandle","actions","prompt","targetPrompt","includes","undefined","onLabelChange","language","controls","customColor","root","removeCircle","errorText","React","Component","PropTypes","func","isRequired","bool","id","any","object","string","isOver","empty","disabled","outcome","index","number","shape","add","choices","array","choicesLabel","Styled","theme","fill","palette","cursor","backgroundColor","common","white","margin","spacing","unit","flexDirection","justifyContent","border","borderRadius","color","fontSize","typography","main","marginLeft","marginTop","correctOrder","position","top","tertiary","NAME","choiceSource","beginDrag","instanceId","StyledSource","connect","monitor","dragSource","choiceTarget","hover","drop","item","getItem","didDrop","onDropChoice","StyledSourceAndTarget","dropTarget"],"mappings":"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","sourcesContent":["import EditableHtml, { DEFAULT_PLUGINS } from '@pie-lib/editable-html';\nimport CardActions from '@material-ui/core/CardActions';\nimport DragHandle from '@material-ui/icons/DragHandle';\n\nimport { DragSource, DropTarget } from 'react-dnd';\nimport classNames from 'classnames';\n\nimport IconButton from '@material-ui/core/IconButton';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport RemoveCircle from '@material-ui/icons/RemoveCircle';\nimport debug from 'debug';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst log = debug('@pie-element:placement-ordering:configure:choice-tile');\n\nexport class ChoiceTile extends React.Component {\n  static propTypes = {\n    connectDragSource: PropTypes.func.isRequired,\n    connectDropTarget: PropTypes.func.isRequired,\n    isDragging: PropTypes.bool.isRequired,\n    id: PropTypes.any,\n    maxImageHeight: PropTypes.object,\n    maxImageWidth: PropTypes.object,\n    label: PropTypes.string,\n    isOver: PropTypes.bool,\n    classes: PropTypes.object.isRequired,\n    type: PropTypes.string,\n    empty: PropTypes.bool,\n    disabled: PropTypes.bool,\n    outcome: PropTypes.object,\n    index: PropTypes.number,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    choice: PropTypes.object,\n    choices: PropTypes.array.isRequired,\n    onChoiceChange: PropTypes.func.isRequired,\n    onDelete: PropTypes.func.isRequired,\n    toolbarOpts: PropTypes.object,\n    pluginProps: PropTypes.object,\n    choicesLabel: PropTypes.string,\n    error: PropTypes.string,\n    spellCheck: PropTypes.bool,\n  };\n\n  onLabelChange = (label) => {\n    const { choice, onChoiceChange } = this.props;\n\n    choice.label = label;\n    onChoiceChange(choice);\n  };\n\n  render() {\n    const {\n      choice: { label, editable, type },\n      isDragging,\n      connectDragSource,\n      connectDropTarget,\n      classes,\n      onDelete,\n      imageSupport,\n      spellCheck,\n      toolbarOpts,\n      pluginProps,\n      maxImageWidth,\n      maxImageHeight,\n      error,\n      mathMlOptions = {},\n    } = this.props;\n\n    const dragSourceOpts = {}; //dropEffect: moveOnDrag ? 'move' : 'copy'};\n    const filteredDefaultPlugins = (DEFAULT_PLUGINS || []).filter(\n      (p) => p !== 'bulleted-list' && p !== 'numbered-list',\n    );\n\n    const opacity = isDragging ? 0 : 1;\n    const markup = (\n      <div className={classes.choiceTile} style={{ opacity: opacity, width: '100%' }}>\n        <div style={{ width: '100%', display: 'flex' }}>\n          <CardActions>\n            <span className={classNames(classes.dragHandle)}>\n              <DragHandle className={classes.actions} />\n            </span>\n          </CardActions>\n\n          <EditableHtml\n            disabled={!editable}\n            className={classNames(classes.prompt, !editable && classes.targetPrompt)}\n            placeholder={type !== 'target' && !label.includes('data-latex') ? 'Enter a choice' : ''}\n            markup={label}\n            imageSupport={imageSupport || undefined}\n            onChange={this.onLabelChange}\n            pluginProps={pluginProps}\n            toolbarOpts={toolbarOpts}\n            activePlugins={filteredDefaultPlugins}\n            spellCheck={spellCheck}\n            autoWidthToolbar\n            maxImageWidth={maxImageWidth}\n            maxImageHeight={maxImageHeight}\n            languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            error={editable && error}\n            mathMlOptions={mathMlOptions}\n          />\n\n          {editable && (\n            <div className={classes.controls}>\n              <IconButton className={classes.customColor} onClick={onDelete}>\n                <RemoveCircle classes={{ root: classes.removeCircle }} />\n              </IconButton>\n            </div>\n          )}\n        </div>\n\n        {editable && error && <div className={classes.errorText}>{error}</div>}\n      </div>\n    );\n\n    return connectDragSource(connectDropTarget(<div>{markup}</div>), dragSourceOpts);\n  }\n}\n\nconst Styled = withStyles((theme) => ({\n  removeCircle: {\n    fill: theme.palette.error[500],\n  },\n  choiceTile: {\n    cursor: 'move',\n    backgroundColor: theme.palette.common.white,\n    margin: `${theme.spacing.unit}px 0`,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  controls: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n  },\n  prompt: {\n    width: '80%',\n    border: 'none',\n    borderRadius: '4px',\n  },\n  targetPrompt: {\n    backgroundColor: theme.palette.error['A100'],\n  },\n  actions: {\n    color: theme.palette.error[400],\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    marginLeft: theme.spacing.unit * 5,\n    marginTop: theme.spacing.unit,\n  },\n  correctOrder: {\n    position: 'absolute',\n    top: 0,\n    fontSize: theme.typography.fontSize - 2,\n    color: color.disabled(),\n  },\n  customColor: {\n    color: `${color.tertiary()} !important`,\n  },\n}))(ChoiceTile);\n\nconst NAME = 'choice-config';\n\nconst choiceSource = {\n  beginDrag(props) {\n    return {\n      id: props.choice.id,\n      index: props.index,\n      type: props.choice.type,\n      instanceId: props.choice.instanceId,\n    };\n  },\n};\n\nconst StyledSource = DragSource(NAME, choiceSource, (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  isDragging: monitor.isDragging(),\n}))(Styled);\n\nconst choiceTarget = {\n  hover() {\n    log('[hover]');\n  },\n  drop(props, monitor) {\n    const item = monitor.getItem();\n    log('[drop] item: ', item, 'didDrop?', monitor.didDrop());\n\n    props.onDropChoice(item, props.index);\n  },\n};\n\nconst StyledSourceAndTarget = DropTarget(NAME, choiceTarget, (connect, monitor) => ({\n  connectDropTarget: connect.dropTarget(),\n  isOver: monitor.isOver(),\n}))(StyledSource);\n\nexport default StyledSourceAndTarget;\n"],"file":"choice-tile.js"}
+{"version":3,"file":"choice-tile.js","names":["_react","_interopRequireDefault","require","_propTypes","_debug","_core","_CardActions","_DragHandle","_IconButton","_RemoveCircle","_styles","_renderUi","_editableHtmlTipTap","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","log","debug","StyledChoiceTile","styled","theme","margin","spacing","backgroundColor","palette","background","paper","display","flexDirection","cursor","StyledEditableHtml","EditableHtml","isTargetPrompt","width","border","borderRadius","error","light","StyledControls","justifyContent","StyledActions","DragHandle","color","StyledErrorText","fontSize","typography","main","marginLeft","marginTop","StyledRemoveCircle","RemoveCircle","fill","StyledIconButton","IconButton","tertiary","ChoiceTile","props","choice","index","onChoiceChange","onDelete","imageSupport","spellCheck","toolbarOpts","pluginProps","maxImageWidth","maxImageHeight","mathMlOptions","label","editable","type","draggableId","id","droppableId","attributes","listeners","setNodeRef","setDragRef","transform","isDragging","useDraggable","data","setDropRef","useDroppable","onLabelChange","style","x","y","undefined","opacity","filteredDefaultPlugins","DEFAULT_PLUGINS","filter","p","createElement","ref","_extends2","disabled","placeholder","includes","markup","onChange","activePlugins","autoWidthToolbar","languageCharactersProps","language","onClick","size","exports","propTypes","PropTypes","any","object","string","isOver","bool","empty","outcome","number","shape","add","func","isRequired","delete","choices","array","choicesLabel","_default"],"sources":["../src/choice-tile.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\nimport CardActions from '@mui/material/CardActions';\nimport DragHandle from '@mui/icons-material/DragHandle';\nimport IconButton from '@mui/material/IconButton';\nimport RemoveCircle from '@mui/icons-material/RemoveCircle';\nimport { styled } from '@mui/material/styles';\n\nimport { color } from '@pie-lib/render-ui';\nimport EditableHtml, { DEFAULT_PLUGINS } from '@pie-lib/editable-html-tip-tap';\n\nconst log = debug('@pie-element:placement-ordering:configure:choice-tile');\n\nconst StyledChoiceTile = styled('div')(({ theme }) => ({\n  margin: `${theme.spacing(1)}px 0`,\n  backgroundColor: theme.palette.background.paper,\n  display: 'flex',\n  flexDirection: 'column',\n  cursor: 'move'\n}));\n\nconst StyledEditableHtml = styled(EditableHtml)(({ theme, isTargetPrompt }) => ({\n  width: '80%',\n  border: 'none',\n  borderRadius: '4px',\n  ...(isTargetPrompt && {\n    backgroundColor: theme.palette.error.light,\n  }),\n}));\n\nconst StyledControls = styled('div')(() => ({\n  display: 'flex',\n  justifyContent: 'flex-end',\n}));\n\nconst StyledActions = styled(DragHandle)(({ theme }) => ({\n  color: theme.palette.error[400],\n}));\n\nconst StyledErrorText = styled('div')(({ theme }) => ({\n  fontSize: theme.typography.fontSize - 2,\n  color: theme.palette.error.main,\n  marginLeft: theme.spacing(5),\n  marginTop: theme.spacing(1),\n}));\n\nconst StyledRemoveCircle = styled(RemoveCircle)(({ theme }) => ({\n  fill: theme.palette.error[500],\n}));\n\nconst StyledIconButton = styled(IconButton)({\n  color: `${color.tertiary()} !important`,\n});\n\nexport const ChoiceTile = (props) => {\n  const {\n    choice,\n    index,\n    onChoiceChange,\n    onDelete,\n    imageSupport,\n    spellCheck,\n    toolbarOpts,\n    pluginProps,\n    maxImageWidth,\n    maxImageHeight,\n    error,\n    mathMlOptions = {},\n  } = props;\n  const { label, editable, type } = choice;\n  const draggableId = `${type}-${choice.id}`;\n  const droppableId = `${type}-drop-${choice.id}`;\n\n  const {\n    attributes,\n    listeners,\n    setNodeRef: setDragRef,\n    transform,\n    isDragging,\n  } = useDraggable({\n    id: draggableId,\n    data: {\n      id: choice.id,\n      index,\n      type,\n    },\n  });\n\n  const {\n    setNodeRef: setDropRef,\n  } = useDroppable({\n    id: droppableId,\n    data: {\n      id: choice.id,\n      index,\n      type,\n    },\n  });\n\n  const onLabelChange = (label) => {\n    choice.label = label;\n    onChoiceChange(choice);\n  };\n\n  const style = {\n    transform: transform ? `translate3d(${transform.x}px, ${transform.y}px, 0)` : undefined,\n    opacity: isDragging ? 0.5 : 1,\n    width: '100%',\n  };\n\n  const filteredDefaultPlugins = (DEFAULT_PLUGINS || []).filter(\n    (p) => p !== 'bulleted-list' && p !== 'numbered-list',\n  );\n\n  return (\n    <div ref={setDropRef}>\n      <div ref={setDragRef} {...listeners} {...attributes}>\n        <StyledChoiceTile style={style}>\n          <div style={{ width: '100%', display: 'flex' }}>\n            <CardActions>\n              <StyledActions />\n            </CardActions>\n\n            <StyledEditableHtml\n              disabled={!editable}\n              placeholder={type !== 'target' && !label.includes('data-latex') ? 'Enter a choice' : ''}\n              markup={label}\n              imageSupport={imageSupport || undefined}\n              onChange={onLabelChange}\n              pluginProps={pluginProps}\n              toolbarOpts={toolbarOpts}\n              activePlugins={filteredDefaultPlugins}\n              spellCheck={spellCheck}\n              autoWidthToolbar\n              maxImageWidth={maxImageWidth}\n              maxImageHeight={maxImageHeight}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              error={editable && error}\n              mathMlOptions={mathMlOptions}\n            />\n\n            {editable && (\n              <StyledControls>\n                <StyledIconButton onClick={onDelete} size=\"large\">\n                  <StyledRemoveCircle />\n                </StyledIconButton>\n              </StyledControls>\n            )}\n          </div>\n\n          {editable && error && <StyledErrorText>{error}</StyledErrorText>}\n        </StyledChoiceTile>\n      </div>\n    </div>\n  );\n};\n\nChoiceTile.propTypes = {\n  id: PropTypes.any,\n  maxImageHeight: PropTypes.object,\n  maxImageWidth: PropTypes.object,\n  label: PropTypes.string,\n  isOver: PropTypes.bool,\n  type: PropTypes.string,\n  empty: PropTypes.bool,\n  disabled: PropTypes.bool,\n  outcome: PropTypes.object,\n  index: PropTypes.number,\n  imageSupport: PropTypes.shape({\n    add: PropTypes.func.isRequired,\n    delete: PropTypes.func.isRequired,\n  }),\n  choice: PropTypes.object,\n  choices: PropTypes.array.isRequired,\n  onChoiceChange: PropTypes.func.isRequired,\n  onDelete: PropTypes.func.isRequired,\n  toolbarOpts: PropTypes.object,\n  pluginProps: PropTypes.object,\n  choicesLabel: PropTypes.string,\n  error: PropTypes.string,\n  spellCheck: PropTypes.bool,\n  mathMlOptions: PropTypes.object,\n};\n\nexport default ChoiceTile;\n"],"mappings":"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","ignoreList":[]}