@pie-element/placement-ordering 13.0.0-next.42 → 13.1.0-next.0

package/configure/lib/choice-editor.js

@@ -9,8 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _debug = _interopRequireDefault(require("debug"));
-var _shuffle = _interopRequireDefault(require("lodash/shuffle"));
-var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+var _lodashEs = require("lodash-es");
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _styles = require("@mui/material/styles");
 var _renderUi = require("@pie-lib/render-ui");
@@ -144,12 +143,12 @@ class ChoiceEditor extends _react.default.Component {
         correctResponse,
         placementArea
       } = this.props;
-      let shuffled = (0, _shuffle.default)(choices);
+      let shuffled = (0, _lodashEs.shuffle)(choices);
 
       // if placementArea is disabled, make sure we don't shuffle choices in the correct order
-      const shuffledCorrect = !placementArea && (0, _isEqual.default)(shuffled.map(item => item.id), correctResponse.map(item => item.id));
+      const shuffledCorrect = !placementArea && (0, _lodashEs.isEqual)(shuffled.map(item => item.id), correctResponse.map(item => item.id));
       if (shuffledCorrect) {
-        const shuffledTwice = (0, _shuffle.default)(shuffled);
+        const shuffledTwice = (0, _lodashEs.shuffle)(shuffled);
         onChange(shuffledTwice, correctResponse);
       } else {
         onChange(shuffled, correctResponse);

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"choice-editor.js","names":["_propTypes","_interopRequireDefault","require","_react","_debug","_lodashEs","_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 { isEqual, shuffle } from 'lodash-es';\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 onClick={this.shuffleChoices} size=\"small\" variant=\"contained\">\n            {`SHUFFLE ${pluralChoiceLabel}`.toUpperCase()}\n          </StyledAddButton>\n\n          <StyledAddButton onClick={this.addChoice} size=\"small\" 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":";;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAEA,IAAAQ,WAAA,GAAAT,sBAAA,CAAAC,OAAA;AAEA,SAASS,kBAAkBA,CAACC,OAAO,EAAE;EACnC,IAAIC,IAAI,GAAG,CAAC;EACZ,MAAMC,GAAG,GAAGF,OAAO,CAACG,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACC,EAAE,CAAC;EAEpC,OAAOH,GAAG,CAACI,QAAQ,CAAC,IAAIL,IAAI,EAAE,CAAC,EAAE;IAC/BA,IAAI,EAAE;EACR;EAEA,OAAOA,IAAI;AACb;AAEA,MAAMM,GAAG,GAAG,IAAAC,cAAK,EAAC,yDAAyD,CAAC;AAE5E,MAAMC,cAAc,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC;EACnCC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE;AAClB,CAAC,CAAC;AAEF,MAAMC,eAAe,GAAG,IAAAJ,cAAM,EAACK,eAAM,CAAC,CAAC,CAAC;EAAEC;AAAM,CAAC,MAAM;EACrDC,SAAS,EAAED,KAAK,CAACE,OAAO,CAAC,GAAG,CAAC;EAC7BC,WAAW,EAAEH,KAAK,CAACE,OAAO,CAAC,GAAG,CAAC;EAC/BE,YAAY,EAAEJ,KAAK,CAACE,OAAO,CAAC,GAAG,CAAC;EAChC,oBAAoB,EAAE;IACpBG,UAAU,EAAE,sBAAsB;IAClC,SAAS,EAAE;MACTC,OAAO,EAAE;IACX;EACF;AACF,CAAC,CAAC,CAAC;AAEH,MAAMC,YAAY,GAAG,IAAAb,cAAM,EAAC,KAAK,CAAC,CAAC;EACjCc,YAAY,EAAE,QAAQ;EACtBb,OAAO,EAAE,MAAM;EACfc,OAAO,EAAE,MAAM;EACfb,UAAU,EAAE;AACd,CAAC,CAAC;AAEF,MAAMc,iBAAiB,GAAG,IAAAhB,cAAM,EAACiB,wBAAc,CAAC,CAAC,CAAC;EAAEX;AAAM,CAAC,MAAM;EAC/DY,KAAK,EAAE,MAAM;EACbC,UAAU,EAAEb,KAAK,CAACE,OAAO,CAAC,CAAC;AAC7B,CAAC,CAAC,CAAC;AAEH,MAAMY,SAAS,GAAG,IAAApB,cAAM,EAAC,KAAK,CAAC,CAAC,CAAC;EAAEM;AAAM,CAAC,MAAM;EAC9Ce,QAAQ,EAAEf,KAAK,CAACgB,UAAU,CAACD,QAAQ,GAAG,CAAC;EACvCE,KAAK,EAAEjB,KAAK,CAACkB,OAAO,CAACC,KAAK,CAACC,IAAI;EAC/BP,UAAU,EAAEb,KAAK,CAACE,OAAO,CAAC,CAAC;AAC7B,CAAC,CAAC,CAAC;AAEH,MAAMmB,YAAY,SAASC,cAAK,CAACC,SAAS,CAAC;EAuBzCC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAAC,IAAAC,gBAAA,CAAAC,OAAA,iBAHP;MAAEC,OAAO,EAAE;QAAEC,IAAI,EAAE;MAAM;IAAE,CAAC;IAKlC,IAAI,CAACC,cAAc,GAAIC,MAAM,IAAK;MAChC,MAAM;QAAE/C,OAAO;QAAEgD,QAAQ;QAAEC;MAAgB,CAAC,GAAG,IAAI,CAACR,KAAK;MACzD,MAAMS,KAAK,GAAGlD,OAAO,CAACmD,SAAS,CAAE/C,CAAC,IAAKA,CAAC,CAACC,EAAE,KAAK0C,MAAM,CAAC1C,EAAE,CAAC;MAE1DL,OAAO,CAACoD,MAAM,CAACF,KAAK,EAAE,CAAC,EAAE;QAAE,GAAGlD,OAAO,CAACkD,KAAK,CAAC;QAAEG,KAAK,EAAEN,MAAM,CAACM;MAAM,CAAC,CAAC;MACpEL,QAAQ,CAAChD,OAAO,EAAEiD,eAAe,CAAC;IACpC,CAAC;IAED,IAAI,CAACK,QAAQ,GAAIP,MAAM,IAAK;MAC1B,MAAM;QAAE/C,OAAO;QAAEgD,QAAQ;QAAEC,eAAe;QAAEM;MAAa,CAAC,GAAG,IAAI,CAACd,KAAK;MAEvE,IAAIzC,OAAO,IAAIA,OAAO,CAACwD,MAAM,KAAK,CAAC,EAAE;QACnC,IAAI,CAACC,QAAQ,CAAC;UACZb,OAAO,EAAE;YACPC,IAAI,EAAE,IAAI;YACVa,IAAI,EAAE,+BAA+BH,YAAY;UACnD;QACF,CAAC,CAAC;MACJ,CAAC,MAAM;QACL,MAAMI,cAAc,GAAG3D,OAAO,CAAC4D,MAAM,CAAExD,CAAC,IAAKA,CAAC,CAACC,EAAE,KAAK0C,MAAM,CAAC1C,EAAE,CAAC;QAChE,MAAMwD,sBAAsB,GAAGZ,eAAe,CAACW,MAAM,CAAEE,CAAC,IAAKA,CAAC,CAACzD,EAAE,KAAK0C,MAAM,CAAC1C,EAAE,CAAC;QAEhF2C,QAAQ,CAACW,cAAc,EAAEE,sBAAsB,CAAC;MAClD;IACF,CAAC;IAED,IAAI,CAACE,SAAS,GAAG,MAAM;MACrB,MAAM;QAAE/D,OAAO;QAAEiD,eAAe;QAAED,QAAQ;QAAEO;MAAa,CAAC,GAAG,IAAI,CAACd,KAAK;MAEvE,IAAIzC,OAAO,IAAIA,OAAO,CAACwD,MAAM,KAAK,EAAE,EAAE;QACpC,IAAI,CAACC,QAAQ,CAAC;UACZb,OAAO,EAAE;YACPC,IAAI,EAAE,IAAI;YACVa,IAAI,EAAE,2BAA2BH,YAAY;UAC/C;QACF,CAAC,CAAC;MACJ,CAAC,MAAM;QACL,MAAMS,MAAM,GAAGjE,kBAAkB,CAACC,OAAO,CAAC;QAC1C,MAAMK,EAAE,GAAG,IAAI2D,MAAM,EAAE;QACvB,MAAMC,SAAS,GAAG;UAAE5D,EAAE;UAAEgD,KAAK,EAAE;QAAG,CAAC;QAEnC,MAAMa,kBAAkB,GAAG;UACzB7D,EAAE;UACF;AACV;AACA;AACA;UACU8D,MAAM,EAAE;QACV,CAAC;QAED,MAAMR,cAAc,GAAG3D,OAAO,CAACoE,MAAM,CAAC,CAACH,SAAS,CAAC,CAAC;QAClD,MAAMJ,sBAAsB,GAAGZ,eAAe,CAACmB,MAAM,CAAC,CAACF,kBAAkB,CAAC,CAAC;QAE3ElB,QAAQ,CAACW,cAAc,EAAEE,sBAAsB,CAAC;MAClD;IACF,CAAC;IAED,IAAI,CAACQ,cAAc,GAAG,MAAM;MAC1B,MAAM;QAAErB,QAAQ;QAAEhD,OAAO;QAAEiD,eAAe;QAAEqB;MAAc,CAAC,GAAG,IAAI,CAAC7B,KAAK;MACxE,IAAI8B,QAAQ,GAAG,IAAAC,iBAAO,EAACxE,OAAO,CAAC;;MAE/B;MACA,MAAMyE,eAAe,GACnB,CAACH,aAAa,IACd,IAAAI,iBAAO,EACLH,QAAQ,CAACpE,GAAG,CAAEwE,IAAI,IAAKA,IAAI,CAACtE,EAAE,CAAC,EAC/B4C,eAAe,CAAC9C,GAAG,CAAEwE,IAAI,IAAKA,IAAI,CAACtE,EAAE,CACvC,CAAC;MAEH,IAAIoE,eAAe,EAAE;QACnB,MAAMG,aAAa,GAAG,IAAAJ,iBAAO,EAACD,QAAQ,CAAC;QAEvCvB,QAAQ,CAAC4B,aAAa,EAAE3B,eAAe,CAAC;MAC1C,CAAC,MAAM;QACLD,QAAQ,CAACuB,QAAQ,EAAEtB,eAAe,CAAC;MACrC;IACF,CAAC;EACH;EAEA4B,MAAMA,CAAA,EAAG;IACP,MAAM;MACJ5B,eAAe;MACfjD,OAAO;MACP8E,YAAY;MACZC,WAAW;MACXC,WAAW;MACXC,mBAAmB;MACnBC,iBAAiB;MACjB3B,YAAY;MACZ4B,UAAU;MACVC,aAAa;MACbC,cAAc;MACdC,MAAM;MACNC,aAAa,GAAG,CAAC,CAAC;MAClBC;IACF,CAAC,GAAG,IAAI,CAAC/C,KAAK;IACd,MAAM;MAAEG;IAAQ,CAAC,GAAG,IAAI,CAAC6C,KAAK;IAC9B,MAAM;MAAEC,aAAa;MAAEC;IAAW,CAAC,GAAGL,MAAM,IAAI,CAAC,CAAC;IAElD,MAAMM,WAAW,GAAG;MAClBC,mBAAmB,EAAE,gBAAgB;MACrCC,gBAAgB,EAAE,UAAU9F,OAAO,CAACwD,MAAM;IAC5C,CAAC;IAED,oBACEjE,MAAA,CAAAoD,OAAA,CAAAoD,aAAA,2BACExG,MAAA,CAAAoD,OAAA,CAAAoD,aAAA,CAACxE,YAAY;MAACyE,KAAK,EAAE;QAAEH,mBAAmB,EAAE;MAAiB;IAAE,gBAC7DtG,MAAA,CAAAoD,OAAA,CAAAoD,aAAA,CAACrE,iBAAiB;MAAC2B,KAAK,EAAE,WAAWE,YAAY,IAAI,SAAS;IAAG,CAAE,CAAC,eACpEhE,MAAA,CAAAoD,OAAA,CAAAoD,aAAA,CAACrE,iBAAiB;MAAC2B,KAAK,EAAC;IAAe,CAAE,CAC9B,CAAC,eACf9D,MAAA,CAAAoD,OAAA,CAAAoD,aAAA,CAACxE,YAAY;MAACyE,KAAK,EAAEJ;IAAY,GAC9BJ,QAAQ,CAACS,KAAK,CAAC9F,GAAG,CAAC,CAAC4C,MAAM,EAAEG,KAAK,kBAChC3D,MAAA,CAAAoD,OAAA,CAAAoD,aAAA,CAACjG,WAAA,CAAA6C,OAAU;MACTuD,GAAG,EAAE,GAAGnD,MAAM,CAACoD,IAAI,IAAIpD,MAAM,CAAC1C,EAAE,EAAG;MACnC0C,MAAM,EAAEA,MAAO;MACfG,KAAK,EAAEA,KAAM;MACb4B,YAAY,EAAEA,YAAa;MAC3BxB,QAAQ,EAAE,IAAI,CAACA,QAAQ,CAAC8C,IAAI,CAAC,IAAI,EAAErD,MAAM,CAAE;MAC3CD,cAAc,EAAE,IAAI,CAACA,cAAe;MACpCiC,WAAW,EAAEA,WAAY;MACzBC,WAAW,EAAEA,WAAY;MACzBhF,OAAO,EAAEA,OAAQ;MACjBuD,YAAY,EAAEA,YAAa;MAC3B4B,UAAU,EAAEA,UAAW;MACvBC,aAAa,EAAEA,aAAc;MAC7BC,cAAc,EAAEA,cAAe;MAC/BlD,KAAK,EAAEuD,aAAa,GAAG3C,MAAM,CAAC1C,EAAE,CAAC,IAAKsF,UAAU,IAAI,GAAI,IAAI,IAAK;MACjEJ,aAAa,EAAEA;IAAc,CAC9B,CACF,CACW,CAAC,EACdI,UAAU,iBAAIpG,MAAA,CAAAoD,OAAA,CAAAoD,aAAA,CAACjE,SAAS,QAAE6D,UAAsB,CAAC,eAClDpG,MAAA,CAAAoD,OAAA,CAAAoD,aAAA,CAACtF,cAAc,qBACblB,MAAA,CAAAoD,OAAA,CAAAoD,aAAA,CAACjF,eAAe;MAACuF,OAAO,EAAE,IAAI,CAAChC,cAAe;MAACiC,IAAI,EAAC,OAAO;MAACC,OAAO,EAAC;IAAW,GAC5E,WAAWrB,iBAAiB,EAAE,CAACsB,WAAW,CAAC,CAC7B,CAAC,eAElBjH,MAAA,CAAAoD,OAAA,CAAAoD,aAAA,CAACjF,eAAe;MAACuF,OAAO,EAAE,IAAI,CAACtC,SAAU;MAACuC,IAAI,EAAC,OAAO;MAACC,OAAO,EAAC;IAAW,GACvE,OAAOtB,mBAAmB,EAAE,CAACuB,WAAW,CAAC,CAC3B,CACH,CAAC,eACjBjH,MAAA,CAAAoD,OAAA,CAAAoD,aAAA,CAAClG,SAAA,CAAA4G,WAAW;MACV5D,IAAI,EAAED,OAAO,CAACC,IAAK;MACnB6D,KAAK,EAAC,SAAS;MACfhD,IAAI,EAAEd,OAAO,CAACc,IAAK;MACnBiD,SAAS,EAAEA,CAAA,KAAM,IAAI,CAAClD,QAAQ,CAAC;QAAEb,OAAO,EAAE;UAAEC,IAAI,EAAE;QAAM;MAAE,CAAC;IAAE,CAC9D,CACE,CAAC;EAEV;AACF;AAAC,IAAAH,gBAAA,CAAAC,OAAA,EAhLKN,YAAY,eACG;EACjBY,eAAe,EAAE2D,kBAAS,CAACC,KAAK,CAACC,UAAU;EAC3C9G,OAAO,EAAE4G,kBAAS,CAACC,KAAK,CAACC,UAAU;EACnC9D,QAAQ,EAAE4D,kBAAS,CAACG,IAAI,CAACD,UAAU;EACnChC,YAAY,EAAE8B,kBAAS,CAACI,KAAK,CAAC;IAC5BC,GAAG,EAAEL,kBAAS,CAACG,IAAI,CAACD,UAAU;IAC9BI,MAAM,EAAEN,kBAAS,CAACG,IAAI,CAACD;EACzB,CAAC,CAAC;EACFzB,cAAc,EAAEuB,kBAAS,CAACO,MAAM;EAChC/B,aAAa,EAAEwB,kBAAS,CAACO,MAAM;EAC/BpC,WAAW,EAAE6B,kBAAS,CAACO,MAAM;EAC7BnC,WAAW,EAAE4B,kBAAS,CAACO,MAAM;EAC7B7C,aAAa,EAAEsC,kBAAS,CAACQ,IAAI;EAC7BnC,mBAAmB,EAAE2B,kBAAS,CAACS,MAAM;EACrCnC,iBAAiB,EAAE0B,kBAAS,CAACS,MAAM;EACnC9D,YAAY,EAAEqD,kBAAS,CAACS,MAAM;EAC9B/B,MAAM,EAAEsB,kBAAS,CAACO,MAAM;EACxBhC,UAAU,EAAEyB,kBAAS,CAACQ;AACxB,CAAC;AAAA,IAAAE,QAAA,GAAAC,OAAA,CAAA5E,OAAA,GA+JYN,YAAY","ignoreList":[]}

package/configure/lib/choice-tile.js

@@ -33,7 +33,6 @@ const StyledEditableHtml = (0, _styles.styled)(_editableHtmlTipTap.default)(({
   isTargetPrompt
 }) => ({
   width: '80%',
-  border: 'none',
   borderRadius: '4px',
   ...(isTargetPrompt && {
     backgroundColor: theme.palette.error.light

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

@@ -1 +1 @@
-{"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":[]}
+{"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","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  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":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,WAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,aAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AAEA,IAAAS,SAAA,GAAAT,OAAA;AACA,IAAAU,mBAAA,GAAAC,uBAAA,CAAAX,OAAA;AAA+E,SAAAW,wBAAAC,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAH,uBAAA,YAAAA,CAAAC,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE/E,MAAMkB,GAAG,GAAG,IAAAC,cAAK,EAAC,uDAAuD,CAAC;AAE1E,MAAMC,gBAAgB,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC,CAAC;EAAEC;AAAM,CAAC,MAAM;EACrDC,MAAM,EAAE,GAAGD,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC,MAAM;EACjCC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC,UAAU,CAACC,KAAK;EAC/CC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,MAAM,EAAE;AACV,CAAC,CAAC,CAAC;AAEH,MAAMC,kBAAkB,GAAG,IAAAX,cAAM,EAACY,2BAAY,CAAC,CAAC,CAAC;EAAEX,KAAK;EAAEY;AAAe,CAAC,MAAM;EAC9EC,KAAK,EAAE,KAAK;EACZC,YAAY,EAAE,KAAK;EACnB,IAAIF,cAAc,IAAI;IACpBT,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACW,KAAK,CAACC;EACvC,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,MAAMC,cAAc,GAAG,IAAAlB,cAAM,EAAC,KAAK,CAAC,CAAC,OAAO;EAC1CQ,OAAO,EAAE,MAAM;EACfW,cAAc,EAAE;AAClB,CAAC,CAAC,CAAC;AAEH,MAAMC,aAAa,GAAG,IAAApB,cAAM,EAACqB,mBAAU,CAAC,CAAC,CAAC;EAAEpB;AAAM,CAAC,MAAM;EACvDqB,KAAK,EAAErB,KAAK,CAACI,OAAO,CAACW,KAAK,CAAC,GAAG;AAChC,CAAC,CAAC,CAAC;AAEH,MAAMO,eAAe,GAAG,IAAAvB,cAAM,EAAC,KAAK,CAAC,CAAC,CAAC;EAAEC;AAAM,CAAC,MAAM;EACpDuB,QAAQ,EAAEvB,KAAK,CAACwB,UAAU,CAACD,QAAQ,GAAG,CAAC;EACvCF,KAAK,EAAErB,KAAK,CAACI,OAAO,CAACW,KAAK,CAACU,IAAI;EAC/BC,UAAU,EAAE1B,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC;EAC5ByB,SAAS,EAAE3B,KAAK,CAACE,OAAO,CAAC,CAAC;AAC5B,CAAC,CAAC,CAAC;AAEH,MAAM0B,kBAAkB,GAAG,IAAA7B,cAAM,EAAC8B,qBAAY,CAAC,CAAC,CAAC;EAAE7B;AAAM,CAAC,MAAM;EAC9D8B,IAAI,EAAE9B,KAAK,CAACI,OAAO,CAACW,KAAK,CAAC,GAAG;AAC/B,CAAC,CAAC,CAAC;AAEH,MAAMgB,gBAAgB,GAAG,IAAAhC,cAAM,EAACiC,mBAAU,CAAC,CAAC;EAC1CX,KAAK,EAAE,GAAGA,eAAK,CAACY,QAAQ,CAAC,CAAC;AAC5B,CAAC,CAAC;AAEK,MAAMC,UAAU,GAAIC,KAAK,IAAK;EACnC,MAAM;IACJC,MAAM;IACNC,KAAK;IACLC,cAAc;IACdC,QAAQ;IACRC,YAAY;IACZC,UAAU;IACVC,WAAW;IACXC,WAAW;IACXC,aAAa;IACbC,cAAc;IACd9B,KAAK;IACL+B,aAAa,GAAG,CAAC;EACnB,CAAC,GAAGX,KAAK;EACT,MAAM;IAAEY,KAAK;IAAEC,QAAQ;IAAEC;EAAK,CAAC,GAAGb,MAAM;EACxC,MAAMc,WAAW,GAAG,GAAGD,IAAI,IAAIb,MAAM,CAACe,EAAE,EAAE;EAC1C,MAAMC,WAAW,GAAG,GAAGH,IAAI,SAASb,MAAM,CAACe,EAAE,EAAE;EAE/C,MAAM;IACJE,UAAU;IACVC,SAAS;IACTC,UAAU,EAAEC,UAAU;IACtBC,SAAS;IACTC;EACF,CAAC,GAAG,IAAAC,kBAAY,EAAC;IACfR,EAAE,EAAED,WAAW;IACfU,IAAI,EAAE;MACJT,EAAE,EAAEf,MAAM,CAACe,EAAE;MACbd,KAAK;MACLY;IACF;EACF,CAAC,CAAC;EAEF,MAAM;IACJM,UAAU,EAAEM;EACd,CAAC,GAAG,IAAAC,kBAAY,EAAC;IACfX,EAAE,EAAEC,WAAW;IACfQ,IAAI,EAAE;MACJT,EAAE,EAAEf,MAAM,CAACe,EAAE;MACbd,KAAK;MACLY;IACF;EACF,CAAC,CAAC;EAEF,MAAMc,aAAa,GAAIhB,KAAK,IAAK;IAC/BX,MAAM,CAACW,KAAK,GAAGA,KAAK;IACpBT,cAAc,CAACF,MAAM,CAAC;EACxB,CAAC;EAED,MAAM4B,KAAK,GAAG;IACZP,SAAS,EAAEA,SAAS,GAAG,eAAeA,SAAS,CAACQ,CAAC,OAAOR,SAAS,CAACS,CAAC,QAAQ,GAAGC,SAAS;IACvFC,OAAO,EAAEV,UAAU,GAAG,GAAG,GAAG,CAAC;IAC7B7C,KAAK,EAAE;EACT,CAAC;EAED,MAAMwD,sBAAsB,GAAG,CAACC,mCAAe,IAAI,EAAE,EAAEC,MAAM,CAC1DC,CAAC,IAAKA,CAAC,KAAK,eAAe,IAAIA,CAAC,KAAK,eACxC,CAAC;EAED,oBACE7G,MAAA,CAAAwB,OAAA,CAAAsF,aAAA;IAAKC,GAAG,EAAEb;EAAW,gBACnBlG,MAAA,CAAAwB,OAAA,CAAAsF,aAAA,YAAAE,SAAA,CAAAxF,OAAA;IAAKuF,GAAG,EAAElB;EAAW,GAAKF,SAAS,EAAMD,UAAU,gBACjD1F,MAAA,CAAAwB,OAAA,CAAAsF,aAAA,CAAC3E,gBAAgB;IAACkE,KAAK,EAAEA;EAAM,gBAC7BrG,MAAA,CAAAwB,OAAA,CAAAsF,aAAA;IAAKT,KAAK,EAAE;MAAEnD,KAAK,EAAE,MAAM;MAAEN,OAAO,EAAE;IAAO;EAAE,gBAC7C5C,MAAA,CAAAwB,OAAA,CAAAsF,aAAA,CAACxG,YAAA,CAAAkB,OAAW,qBACVxB,MAAA,CAAAwB,OAAA,CAAAsF,aAAA,CAACtD,aAAa,MAAE,CACL,CAAC,eAEdxD,MAAA,CAAAwB,OAAA,CAAAsF,aAAA,CAAC/D,kBAAkB;IACjBkE,QAAQ,EAAE,CAAC5B,QAAS;IACpB6B,WAAW,EAAE5B,IAAI,KAAK,QAAQ,IAAI,CAACF,KAAK,CAAC+B,QAAQ,CAAC,YAAY,CAAC,GAAG,gBAAgB,GAAG,EAAG;IACxFC,MAAM,EAAEhC,KAAM;IACdP,YAAY,EAAEA,YAAY,IAAI2B,SAAU;IACxCa,QAAQ,EAAEjB,aAAc;IACxBpB,WAAW,EAAEA,WAAY;IACzBD,WAAW,EAAEA,WAAY;IACzBuC,aAAa,EAAEZ,sBAAuB;IACtC5B,UAAU,EAAEA,UAAW;IACvByC,gBAAgB;IAChBtC,aAAa,EAAEA,aAAc;IAC7BC,cAAc,EAAEA,cAAe;IAC/BsC,uBAAuB,EAAE,CAAC;MAAEC,QAAQ,EAAE;IAAU,CAAC,EAAE;MAAEA,QAAQ,EAAE;IAAU,CAAC,CAAE;IAC5ErE,KAAK,EAAEiC,QAAQ,IAAIjC,KAAM;IACzB+B,aAAa,EAAEA;EAAc,CAC9B,CAAC,EAEDE,QAAQ,iBACPrF,MAAA,CAAAwB,OAAA,CAAAsF,aAAA,CAACxD,cAAc,qBACbtD,MAAA,CAAAwB,OAAA,CAAAsF,aAAA,CAAC1C,gBAAgB;IAACsD,OAAO,EAAE9C,QAAS;IAAC+C,IAAI,EAAC;EAAO,gBAC/C3H,MAAA,CAAAwB,OAAA,CAAAsF,aAAA,CAAC7C,kBAAkB,MAAE,CACL,CACJ,CAEf,CAAC,EAELoB,QAAQ,IAAIjC,KAAK,iBAAIpD,MAAA,CAAAwB,OAAA,CAAAsF,aAAA,CAACnD,eAAe,QAAEP,KAAuB,CAC/C,CACf,CACF,CAAC;AAEV,CAAC;AAACwE,OAAA,CAAArD,UAAA,GAAAA,UAAA;AAEFA,UAAU,CAACsD,SAAS,GAAG;EACrBrC,EAAE,EAAEsC,kBAAS,CAACC,GAAG;EACjB7C,cAAc,EAAE4C,kBAAS,CAACE,MAAM;EAChC/C,aAAa,EAAE6C,kBAAS,CAACE,MAAM;EAC/B5C,KAAK,EAAE0C,kBAAS,CAACG,MAAM;EACvBC,MAAM,EAAEJ,kBAAS,CAACK,IAAI;EACtB7C,IAAI,EAAEwC,kBAAS,CAACG,MAAM;EACtBG,KAAK,EAAEN,kBAAS,CAACK,IAAI;EACrBlB,QAAQ,EAAEa,kBAAS,CAACK,IAAI;EACxBE,OAAO,EAAEP,kBAAS,CAACE,MAAM;EACzBtD,KAAK,EAAEoD,kBAAS,CAACQ,MAAM;EACvBzD,YAAY,EAAEiD,kBAAS,CAACS,KAAK,CAAC;IAC5BC,GAAG,EAAEV,kBAAS,CAACW,IAAI,CAACC,UAAU;IAC9BC,MAAM,EAAEb,kBAAS,CAACW,IAAI,CAACC;EACzB,CAAC,CAAC;EACFjE,MAAM,EAAEqD,kBAAS,CAACE,MAAM;EACxBY,OAAO,EAAEd,kBAAS,CAACe,KAAK,CAACH,UAAU;EACnC/D,cAAc,EAAEmD,kBAAS,CAACW,IAAI,CAACC,UAAU;EACzC9D,QAAQ,EAAEkD,kBAAS,CAACW,IAAI,CAACC,UAAU;EACnC3D,WAAW,EAAE+C,kBAAS,CAACE,MAAM;EAC7BhD,WAAW,EAAE8C,kBAAS,CAACE,MAAM;EAC7Bc,YAAY,EAAEhB,kBAAS,CAACG,MAAM;EAC9B7E,KAAK,EAAE0E,kBAAS,CAACG,MAAM;EACvBnD,UAAU,EAAEgD,kBAAS,CAACK,IAAI;EAC1BhD,aAAa,EAAE2C,kBAAS,CAACE;AAC3B,CAAC;AAAC,IAAAe,QAAA,GAAAnB,OAAA,CAAApG,OAAA,GAEa+C,UAAU","ignoreList":[]}

package/configure/lib/defaults.js

@@ -33,6 +33,9 @@ var _default = exports.default = {
   },
   configuration: {
     baseInputConfiguration: {
+      h3: {
+        disabled: true
+      },
       audio: {
         disabled: false
       },

package/configure/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","names":["_default","exports","default","model","choiceLabel","choiceLabelEnabled","choices","correctResponse","feedbackEnabled","numberedGuides","orientation","partialScoring","placementArea","prompt","promptEnabled","rationale","rationaleEnabled","removeTilesAfterPlacing","scoringType","studentInstructionsEnabled","targetLabel","teacherInstructions","teacherInstructionsEnabled","toolbarEditorPosition","configuration","baseInputConfiguration","audio","disabled","video","image","textAlign","showParagraphs","separateParagraphs","settings","label","inputConfiguration","feedback","enabled","required","settingsPanelDisabled","studentInstructions","spellCheck","maxImageWidth","choicesWithPlacementArea","choicesWithoutPlacementArea","maxImageHeight","withRubric","mathMlOptions","mmlOutput","mmlEditing","language","languageChoices","options"],"sources":["../src/defaults.js"],"sourcesContent":["/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType\n * functionalities are not defined yet - the value for those can belong to\n * model or to configuration\n */\n\nexport default {\n  model: {\n    choiceLabel: '',\n    choiceLabelEnabled: true,\n    choices: [],\n    correctResponse: [],\n    feedbackEnabled: false,\n    numberedGuides: false,\n    orientation: 'vertical',\n    partialScoring: true,\n    placementArea: false,\n    prompt: '',\n    promptEnabled: true,\n    rationale: '',\n    rationaleEnabled: true,\n    removeTilesAfterPlacing: true,\n    scoringType: 'auto',\n    studentInstructionsEnabled: true,\n    targetLabel: '',\n    teacherInstructions: '',\n    teacherInstructionsEnabled: true,\n    toolbarEditorPosition: 'bottom',\n  },\n  configuration: {\n    baseInputConfiguration: {\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n      textAlign: { disabled: true },\n      showParagraphs: { disabled: false },\n      separateParagraphs: { disabled: true },\n    },\n    choiceLabel: {\n      settings: true,\n      label: 'Choice label',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n    },\n    choices: {\n      settings: true,\n      label: 'Choices',\n      inputConfiguration: {\n        audio: { disabled: true },\n        video: { disabled: true },\n        image: { disabled: true },\n      },\n    },\n    feedback: {\n      settings: true,\n      label: 'Feedback',\n      enabled: true,\n    },\n    prompt: {\n      settings: true,\n      label: 'Item Stem',\n      required: false,\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n    },\n    numberedGuides: {\n      settings: true,\n      label: 'Numbered guides',\n    },\n    orientation: {\n      settings: true,\n      label: 'Orientation',\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring',\n    },\n    placementArea: {\n      settings: true,\n      label: 'Placement Area',\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale',\n      required: false,\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n    },\n    removeTilesAfterPlacing: {\n      settings: false,\n      label: 'Remove Tiles after placing',\n    },\n    settingsPanelDisabled: false,\n    scoringType: {\n      settings: false,\n      label: 'Scoring Type',\n    },\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions',\n    },\n    targetLabel: {\n      settings: true,\n      label: 'Target label',\n    },\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n      required: false,\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n    },\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n      choicesWithPlacementArea: 240,\n      choicesWithoutPlacementArea: 300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n      choices: 150,\n    },\n    withRubric: {\n      settings: false,\n      label: 'Add Rubric',\n    },\n    mathMlOptions: {\n      mmlOutput: false,\n      mmlEditing: false,\n    },\n    language: {\n      settings: false,\n      label: 'Specify Language',\n      enabled: false,\n    },\n    languageChoices: {\n      label: 'Language Choices',\n      options: [],\n    },\n  },\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"defaults.js","names":["_default","exports","default","model","choiceLabel","choiceLabelEnabled","choices","correctResponse","feedbackEnabled","numberedGuides","orientation","partialScoring","placementArea","prompt","promptEnabled","rationale","rationaleEnabled","removeTilesAfterPlacing","scoringType","studentInstructionsEnabled","targetLabel","teacherInstructions","teacherInstructionsEnabled","toolbarEditorPosition","configuration","baseInputConfiguration","h3","disabled","audio","video","image","textAlign","showParagraphs","separateParagraphs","settings","label","inputConfiguration","feedback","enabled","required","settingsPanelDisabled","studentInstructions","spellCheck","maxImageWidth","choicesWithPlacementArea","choicesWithoutPlacementArea","maxImageHeight","withRubric","mathMlOptions","mmlOutput","mmlEditing","language","languageChoices","options"],"sources":["../src/defaults.js"],"sourcesContent":["/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType\n * functionalities are not defined yet - the value for those can belong to\n * model or to configuration\n */\n\nexport default {\n  model: {\n    choiceLabel: '',\n    choiceLabelEnabled: true,\n    choices: [],\n    correctResponse: [],\n    feedbackEnabled: false,\n    numberedGuides: false,\n    orientation: 'vertical',\n    partialScoring: true,\n    placementArea: false,\n    prompt: '',\n    promptEnabled: true,\n    rationale: '',\n    rationaleEnabled: true,\n    removeTilesAfterPlacing: true,\n    scoringType: 'auto',\n    studentInstructionsEnabled: true,\n    targetLabel: '',\n    teacherInstructions: '',\n    teacherInstructionsEnabled: true,\n    toolbarEditorPosition: 'bottom',\n  },\n  configuration: {\n    baseInputConfiguration: {\n      h3: { disabled: true },\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n      textAlign: { disabled: true },\n      showParagraphs: { disabled: false },\n      separateParagraphs: { disabled: true },\n    },\n    choiceLabel: {\n      settings: true,\n      label: 'Choice label',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n    },\n    choices: {\n      settings: true,\n      label: 'Choices',\n      inputConfiguration: {\n        audio: { disabled: true },\n        video: { disabled: true },\n        image: { disabled: true },\n      },\n    },\n    feedback: {\n      settings: true,\n      label: 'Feedback',\n      enabled: true,\n    },\n    prompt: {\n      settings: true,\n      label: 'Item Stem',\n      required: false,\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n    },\n    numberedGuides: {\n      settings: true,\n      label: 'Numbered guides',\n    },\n    orientation: {\n      settings: true,\n      label: 'Orientation',\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring',\n    },\n    placementArea: {\n      settings: true,\n      label: 'Placement Area',\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale',\n      required: false,\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n    },\n    removeTilesAfterPlacing: {\n      settings: false,\n      label: 'Remove Tiles after placing',\n    },\n    settingsPanelDisabled: false,\n    scoringType: {\n      settings: false,\n      label: 'Scoring Type',\n    },\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions',\n    },\n    targetLabel: {\n      settings: true,\n      label: 'Target label',\n    },\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n      required: false,\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n    },\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n      choicesWithPlacementArea: 240,\n      choicesWithoutPlacementArea: 300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n      choices: 150,\n    },\n    withRubric: {\n      settings: false,\n      label: 'Add Rubric',\n    },\n    mathMlOptions: {\n      mmlOutput: false,\n      mmlEditing: false,\n    },\n    language: {\n      settings: false,\n      label: 'Specify Language',\n      enabled: false,\n    },\n    languageChoices: {\n      label: 'Language Choices',\n      options: [],\n    },\n  },\n};\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/design.js

@@ -10,10 +10,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _debug = _interopRequireDefault(require("debug"));
-var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+var _lodashEs = require("lodash-es");
 var _nestedProperty = require("nested-property");
 var _pluralize = _interopRequireDefault(require("pluralize"));
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
 var _styles = require("@mui/material/styles");
 var _Info = _interopRequireDefault(require("@mui/icons-material/Info"));
 var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
@@ -100,7 +99,7 @@ class Design extends _react.default.Component {
         model,
         onModelChanged
       } = this.props;
-      const update = modelFn((0, _cloneDeep.default)(model));
+      const update = modelFn((0, _lodashEs.cloneDeep)(model));
       onModelChanged(update);
     };
     this.changeHandler = (modelPath, valuePath) => {
@@ -124,7 +123,7 @@ class Design extends _react.default.Component {
         model,
         onModelChanged
       } = this.props;
-      const update = (0, _cloneDeep.default)(model);
+      const update = (0, _lodashEs.cloneDeep)(model);
       update.choices = choices;
       update.correctResponse = correctResponse;
       onModelChanged(update);
@@ -138,7 +137,7 @@ class Design extends _react.default.Component {
     const {
       feedback
     } = model || {};
-    const update = (0, _cloneDeep.default)(model);
+    const update = (0, _lodashEs.cloneDeep)(model);
 
     // requirement made in PD-2182
     if (!feedback) {
@@ -200,7 +199,7 @@ class Design extends _react.default.Component {
     } = errors || {};
     const ordering = {
       choices: model.choices,
-      response: !correctResponse || (0, _isEmpty.default)(correctResponse) ? new Array(model.choices.length) : correctResponse,
+      response: !correctResponse || (0, _lodashEs.isEmpty)(correctResponse) ? new Array(model.choices.length) : correctResponse,
       tiles: (0, _utils.buildTiles)(model.choices, correctResponse)
     };
     const validationMessage = (0, _utils.generateValidationMessage)();

package/configure/lib/design.js.map

@@ -1 +1 @@
-{"version":3,"file":"design.js","names":["_react","_interopRequireDefault","require","_propTypes","_debug","_cloneDeep","_nestedProperty","_pluralize","_isEmpty","_styles","_Info","_Tooltip","_configUi","_editableHtmlTipTap","_drag","_choiceEditor","_utils","log","debug","Panel","toggle","radio","dropdown","settings","getSingularAndPlural","label","pluralize","isPlural","singularLabel","pluralLabel","singular","StyledInputContainer","styled","InputContainer","theme","width","paddingTop","spacing","marginBottom","StyledRow","display","gridAutoFlow","gridAutoColumns","gridGap","StyledChoicesWrapper","FormSection","marginTop","InlineFlexContainer","position","ErrorText","fontSize","typography","color","palette","error","main","Design","React","Component","constructor","props","_defineProperty2","default","event","ordering","active","over","target","data","current","source","rawFrom","tiles","find","t","id","type","rawTo","from","index","normalizeIndex","to","response","choices","updatedChoices","updateResponseOrChoices","onChoiceEditorChange","applyUpdate","modelFn","model","onModelChanged","update","cloneDeep","changeHandler","modelPath","valuePath","value","v","get","set","onPromptChange","onTeacherInstructionsChange","onRationaleChange","onChoiceAreaLabelChange","onAnswerAreaLabelChange","onFeedbackChange","correctResponse","componentDidMount","feedback","feedbackEnabled","render","imageSupport","uploadSoundSupport","configuration","onConfigurationChanged","baseInputConfiguration","choiceLabel","contentDimensions","prompt","placementArea","maxImageWidth","maxImageHeight","numberedGuides","orientation","partialScoring","rationale","removeTilesAfterPlacing","settingsPanelDisabled","studentInstructions","spellCheck","scoringType","targetLabel","teacherInstructions","withRubric","mathMlOptions","language","languageChoices","choiceLabelEnabled","errors","extraCSSRules","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","promptError","rationaleError","teacherInstructionsError","isEmpty","Array","length","buildTiles","validationMessage","generateValidationMessage","defaultImageMaxWidth","defaultImageMaxHeight","maxChoicesImageWidth","choicesWithPlacementArea","choicesWithoutPlacementArea","maxChoicesImageHeight","toolbarOpts","panelSettings","enabled","options","panelProperties","studentInstructionsEnabled","rubricEnabled","getPluginProps","createElement","DragProvider","onDragEnd","layout","ConfigLayout","dimensions","hideSettings","onChangeModel","onChangeConfiguration","groups","Settings","Properties","className","markup","onChange","nonEmpty","pluginProps","inputConfiguration","languageCharactersProps","labelExtraStyle","slotProps","tooltip","sx","whiteSpace","maxWidth","disableFocusListener","disableTouchListener","placement","title","style","marginLeft","_extends2","autoWidthToolbar","choicesLabel","singularChoiceLabel","pluralChoiceLabel","FeedbackConfig","exports","PropTypes","object","defaultProps","propTypes","isRequired","func","_default"],"sources":["../src/design.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { get, set } from 'nested-property';\nimport pluralize from 'pluralize';\nimport isEmpty from 'lodash/isEmpty';\nimport { styled } from '@mui/material/styles';\nimport Info from '@mui/icons-material/Info';\nimport Tooltip from '@mui/material/Tooltip';\n\nimport { FeedbackConfig, FormSection, InputContainer, settings, layout } from '@pie-lib/config-ui';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\nimport { DragProvider } from '@pie-lib/drag';\n\nimport ChoiceEditor from './choice-editor';\nimport { generateValidationMessage, buildTiles, updateResponseOrChoices, normalizeIndex } from './utils';\n\nconst log = debug('@pie-element:placement-ordering:design');\nconst { Panel, toggle, radio, dropdown } = settings;\n\nconst getSingularAndPlural = (label) =>\n  !pluralize.isPlural(label)\n    ? {\n      singularLabel: label,\n      pluralLabel: pluralize(label),\n    }\n    : {\n      singularLabel: pluralize.singular(label),\n      pluralLabel: label,\n    };\n\nconst StyledInputContainer = styled(InputContainer)(({ theme }) => ({\n  width: '100%',\n  paddingTop: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n}));\n\nconst StyledRow = styled('div')({\n  display: 'grid',\n  gridAutoFlow: 'column',\n  gridAutoColumns: '1fr',\n  gridGap: '8px',\n});\n\nconst StyledChoicesWrapper = styled(FormSection)(({ theme }) => ({\n  marginTop: 0,\n  marginBottom: theme.spacing(2.5),\n}));\n\nconst InlineFlexContainer = styled('div')({\n  display: 'inline-flex',\n  position: 'absolute',\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\nexport class Design extends React.Component {\n  static propTypes = {\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  static defaultProps = {};\n\n  constructor(props) {\n    super(props);\n\n    this.applyUpdate = (modelFn) => {\n      const { model, onModelChanged } = this.props;\n      const update = modelFn(cloneDeep(model));\n\n      onModelChanged(update);\n    };\n\n    this.changeHandler = (modelPath, valuePath) => {\n      return (value) => {\n        log('[changeHandler] value: ', value);\n\n        const v = valuePath ? get(value, valuePath) : value;\n\n        this.applyUpdate((model) => {\n          set(model, modelPath, v);\n\n          return model;\n        });\n      };\n    };\n\n    this.onPromptChange = this.changeHandler('prompt');\n\n    this.onTeacherInstructionsChange = this.changeHandler('teacherInstructions');\n\n    this.onRationaleChange = this.changeHandler('rationale');\n\n    this.onChoiceAreaLabelChange = this.changeHandler('choiceLabel', 'target.value');\n\n    this.onAnswerAreaLabelChange = this.changeHandler('targetLabel', 'target.value');\n\n    this.onFeedbackChange = this.changeHandler('feedback');\n\n    this.onChoiceEditorChange = (choices, correctResponse) => {\n      const { model, onModelChanged } = this.props;\n      const update = cloneDeep(model);\n\n      update.choices = choices;\n      update.correctResponse = correctResponse;\n      onModelChanged(update);\n    };\n  }\n\n  componentDidMount() {\n    const { model, onModelChanged } = this.props || {};\n    const { feedback } = model || {};\n    const update = cloneDeep(model);\n\n    // requirement made in PD-2182\n    if (!feedback) {\n      update.feedbackEnabled = false;\n      onModelChanged(update);\n    }\n  }\n\n  onDragEnd = (event, ordering) => {\n    const { active, over } = event;\n\n    if (!over || !active) {\n      return;\n    }\n\n    const target = over.data.current;\n    const source = active.data.current;\n    const rawFrom = ordering.tiles.find(t => t.id === source.id && t.type === source.type);\n    const rawTo = target;\n\n    const from = {\n     ...rawFrom,\n      index: normalizeIndex(rawFrom, ordering)\n    };\n    const to = {\n      ...rawTo,\n      index: normalizeIndex(rawTo, ordering)\n    };\n\n    const { response, choices: updatedChoices } = updateResponseOrChoices(\n      ordering.response,\n      ordering.choices,\n      from,\n      to\n    );\n\n    this.onChoiceEditorChange(updatedChoices, response);\n  };\n\n  render() {\n    const { model, imageSupport, uploadSoundSupport, onModelChanged, configuration, onConfigurationChanged } =\n      this.props;\n    const {\n      baseInputConfiguration = {},\n      choiceLabel = {},\n      choices = {},\n      contentDimensions = {},\n      feedback = {},\n      prompt = {},\n      placementArea = {},\n      maxImageWidth = {},\n      maxImageHeight = {},\n      numberedGuides = {},\n      orientation = {},\n      partialScoring = {},\n      rationale = {},\n      removeTilesAfterPlacing = {},\n      settingsPanelDisabled,\n      studentInstructions = {},\n      spellCheck = {},\n      scoringType = {},\n      targetLabel = {},\n      teacherInstructions = {},\n      withRubric = {},\n      mathMlOptions = {},\n      language = {},\n      languageChoices = {},\n    } = configuration || {};\n    const {\n      choiceLabelEnabled,\n      errors,\n      extraCSSRules,\n      feedbackEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n      correctResponse,\n    } = model || {};\n    const {\n      prompt: promptError,\n      rationale: rationaleError,\n      teacherInstructions: teacherInstructionsError,\n    } = errors || {};\n\n     const ordering = {\n      choices: model.choices,\n      response: !correctResponse || isEmpty(correctResponse) ? new Array(model.choices.length) : correctResponse,\n      tiles: buildTiles(model.choices, correctResponse),\n    };\n\n    const validationMessage = generateValidationMessage();\n\n    const { singularLabel = '', pluralLabel = '' } = (choices?.label && getSingularAndPlural(choices.label)) || {};\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n    const maxChoicesImageWidth =\n      maxImageWidth && model.placementArea\n        ? maxImageWidth.choicesWithPlacementArea\n        : maxImageWidth.choicesWithoutPlacementArea || defaultImageMaxWidth;\n    const maxChoicesImageHeight = (maxImageHeight && maxImageHeight.choices) || defaultImageMaxHeight;\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const panelSettings = {\n      choiceLabelEnabled: choiceLabel.settings && toggle(choiceLabel.label),\n      placementArea: placementArea.settings && toggle(placementArea.label),\n      numberedGuides: numberedGuides.settings && model.placementArea && toggle(numberedGuides.label),\n      orientation: orientation.settings && radio(orientation.label, ['vertical', 'horizontal']),\n      removeTilesAfterPlacing: removeTilesAfterPlacing.settings && toggle(removeTilesAfterPlacing.label),\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n      feedbackEnabled: feedback.settings && toggle(feedback.label),\n      'language.enabled': language.settings && toggle(language.label, true),\n      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n    };\n\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    const getPluginProps = (props = {}) => ({\n      ...baseInputConfiguration,\n      ...props,\n    });\n\n    return (\n      <DragProvider onDragEnd={(event) => this.onDragEnd(event, ordering)}>\n        <layout.ConfigLayout\n          extraCSSRules={extraCSSRules}\n          dimensions={contentDimensions}\n          hideSettings={settingsPanelDisabled}\n          settings={\n            <Panel\n              model={model}\n              configuration={configuration}\n              onChangeModel={(model) => onModelChanged(model)}\n              onChangeConfiguration={(configuration) => onConfigurationChanged(configuration, true)}\n              groups={{\n                Settings: panelSettings,\n                Properties: panelProperties,\n              }}\n            />\n          }\n        >\n          {teacherInstructionsEnabled && (\n            <StyledInputContainer label={teacherInstructions.label}>\n              <EditableHtml\n                className=\"prompt\"\n                markup={model.teacherInstructions || ''}\n                onChange={this.onTeacherInstructionsChange}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                error={teacherInstructionsError}\n                toolbarOpts={toolbarOpts}\n                pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n                maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n                uploadSoundSupport={uploadSoundSupport}\n                languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                mathMlOptions={mathMlOptions}\n              />\n              {teacherInstructionsError && <div className=\"errorText\">{teacherInstructionsError}</div>}\n            </StyledInputContainer>\n          )}\n\n          {promptEnabled && (\n            <StyledInputContainer label={prompt && prompt.label}>\n              <EditableHtml\n                className=\"prompt\"\n                markup={model.prompt}\n                onChange={this.onPromptChange}\n                imageSupport={imageSupport}\n                error={promptError}\n                toolbarOpts={toolbarOpts}\n                pluginProps={getPluginProps(prompt?.inputConfiguration)}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={maxImageWidth && maxImageWidth.prompt}\n                maxImageHeight={maxImageHeight && maxImageHeight.prompt}\n                uploadSoundSupport={uploadSoundSupport}\n                languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                mathMlOptions={mathMlOptions}\n              />\n              {promptError && <div className=\"errorText\">{promptError}</div>}\n            </StyledInputContainer>\n          )}\n\n          <StyledChoicesWrapper\n            label={`Define ${pluralLabel}`}\n            labelExtraStyle={{ display: 'inline-flex' }}\n          >\n            <InlineFlexContainer>\n              <Tooltip\n                slotProps={\n                  {\n                    tooltip: {\n                      sx: {\n                        fontSize: 14,\n                        whiteSpace: 'pre',\n                        maxWidth: '500px',\n                      },\n                    },\n                  }\n                }\n                disableFocusListener\n                disableTouchListener\n                placement={'right'}\n                title={validationMessage}\n              >\n                <Info fontSize={'small'} color={'primary'} style={{ marginLeft: '8px' }} />\n              </Tooltip>\n            </InlineFlexContainer>\n\n            <StyledRow>\n              {choiceLabelEnabled && (\n                <StyledInputContainer\n                  label={choiceLabel && choiceLabel.label && `${singularLabel} label`}\n                >\n                  <EditableHtml\n                    {...(model.placementArea && { autoWidthToolbar: true })}\n                    className=\"prompt\"\n                    markup={model.choiceLabel}\n                    onChange={this.onChoiceAreaLabelChange}\n                    toolbarOpts={toolbarOpts}\n                    pluginProps={getPluginProps(choiceLabel?.inputConfiguration)}\n                    spellCheck={spellCheckEnabled}\n                    maxImageWidth={maxChoicesImageWidth}\n                    maxImageHeight={maxChoicesImageHeight}\n                    uploadSoundSupport={uploadSoundSupport}\n                    languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                    mathMlOptions={mathMlOptions}\n                  />\n                </StyledInputContainer>\n              )}\n\n              {targetLabel.settings && model.placementArea && (\n                <StyledInputContainer\n                  label={targetLabel && targetLabel.label && targetLabel.label}\n                >\n                  <EditableHtml\n                    autoWidthToolbar\n                    className=\"prompt\"\n                    markup={model.targetLabel}\n                    onChange={this.onAnswerAreaLabelChange}\n                    toolbarOpts={toolbarOpts}\n                    spellCheck={spellCheckEnabled}\n                    maxImageWidth={(maxImageWidth && maxImageWidth.choicesWithPlacementArea) || defaultImageMaxWidth}\n                    maxImageHeight={maxChoicesImageHeight}\n                    uploadSoundSupport={uploadSoundSupport}\n                    languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                    mathMlOptions={mathMlOptions}\n                  />\n                </StyledInputContainer>\n              )}\n            </StyledRow>\n\n            {choices.settings && (\n              <ChoiceEditor\n                correctResponse={correctResponse}\n                choices={model.choices}\n                onChange={this.onChoiceEditorChange}\n                imageSupport={imageSupport}\n                toolbarOpts={toolbarOpts}\n                pluginProps={getPluginProps(choices?.inputConfiguration)}\n                choicesLabel={choices.label}\n                placementArea={model.placementArea}\n                singularChoiceLabel={singularLabel}\n                pluralChoiceLabel={pluralLabel}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={maxChoicesImageWidth}\n                maxImageHeight={maxChoicesImageHeight}\n                errors={errors || {}}\n                mathMlOptions={mathMlOptions}\n                ordering={ordering}\n              />\n            )}\n          </StyledChoicesWrapper>\n\n          {rationaleEnabled && (\n            <StyledInputContainer label={rationale.label}>\n              <EditableHtml\n                className=\"prompt\"\n                markup={model.rationale || ''}\n                onChange={this.onRationaleChange}\n                imageSupport={imageSupport}\n                error={rationaleError}\n                toolbarOpts={toolbarOpts}\n                pluginProps={getPluginProps(rationale?.inputConfiguration)}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n                maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n                uploadSoundSupport={uploadSoundSupport}\n                languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                mathMlOptions={mathMlOptions}\n              />\n              {rationaleError && <ErrorText>{rationaleError}</ErrorText>}\n            </StyledInputContainer>\n          )}\n\n          {feedbackEnabled && (\n            <FeedbackConfig\n              feedback={model.feedback}\n              onChange={this.onFeedbackChange}\n              imageSupport={imageSupport}\n              toolbarOpts={toolbarOpts}\n            />\n          )}\n        </layout.ConfigLayout>\n      </DragProvider>\n    );\n  }\n}\n\nDesign.defaultProps = {\n  onModelChanged: () => { },\n  onConfigurationChanged: () => { },\n};\n\nDesign.propTypes = {\n  model: PropTypes.object.isRequired,\n  configuration: PropTypes.object.isRequired,\n  onModelChanged: PropTypes.func,\n  onConfigurationChanged: PropTypes.func,\n  imageSupport: PropTypes.object,\n};\n\nexport default Design;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"design.js","names":["_react","_interopRequireDefault","require","_propTypes","_debug","_lodashEs","_nestedProperty","_pluralize","_styles","_Info","_Tooltip","_configUi","_editableHtmlTipTap","_drag","_choiceEditor","_utils","log","debug","Panel","toggle","radio","dropdown","settings","getSingularAndPlural","label","pluralize","isPlural","singularLabel","pluralLabel","singular","StyledInputContainer","styled","InputContainer","theme","width","paddingTop","spacing","marginBottom","StyledRow","display","gridAutoFlow","gridAutoColumns","gridGap","StyledChoicesWrapper","FormSection","marginTop","InlineFlexContainer","position","ErrorText","fontSize","typography","color","palette","error","main","Design","React","Component","constructor","props","_defineProperty2","default","event","ordering","active","over","target","data","current","source","rawFrom","tiles","find","t","id","type","rawTo","from","index","normalizeIndex","to","response","choices","updatedChoices","updateResponseOrChoices","onChoiceEditorChange","applyUpdate","modelFn","model","onModelChanged","update","cloneDeep","changeHandler","modelPath","valuePath","value","v","get","set","onPromptChange","onTeacherInstructionsChange","onRationaleChange","onChoiceAreaLabelChange","onAnswerAreaLabelChange","onFeedbackChange","correctResponse","componentDidMount","feedback","feedbackEnabled","render","imageSupport","uploadSoundSupport","configuration","onConfigurationChanged","baseInputConfiguration","choiceLabel","contentDimensions","prompt","placementArea","maxImageWidth","maxImageHeight","numberedGuides","orientation","partialScoring","rationale","removeTilesAfterPlacing","settingsPanelDisabled","studentInstructions","spellCheck","scoringType","targetLabel","teacherInstructions","withRubric","mathMlOptions","language","languageChoices","choiceLabelEnabled","errors","extraCSSRules","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","promptError","rationaleError","teacherInstructionsError","isEmpty","Array","length","buildTiles","validationMessage","generateValidationMessage","defaultImageMaxWidth","defaultImageMaxHeight","maxChoicesImageWidth","choicesWithPlacementArea","choicesWithoutPlacementArea","maxChoicesImageHeight","toolbarOpts","panelSettings","enabled","options","panelProperties","studentInstructionsEnabled","rubricEnabled","getPluginProps","createElement","DragProvider","onDragEnd","layout","ConfigLayout","dimensions","hideSettings","onChangeModel","onChangeConfiguration","groups","Settings","Properties","className","markup","onChange","nonEmpty","pluginProps","inputConfiguration","languageCharactersProps","labelExtraStyle","slotProps","tooltip","sx","whiteSpace","maxWidth","disableFocusListener","disableTouchListener","placement","title","style","marginLeft","_extends2","autoWidthToolbar","choicesLabel","singularChoiceLabel","pluralChoiceLabel","FeedbackConfig","exports","PropTypes","object","defaultProps","propTypes","isRequired","func","_default"],"sources":["../src/design.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport { cloneDeep, isEmpty } from 'lodash-es';\nimport { get, set } from 'nested-property';\nimport pluralize from 'pluralize';\nimport { styled } from '@mui/material/styles';\nimport Info from '@mui/icons-material/Info';\nimport Tooltip from '@mui/material/Tooltip';\n\nimport { FeedbackConfig, FormSection, InputContainer, settings, layout } from '@pie-lib/config-ui';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\nimport { DragProvider } from '@pie-lib/drag';\n\nimport ChoiceEditor from './choice-editor';\nimport { generateValidationMessage, buildTiles, updateResponseOrChoices, normalizeIndex } from './utils';\n\nconst log = debug('@pie-element:placement-ordering:design');\nconst { Panel, toggle, radio, dropdown } = settings;\n\nconst getSingularAndPlural = (label) =>\n  !pluralize.isPlural(label)\n    ? {\n        singularLabel: label,\n        pluralLabel: pluralize(label),\n      }\n    : {\n        singularLabel: pluralize.singular(label),\n        pluralLabel: label,\n      };\n\nconst StyledInputContainer = styled(InputContainer)(({ theme }) => ({\n  width: '100%',\n  paddingTop: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n}));\n\nconst StyledRow = styled('div')({\n  display: 'grid',\n  gridAutoFlow: 'column',\n  gridAutoColumns: '1fr',\n  gridGap: '8px',\n});\n\nconst StyledChoicesWrapper = styled(FormSection)(({ theme }) => ({\n  marginTop: 0,\n  marginBottom: theme.spacing(2.5),\n}));\n\nconst InlineFlexContainer = styled('div')({\n  display: 'inline-flex',\n  position: 'absolute',\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\nexport class Design extends React.Component {\n  static propTypes = {\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  static defaultProps = {};\n\n  constructor(props) {\n    super(props);\n\n    this.applyUpdate = (modelFn) => {\n      const { model, onModelChanged } = this.props;\n      const update = modelFn(cloneDeep(model));\n\n      onModelChanged(update);\n    };\n\n    this.changeHandler = (modelPath, valuePath) => {\n      return (value) => {\n        log('[changeHandler] value: ', value);\n\n        const v = valuePath ? get(value, valuePath) : value;\n\n        this.applyUpdate((model) => {\n          set(model, modelPath, v);\n\n          return model;\n        });\n      };\n    };\n\n    this.onPromptChange = this.changeHandler('prompt');\n\n    this.onTeacherInstructionsChange = this.changeHandler('teacherInstructions');\n\n    this.onRationaleChange = this.changeHandler('rationale');\n\n    this.onChoiceAreaLabelChange = this.changeHandler('choiceLabel', 'target.value');\n\n    this.onAnswerAreaLabelChange = this.changeHandler('targetLabel', 'target.value');\n\n    this.onFeedbackChange = this.changeHandler('feedback');\n\n    this.onChoiceEditorChange = (choices, correctResponse) => {\n      const { model, onModelChanged } = this.props;\n      const update = cloneDeep(model);\n\n      update.choices = choices;\n      update.correctResponse = correctResponse;\n      onModelChanged(update);\n    };\n  }\n\n  componentDidMount() {\n    const { model, onModelChanged } = this.props || {};\n    const { feedback } = model || {};\n    const update = cloneDeep(model);\n\n    // requirement made in PD-2182\n    if (!feedback) {\n      update.feedbackEnabled = false;\n      onModelChanged(update);\n    }\n  }\n\n  onDragEnd = (event, ordering) => {\n    const { active, over } = event;\n\n    if (!over || !active) {\n      return;\n    }\n\n    const target = over.data.current;\n    const source = active.data.current;\n    const rawFrom = ordering.tiles.find((t) => t.id === source.id && t.type === source.type);\n    const rawTo = target;\n\n    const from = {\n      ...rawFrom,\n      index: normalizeIndex(rawFrom, ordering),\n    };\n    const to = {\n      ...rawTo,\n      index: normalizeIndex(rawTo, ordering),\n    };\n\n    const { response, choices: updatedChoices } = updateResponseOrChoices(\n      ordering.response,\n      ordering.choices,\n      from,\n      to,\n    );\n\n    this.onChoiceEditorChange(updatedChoices, response);\n  };\n\n  render() {\n    const { model, imageSupport, uploadSoundSupport, onModelChanged, configuration, onConfigurationChanged } =\n      this.props;\n    const {\n      baseInputConfiguration = {},\n      choiceLabel = {},\n      choices = {},\n      contentDimensions = {},\n      feedback = {},\n      prompt = {},\n      placementArea = {},\n      maxImageWidth = {},\n      maxImageHeight = {},\n      numberedGuides = {},\n      orientation = {},\n      partialScoring = {},\n      rationale = {},\n      removeTilesAfterPlacing = {},\n      settingsPanelDisabled,\n      studentInstructions = {},\n      spellCheck = {},\n      scoringType = {},\n      targetLabel = {},\n      teacherInstructions = {},\n      withRubric = {},\n      mathMlOptions = {},\n      language = {},\n      languageChoices = {},\n    } = configuration || {};\n    const {\n      choiceLabelEnabled,\n      errors,\n      extraCSSRules,\n      feedbackEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n      correctResponse,\n    } = model || {};\n    const {\n      prompt: promptError,\n      rationale: rationaleError,\n      teacherInstructions: teacherInstructionsError,\n    } = errors || {};\n\n    const ordering = {\n      choices: model.choices,\n      response: !correctResponse || isEmpty(correctResponse) ? new Array(model.choices.length) : correctResponse,\n      tiles: buildTiles(model.choices, correctResponse),\n    };\n\n    const validationMessage = generateValidationMessage();\n\n    const { singularLabel = '', pluralLabel = '' } = (choices?.label && getSingularAndPlural(choices.label)) || {};\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n    const maxChoicesImageWidth =\n      maxImageWidth && model.placementArea\n        ? maxImageWidth.choicesWithPlacementArea\n        : maxImageWidth.choicesWithoutPlacementArea || defaultImageMaxWidth;\n    const maxChoicesImageHeight = (maxImageHeight && maxImageHeight.choices) || defaultImageMaxHeight;\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const panelSettings = {\n      choiceLabelEnabled: choiceLabel.settings && toggle(choiceLabel.label),\n      placementArea: placementArea.settings && toggle(placementArea.label),\n      numberedGuides: numberedGuides.settings && model.placementArea && toggle(numberedGuides.label),\n      orientation: orientation.settings && radio(orientation.label, ['vertical', 'horizontal']),\n      removeTilesAfterPlacing: removeTilesAfterPlacing.settings && toggle(removeTilesAfterPlacing.label),\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n      feedbackEnabled: feedback.settings && toggle(feedback.label),\n      'language.enabled': language.settings && toggle(language.label, true),\n      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n    };\n\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    const getPluginProps = (props = {}) => ({\n      ...baseInputConfiguration,\n      ...props,\n    });\n\n    return (\n      <DragProvider onDragEnd={(event) => this.onDragEnd(event, ordering)}>\n        <layout.ConfigLayout\n          extraCSSRules={extraCSSRules}\n          dimensions={contentDimensions}\n          hideSettings={settingsPanelDisabled}\n          settings={\n            <Panel\n              model={model}\n              configuration={configuration}\n              onChangeModel={(model) => onModelChanged(model)}\n              onChangeConfiguration={(configuration) => onConfigurationChanged(configuration, true)}\n              groups={{\n                Settings: panelSettings,\n                Properties: panelProperties,\n              }}\n            />\n          }\n        >\n          {teacherInstructionsEnabled && (\n            <StyledInputContainer label={teacherInstructions.label}>\n              <EditableHtml\n                className=\"prompt\"\n                markup={model.teacherInstructions || ''}\n                onChange={this.onTeacherInstructionsChange}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                error={teacherInstructionsError}\n                toolbarOpts={toolbarOpts}\n                pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n                maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n                uploadSoundSupport={uploadSoundSupport}\n                languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                mathMlOptions={mathMlOptions}\n              />\n              {teacherInstructionsError && <div className=\"errorText\">{teacherInstructionsError}</div>}\n            </StyledInputContainer>\n          )}\n\n          {promptEnabled && (\n            <StyledInputContainer label={prompt && prompt.label}>\n              <EditableHtml\n                className=\"prompt\"\n                markup={model.prompt}\n                onChange={this.onPromptChange}\n                imageSupport={imageSupport}\n                error={promptError}\n                toolbarOpts={toolbarOpts}\n                pluginProps={getPluginProps(prompt?.inputConfiguration)}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={maxImageWidth && maxImageWidth.prompt}\n                maxImageHeight={maxImageHeight && maxImageHeight.prompt}\n                uploadSoundSupport={uploadSoundSupport}\n                languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                mathMlOptions={mathMlOptions}\n              />\n              {promptError && <div className=\"errorText\">{promptError}</div>}\n            </StyledInputContainer>\n          )}\n\n          <StyledChoicesWrapper label={`Define ${pluralLabel}`} labelExtraStyle={{ display: 'inline-flex' }}>\n            <InlineFlexContainer>\n              <Tooltip\n                slotProps={{\n                  tooltip: {\n                    sx: {\n                      fontSize: 14,\n                      whiteSpace: 'pre',\n                      maxWidth: '500px',\n                    },\n                  },\n                }}\n                disableFocusListener\n                disableTouchListener\n                placement={'right'}\n                title={validationMessage}\n              >\n                <Info fontSize={'small'} color={'primary'} style={{ marginLeft: '8px' }} />\n              </Tooltip>\n            </InlineFlexContainer>\n\n            <StyledRow>\n              {choiceLabelEnabled && (\n                <StyledInputContainer label={choiceLabel && choiceLabel.label && `${singularLabel} label`}>\n                  <EditableHtml\n                    {...(model.placementArea && { autoWidthToolbar: true })}\n                    className=\"prompt\"\n                    markup={model.choiceLabel}\n                    onChange={this.onChoiceAreaLabelChange}\n                    toolbarOpts={toolbarOpts}\n                    pluginProps={getPluginProps(choiceLabel?.inputConfiguration)}\n                    spellCheck={spellCheckEnabled}\n                    maxImageWidth={maxChoicesImageWidth}\n                    maxImageHeight={maxChoicesImageHeight}\n                    uploadSoundSupport={uploadSoundSupport}\n                    languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                    mathMlOptions={mathMlOptions}\n                  />\n                </StyledInputContainer>\n              )}\n\n              {targetLabel.settings && model.placementArea && (\n                <StyledInputContainer label={targetLabel && targetLabel.label && targetLabel.label}>\n                  <EditableHtml\n                    autoWidthToolbar\n                    className=\"prompt\"\n                    markup={model.targetLabel}\n                    onChange={this.onAnswerAreaLabelChange}\n                    toolbarOpts={toolbarOpts}\n                    spellCheck={spellCheckEnabled}\n                    maxImageWidth={(maxImageWidth && maxImageWidth.choicesWithPlacementArea) || defaultImageMaxWidth}\n                    maxImageHeight={maxChoicesImageHeight}\n                    uploadSoundSupport={uploadSoundSupport}\n                    languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                    mathMlOptions={mathMlOptions}\n                  />\n                </StyledInputContainer>\n              )}\n            </StyledRow>\n\n            {choices.settings && (\n              <ChoiceEditor\n                correctResponse={correctResponse}\n                choices={model.choices}\n                onChange={this.onChoiceEditorChange}\n                imageSupport={imageSupport}\n                toolbarOpts={toolbarOpts}\n                pluginProps={getPluginProps(choices?.inputConfiguration)}\n                choicesLabel={choices.label}\n                placementArea={model.placementArea}\n                singularChoiceLabel={singularLabel}\n                pluralChoiceLabel={pluralLabel}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={maxChoicesImageWidth}\n                maxImageHeight={maxChoicesImageHeight}\n                errors={errors || {}}\n                mathMlOptions={mathMlOptions}\n                ordering={ordering}\n              />\n            )}\n          </StyledChoicesWrapper>\n\n          {rationaleEnabled && (\n            <StyledInputContainer label={rationale.label}>\n              <EditableHtml\n                className=\"prompt\"\n                markup={model.rationale || ''}\n                onChange={this.onRationaleChange}\n                imageSupport={imageSupport}\n                error={rationaleError}\n                toolbarOpts={toolbarOpts}\n                pluginProps={getPluginProps(rationale?.inputConfiguration)}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n                maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n                uploadSoundSupport={uploadSoundSupport}\n                languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                mathMlOptions={mathMlOptions}\n              />\n              {rationaleError && <ErrorText>{rationaleError}</ErrorText>}\n            </StyledInputContainer>\n          )}\n\n          {feedbackEnabled && (\n            <FeedbackConfig\n              feedback={model.feedback}\n              onChange={this.onFeedbackChange}\n              imageSupport={imageSupport}\n              toolbarOpts={toolbarOpts}\n            />\n          )}\n        </layout.ConfigLayout>\n      </DragProvider>\n    );\n  }\n}\n\nDesign.defaultProps = {\n  onModelChanged: () => {},\n  onConfigurationChanged: () => {},\n};\n\nDesign.propTypes = {\n  model: PropTypes.object.isRequired,\n  configuration: PropTypes.object.isRequired,\n  onModelChanged: PropTypes.func,\n  onConfigurationChanged: PropTypes.func,\n  imageSupport: PropTypes.object,\n};\n\nexport default Design;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/index.js

@@ -11,9 +11,9 @@ var _design = _interopRequireDefault(require("./design"));
 var _react = _interopRequireDefault(require("react"));
 var _client = require("react-dom/client");
 var _defaults = _interopRequireDefault(require("./defaults"));
-var _defaults2 = _interopRequireDefault(require("lodash/defaults"));
+var _lodashEs = require("lodash-es");
 const prepareCustomizationObject = (config, model) => {
-  const configuration = (0, _defaults2.default)(config, _defaults.default.configuration);
+  const configuration = (0, _lodashEs.defaults)(config, _defaults.default.configuration);
   return {
     configuration,
     model

package/configure/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_pieConfigureEvents","require","_design","_interopRequireDefault","_react","_client","_defaults","_defaults2","prepareCustomizationObject","config","model","configuration","defaults","defaultValues","addWeightToCorrectResponse","correctResponse","map","correct","weight","undefined","id","exports","PlacementOrdering","HTMLElement","constructor","_root","_model","createDefaultModel","_configuration","onModelChanged","resetSession","_rerender","dispatchUpdate","onConfigurationChanged","insertImage","handler","dispatchEvent","InsertImageEvent","deleteImage","src","done","DeleteImageEvent","reset","ModelUpdatedEvent","s","c","info","newConfiguration","language","enabled","languageChoices","options","length","value","settings","find","option","push","label","insertSound","InsertSoundEvent","onDeleteSound","DeleteSoundEvent","element","React","createElement","Main","imageSupport","add","delete","uploadSoundSupport","bind","createRoot","render","disconnectedCallback","unmount","default","_defineProperty2","mapChoicesToReturnCorrectResponse","choices","ch","defaultModel"],"sources":["../src/index.js"],"sourcesContent":["import {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\n\nimport Main from './design';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport defaultValues from './defaults';\nimport defaults from 'lodash/defaults';\n\nconst prepareCustomizationObject = (config, model) => {\n  const configuration = defaults(config, defaultValues.configuration);\n\n  return { configuration, model };\n};\n\nexport const addWeightToCorrectResponse = (correctResponse) =>\n  correctResponse &&\n  correctResponse.map((correct) => {\n    // if weight is set\n    if (correct.weight !== undefined) {\n      return { id: correct.id, weight: correct.weight };\n    } else {\n      return { id: correct.id || correct, weight: 0 };\n    }\n  });\n/**\n * assuming that the correct response will be set via ui, not via config,\n * correctResponse (if not set) will be initialized with choices default order\n */\nexport default class PlacementOrdering extends HTMLElement {\n  static createDefaultModel = (model = {}) => {\n    const mapChoicesToReturnCorrectResponse = (choices) => choices && choices.map((ch) => ({ id: ch.id, weight: 0 }));\n\n    let correctResponse =\n      addWeightToCorrectResponse(model.correctResponse) || mapChoicesToReturnCorrectResponse(model.choices);\n\n    const defaultModel = {\n      ...defaultValues.model,\n      ...model,\n    };\n\n    if (correctResponse) {\n      defaultModel.correctResponse = correctResponse;\n    }\n\n    return defaultModel;\n  };\n\n  constructor() {\n    super();\n    this._root = null;\n\n    this._model = PlacementOrdering.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n\n    this.onModelChanged = (model, resetSession) => {\n      this._model = model;\n      this._rerender();\n      this.dispatchUpdate(resetSession);\n    };\n\n    this.onConfigurationChanged = (configuration) => {\n      this._configuration = prepareCustomizationObject(configuration).configuration;\n\n      this.onModelChanged(this._model);\n      this._rerender();\n    };\n\n    this.insertImage = (handler) => {\n      this.dispatchEvent(new InsertImageEvent(handler));\n    };\n\n    this.deleteImage = (src, done) => {\n      this.dispatchEvent(new DeleteImageEvent(src, done));\n    };\n  }\n\n  dispatchUpdate(reset) {\n    this.dispatchEvent(new ModelUpdatedEvent(this._model, reset));\n  }\n\n  set model(s) {\n    this._model = PlacementOrdering.createDefaultModel(s);\n    this._rerender();\n  }\n\n  set configuration(c) {\n    const info = prepareCustomizationObject(c, this._model);\n\n    this.onModelChanged(info.model);\n\n    const newConfiguration = {\n      ...defaultValues.configuration,\n      ...info.configuration,\n    };\n\n    this._configuration = newConfiguration;\n\n    // if language:enabled is true, then the corresponding default item model should include a language value;\n    // if it is false, then the language field should be omitted from the item model.\n    // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,\n    // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).\n    if (newConfiguration?.language?.enabled) {\n      if (newConfiguration?.languageChoices?.options?.length) {\n        this._model.language = newConfiguration?.languageChoices.options[0].value;\n      }\n    } else if (newConfiguration.language.settings && this._model.language) {\n      this._configuration.language.enabled = true;\n\n      if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {\n        this._configuration.languageChoices.options = [];\n      }\n\n      // check if the language is already included in the languageChoices.options array\n      // and if not, then add it.\n      if (!this._configuration.languageChoices.options.find(option => option.value === this._model.language)) {\n        this._configuration.languageChoices.options.push({\n          value: this._model.language,\n          label: this._model.language,\n        });\n      }\n    } else {\n      delete this._model.language;\n    }\n\n    this._rerender();\n  }\n\n  insertSound(handler) {\n    this.dispatchEvent(new InsertSoundEvent(handler));\n  }\n\n  onDeleteSound(src, done) {\n    this.dispatchEvent(new DeleteSoundEvent(src, done));\n  }\n\n  _rerender() {\n    let element = React.createElement(Main, {\n      model: this._model,\n      configuration: this._configuration,\n      onModelChanged: this.onModelChanged,\n      onConfigurationChanged: this.onConfigurationChanged,\n      imageSupport: {\n        add: this.insertImage,\n        delete: this.deleteImage,\n      },\n      uploadSoundSupport: {\n        add: this.insertSound.bind(this),\n        delete: this.onDeleteSound.bind(this),\n      },\n    });\n\n    if (!this._root) {\n      this._root = createRoot(this);\n    }\n    this._root.render(element);\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_pieConfigureEvents","require","_design","_interopRequireDefault","_react","_client","_defaults","_lodashEs","prepareCustomizationObject","config","model","configuration","defaults","defaultValues","addWeightToCorrectResponse","correctResponse","map","correct","weight","undefined","id","exports","PlacementOrdering","HTMLElement","constructor","_root","_model","createDefaultModel","_configuration","onModelChanged","resetSession","_rerender","dispatchUpdate","onConfigurationChanged","insertImage","handler","dispatchEvent","InsertImageEvent","deleteImage","src","done","DeleteImageEvent","reset","ModelUpdatedEvent","s","c","info","newConfiguration","language","enabled","languageChoices","options","length","value","settings","find","option","push","label","insertSound","InsertSoundEvent","onDeleteSound","DeleteSoundEvent","element","React","createElement","Main","imageSupport","add","delete","uploadSoundSupport","bind","createRoot","render","disconnectedCallback","unmount","default","_defineProperty2","mapChoicesToReturnCorrectResponse","choices","ch","defaultModel"],"sources":["../src/index.js"],"sourcesContent":["import {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\n\nimport Main from './design';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport defaultValues from './defaults';\nimport { defaults } from 'lodash-es';\n\nconst prepareCustomizationObject = (config, model) => {\n  const configuration = defaults(config, defaultValues.configuration);\n\n  return { configuration, model };\n};\n\nexport const addWeightToCorrectResponse = (correctResponse) =>\n  correctResponse &&\n  correctResponse.map((correct) => {\n    // if weight is set\n    if (correct.weight !== undefined) {\n      return { id: correct.id, weight: correct.weight };\n    } else {\n      return { id: correct.id || correct, weight: 0 };\n    }\n  });\n/**\n * assuming that the correct response will be set via ui, not via config,\n * correctResponse (if not set) will be initialized with choices default order\n */\nexport default class PlacementOrdering extends HTMLElement {\n  static createDefaultModel = (model = {}) => {\n    const mapChoicesToReturnCorrectResponse = (choices) => choices && choices.map((ch) => ({ id: ch.id, weight: 0 }));\n\n    let correctResponse =\n      addWeightToCorrectResponse(model.correctResponse) || mapChoicesToReturnCorrectResponse(model.choices);\n\n    const defaultModel = {\n      ...defaultValues.model,\n      ...model,\n    };\n\n    if (correctResponse) {\n      defaultModel.correctResponse = correctResponse;\n    }\n\n    return defaultModel;\n  };\n\n  constructor() {\n    super();\n    this._root = null;\n\n    this._model = PlacementOrdering.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n\n    this.onModelChanged = (model, resetSession) => {\n      this._model = model;\n      this._rerender();\n      this.dispatchUpdate(resetSession);\n    };\n\n    this.onConfigurationChanged = (configuration) => {\n      this._configuration = prepareCustomizationObject(configuration).configuration;\n\n      this.onModelChanged(this._model);\n      this._rerender();\n    };\n\n    this.insertImage = (handler) => {\n      this.dispatchEvent(new InsertImageEvent(handler));\n    };\n\n    this.deleteImage = (src, done) => {\n      this.dispatchEvent(new DeleteImageEvent(src, done));\n    };\n  }\n\n  dispatchUpdate(reset) {\n    this.dispatchEvent(new ModelUpdatedEvent(this._model, reset));\n  }\n\n  set model(s) {\n    this._model = PlacementOrdering.createDefaultModel(s);\n    this._rerender();\n  }\n\n  set configuration(c) {\n    const info = prepareCustomizationObject(c, this._model);\n\n    this.onModelChanged(info.model);\n\n    const newConfiguration = {\n      ...defaultValues.configuration,\n      ...info.configuration,\n    };\n\n    this._configuration = newConfiguration;\n\n    // if language:enabled is true, then the corresponding default item model should include a language value;\n    // if it is false, then the language field should be omitted from the item model.\n    // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,\n    // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).\n    if (newConfiguration?.language?.enabled) {\n      if (newConfiguration?.languageChoices?.options?.length) {\n        this._model.language = newConfiguration?.languageChoices.options[0].value;\n      }\n    } else if (newConfiguration.language.settings && this._model.language) {\n      this._configuration.language.enabled = true;\n\n      if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {\n        this._configuration.languageChoices.options = [];\n      }\n\n      // check if the language is already included in the languageChoices.options array\n      // and if not, then add it.\n      if (!this._configuration.languageChoices.options.find((option) => option.value === this._model.language)) {\n        this._configuration.languageChoices.options.push({\n          value: this._model.language,\n          label: this._model.language,\n        });\n      }\n    } else {\n      delete this._model.language;\n    }\n\n    this._rerender();\n  }\n\n  insertSound(handler) {\n    this.dispatchEvent(new InsertSoundEvent(handler));\n  }\n\n  onDeleteSound(src, done) {\n    this.dispatchEvent(new DeleteSoundEvent(src, done));\n  }\n\n  _rerender() {\n    let element = React.createElement(Main, {\n      model: this._model,\n      configuration: this._configuration,\n      onModelChanged: this.onModelChanged,\n      onConfigurationChanged: this.onConfigurationChanged,\n      imageSupport: {\n        add: this.insertImage,\n        delete: this.deleteImage,\n      },\n      uploadSoundSupport: {\n        add: this.insertSound.bind(this),\n        delete: this.onDeleteSound.bind(this),\n      },\n    });\n\n    if (!this._root) {\n      this._root = createRoot(this);\n    }\n    this._root.render(element);\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAQA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AAEA,MAAMO,0BAA0B,GAAGA,CAACC,MAAM,EAAEC,KAAK,KAAK;EACpD,MAAMC,aAAa,GAAG,IAAAC,kBAAQ,EAACH,MAAM,EAAEI,iBAAa,CAACF,aAAa,CAAC;EAEnE,OAAO;IAAEA,aAAa;IAAED;EAAM,CAAC;AACjC,CAAC;AAEM,MAAMI,0BAA0B,GAAIC,eAAe,IACxDA,eAAe,IACfA,eAAe,CAACC,GAAG,CAAEC,OAAO,IAAK;EAC/B;EACA,IAAIA,OAAO,CAACC,MAAM,KAAKC,SAAS,EAAE;IAChC,OAAO;MAAEC,EAAE,EAAEH,OAAO,CAACG,EAAE;MAAEF,MAAM,EAAED,OAAO,CAACC;IAAO,CAAC;EACnD,CAAC,MAAM;IACL,OAAO;MAAEE,EAAE,EAAEH,OAAO,CAACG,EAAE,IAAIH,OAAO;MAAEC,MAAM,EAAE;IAAE,CAAC;EACjD;AACF,CAAC,CAAC;AACJ;AACA;AACA;AACA;AAHAG,OAAA,CAAAP,0BAAA,GAAAA,0BAAA;AAIe,MAAMQ,iBAAiB,SAASC,WAAW,CAAC;EAmBzDC,WAAWA,CAAA,EAAG;IACZ,KAAK,CAAC,CAAC;IACP,IAAI,CAACC,KAAK,GAAG,IAAI;IAEjB,IAAI,CAACC,MAAM,GAAGJ,iBAAiB,CAACK,kBAAkB,CAAC,CAAC;IACpD,IAAI,CAACC,cAAc,GAAGf,iBAAa,CAACF,aAAa;IAEjD,IAAI,CAACkB,cAAc,GAAG,CAACnB,KAAK,EAAEoB,YAAY,KAAK;MAC7C,IAAI,CAACJ,MAAM,GAAGhB,KAAK;MACnB,IAAI,CAACqB,SAAS,CAAC,CAAC;MAChB,IAAI,CAACC,cAAc,CAACF,YAAY,CAAC;IACnC,CAAC;IAED,IAAI,CAACG,sBAAsB,GAAItB,aAAa,IAAK;MAC/C,IAAI,CAACiB,cAAc,GAAGpB,0BAA0B,CAACG,aAAa,CAAC,CAACA,aAAa;MAE7E,IAAI,CAACkB,cAAc,CAAC,IAAI,CAACH,MAAM,CAAC;MAChC,IAAI,CAACK,SAAS,CAAC,CAAC;IAClB,CAAC;IAED,IAAI,CAACG,WAAW,GAAIC,OAAO,IAAK;MAC9B,IAAI,CAACC,aAAa,CAAC,IAAIC,oCAAgB,CAACF,OAAO,CAAC,CAAC;IACnD,CAAC;IAED,IAAI,CAACG,WAAW,GAAG,CAACC,GAAG,EAAEC,IAAI,KAAK;MAChC,IAAI,CAACJ,aAAa,CAAC,IAAIK,oCAAgB,CAACF,GAAG,EAAEC,IAAI,CAAC,CAAC;IACrD,CAAC;EACH;EAEAR,cAAcA,CAACU,KAAK,EAAE;IACpB,IAAI,CAACN,aAAa,CAAC,IAAIO,qCAAiB,CAAC,IAAI,CAACjB,MAAM,EAAEgB,KAAK,CAAC,CAAC;EAC/D;EAEA,IAAIhC,KAAKA,CAACkC,CAAC,EAAE;IACX,IAAI,CAAClB,MAAM,GAAGJ,iBAAiB,CAACK,kBAAkB,CAACiB,CAAC,CAAC;IACrD,IAAI,CAACb,SAAS,CAAC,CAAC;EAClB;EAEA,IAAIpB,aAAaA,CAACkC,CAAC,EAAE;IACnB,MAAMC,IAAI,GAAGtC,0BAA0B,CAACqC,CAAC,EAAE,IAAI,CAACnB,MAAM,CAAC;IAEvD,IAAI,CAACG,cAAc,CAACiB,IAAI,CAACpC,KAAK,CAAC;IAE/B,MAAMqC,gBAAgB,GAAG;MACvB,GAAGlC,iBAAa,CAACF,aAAa;MAC9B,GAAGmC,IAAI,CAACnC;IACV,CAAC;IAED,IAAI,CAACiB,cAAc,GAAGmB,gBAAgB;;IAEtC;IACA;IACA;IACA;IACA,IAAIA,gBAAgB,EAAEC,QAAQ,EAAEC,OAAO,EAAE;MACvC,IAAIF,gBAAgB,EAAEG,eAAe,EAAEC,OAAO,EAAEC,MAAM,EAAE;QACtD,IAAI,CAAC1B,MAAM,CAACsB,QAAQ,GAAGD,gBAAgB,EAAEG,eAAe,CAACC,OAAO,CAAC,CAAC,CAAC,CAACE,KAAK;MAC3E;IACF,CAAC,MAAM,IAAIN,gBAAgB,CAACC,QAAQ,CAACM,QAAQ,IAAI,IAAI,CAAC5B,MAAM,CAACsB,QAAQ,EAAE;MACrE,IAAI,CAACpB,cAAc,CAACoB,QAAQ,CAACC,OAAO,GAAG,IAAI;MAE3C,IAAI,CAAC,IAAI,CAACrB,cAAc,CAACsB,eAAe,CAACC,OAAO,IAAI,CAAC,IAAI,CAACvB,cAAc,CAACsB,eAAe,CAACC,OAAO,CAACC,MAAM,EAAE;QACvG,IAAI,CAACxB,cAAc,CAACsB,eAAe,CAACC,OAAO,GAAG,EAAE;MAClD;;MAEA;MACA;MACA,IAAI,CAAC,IAAI,CAACvB,cAAc,CAACsB,eAAe,CAACC,OAAO,CAACI,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACH,KAAK,KAAK,IAAI,CAAC3B,MAAM,CAACsB,QAAQ,CAAC,EAAE;QACxG,IAAI,CAACpB,cAAc,CAACsB,eAAe,CAACC,OAAO,CAACM,IAAI,CAAC;UAC/CJ,KAAK,EAAE,IAAI,CAAC3B,MAAM,CAACsB,QAAQ;UAC3BU,KAAK,EAAE,IAAI,CAAChC,MAAM,CAACsB;QACrB,CAAC,CAAC;MACJ;IACF,CAAC,MAAM;MACL,OAAO,IAAI,CAACtB,MAAM,CAACsB,QAAQ;IAC7B;IAEA,IAAI,CAACjB,SAAS,CAAC,CAAC;EAClB;EAEA4B,WAAWA,CAACxB,OAAO,EAAE;IACnB,IAAI,CAACC,aAAa,CAAC,IAAIwB,oCAAgB,CAACzB,OAAO,CAAC,CAAC;EACnD;EAEA0B,aAAaA,CAACtB,GAAG,EAAEC,IAAI,EAAE;IACvB,IAAI,CAACJ,aAAa,CAAC,IAAI0B,oCAAgB,CAACvB,GAAG,EAAEC,IAAI,CAAC,CAAC;EACrD;EAEAT,SAASA,CAAA,EAAG;IACV,IAAIgC,OAAO,gBAAGC,cAAK,CAACC,aAAa,CAACC,eAAI,EAAE;MACtCxD,KAAK,EAAE,IAAI,CAACgB,MAAM;MAClBf,aAAa,EAAE,IAAI,CAACiB,cAAc;MAClCC,cAAc,EAAE,IAAI,CAACA,cAAc;MACnCI,sBAAsB,EAAE,IAAI,CAACA,sBAAsB;MACnDkC,YAAY,EAAE;QACZC,GAAG,EAAE,IAAI,CAAClC,WAAW;QACrBmC,MAAM,EAAE,IAAI,CAAC/B;MACf,CAAC;MACDgC,kBAAkB,EAAE;QAClBF,GAAG,EAAE,IAAI,CAACT,WAAW,CAACY,IAAI,CAAC,IAAI,CAAC;QAChCF,MAAM,EAAE,IAAI,CAACR,aAAa,CAACU,IAAI,CAAC,IAAI;MACtC;IACF,CAAC,CAAC;IAEF,IAAI,CAAC,IAAI,CAAC9C,KAAK,EAAE;MACf,IAAI,CAACA,KAAK,GAAG,IAAA+C,kBAAU,EAAC,IAAI,CAAC;IAC/B;IACA,IAAI,CAAC/C,KAAK,CAACgD,MAAM,CAACV,OAAO,CAAC;EAC5B;EAEAW,oBAAoBA,CAAA,EAAG;IACrB,IAAI,IAAI,CAACjD,KAAK,EAAE;MACd,IAAI,CAACA,KAAK,CAACkD,OAAO,CAAC,CAAC;IACtB;EACF;AACF;AAACtD,OAAA,CAAAuD,OAAA,GAAAtD,iBAAA;AAAA,IAAAuD,gBAAA,CAAAD,OAAA,EAtIoBtD,iBAAiB,wBACR,CAACZ,KAAK,GAAG,CAAC,CAAC,KAAK;EAC1C,MAAMoE,iCAAiC,GAAIC,OAAO,IAAKA,OAAO,IAAIA,OAAO,CAAC/D,GAAG,CAAEgE,EAAE,KAAM;IAAE5D,EAAE,EAAE4D,EAAE,CAAC5D,EAAE;IAAEF,MAAM,EAAE;EAAE,CAAC,CAAC,CAAC;EAEjH,IAAIH,eAAe,GACjBD,0BAA0B,CAACJ,KAAK,CAACK,eAAe,CAAC,IAAI+D,iCAAiC,CAACpE,KAAK,CAACqE,OAAO,CAAC;EAEvG,MAAME,YAAY,GAAG;IACnB,GAAGpE,iBAAa,CAACH,KAAK;IACtB,GAAGA;EACL,CAAC;EAED,IAAIK,eAAe,EAAE;IACnBkE,YAAY,CAAClE,eAAe,GAAGA,eAAe;EAChD;EAEA,OAAOkE,YAAY;AACrB,CAAC","ignoreList":[]}

package/configure/lib/utils.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,7 +7,7 @@ exports.buildTiles = buildTiles;
 exports.generateValidationMessage = void 0;
 exports.normalizeIndex = normalizeIndex;
 exports.updateResponseOrChoices = updateResponseOrChoices;
-var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+var _lodashEs = require("lodash-es");
 const generateValidationMessage = () => {
   const answersMessage = '\nThere should be at least 3 tokens.' + '\nThe tokens should not be empty and should be unique.' + '\nThe correct ordering should not be identical to the initial ordering.';
   return 'Validation requirements:' + answersMessage;
@@ -33,7 +32,7 @@ function updateResponseOrChoices(response, choices, from, to) {
     index: placeAtIndex
   } = to;
   if (fromType === 'target' && toType === 'target') {
-    const updatedResponse = (0, _cloneDeep.default)(response) || [];
+    const updatedResponse = (0, _lodashEs.cloneDeep)(response) || [];
     const {
       movedItem,
       remainingItems
@@ -54,7 +53,7 @@ function updateResponseOrChoices(response, choices, from, to) {
     };
   }
   if (fromType === 'choice' && toType === 'choice') {
-    const updatedChoices = (0, _cloneDeep.default)(choices) || [];
+    const updatedChoices = (0, _lodashEs.cloneDeep)(choices) || [];
     const {
       movedItem,
       remainingItems,