@pie-element/graphing 10.1.1-next.1 → 10.1.1-next.29

package/configure/lib/configure.js

@@ -0,0 +1,328 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Configure = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _debug = _interopRequireDefault(require("debug"));
+var _lodashEs = require("lodash-es");
+var _styles = require("@mui/material/styles");
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _configUi = require("@pie-lib/config-ui");
+var _editableHtmlTipTap = _interopRequireDefault(require("@pie-lib/editable-html-tip-tap"));
+var _graphingConfig = _interopRequireDefault(require("./graphing-config"));
+var _correctResponse = _interopRequireDefault(require("./correct-response"));
+const {
+  Panel,
+  toggle,
+  radio,
+  checkboxes,
+  textField,
+  dropdown
+} = _configUi.settings;
+const log = (0, _debug.default)('@pie-element:graphing:configure');
+const StyledInputContainer = (0, _styles.styled)(_configUi.InputContainer)(({
+  theme
+}) => ({
+  width: '100%',
+  paddingTop: theme.spacing(2),
+  marginBottom: theme.spacing(2)
+}));
+const Description = (0, _styles.styled)(_Typography.default)(({
+  theme
+}) => ({
+  marginBottom: theme.spacing(2.5)
+}));
+const ErrorText = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  fontSize: theme.typography.fontSize - 2,
+  color: theme.palette.error.main,
+  paddingTop: theme.spacing(1)
+}));
+class Configure extends _react.default.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "onRationaleChange", rationale => {
+      const {
+        onModelChanged,
+        model
+      } = this.props;
+      onModelChanged({
+        ...model,
+        rationale
+      });
+    });
+    (0, _defineProperty2.default)(this, "onPromptChange", prompt => {
+      const {
+        onModelChanged,
+        model
+      } = this.props;
+      onModelChanged({
+        ...model,
+        prompt
+      });
+    });
+    (0, _defineProperty2.default)(this, "onTeacherInstructionsChange", teacherInstructions => {
+      const {
+        onModelChanged,
+        model
+      } = this.props;
+      onModelChanged({
+        ...model,
+        teacherInstructions
+      });
+    });
+  }
+  componentDidMount() {
+    const {
+      configuration,
+      onModelChanged,
+      model
+    } = this.props;
+    const {
+      availableTools,
+      title,
+      graphDimensions
+    } = configuration || {};
+    let {
+      arrows,
+      titleEnabled: showTitle,
+      dimensionsEnabled: showDimensions
+    } = model || {};
+
+    // This is used for offering support for old models which have the property arrows: boolean
+    // Same thing is set in the controller: packages/graphing/controller/src/index.js - model
+    if (typeof arrows === 'boolean') {
+      if (arrows) {
+        arrows = {
+          left: true,
+          right: true,
+          up: true,
+          down: true
+        };
+      } else {
+        arrows = {
+          left: false,
+          right: false,
+          up: false,
+          down: false
+        };
+      }
+    }
+    const toolbarTools = (0, _lodashEs.intersection)(availableTools || [], model.toolbarTools || []);
+    const titleEnabled = showTitle === undefined || showTitle === null ? title.enabled : showTitle;
+    const dimensionsEnabled = showDimensions === undefined || showDimensions === null ? graphDimensions.enabled : showDimensions;
+    onModelChanged && onModelChanged({
+      ...model,
+      arrows,
+      toolbarTools,
+      titleEnabled,
+      dimensionsEnabled
+    });
+  }
+  render() {
+    const {
+      model,
+      configuration,
+      onConfigurationChanged,
+      onModelChanged,
+      imageSupport,
+      uploadSoundSupport
+    } = this.props;
+    const {
+      arrows = {},
+      authoring = {},
+      availableTools = [],
+      baseInputConfiguration = {},
+      coordinatesOnHover = {},
+      contentDimensions = {},
+      gridConfigurations = [],
+      graphDimensions = {},
+      instruction = {},
+      labels = {},
+      padding = {},
+      prompt = {},
+      rationale = {},
+      scoringType = {},
+      settingsPanelDisabled,
+      spellCheck = {},
+      studentInstructions = {},
+      teacherInstructions = {},
+      title = {},
+      maxImageWidth = {},
+      maxImageHeight = {},
+      withRubric = {},
+      language = {},
+      languageChoices = {},
+      mathMlOptions = {},
+      removeIncompleteTool = false
+    } = configuration || {};
+    const {
+      errors = {},
+      extraCSSRules,
+      labelsEnabled,
+      dimensionsEnabled,
+      promptEnabled,
+      rationaleEnabled,
+      spellCheckEnabled,
+      teacherInstructionsEnabled,
+      titleEnabled
+    } = model || {};
+    const {
+      prompt: promptError,
+      rationale: rationaleError,
+      teacherInstructions: teacherInstructionsError
+    } = errors || {};
+    log('[render] model', model);
+    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
+    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
+    const labelsPlaceholders = {
+      top: labels.top,
+      right: labels.right,
+      bottom: labels.bottom,
+      left: labels.left
+    };
+    const panelItemType = {
+      arrows: arrows.settings && checkboxes(arrows.label, {
+        left: arrows.left,
+        right: arrows.right,
+        up: arrows.up,
+        down: arrows.down
+      }),
+      titleEnabled: title.settings && toggle(title.label),
+      padding: padding.settings && toggle(padding.label),
+      labelsEnabled: labels.settings && toggle(labels.label),
+      'language.enabled': language.settings && toggle(language.label, true),
+      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),
+      dimensionsEnabled: graphDimensions.settings && toggle(graphDimensions.label),
+      coordinatesOnHover: coordinatesOnHover.settings && toggle(coordinatesOnHover.label)
+    };
+    const panelProperties = {
+      'authoring.enabled': authoring.settings && toggle(authoring.label, true),
+      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
+      studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
+      promptEnabled: prompt.settings && toggle(prompt.label),
+      rationaleEnabled: rationale.settings && toggle(rationale.label),
+      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
+      scoringType: scoringType.settings && radio(scoringType.label, ['dichotomous', 'partial scoring']),
+      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),
+      instruction: instruction.settings && textField(instruction.label)
+    };
+    const getPluginProps = (props = {}) => ({
+      ...baseInputConfiguration,
+      ...props
+    });
+    return /*#__PURE__*/_react.default.createElement(_configUi.layout.ConfigLayout, {
+      extraCSSRules: extraCSSRules,
+      dimensions: contentDimensions,
+      hideSettings: settingsPanelDisabled,
+      settings: /*#__PURE__*/_react.default.createElement(Panel, {
+        model: model,
+        configuration: configuration,
+        onChangeModel: onModelChanged,
+        onChangeConfiguration: onConfigurationChanged,
+        groups: {
+          Settings: panelItemType,
+          Properties: panelProperties
+        }
+      })
+    }, /*#__PURE__*/_react.default.createElement(Description, {
+      component: "div",
+      variant: "body1"
+    }, instruction?.label || ''), teacherInstructionsEnabled && /*#__PURE__*/_react.default.createElement(StyledInputContainer, {
+      label: teacherInstructions.label
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
+      markup: model.teacherInstructions || '',
+      onChange: this.onTeacherInstructionsChange,
+      imageSupport: imageSupport,
+      error: teacherInstructionsError,
+      nonEmpty: false,
+      pluginProps: getPluginProps(teacherInstructions?.inputConfiguration),
+      spellCheck: spellCheckEnabled,
+      maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
+      maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
+      uploadSoundSupport: uploadSoundSupport,
+      languageCharactersProps: [{
+        language: 'spanish'
+      }, {
+        language: 'special'
+      }],
+      mathMlOptions: mathMlOptions
+    }), teacherInstructionsError && /*#__PURE__*/_react.default.createElement(ErrorText, null, teacherInstructionsError)), promptEnabled && /*#__PURE__*/_react.default.createElement(StyledInputContainer, {
+      label: prompt.label
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
+      markup: model.prompt,
+      onChange: this.onPromptChange,
+      imageSupport: imageSupport,
+      error: promptError,
+      nonEmpty: false,
+      spellCheck: spellCheckEnabled,
+      pluginProps: getPluginProps(prompt?.inputConfiguration),
+      disableUnderline: true,
+      maxImageWidth: defaultImageMaxWidth,
+      maxImageHeight: defaultImageMaxHeight,
+      uploadSoundSupport: uploadSoundSupport,
+      languageCharactersProps: [{
+        language: 'spanish'
+      }, {
+        language: 'special'
+      }],
+      mathMlOptions: mathMlOptions
+    }), promptError && /*#__PURE__*/_react.default.createElement(ErrorText, null, promptError)), /*#__PURE__*/_react.default.createElement(_graphingConfig.default, {
+      authoring: authoring,
+      availableTools: availableTools,
+      gridConfigurations: gridConfigurations,
+      graphDimensions: graphDimensions,
+      labelsPlaceholders: labelsPlaceholders,
+      model: model,
+      showLabels: labelsEnabled,
+      dimensionsEnabled: dimensionsEnabled,
+      showTitle: titleEnabled,
+      titlePlaceholder: title.placeholder,
+      onChange: this.props.onModelChanged,
+      mathMlOptions: mathMlOptions,
+      removeIncompleteTool: removeIncompleteTool
+    }), /*#__PURE__*/_react.default.createElement(_correctResponse.default, {
+      availableTools: availableTools,
+      errors: errors,
+      model: model,
+      onChange: this.props.onModelChanged,
+      mathMlOptions: mathMlOptions,
+      removeIncompleteTool: removeIncompleteTool
+    }), rationaleEnabled && /*#__PURE__*/_react.default.createElement(StyledInputContainer, {
+      label: rationale.label || 'Rationale'
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
+      markup: model.rationale || '',
+      onChange: this.onRationaleChange,
+      imageSupport: imageSupport,
+      error: rationaleError,
+      spellCheck: spellCheckEnabled,
+      pluginProps: getPluginProps(rationale?.inputConfiguration),
+      maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
+      maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
+      uploadSoundSupport: uploadSoundSupport,
+      languageCharactersProps: [{
+        language: 'spanish'
+      }, {
+        language: 'special'
+      }],
+      mathMlOptions: mathMlOptions
+    }), rationaleError && /*#__PURE__*/_react.default.createElement(ErrorText, null, rationaleError)));
+  }
+}
+exports.Configure = Configure;
+(0, _defineProperty2.default)(Configure, "propTypes", {
+  onModelChanged: _propTypes.default.func,
+  onConfigurationChanged: _propTypes.default.func,
+  imageSupport: _propTypes.default.object,
+  uploadSoundSupport: _propTypes.default.object,
+  model: _propTypes.default.object.isRequired,
+  configuration: _propTypes.default.object.isRequired
+});
+var _default = exports.default = Configure;
+//# sourceMappingURL=configure.js.map

package/configure/lib/configure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configure.js","names":["_react","_interopRequireDefault","require","_propTypes","_debug","_lodashEs","_styles","_Typography","_configUi","_editableHtmlTipTap","_graphingConfig","_correctResponse","Panel","toggle","radio","checkboxes","textField","dropdown","settings","log","debug","StyledInputContainer","styled","InputContainer","theme","width","paddingTop","spacing","marginBottom","Description","Typography","ErrorText","fontSize","typography","color","palette","error","main","Configure","React","Component","constructor","args","_defineProperty2","default","rationale","onModelChanged","model","props","prompt","teacherInstructions","componentDidMount","configuration","availableTools","title","graphDimensions","arrows","titleEnabled","showTitle","dimensionsEnabled","showDimensions","left","right","up","down","toolbarTools","intersection","undefined","enabled","render","onConfigurationChanged","imageSupport","uploadSoundSupport","authoring","baseInputConfiguration","coordinatesOnHover","contentDimensions","gridConfigurations","instruction","labels","padding","scoringType","settingsPanelDisabled","spellCheck","studentInstructions","maxImageWidth","maxImageHeight","withRubric","language","languageChoices","mathMlOptions","removeIncompleteTool","errors","extraCSSRules","labelsEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","promptError","rationaleError","teacherInstructionsError","defaultImageMaxWidth","defaultImageMaxHeight","labelsPlaceholders","top","bottom","panelItemType","label","options","panelProperties","studentInstructionsEnabled","rubricEnabled","getPluginProps","createElement","layout","ConfigLayout","dimensions","hideSettings","onChangeModel","onChangeConfiguration","groups","Settings","Properties","component","variant","markup","onChange","onTeacherInstructionsChange","nonEmpty","pluginProps","inputConfiguration","languageCharactersProps","onPromptChange","disableUnderline","showLabels","titlePlaceholder","placeholder","onRationaleChange","exports","PropTypes","func","object","isRequired","_default"],"sources":["../src/configure.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport { intersection } from 'lodash-es';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport { settings, layout, InputContainer } from '@pie-lib/config-ui';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\n\nimport GraphingConfig from './graphing-config';\nimport CorrectResponse from './correct-response';\n\nconst { Panel, toggle, radio, checkboxes, textField, dropdown } = settings;\nconst log = debug('@pie-element:graphing:configure');\n\nconst StyledInputContainer = styled(InputContainer)(({ theme }) => ({\n  width: '100%',\n  paddingTop: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n}));\n\nconst Description = styled(Typography)(({ theme }) => ({\n  marginBottom: theme.spacing(2.5),\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 Configure extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func,\n    onConfigurationChanged: PropTypes.func,\n    imageSupport: PropTypes.object,\n    uploadSoundSupport: PropTypes.object,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n  };\n\n  componentDidMount() {\n    const { configuration, onModelChanged, model } = this.props;\n    const { availableTools, title, graphDimensions } = configuration || {};\n    let { arrows, titleEnabled: showTitle, dimensionsEnabled: showDimensions } = model || {};\n\n    // This is used for offering support for old models which have the property arrows: boolean\n    // Same thing is set in the controller: packages/graphing/controller/src/index.js - model\n    if (typeof arrows === 'boolean') {\n      if (arrows) {\n        arrows = { left: true, right: true, up: true, down: true };\n      } else {\n        arrows = { left: false, right: false, up: false, down: false };\n      }\n    }\n\n    const toolbarTools = intersection(availableTools || [], model.toolbarTools || []);\n    const titleEnabled = showTitle === undefined || showTitle === null ? title.enabled : showTitle;\n    const dimensionsEnabled =\n      showDimensions === undefined || showDimensions === null ? graphDimensions.enabled : showDimensions;\n\n    onModelChanged && onModelChanged({ ...model, arrows, toolbarTools, titleEnabled, dimensionsEnabled });\n  }\n\n  onRationaleChange = (rationale) => {\n    const { onModelChanged, model } = this.props;\n\n    onModelChanged({ ...model, rationale });\n  };\n\n  onPromptChange = (prompt) => {\n    const { onModelChanged, model } = this.props;\n\n    onModelChanged({ ...model, prompt });\n  };\n\n  onTeacherInstructionsChange = (teacherInstructions) => {\n    const { onModelChanged, model } = this.props;\n\n    onModelChanged({ ...model, teacherInstructions });\n  };\n\n  render() {\n    const { model, configuration, onConfigurationChanged, onModelChanged, imageSupport, uploadSoundSupport } =\n      this.props;\n    const {\n      arrows = {},\n      authoring = {},\n      availableTools = [],\n      baseInputConfiguration = {},\n      coordinatesOnHover = {},\n      contentDimensions = {},\n      gridConfigurations = [],\n      graphDimensions = {},\n      instruction = {},\n      labels = {},\n      padding = {},\n      prompt = {},\n      rationale = {},\n      scoringType = {},\n      settingsPanelDisabled,\n      spellCheck = {},\n      studentInstructions = {},\n      teacherInstructions = {},\n      title = {},\n      maxImageWidth = {},\n      maxImageHeight = {},\n      withRubric = {},\n      language = {},\n      languageChoices = {},\n      mathMlOptions = {},\n      removeIncompleteTool = false,\n    } = configuration || {};\n    const {\n      errors = {},\n      extraCSSRules,\n      labelsEnabled,\n      dimensionsEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      titleEnabled,\n    } = model || {};\n    const {\n      prompt: promptError,\n      rationale: rationaleError,\n      teacherInstructions: teacherInstructionsError,\n    } = errors || {};\n\n    log('[render] model', model);\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n    const labelsPlaceholders = {\n      top: labels.top,\n      right: labels.right,\n      bottom: labels.bottom,\n      left: labels.left,\n    };\n\n    const panelItemType = {\n      arrows:\n        arrows.settings &&\n        checkboxes(arrows.label, {\n          left: arrows.left,\n          right: arrows.right,\n          up: arrows.up,\n          down: arrows.down,\n        }),\n      titleEnabled: title.settings && toggle(title.label),\n      padding: padding.settings && toggle(padding.label),\n      labelsEnabled: labels.settings && toggle(labels.label),\n      'language.enabled': language.settings && toggle(language.label, true),\n      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n      dimensionsEnabled: graphDimensions.settings && toggle(graphDimensions.label),\n      coordinatesOnHover: coordinatesOnHover.settings && toggle(coordinatesOnHover.label),\n    };\n\n    const panelProperties = {\n      'authoring.enabled': authoring.settings && toggle(authoring.label, true),\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      scoringType: scoringType.settings && radio(scoringType.label, ['dichotomous', 'partial scoring']),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n      instruction: instruction.settings && textField(instruction.label),\n    };\n\n    const getPluginProps = (props = {}) => ({\n      ...baseInputConfiguration,\n      ...props,\n    });\n\n    return (\n      <layout.ConfigLayout\n        extraCSSRules={extraCSSRules}\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={onModelChanged}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              Settings: panelItemType,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        <Description component=\"div\" variant=\"body1\">\n          {instruction?.label || ''}\n        </Description>\n\n        {teacherInstructionsEnabled && (\n          <StyledInputContainer label={teacherInstructions.label}>\n            <EditableHtml\n              markup={model.teacherInstructions || ''}\n              onChange={this.onTeacherInstructionsChange}\n              imageSupport={imageSupport}\n              error={teacherInstructionsError}\n              nonEmpty={false}\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 && <ErrorText>{teacherInstructionsError}</ErrorText>}\n          </StyledInputContainer>\n        )}\n\n        {promptEnabled && (\n          <StyledInputContainer label={prompt.label}>\n            <EditableHtml\n              markup={model.prompt}\n              onChange={this.onPromptChange}\n              imageSupport={imageSupport}\n              error={promptError}\n              nonEmpty={false}\n              spellCheck={spellCheckEnabled}\n              pluginProps={getPluginProps(prompt?.inputConfiguration)}\n              disableUnderline\n              maxImageWidth={defaultImageMaxWidth}\n              maxImageHeight={defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {promptError && <ErrorText>{promptError}</ErrorText>}\n          </StyledInputContainer>\n        )}\n\n        <GraphingConfig\n          authoring={authoring}\n          availableTools={availableTools}\n          gridConfigurations={gridConfigurations}\n          graphDimensions={graphDimensions}\n          labelsPlaceholders={labelsPlaceholders}\n          model={model}\n          showLabels={labelsEnabled}\n          dimensionsEnabled={dimensionsEnabled}\n          showTitle={titleEnabled}\n          titlePlaceholder={title.placeholder}\n          onChange={this.props.onModelChanged}\n          mathMlOptions={mathMlOptions}\n          removeIncompleteTool={removeIncompleteTool}\n        />\n\n        <CorrectResponse\n          availableTools={availableTools}\n          errors={errors}\n          model={model}\n          onChange={this.props.onModelChanged}\n          mathMlOptions={mathMlOptions}\n          removeIncompleteTool={removeIncompleteTool}\n        />\n\n        {rationaleEnabled && (\n          <StyledInputContainer label={rationale.label || 'Rationale'}>\n            <EditableHtml\n              markup={model.rationale || ''}\n              onChange={this.onRationaleChange}\n              imageSupport={imageSupport}\n              error={rationaleError}\n              spellCheck={spellCheckEnabled}\n              pluginProps={getPluginProps(rationale?.inputConfiguration)}\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      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default Configure;\n"],"mappings":"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","ignoreList":[]}