@pie-element/number-line 8.9.1-next.1 → 8.9.1-next.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/configure/lib/arrows.js +124 -0
- package/configure/lib/arrows.js.map +1 -0
- package/configure/lib/card-bar.js +78 -0
- package/configure/lib/card-bar.js.map +1 -0
- package/configure/lib/defaults.js +144 -0
- package/configure/lib/defaults.js.map +1 -0
- package/configure/lib/domain.js +140 -0
- package/configure/lib/domain.js.map +1 -0
- package/configure/lib/index.js +225 -0
- package/configure/lib/index.js.map +1 -0
- package/configure/lib/main.js +867 -0
- package/configure/lib/main.js.map +1 -0
- package/configure/lib/number-text-field.js +97 -0
- package/configure/lib/number-text-field.js.map +1 -0
- package/configure/lib/point-config.js +144 -0
- package/configure/lib/point-config.js.map +1 -0
- package/configure/lib/size.js +100 -0
- package/configure/lib/size.js.map +1 -0
- package/configure/lib/ticks.js +288 -0
- package/configure/lib/ticks.js.map +1 -0
- package/configure/lib/utils.js +14 -0
- package/configure/lib/utils.js.map +1 -0
- package/controller/lib/defaults.js +47 -0
- package/controller/lib/defaults.js.map +1 -0
- package/controller/lib/index.js +474 -0
- package/controller/lib/index.js.map +1 -0
- package/lib/data-converter.js +100 -0
- package/lib/data-converter.js.map +1 -0
- package/lib/draggable/index.js +53 -0
- package/lib/draggable/index.js.map +1 -0
- package/lib/index.js +241 -0
- package/lib/index.js.map +1 -0
- package/lib/number-line/colors.js +21 -0
- package/lib/number-line/colors.js.map +1 -0
- package/lib/number-line/feedback.js +108 -0
- package/lib/number-line/feedback.js.map +1 -0
- package/lib/number-line/graph/arrow.js +63 -0
- package/lib/number-line/graph/arrow.js.map +1 -0
- package/lib/number-line/graph/elements/base.js +26 -0
- package/lib/number-line/graph/elements/base.js.map +1 -0
- package/lib/number-line/graph/elements/builder.js +38 -0
- package/lib/number-line/graph/elements/builder.js.map +1 -0
- package/lib/number-line/graph/elements/line.js +317 -0
- package/lib/number-line/graph/elements/line.js.map +1 -0
- package/lib/number-line/graph/elements/point.js +233 -0
- package/lib/number-line/graph/elements/point.js.map +1 -0
- package/lib/number-line/graph/elements/ray.js +227 -0
- package/lib/number-line/graph/elements/ray.js.map +1 -0
- package/lib/number-line/graph/index.js +328 -0
- package/lib/number-line/graph/index.js.map +1 -0
- package/lib/number-line/graph/line.js +48 -0
- package/lib/number-line/graph/line.js.map +1 -0
- package/lib/number-line/graph/stacks.js +101 -0
- package/lib/number-line/graph/stacks.js.map +1 -0
- package/lib/number-line/graph/tick-utils.js +440 -0
- package/lib/number-line/graph/tick-utils.js.map +1 -0
- package/lib/number-line/graph/ticks.js +239 -0
- package/lib/number-line/graph/ticks.js.map +1 -0
- package/lib/number-line/index.js +425 -0
- package/lib/number-line/index.js.map +1 -0
- package/lib/number-line/point-chooser/button.js +74 -0
- package/lib/number-line/point-chooser/button.js.map +1 -0
- package/lib/number-line/point-chooser/img.js +9 -0
- package/lib/number-line/point-chooser/img.js.map +1 -0
- package/lib/number-line/point-chooser/index.js +193 -0
- package/lib/number-line/point-chooser/index.js.map +1 -0
- package/lib/number-line/point-chooser/styles.js +100 -0
- package/lib/number-line/point-chooser/styles.js.map +1 -0
- package/lib/number-line/transitions/fade.js +67 -0
- package/lib/number-line/transitions/fade.js.map +1 -0
- package/lib/number-line/transitions/index.js +16 -0
- package/lib/number-line/transitions/index.js.map +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/main.jsx"],"names":["trimModel","model","feedback","undefined","prompt","teacherInstructions","graph","title","disabled","correctResponse","lineIsSwitched","dataConverter","switchGraphLine","toGraphFormat","toSessionFormat","minorLimits","minorValues","majorValues","styles","theme","maxNumberOfPoints","width","checkbox","marginTop","spacing","unit","marginBottom","row","display","flexWrap","paddingRight","pointTypeChooser","margin","promptContainer","paddingTop","tooltip","fontSize","typography","whiteSpace","maxWidth","inlineFlexContainer","resetButton","errorText","color","palette","error","main","flexRow","alignItems","gap","description","toPointType","response","rest","pointType","direction","leftPoint","rightPoint","type","toUpperCase","Main","props","obj","onChange","respIndex","forEach","correctResp","key","domainPosition","domain","min","max","size","push","length","setState","correctAnswerDialog","open","text","indices","reloadTicksData","height","graphChange","availableTypes","onlyPFAvailable","Object","entries","value","e","Math","floor","dialog","getAdjustedHeight","object","ticks","tickUtils","snapElements","initialElements","updatedGraph","updateMajorValue","tickIntervalType","minor","getMinorLimits","math","number","ceil","integerTick","decimal","fraction","fractionTick","decimalTick","generateMinorValues","minValue","maxValue","n","d","generateMajorValuesForMinor","indexOf","major","currIndex","arrows","defaultModel","index","el","position","update","Set","map","filter","v","some","data","pop","state","classes","configuration","uploadSoundSupport","baseInputConfiguration","contentDimensions","instruction","mathMlOptions","numberLineDimensions","maxMaxElements","hidePointConfigButtons","availableTools","errors","spellCheckEnabled","toolbarEditorPosition","correctResponseError","domainError","maxError","pointsError","promptError","teacherInstructionsError","widthError","validationMessage","initialModel","toolbarOpts","getPluginProps","label","settings","inputConfiguration","language","marginLeft","changeTicks","widthEnabled","step","changeSize","changeArrows","changeGraphTitle","exhibitOnly","availableTypesChange","changeMaxNoOfPoints","moveCorrectResponse","deleteCorrectResponse","addCorrectResponse","clearCorrectResponse","undoCorrectResponse","React","Component","PropTypes","isRequired","func","name"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { FormSection, InputContainer, AlertDialog, layout } from '@pie-lib/pie-toolbox/config-ui';\nimport { EditableHtml } from '@pie-lib/pie-toolbox/editable-html';\nimport { NumberLineComponent, dataConverter, tickUtils } from '@pie-element/number-line';\nimport NumberTextField from './number-text-field';\nimport CardBar from './card-bar';\nimport Size from './size';\nimport PropTypes from 'prop-types';\nimport Domain from './domain';\nimport Arrows from './arrows';\nimport PointConfig from './point-config';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport Info from '@material-ui/icons/Info';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Ticks from './ticks';\nimport { model as defaultModel } from './defaults';\nimport { generateValidationMessage } from './utils';\nimport * as math from 'mathjs';\n\nconst trimModel = (model) => ({\n ...model,\n feedback: undefined,\n prompt: undefined,\n teacherInstructions: undefined,\n graph: { ...model.graph, title: undefined, disabled: true },\n correctResponse: undefined,\n});\n\nconst { lineIsSwitched, switchGraphLine, toGraphFormat, toSessionFormat } = dataConverter;\nlet minorLimits = {};\nlet minorValues = {};\nlet majorValues = {};\n\nconst styles = (theme) => ({\n maxNumberOfPoints: {\n width: '150px',\n },\n checkbox: {\n marginTop: theme.spacing.unit * 2,\n marginBottom: theme.spacing.unit * 2,\n },\n row: {\n display: 'flex',\n flexWrap: 'wrap',\n '& > *': {\n paddingRight: theme.spacing.unit * 2,\n },\n },\n pointTypeChooser: {\n margin: `${theme.spacing.unit * 2.5}px 0`,\n },\n promptContainer: {\n paddingTop: theme.spacing.unit * 2,\n marginBottom: theme.spacing.unit * 2,\n width: '100%',\n },\n title: {\n marginBottom: theme.spacing.unit * 4,\n },\n tooltip: {\n fontSize: theme.typography.fontSize - 2,\n whiteSpace: 'pre',\n maxWidth: '500px',\n },\n inlineFlexContainer: {\n display: 'inline-flex',\n },\n resetButton: {\n marginBottom: theme.spacing.unit * 2.5,\n },\n errorText: {\n fontSize: theme.typography.fontSize - 2,\n color: theme.palette.error.main,\n paddingTop: theme.spacing.unit,\n },\n flexRow: {\n display: 'flex',\n alignItems: 'center',\n gap: '10px',\n },\n description: {\n marginBottom: theme.spacing.unit * 2.5,\n },\n});\n\nexport const toPointType = (response) => {\n function rest(response) {\n if (response.pointType) {\n if (response.direction) {\n return `${response.pointType[0]}${response.direction[0]}`;\n }\n\n return response.pointType[0];\n }\n\n return `${response.leftPoint[0]}${response.rightPoint[0]}`;\n }\n\n return `${response.type[0]}${rest(response)}`.toUpperCase();\n};\n\nexport class Main extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n model: PropTypes.object.isRequired,\n configuration: PropTypes.object.isRequired,\n onChange: PropTypes.func.isRequired,\n uploadSoundSupport: PropTypes.object.isRequired,\n };\n\n constructor(props) {\n super(props);\n const {\n model: {\n graph: { availableTypes, maxNumberOfPoints },\n },\n } = props;\n const height = this.getAdjustedHeight(availableTypes, maxNumberOfPoints);\n this.state = {\n dialog: {\n open: false,\n text: '',\n },\n correctAnswerDialog: {\n open: false,\n text: '',\n },\n };\n this.graphChange({ height });\n }\n\n graphChange = (obj) => {\n const { model, onChange } = this.props;\n let graph = { ...model.graph, ...obj };\n let respIndex = [];\n model.correctResponse.forEach((correctResp, key) => {\n if (\n correctResp.domainPosition < graph.domain.min ||\n correctResp.domainPosition > graph.domain.max ||\n (correctResp.size &&\n (correctResp.domainPosition + correctResp.size < graph.domain.min ||\n correctResp.domainPosition + correctResp.size > graph.domain.max))\n ) {\n respIndex.push(key);\n }\n });\n if (respIndex.length > 0) {\n this.setState({\n correctAnswerDialog: {\n open: true,\n text:\n 'This\\n' +\n 'change would make it impossible for students to plot one or more elements in the current\\n' +\n 'correct answer. If you proceed, all such elements will be removed from the correct\\n' +\n 'answer.',\n indices: respIndex,\n graph: model.graph,\n },\n });\n }\n //reload ticks value whenever domain and width is changed\n graph = this.reloadTicksData(graph);\n onChange({ graph });\n };\n\n changeSize = ({ width, height }) => this.graphChange({ width, height });\n\n getAdjustedHeight = (availableTypes, maxNumberOfPoints) => {\n let onlyPFAvailable = true;\n Object.entries(availableTypes || {}).forEach(([type, value]) => {\n if (type !== 'PF' && value) {\n onlyPFAvailable = false;\n return;\n }\n });\n return maxNumberOfPoints && (maxNumberOfPoints === 1 || onlyPFAvailable)\n ? 100\n : 50 + (maxNumberOfPoints || 20) * 25;\n };\n\n changeMaxNoOfPoints = (e, maxNumberOfPoints) => {\n maxNumberOfPoints = Math.floor(maxNumberOfPoints);\n if (this.props.model.correctResponse.length > maxNumberOfPoints) {\n this.setState({\n dialog: {\n open: true,\n text: 'To use this value, you must first remove one or more elements from the correct answers.',\n },\n });\n return;\n }\n const {\n model: {\n graph: { availableTypes },\n },\n } = this.props;\n const height = this.getAdjustedHeight(availableTypes, maxNumberOfPoints);\n\n this.graphChange({ maxNumberOfPoints, height });\n };\n\n changeGraphTitle = (title) => this.graphChange({ title });\n\n /*\n * Gets triggered whenever ticks related data is changed by user.\n * */\n changeTicks = (object) => {\n const { model, onChange } = this.props;\n let { ticks } = object;\n const correctResponse = tickUtils.snapElements(model.graph.domain, ticks, model.correctResponse);\n const initialElements = tickUtils.snapElements(model.graph.domain, ticks, model.graph.initialElements);\n let updatedGraph = this.updateMajorValue({ ...model.graph, ticks });\n const graph = { ...updatedGraph, initialElements };\n onChange({ graph, correctResponse });\n };\n\n /*\n * This function will reload ticks data whenever graph object is changed and also sets required tick object\n * for rendering Ticks Components.\n * @param graph object containing domain, ticks and width value\n * @return graph object with updated ticks values\n * */\n reloadTicksData = (graph) => {\n const { domain, ticks, width } = graph;\n //Set tick interval type if not present for legacy number line models depending upon minor value\n if (!ticks.tickIntervalType) {\n if (ticks.minor > 0.5) {\n ticks.tickIntervalType = 'Integer';\n } else {\n ticks.tickIntervalType = 'Decimal';\n }\n }\n // This section will calculate minor and major values array and assign respective value\n // to different tick types object\n minorLimits = tickUtils.getMinorLimits(domain, width);\n if (minorLimits.min >= 1) {\n /*\n * In this scenario only integer tick will be enabled\n * */\n ticks.tickIntervalType = 'Integer';\n ticks.minor =\n ticks.minor < 1\n ? math.number(math.ceil(minorLimits.min))\n : ticks.minor >= math.number(math.ceil(minorLimits.min)) &&\n ticks.minor <= math.number(math.floor(minorLimits.max))\n ? ticks.minor\n : math.number(math.ceil(minorLimits.min));\n ticks.integerTick = ticks.minor;\n minorValues = { decimal: [], fraction: [] };\n ticks.fractionTick = '0';\n ticks.decimalTick = 0;\n } else if (minorLimits.min >= 0 && minorLimits.max < 1) {\n /*\n * In this scenario only decimal or fraction tick will be enabled\n * */\n if (ticks.tickIntervalType === 'Integer') {\n ticks.tickIntervalType = 'Fraction';\n }\n minorValues = tickUtils.generateMinorValues(minorLimits);\n let minValue = math.number(math.fraction(minorValues.fraction[0]));\n let maxValue = math.number(math.fraction(minorValues.fraction[minorValues.fraction.length - 1]));\n if (ticks.minor < minValue || ticks.minor > maxValue) {\n switch (ticks.tickIntervalType) {\n case 'Fraction':\n ticks.minor = math.number(math.fraction(minorValues.fraction[minorValues.fraction.length - 1]));\n ticks.fractionTick = minorValues.fraction[minorValues.fraction.length - 1];\n ticks.decimalTick = minorValues.decimal[0];\n break;\n case 'Decimal':\n case 'Integer':\n ticks.minor = minorValues.decimal[minorValues.decimal.length - 1];\n ticks.decimalTick = minorValues.decimal[minorValues.decimal.length - 1];\n ticks.fractionTick = minorValues.fraction[0];\n }\n } else {\n switch (ticks.tickIntervalType) {\n case 'Fraction':\n let fraction = math.fraction(math.number(ticks.minor));\n ticks.fractionTick = fraction.n + '/' + fraction.d;\n ticks.decimalTick = ticks.decimalTick ? ticks.decimalTick : minorValues.decimal[0];\n break;\n case 'Decimal':\n case 'Integer':\n ticks.decimalTick = ticks.minor;\n ticks.fractionTick = ticks.fractionTick ? ticks.fractionTick : minorValues.fraction[0];\n }\n }\n ticks.integerTick = 1;\n } else if (minorLimits.min < 1 && minorLimits.max >= 1) {\n /*\n * In this scenario all integer, decimal or fraction tick will be enabled\n * */\n minorValues = tickUtils.generateMinorValues(minorLimits);\n if (!(ticks.minor >= minorLimits.min && ticks.minor <= minorLimits.max)) {\n if (minorLimits.min > 0.5) {\n ticks.tickIntervalType = 'Integer';\n }\n switch (ticks.tickIntervalType) {\n case 'Integer':\n ticks.minor = math.number(math.ceil(minorLimits.min));\n ticks.integerTick = ticks.minor;\n ticks.decimalTick = minorLimits.min > 0.5 ? 0 : minorValues.decimal[0];\n ticks.fractionTick = minorLimits.min > 0.5 ? '0' : minorValues.fraction[0];\n break;\n case 'Decimal':\n ticks.minor = minorValues.decimal[0];\n ticks.integerTick = 1;\n ticks.decimalTick = ticks.minor;\n ticks.fractionTick = minorValues.fraction[0];\n break;\n case 'Fraction':\n ticks.minor = math.number(math.fraction(minorValues.fraction[0]));\n ticks.integerTick = 1;\n ticks.decimalTick = minorValues.decimal[0];\n ticks.fractionTick = minorValues.fraction[0];\n }\n } else {\n switch (ticks.tickIntervalType) {\n case 'Integer':\n ticks.integerTick = ticks.minor;\n ticks.decimalTick = minorLimits.min > 0.5 ? 0 : minorValues.decimal[0];\n ticks.fractionTick = minorLimits.min > 0.5 ? '0' : minorValues.fraction[0];\n break;\n case 'Decimal':\n ticks.integerTick = 1;\n ticks.decimalTick = ticks.minor;\n ticks.fractionTick = minorValues.fraction[0];\n break;\n case 'Fraction':\n ticks.integerTick = 1;\n ticks.decimalTick = minorValues.decimal[0];\n let fraction = math.fraction(math.number(ticks.minor));\n ticks.fractionTick = fraction.n + '/' + fraction.d;\n }\n }\n }\n return this.updateMajorValue({ ...graph, ticks });\n };\n\n /*\n * This function will update major value whenever minor value is changed or tick type is changed\n * @param graph object containing domain, ticks and width value\n * @return graph object with updated ticks values\n * */\n updateMajorValue = (graph) => {\n const { domain, ticks, width } = graph;\n majorValues = tickUtils.generateMajorValuesForMinor(ticks.minor, domain, width);\n if (majorValues.decimal.indexOf(ticks.major) === -1) {\n let currIndex = 0;\n if (ticks.tickIntervalType === 'Integer') {\n currIndex = majorValues.decimal.length > 4 ? 4 : majorValues.decimal.length - 1;\n } else {\n currIndex = majorValues.decimal.length - 1;\n }\n ticks.major = majorValues.decimal[currIndex];\n }\n graph.fraction = ticks.tickIntervalType === 'Fraction' && ticks.major < 1;\n return { ...graph, ticks };\n };\n\n changeArrows = (arrows) => this.graphChange({ arrows });\n\n setDefaults = () => {\n const {\n graph: { availableTypes, maxNumberOfPoints },\n } = defaultModel;\n const height = this.getAdjustedHeight(availableTypes, maxNumberOfPoints);\n const graph = { ...cloneDeep(defaultModel.graph), height };\n\n this.props.onChange({ graph });\n };\n\n moveCorrectResponse = (index, el, position) => {\n el.position = position;\n\n const { onChange, model } = this.props;\n const update = toSessionFormat(el.type === 'line' && lineIsSwitched(el) ? switchGraphLine(el) : el);\n const correctResponse = [...model.correctResponse];\n correctResponse[index] = update;\n\n onChange({ correctResponse });\n };\n\n availableTypesChange = (availableTypes) => {\n const { model, onChange } = this.props;\n const {\n correctResponse,\n graph: { maxNumberOfPoints },\n } = model;\n\n new Set(correctResponse.map(toPointType)).forEach((pointType) => {\n availableTypes[pointType] = true;\n });\n\n const height = this.getAdjustedHeight(availableTypes, maxNumberOfPoints);\n const graph = { ...model.graph, availableTypes, height };\n\n onChange({ graph });\n };\n\n deleteCorrectResponse = (indices) => {\n const { model, onChange } = this.props;\n const correctResponse = model.correctResponse.filter((v, index) => !indices.some((d) => d === index));\n\n onChange({ correctResponse });\n };\n\n addCorrectResponse = (data) => {\n const { model, onChange } = this.props;\n const correctResponse = [...model.correctResponse];\n correctResponse.push(toSessionFormat(data));\n\n onChange({ correctResponse });\n };\n\n clearCorrectResponse = () => {\n const { onChange } = this.props;\n\n onChange({ correctResponse: [] });\n };\n\n undoCorrectResponse = () => {\n const { model, onChange } = this.props;\n const correctResponse = [...model.correctResponse];\n correctResponse.pop();\n onChange({ correctResponse });\n };\n\n render() {\n const { classes, model, onChange, configuration, uploadSoundSupport } = this.props;\n const {\n baseInputConfiguration = {},\n contentDimensions = {},\n instruction = {},\n teacherInstructions = {},\n title = {},\n prompt = {},\n mathMlOptions = {},\n numberLineDimensions = {},\n maxMaxElements = 20,\n hidePointConfigButtons = false,\n availableTools = ['PF'],\n } = configuration || {};\n const { errors = {}, spellCheckEnabled, toolbarEditorPosition } = model || {};\n let { graph } = model;\n graph = this.reloadTicksData(graph);\n const { dialog, correctAnswerDialog } = this.state;\n const {\n correctResponseError,\n domainError,\n maxError,\n pointsError,\n prompt: promptError,\n teacherInstructions: teacherInstructionsError,\n widthError,\n } = errors || {};\n const validationMessage = generateValidationMessage();\n const correctResponse = cloneDeep(model.correctResponse || []).map(toGraphFormat);\n const initialModel = cloneDeep(model);\n initialModel['disabled'] = true;\n const toolbarOpts = {\n position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n };\n\n const getPluginProps = (props = {}) => ({\n ...baseInputConfiguration,\n ...props,\n });\n\n return (\n <layout.ConfigLayout dimensions={contentDimensions} hideSettings={true} settings={null}>\n <Typography component=\"div\" type=\"body1\" className={classes.description}>\n {instruction.label}\n </Typography>\n\n {teacherInstructions.settings && (\n <InputContainer label={teacherInstructions.label} className={classes.promptContainer}>\n <EditableHtml\n className={classes.teacherInstructions}\n markup={model.teacherInstructions || ''}\n onChange={(teacherInstructions) => onChange({ teacherInstructions })}\n nonEmpty={false}\n disableUnderline\n error={teacherInstructionsError}\n toolbarOpts={toolbarOpts}\n pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n spellCheck={spellCheckEnabled}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n mathMlOptions={mathMlOptions}\n />\n {teacherInstructionsError && <div className={classes.errorText}>{teacherInstructionsError}</div>}\n </InputContainer>\n )}\n\n {prompt.settings && (\n <InputContainer label={prompt.label} className={classes.promptContainer}>\n <EditableHtml\n className={classes.prompt}\n markup={model.prompt || ''}\n onChange={(prompt) => onChange({ prompt })}\n nonEmpty={false}\n disableUnderline\n error={promptError}\n toolbarOpts={toolbarOpts}\n pluginProps={getPluginProps(prompt?.inputConfiguration)}\n spellCheck={spellCheckEnabled}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n mathMlOptions={mathMlOptions}\n />\n {promptError && <div className={classes.errorText}>{promptError}</div>}\n </InputContainer>\n )}\n\n <CardBar\n header=\"Set Up Number Line\"\n info={\n <Tooltip\n classes={{ tooltip: classes.tooltip }}\n disableFocusListener\n disableTouchListener\n placement={'right'}\n title={validationMessage}\n >\n <Info fontSize={'small'} color={'primary'} style={{ marginLeft: '8px' }} />\n </Tooltip>\n }\n >\n Set up the number line by entering the domain and number of tick marks to display. Labels on the number line\n can be edited or removed by clicking on the label.\n </CardBar>\n\n <div className={classes.row}>\n <Domain domain={graph.domain} errors={errors} onChange={(domain) => this.graphChange({ domain })} />\n </div>\n\n {maxError && <div className={classes.errorText}>{maxError}</div>}\n {domainError && <div className={classes.errorText}>{domainError}</div>}\n\n <div>\n <FormSection>\n <Ticks\n ticks={graph.ticks}\n minorLimits={minorLimits}\n minorValues={minorValues}\n majorValues={majorValues}\n onChange={this.changeTicks}\n />\n </FormSection>\n </div>\n\n <div className={classes.flexRow}>\n {model.widthEnabled && (\n <Size\n size={graph}\n min={numberLineDimensions.min}\n max={numberLineDimensions.max}\n step={numberLineDimensions.step}\n onChange={this.changeSize}\n />\n )}\n <div></div>\n <Arrows arrows={graph.arrows} onChange={this.changeArrows} />\n </div>\n\n {widthError && <div className={classes.errorText}>{widthError}</div>}\n\n <NumberLineComponent\n onMoveElement={() => {}}\n onDeleteElements={() => {}}\n onAddElement={() => {}}\n onClearElements={() => {}}\n onUndoElement={() => {}}\n minWidth={numberLineDimensions.min}\n maxWidth={numberLineDimensions.max}\n maxHeight={70}\n model={trimModel(initialModel)}\n />\n\n <FormSection label={title?.label || 'Title'} className={classes.title}>\n <EditableHtml\n markup={graph.title || ''}\n onChange={this.changeGraphTitle}\n toolbarOpts={toolbarOpts}\n activePlugins={[\n 'bold',\n 'html',\n 'italic',\n 'underline',\n 'strikethrough',\n 'image',\n 'math',\n 'languageCharacters',\n 'responseArea',\n ]}\n pluginProps={getPluginProps(title?.inputConfiguration)}\n spellCheck={spellCheckEnabled}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n mathMlOptions={mathMlOptions}\n />\n </FormSection>\n\n {!graph.exhibitOnly && (\n <React.Fragment>\n <CardBar header=\"Define Tool Set and Correct Response\">\n Select answer type and place it on the number line. Intersecting points, line segments and/or rays will\n appear above the number line. <i>Note: A maximum of 20 points, line segments or rays may be plotted.</i>\n </CardBar>\n\n <CardBar header=\"Available Tools\" mini>\n Click on the input options to be displayed to the students. All inputs will display by default.\n </CardBar>\n\n <div className={classes.pointTypeChooser}>\n <PointConfig\n onSelectionChange={this.availableTypesChange}\n selection={graph.availableTypes}\n availableTools={availableTools}\n hideButtons={hidePointConfigButtons}\n />\n </div>\n\n <FormSection className={classes.flexRow}>\n <label>Max No of Elements</label>\n <NumberTextField\n className={classes.maxNumberOfPoints}\n min={1}\n max={maxMaxElements}\n onlyIntegersAllowed={true}\n value={graph.maxNumberOfPoints}\n onChange={this.changeMaxNoOfPoints}\n />\n {pointsError && <div className={classes.errorText}>{pointsError}</div>}\n </FormSection>\n\n <label>Correct Answer</label>\n\n <NumberLineComponent\n onMoveElement={this.moveCorrectResponse}\n onDeleteElements={this.deleteCorrectResponse}\n onAddElement={this.addCorrectResponse}\n onClearElements={this.clearCorrectResponse}\n onUndoElement={this.undoCorrectResponse}\n minWidth={numberLineDimensions.min}\n maxWidth={numberLineDimensions.max}\n answer={correctResponse}\n //strip feedback for this model\n model={trimModel(model)}\n />\n {correctResponseError && <div className={classes.errorText}>{correctResponseError}</div>}\n </React.Fragment>\n )}\n <AlertDialog\n open={dialog.open}\n title=\"Warning\"\n text={dialog.text}\n onConfirm={() => this.setState({ dialog: { open: false } })}\n />\n <AlertDialog\n open={correctAnswerDialog.open}\n title=\"Warning\"\n text={correctAnswerDialog.text}\n onConfirm={() => {\n let indices = this.state.correctAnswerDialog.indices;\n if (indices && indices.length > 0) {\n this.deleteCorrectResponse(indices);\n }\n this.setState({ correctAnswerDialog: { open: false } });\n }}\n onClose={() => {\n const graph = this.state.correctAnswerDialog.graph;\n onChange({ graph });\n this.setState({ correctAnswerDialog: { open: false } });\n }}\n onConfirmText={'OK'}\n onCloseText={'Cancel'}\n />\n </layout.ConfigLayout>\n );\n }\n}\n\nexport default withStyles(styles, { name: 'Main' })(Main);\n"],"file":"main.js"}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = exports.NumberTextField = exports.MiniField = void 0;
|
|
9
|
+
|
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
|
|
12
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
+
|
|
14
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
+
|
|
16
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
+
|
|
18
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
+
|
|
20
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
+
|
|
22
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
+
|
|
24
|
+
var _configUi = require("@pie-lib/pie-toolbox/config-ui");
|
|
25
|
+
|
|
26
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
27
|
+
|
|
28
|
+
var _react = _interopRequireDefault(require("react"));
|
|
29
|
+
|
|
30
|
+
var _styles = require("@material-ui/core/styles");
|
|
31
|
+
|
|
32
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
33
|
+
|
|
34
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
35
|
+
|
|
36
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
37
|
+
|
|
38
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
39
|
+
|
|
40
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
41
|
+
|
|
42
|
+
var NumberTextField = /*#__PURE__*/function (_React$Component) {
|
|
43
|
+
(0, _inherits2["default"])(NumberTextField, _React$Component);
|
|
44
|
+
|
|
45
|
+
var _super = _createSuper(NumberTextField);
|
|
46
|
+
|
|
47
|
+
function NumberTextField() {
|
|
48
|
+
(0, _classCallCheck2["default"])(this, NumberTextField);
|
|
49
|
+
return _super.apply(this, arguments);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
(0, _createClass2["default"])(NumberTextField, [{
|
|
53
|
+
key: "render",
|
|
54
|
+
value: function render() {
|
|
55
|
+
var classes = this.props.classes;
|
|
56
|
+
|
|
57
|
+
var props = _objectSpread(_objectSpread({}, this.props), {}, {
|
|
58
|
+
classes: undefined
|
|
59
|
+
});
|
|
60
|
+
|
|
61
|
+
return /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextField, (0, _extends2["default"])({}, props, {
|
|
62
|
+
className: (0, _classnames["default"])(classes.textField, props.className),
|
|
63
|
+
variant: "outlined"
|
|
64
|
+
}));
|
|
65
|
+
}
|
|
66
|
+
}]);
|
|
67
|
+
return NumberTextField;
|
|
68
|
+
}(_react["default"].Component);
|
|
69
|
+
|
|
70
|
+
exports.NumberTextField = NumberTextField;
|
|
71
|
+
(0, _defineProperty2["default"])(NumberTextField, "propTypes", {
|
|
72
|
+
classes: _propTypes["default"].object.isRequired
|
|
73
|
+
});
|
|
74
|
+
|
|
75
|
+
var styles = function styles(theme) {
|
|
76
|
+
return {
|
|
77
|
+
textField: {
|
|
78
|
+
marginLeft: theme.spacing.unit
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
var miniStyles = function miniStyles() {
|
|
84
|
+
return {
|
|
85
|
+
textField: {
|
|
86
|
+
maxWidth: '100px'
|
|
87
|
+
}
|
|
88
|
+
};
|
|
89
|
+
};
|
|
90
|
+
|
|
91
|
+
var MiniField = (0, _styles.withStyles)(miniStyles)(NumberTextField);
|
|
92
|
+
exports.MiniField = MiniField;
|
|
93
|
+
|
|
94
|
+
var _default = (0, _styles.withStyles)(styles)(NumberTextField);
|
|
95
|
+
|
|
96
|
+
exports["default"] = _default;
|
|
97
|
+
//# sourceMappingURL=number-text-field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/number-text-field.jsx"],"names":["NumberTextField","classes","props","undefined","textField","className","React","Component","PropTypes","object","isRequired","styles","theme","marginLeft","spacing","unit","miniStyles","maxWidth","MiniField"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;IAEaA,e;;;;;;;;;;;;WAKX,kBAAS;AACP,UAAQC,OAAR,GAAoB,KAAKC,KAAzB,CAAQD,OAAR;;AACA,UAAMC,KAAK,mCAAQ,KAAKA,KAAb;AAAoBD,QAAAA,OAAO,EAAEE;AAA7B,QAAX;;AACA,0BAAO,gCAAC,yBAAD,gCAASD,KAAT;AAAgB,QAAA,SAAS,EAAE,4BAAGD,OAAO,CAACG,SAAX,EAAsBF,KAAK,CAACG,SAA5B,CAA3B;AAAmE,QAAA,OAAO,EAAC;AAA3E,SAAP;AACD;;;EATkCC,kBAAMC,S;;;iCAA9BP,e,eACQ;AACjBC,EAAAA,OAAO,EAAEO,sBAAUC,MAAV,CAAiBC;AADT,C;;AAWrB,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBR,IAAAA,SAAS,EAAE;AACTS,MAAAA,UAAU,EAAED,KAAK,CAACE,OAAN,CAAcC;AADjB;AADc,GAAZ;AAAA,CAAf;;AAMA,IAAMC,UAAU,GAAG,SAAbA,UAAa;AAAA,SAAO;AACxBZ,IAAAA,SAAS,EAAE;AACTa,MAAAA,QAAQ,EAAE;AADD;AADa,GAAP;AAAA,CAAnB;;AAKO,IAAMC,SAAS,GAAG,wBAAWF,UAAX,EAAuBhB,eAAvB,CAAlB;;;eAEQ,wBAAWW,MAAX,EAAmBX,eAAnB,C","sourcesContent":["import { NumberTextField as NTF } from '@pie-lib/pie-toolbox/config-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport cn from 'classnames';\n\nexport class NumberTextField extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n };\n\n render() {\n const { classes } = this.props;\n const props = { ...this.props, classes: undefined };\n return <NTF {...props} className={cn(classes.textField, props.className)} variant=\"outlined\" />;\n }\n}\n\nconst styles = (theme) => ({\n textField: {\n marginLeft: theme.spacing.unit,\n },\n});\n\nconst miniStyles = () => ({\n textField: {\n maxWidth: '100px',\n },\n});\nexport const MiniField = withStyles(miniStyles)(NumberTextField);\n\nexport default withStyles(styles)(NumberTextField);\n"],"file":"number-text-field.js"}
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
11
|
+
|
|
12
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
+
|
|
14
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
+
|
|
16
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
+
|
|
18
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
+
|
|
20
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
+
|
|
22
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
+
|
|
24
|
+
var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
|
|
25
|
+
|
|
26
|
+
var _react = _interopRequireDefault(require("react"));
|
|
27
|
+
|
|
28
|
+
var _numberLine = require("@pie-element/number-line");
|
|
29
|
+
|
|
30
|
+
var _styles = require("@material-ui/core/styles");
|
|
31
|
+
|
|
32
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
33
|
+
|
|
34
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
35
|
+
|
|
36
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
37
|
+
|
|
38
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
39
|
+
|
|
40
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
41
|
+
|
|
42
|
+
var Point = _numberLine.pointChooser.Point;
|
|
43
|
+
|
|
44
|
+
var styles = function styles(theme) {
|
|
45
|
+
return {
|
|
46
|
+
displayToggles: {
|
|
47
|
+
paddingTop: theme.spacing.unit * 2.5,
|
|
48
|
+
'& > :first-child': {
|
|
49
|
+
marginRight: theme.spacing.unit
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
var PointConfig = /*#__PURE__*/function (_React$Component) {
|
|
56
|
+
(0, _inherits2["default"])(PointConfig, _React$Component);
|
|
57
|
+
|
|
58
|
+
var _super = _createSuper(PointConfig);
|
|
59
|
+
|
|
60
|
+
function PointConfig(props) {
|
|
61
|
+
(0, _classCallCheck2["default"])(this, PointConfig);
|
|
62
|
+
return _super.call(this, props);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
(0, _createClass2["default"])(PointConfig, [{
|
|
66
|
+
key: "toggle",
|
|
67
|
+
value: function toggle(point) {
|
|
68
|
+
var update = _objectSpread({}, this.props.selection);
|
|
69
|
+
|
|
70
|
+
update[point] = !update[point];
|
|
71
|
+
|
|
72
|
+
this._propsUpdate(update);
|
|
73
|
+
}
|
|
74
|
+
}, {
|
|
75
|
+
key: "toggleAll",
|
|
76
|
+
value: function toggleAll(value) {
|
|
77
|
+
var display = (0, _toConsumableArray2["default"])(PointConfig.types).reduce(function (acc, point) {
|
|
78
|
+
acc[point] = value;
|
|
79
|
+
return acc;
|
|
80
|
+
}, {});
|
|
81
|
+
|
|
82
|
+
this._propsUpdate(display);
|
|
83
|
+
}
|
|
84
|
+
}, {
|
|
85
|
+
key: "_propsUpdate",
|
|
86
|
+
value: function _propsUpdate(selection) {
|
|
87
|
+
this.props.onSelectionChange(selection);
|
|
88
|
+
}
|
|
89
|
+
}, {
|
|
90
|
+
key: "active",
|
|
91
|
+
value: function active(point) {
|
|
92
|
+
return this.props.selection[point] === true; // ? 'active' : '';
|
|
93
|
+
}
|
|
94
|
+
}, {
|
|
95
|
+
key: "render",
|
|
96
|
+
value: function render() {
|
|
97
|
+
var _this = this;
|
|
98
|
+
|
|
99
|
+
// Setting default value if not passed in configuration properties.
|
|
100
|
+
var _this$props = this.props,
|
|
101
|
+
classes = _this$props.classes,
|
|
102
|
+
availableTools = _this$props.availableTools,
|
|
103
|
+
_this$props$hideButto = _this$props.hideButtons,
|
|
104
|
+
hideButtons = _this$props$hideButto === void 0 ? false : _this$props$hideButto;
|
|
105
|
+
var icons = (availableTools || []).map(function (point) {
|
|
106
|
+
return /*#__PURE__*/_react["default"].createElement(Point, {
|
|
107
|
+
iconKey: point.toLowerCase(),
|
|
108
|
+
key: point.toLowerCase(),
|
|
109
|
+
onClick: _this.toggle.bind(_this, point),
|
|
110
|
+
active: _this.active(point)
|
|
111
|
+
});
|
|
112
|
+
});
|
|
113
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, icons), /*#__PURE__*/_react["default"].createElement("div", {
|
|
114
|
+
className: classes.displayToggles,
|
|
115
|
+
hidden: hideButtons
|
|
116
|
+
}, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
|
|
117
|
+
variant: "outlined",
|
|
118
|
+
size: "small",
|
|
119
|
+
onClick: this.toggleAll.bind(this, true)
|
|
120
|
+
}, "Select All"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
|
|
121
|
+
variant: "outlined",
|
|
122
|
+
size: "small",
|
|
123
|
+
onClick: this.toggleAll.bind(this, false)
|
|
124
|
+
}, "None")));
|
|
125
|
+
}
|
|
126
|
+
}]);
|
|
127
|
+
return PointConfig;
|
|
128
|
+
}(_react["default"].Component);
|
|
129
|
+
|
|
130
|
+
(0, _defineProperty2["default"])(PointConfig, "propTypes", {
|
|
131
|
+
onSelectionChange: _propTypes["default"].func,
|
|
132
|
+
selection: _propTypes["default"].object,
|
|
133
|
+
classes: _propTypes["default"].object,
|
|
134
|
+
availableTools: _propTypes["default"].array,
|
|
135
|
+
hideButtons: _propTypes["default"].bool
|
|
136
|
+
});
|
|
137
|
+
PointConfig.types = ['PF', 'LFF', 'LEF', 'LFE', 'LEE', 'RFN', 'RFP', 'REN', 'REP'];
|
|
138
|
+
|
|
139
|
+
var _default = (0, _styles.withStyles)(styles, {
|
|
140
|
+
name: 'PointConfig'
|
|
141
|
+
})(PointConfig);
|
|
142
|
+
|
|
143
|
+
exports["default"] = _default;
|
|
144
|
+
//# sourceMappingURL=point-config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/point-config.jsx"],"names":["Point","pointChooser","styles","theme","displayToggles","paddingTop","spacing","unit","marginRight","PointConfig","props","point","update","selection","_propsUpdate","value","display","types","reduce","acc","onSelectionChange","classes","availableTools","hideButtons","icons","map","toLowerCase","toggle","bind","active","toggleAll","React","Component","PropTypes","func","object","array","bool","name"],"mappings":"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","sourcesContent":["import Button from '@material-ui/core/Button';\nimport React from 'react';\nimport { pointChooser } from '@pie-element/number-line';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nconst { Point } = pointChooser;\n\nconst styles = (theme) => ({\n displayToggles: {\n paddingTop: theme.spacing.unit * 2.5,\n '& > :first-child': {\n marginRight: theme.spacing.unit,\n },\n },\n});\n\nclass PointConfig extends React.Component {\n static propTypes = {\n onSelectionChange: PropTypes.func,\n selection: PropTypes.object,\n classes: PropTypes.object,\n availableTools: PropTypes.array,\n hideButtons: PropTypes.bool,\n };\n constructor(props) {\n super(props);\n }\n\n toggle(point) {\n const update = { ...this.props.selection };\n update[point] = !update[point];\n this._propsUpdate(update);\n }\n\n toggleAll(value) {\n const display = [...PointConfig.types].reduce((acc, point) => {\n acc[point] = value;\n\n return acc;\n }, {});\n\n this._propsUpdate(display);\n }\n\n _propsUpdate(selection) {\n this.props.onSelectionChange(selection);\n }\n\n active(point) {\n return this.props.selection[point] === true; // ? 'active' : '';\n }\n\n render() {\n // Setting default value if not passed in configuration properties.\n const { classes, availableTools, hideButtons = false } = this.props;\n\n const icons = (availableTools || []).map((point) => {\n return (\n <Point\n iconKey={point.toLowerCase()}\n key={point.toLowerCase()}\n onClick={this.toggle.bind(this, point)}\n active={this.active(point)}\n />\n );\n });\n\n return (\n <div>\n <div>{icons}</div>\n <div className={classes.displayToggles} hidden={hideButtons}>\n <Button variant=\"outlined\" size=\"small\" onClick={this.toggleAll.bind(this, true)}>\n Select All\n </Button>\n <Button variant=\"outlined\" size=\"small\" onClick={this.toggleAll.bind(this, false)}>\n None\n </Button>\n </div>\n </div>\n );\n }\n}\n\nPointConfig.types = ['PF', 'LFF', 'LEF', 'LFE', 'LEE', 'RFN', 'RFP', 'REN', 'REP'];\n\nexport default withStyles(styles, { name: 'PointConfig' })(PointConfig);\n"],"file":"point-config.js"}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
+
|
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
|
13
|
+
|
|
14
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
+
|
|
16
|
+
var _styles = require("@material-ui/core/styles");
|
|
17
|
+
|
|
18
|
+
var _configUi = require("@pie-lib/pie-toolbox/config-ui");
|
|
19
|
+
|
|
20
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
+
|
|
22
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
|
+
|
|
24
|
+
var Size = function Size(props) {
|
|
25
|
+
// Setting default value if not passed in configuration properties.
|
|
26
|
+
var classes = props.classes,
|
|
27
|
+
_props$size = props.size,
|
|
28
|
+
size = _props$size === void 0 ? {
|
|
29
|
+
width: 500
|
|
30
|
+
} : _props$size,
|
|
31
|
+
_props$min = props.min,
|
|
32
|
+
min = _props$min === void 0 ? 150 : _props$min,
|
|
33
|
+
_props$max = props.max,
|
|
34
|
+
max = _props$max === void 0 ? 800 : _props$max,
|
|
35
|
+
_props$step = props.step,
|
|
36
|
+
step = _props$step === void 0 ? 20 : _props$step,
|
|
37
|
+
onChange = props.onChange;
|
|
38
|
+
|
|
39
|
+
var changeWidth = function changeWidth(e, width) {
|
|
40
|
+
return onChange(_objectSpread(_objectSpread({}, props.size), {}, {
|
|
41
|
+
width: width
|
|
42
|
+
}));
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
46
|
+
className: classes.flexRow
|
|
47
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
48
|
+
className: classes.flexCol
|
|
49
|
+
}, /*#__PURE__*/_react["default"].createElement("label", null, "Width (px)"), /*#__PURE__*/_react["default"].createElement("label", {
|
|
50
|
+
className: classes.minMaxLabel
|
|
51
|
+
}, "Min ", min, ", Max ", max)), /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
|
|
52
|
+
inputClassName: classes.numberTextField,
|
|
53
|
+
value: size.width,
|
|
54
|
+
min: min,
|
|
55
|
+
max: max,
|
|
56
|
+
step: step,
|
|
57
|
+
onlyIntegersAllowed: true,
|
|
58
|
+
onChange: changeWidth,
|
|
59
|
+
variant: 'outlined'
|
|
60
|
+
}));
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
Size.propTypes = {
|
|
64
|
+
classes: _propTypes["default"].object.isRequired,
|
|
65
|
+
size: _propTypes["default"].shape({
|
|
66
|
+
width: _propTypes["default"].number,
|
|
67
|
+
height: _propTypes["default"].number
|
|
68
|
+
}),
|
|
69
|
+
min: _propTypes["default"].number,
|
|
70
|
+
max: _propTypes["default"].number,
|
|
71
|
+
step: _propTypes["default"].number,
|
|
72
|
+
onChange: _propTypes["default"].func.isRequired
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
var styles = function styles() {
|
|
76
|
+
return {
|
|
77
|
+
"class": {},
|
|
78
|
+
flexRow: {
|
|
79
|
+
display: 'flex',
|
|
80
|
+
alignItems: 'center',
|
|
81
|
+
gap: '10px'
|
|
82
|
+
},
|
|
83
|
+
flexCol: {
|
|
84
|
+
display: 'flex',
|
|
85
|
+
'flex-flow': 'column'
|
|
86
|
+
},
|
|
87
|
+
minMaxLabel: {
|
|
88
|
+
'font-size': 'small',
|
|
89
|
+
color: 'gray'
|
|
90
|
+
},
|
|
91
|
+
numberTextField: {
|
|
92
|
+
cursor: 'default'
|
|
93
|
+
}
|
|
94
|
+
};
|
|
95
|
+
};
|
|
96
|
+
|
|
97
|
+
var _default = (0, _styles.withStyles)(styles)(Size);
|
|
98
|
+
|
|
99
|
+
exports["default"] = _default;
|
|
100
|
+
//# sourceMappingURL=size.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/size.jsx"],"names":["Size","props","classes","size","width","min","max","step","onChange","changeWidth","e","flexRow","flexCol","minMaxLabel","numberTextField","propTypes","PropTypes","object","isRequired","shape","number","height","func","styles","display","alignItems","gap","color","cursor"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD,EAAW;AACtB;AACA,MAAQC,OAAR,GAAsFD,KAAtF,CAAQC,OAAR;AAAA,oBAAsFD,KAAtF,CAAiBE,IAAjB;AAAA,MAAiBA,IAAjB,4BAAwB;AAAEC,IAAAA,KAAK,EAAE;AAAT,GAAxB;AAAA,mBAAsFH,KAAtF,CAAwCI,GAAxC;AAAA,MAAwCA,GAAxC,2BAA8C,GAA9C;AAAA,mBAAsFJ,KAAtF,CAAmDK,GAAnD;AAAA,MAAmDA,GAAnD,2BAAyD,GAAzD;AAAA,oBAAsFL,KAAtF,CAA8DM,IAA9D;AAAA,MAA8DA,IAA9D,4BAAqE,EAArE;AAAA,MAAyEC,QAAzE,GAAsFP,KAAtF,CAAyEO,QAAzE;;AACA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAIN,KAAJ;AAAA,WAAcI,QAAQ,iCAAMP,KAAK,CAACE,IAAZ;AAAkBC,MAAAA,KAAK,EAALA;AAAlB,OAAtB;AAAA,GAApB;;AACA,sBACE;AAAK,IAAA,SAAS,EAAEF,OAAO,CAACS;AAAxB,kBACE;AAAK,IAAA,SAAS,EAAET,OAAO,CAACU;AAAxB,kBACE,4DADF,eAEE;AAAO,IAAA,SAAS,EAAEV,OAAO,CAACW;AAA1B,aACOR,GADP,YACkBC,GADlB,CAFF,CADF,eAOE,gCAAC,+BAAD;AACE,IAAA,cAAc,EAAEJ,OAAO,CAACY,eAD1B;AAEE,IAAA,KAAK,EAAEX,IAAI,CAACC,KAFd;AAGE,IAAA,GAAG,EAAEC,GAHP;AAIE,IAAA,GAAG,EAAEC,GAJP;AAKE,IAAA,IAAI,EAAEC,IALR;AAME,IAAA,mBAAmB,EAAE,IANvB;AAOE,IAAA,QAAQ,EAAEE,WAPZ;AAQE,IAAA,OAAO,EAAE;AARX,IAPF,CADF;AAoBD,CAxBD;;AA0BAT,IAAI,CAACe,SAAL,GAAiB;AACfb,EAAAA,OAAO,EAAEc,sBAAUC,MAAV,CAAiBC,UADX;AAEff,EAAAA,IAAI,EAAEa,sBAAUG,KAAV,CAAgB;AACpBf,IAAAA,KAAK,EAAEY,sBAAUI,MADG;AAEpBC,IAAAA,MAAM,EAAEL,sBAAUI;AAFE,GAAhB,CAFS;AAMff,EAAAA,GAAG,EAAEW,sBAAUI,MANA;AAOfd,EAAAA,GAAG,EAAEU,sBAAUI,MAPA;AAQfb,EAAAA,IAAI,EAAES,sBAAUI,MARD;AASfZ,EAAAA,QAAQ,EAAEQ,sBAAUM,IAAV,CAAeJ;AATV,CAAjB;;AAYA,IAAMK,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpB,aAAO,EADa;AAEpBZ,IAAAA,OAAO,EAAE;AACPa,MAAAA,OAAO,EAAE,MADF;AAEPC,MAAAA,UAAU,EAAE,QAFL;AAGPC,MAAAA,GAAG,EAAE;AAHE,KAFW;AAOpBd,IAAAA,OAAO,EAAE;AACPY,MAAAA,OAAO,EAAE,MADF;AAEP,mBAAa;AAFN,KAPW;AAWpBX,IAAAA,WAAW,EAAE;AACX,mBAAa,OADF;AAEXc,MAAAA,KAAK,EAAE;AAFI,KAXO;AAepBb,IAAAA,eAAe,EAAE;AACfc,MAAAA,MAAM,EAAE;AADO;AAfG,GAAP;AAAA,CAAf;;eAmBe,wBAAWL,MAAX,EAAmBvB,IAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { NumberTextFieldCustom } from '@pie-lib/pie-toolbox/config-ui';\n\nconst Size = (props) => {\n // Setting default value if not passed in configuration properties.\n const { classes, size = { width: 500 }, min = 150, max = 800, step = 20, onChange } = props;\n const changeWidth = (e, width) => onChange({ ...props.size, width });\n return (\n <div className={classes.flexRow}>\n <div className={classes.flexCol}>\n <label>Width (px)</label>\n <label className={classes.minMaxLabel}>\n Min {min}, Max {max}\n </label>\n </div>\n <NumberTextFieldCustom\n inputClassName={classes.numberTextField}\n value={size.width}\n min={min}\n max={max}\n step={step}\n onlyIntegersAllowed={true}\n onChange={changeWidth}\n variant={'outlined'}\n />\n </div>\n );\n};\n\nSize.propTypes = {\n classes: PropTypes.object.isRequired,\n size: PropTypes.shape({\n width: PropTypes.number,\n height: PropTypes.number,\n }),\n min: PropTypes.number,\n max: PropTypes.number,\n step: PropTypes.number,\n onChange: PropTypes.func.isRequired,\n};\n\nconst styles = () => ({\n class: {},\n flexRow: {\n display: 'flex',\n alignItems: 'center',\n gap: '10px',\n },\n flexCol: {\n display: 'flex',\n 'flex-flow': 'column',\n },\n minMaxLabel: {\n 'font-size': 'small',\n color: 'gray',\n },\n numberTextField: {\n cursor: 'default',\n },\n});\nexport default withStyles(styles)(Size);\n"],"file":"size.js"}
|