@pie-element/graphing 3.5.4-next.1158 → 3.5.4-next.1169

package/configure/lib/configure.js

@@ -217,6 +217,12 @@ var Configure = /*#__PURE__*/function (_React$Component) {
       log('[render] model', model);
       var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
       var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
+      var labelsPlaceholders = {
+        top: labels.top,
+        right: labels.right,
+        bottom: labels.bottom,
+        left: labels.left
+      };
       return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
         settings: /*#__PURE__*/_react["default"].createElement(Panel, {
           model: model,
@@ -292,9 +298,11 @@ var Configure = /*#__PURE__*/function (_React$Component) {
         authoring: authoring,
         availableTools: availableTools,
         graphDimensions: graphDimensions,
+        labelsPlaceholders: labelsPlaceholders,
         model: model,
         showLabels: labelsEnabled,
         showTitle: titleEnabled,
+        titlePlaceholder: title.placeholder,
         onChange: this.props.onModelChanged
       }), /*#__PURE__*/_react["default"].createElement(_correctResponse["default"], {
         availableTools: availableTools,

package/configure/lib/configure.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/configure.jsx"],"names":["Panel","settings","toggle","radio","checkboxes","log","styles","theme","title","fontSize","display","marginTop","spacing","unit","marginBottom","content","promptHolder","width","paddingBottom","prompt","paddingTop","Configure","rationale","props","onModelChanged","model","teacherInstructions","configuration","availableTools","arrows","left","right","up","down","toolbarTools","classes","onConfigurationChanged","imageSupport","authoring","coordinatesOnHover","graphDimensions","labels","padding","scoringType","spellCheck","studentInstructions","maxImageWidth","maxImageHeight","labelsEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","titleEnabled","defaultImageMaxWidth","defaultImageMaxHeight","label","Properties","studentInstructionsEnabled","onTeacherInstructionsChange","onPromptChange","onRationaleChange","React","Component","PropTypes","func","object","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport { settings, layout, InputContainer } from '@pie-lib/config-ui';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport Typography from '@material-ui/core/Typography';\nimport EditableHtml from '@pie-lib/editable-html';\nimport GraphingConfig from './graphing-config';\nimport CorrectResponse from './correct-response';\nimport intersection from 'lodash/intersection';\n\nconst { Panel, toggle, radio, checkboxes } = settings;\nconst log = debug('@pie-element:graphing:configure');\n\nconst styles = theme => ({\n  title: {\n    fontSize: '1.1rem',\n    display: 'block',\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit\n  },\n  content: {\n    marginTop: theme.spacing.unit * 2\n  },\n  promptHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n    marginTop: theme.spacing.unit * 2\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%'\n  }\n});\n\nexport class Configure extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func,\n    onConfigurationChanged: PropTypes.func,\n    classes: PropTypes.object,\n    imageSupport: PropTypes.object,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired\n  };\n\n  static defaultProps = { classes: {} };\n\n  componentDidMount() {\n    const { configuration, onModelChanged, model } = this.props;\n    const { availableTools } = configuration || {};\n    let { arrows } = 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 = {\n          left: true,\n          right: true,\n          up: true,\n          down: true\n        };\n      } else {\n        arrows = {\n          left: false,\n          right: false,\n          up: false,\n          down: false\n        };\n      }\n    }\n\n    const toolbarTools = intersection(availableTools || [], model.toolbarTools || []);\n\n    onModelChanged && onModelChanged({ ...model, arrows, toolbarTools });\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 {\n      classes,\n      model,\n      configuration,\n      onConfigurationChanged,\n      onModelChanged,\n      imageSupport\n    } = this.props;\n    const {\n      arrows = {},\n      authoring = {},\n      availableTools = [],\n      coordinatesOnHover = {},\n      graphDimensions = {},\n      labels = {},\n      padding = {},\n      prompt = {},\n      title = {},\n      rationale = {},\n      scoringType = {},\n      spellCheck = {},\n      studentInstructions = {},\n      teacherInstructions = {},\n      maxImageWidth = {},\n      maxImageHeight = {}\n    } = configuration || {};\n    const {\n      labelsEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      titleEnabled\n    } = model || {};\n\n    log('[render] model', model);\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    return (\n      <layout.ConfigLayout\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={onModelChanged}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              'Item Type': {\n                arrows: arrows.settings && 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                coordinatesOnHover: coordinatesOnHover.settings && toggle(coordinatesOnHover.label),\n              },\n              Properties: {\n                'authoring.enabled':\n                  authoring.settings && toggle(authoring.label, true),\n                teacherInstructionsEnabled:\n                  teacherInstructions.settings &&\n                  toggle(teacherInstructions.label),\n                studentInstructionsEnabled:\n                  studentInstructions.settings &&\n                  toggle(studentInstructions.label),\n                promptEnabled: prompt.settings && toggle(prompt.label),\n                rationaleEnabled: rationale.settings && toggle(rationale.label),\n                spellCheckEnabled:\n                    spellCheck.settings && toggle(spellCheck.label),\n                scoringType:\n                  scoringType.settings &&\n                  radio(scoringType.label, ['dichotomous', 'partial scoring'])\n              }\n            }}\n          />\n        }\n      >\n        <div className={classes.content}>\n          <Typography component=\"div\" type=\"body1\">\n            <span>\n              This interaction asks a student to draw a line that meets specific\n              criteria. The student will draw the line by clicking on two points\n              on the graph.\n            </span>\n          </Typography>\n\n          {teacherInstructionsEnabled && (\n            <InputContainer\n              label={teacherInstructions.label}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.teacherInstructions || ''}\n                onChange={this.onTeacherInstructionsChange}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth}\n                maxImageHeight={maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight}\n              />\n            </InputContainer>\n          )}\n\n          {promptEnabled && (\n            <InputContainer\n              label={prompt.label}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.prompt}\n                onChange={this.onPromptChange}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                spellCheck={spellCheckEnabled}\n                disableUnderline\n                maxImageWidth={defaultImageMaxWidth}\n                maxImageHeight={defaultImageMaxHeight}\n              />\n            </InputContainer>\n          )}\n\n          {rationaleEnabled && (\n            <InputContainer\n              label={rationale.label || 'Rationale'}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.rationale || ''}\n                onChange={this.onRationaleChange}\n                imageSupport={imageSupport}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth}\n                maxImageHeight={maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight}\n              />\n            </InputContainer>\n          )}\n\n          <GraphingConfig\n            authoring={authoring}\n            availableTools={availableTools}\n            graphDimensions={graphDimensions}\n            model={model}\n            showLabels={labelsEnabled}\n            showTitle={titleEnabled}\n            onChange={this.props.onModelChanged}\n          />\n\n          <CorrectResponse\n            availableTools={availableTools}\n            model={model}\n            onChange={this.props.onModelChanged}\n          />\n        </div>\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default withStyles(styles)(Configure);\n"],"file":"configure.js"}
+{"version":3,"sources":["../src/configure.jsx"],"names":["Panel","settings","toggle","radio","checkboxes","log","styles","theme","title","fontSize","display","marginTop","spacing","unit","marginBottom","content","promptHolder","width","paddingBottom","prompt","paddingTop","Configure","rationale","props","onModelChanged","model","teacherInstructions","configuration","availableTools","arrows","left","right","up","down","toolbarTools","classes","onConfigurationChanged","imageSupport","authoring","coordinatesOnHover","graphDimensions","labels","padding","scoringType","spellCheck","studentInstructions","maxImageWidth","maxImageHeight","labelsEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","titleEnabled","defaultImageMaxWidth","defaultImageMaxHeight","labelsPlaceholders","top","bottom","label","Properties","studentInstructionsEnabled","onTeacherInstructionsChange","onPromptChange","onRationaleChange","placeholder","React","Component","PropTypes","func","object","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport { settings, layout, InputContainer } from '@pie-lib/config-ui';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport Typography from '@material-ui/core/Typography';\nimport EditableHtml from '@pie-lib/editable-html';\nimport GraphingConfig from './graphing-config';\nimport CorrectResponse from './correct-response';\nimport intersection from 'lodash/intersection';\n\nconst { Panel, toggle, radio, checkboxes } = settings;\nconst log = debug('@pie-element:graphing:configure');\n\nconst styles = theme => ({\n  title: {\n    fontSize: '1.1rem',\n    display: 'block',\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit\n  },\n  content: {\n    marginTop: theme.spacing.unit * 2\n  },\n  promptHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n    marginTop: theme.spacing.unit * 2\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%'\n  }\n});\n\nexport class Configure extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func,\n    onConfigurationChanged: PropTypes.func,\n    classes: PropTypes.object,\n    imageSupport: PropTypes.object,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired\n  };\n\n  static defaultProps = { classes: {} };\n\n  componentDidMount() {\n    const { configuration, onModelChanged, model } = this.props;\n    const { availableTools } = configuration || {};\n    let { arrows } = 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 = {\n          left: true,\n          right: true,\n          up: true,\n          down: true\n        };\n      } else {\n        arrows = {\n          left: false,\n          right: false,\n          up: false,\n          down: false\n        };\n      }\n    }\n\n    const toolbarTools = intersection(availableTools || [], model.toolbarTools || []);\n\n    onModelChanged && onModelChanged({ ...model, arrows, toolbarTools });\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 {\n      classes,\n      model,\n      configuration,\n      onConfigurationChanged,\n      onModelChanged,\n      imageSupport\n    } = this.props;\n    const {\n      arrows = {},\n      authoring = {},\n      availableTools = [],\n      coordinatesOnHover = {},\n      graphDimensions = {},\n      labels = {},\n      padding = {},\n      prompt = {},\n      title = {},\n      rationale = {},\n      scoringType = {},\n      spellCheck = {},\n      studentInstructions = {},\n      teacherInstructions = {},\n      maxImageWidth = {},\n      maxImageHeight = {}\n    } = configuration || {};\n    const {\n      labelsEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      titleEnabled\n    } = model || {};\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    return (\n      <layout.ConfigLayout\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={onModelChanged}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              'Item Type': {\n                arrows: arrows.settings && 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                coordinatesOnHover: coordinatesOnHover.settings && toggle(coordinatesOnHover.label),\n              },\n              Properties: {\n                'authoring.enabled':\n                  authoring.settings && toggle(authoring.label, true),\n                teacherInstructionsEnabled:\n                  teacherInstructions.settings &&\n                  toggle(teacherInstructions.label),\n                studentInstructionsEnabled:\n                  studentInstructions.settings &&\n                  toggle(studentInstructions.label),\n                promptEnabled: prompt.settings && toggle(prompt.label),\n                rationaleEnabled: rationale.settings && toggle(rationale.label),\n                spellCheckEnabled:\n                    spellCheck.settings && toggle(spellCheck.label),\n                scoringType:\n                  scoringType.settings &&\n                  radio(scoringType.label, ['dichotomous', 'partial scoring'])\n              }\n            }}\n          />\n        }\n      >\n        <div className={classes.content}>\n          <Typography component=\"div\" type=\"body1\">\n            <span>\n              This interaction asks a student to draw a line that meets specific\n              criteria. The student will draw the line by clicking on two points\n              on the graph.\n            </span>\n          </Typography>\n\n          {teacherInstructionsEnabled && (\n            <InputContainer\n              label={teacherInstructions.label}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.teacherInstructions || ''}\n                onChange={this.onTeacherInstructionsChange}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth}\n                maxImageHeight={maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight}\n              />\n            </InputContainer>\n          )}\n\n          {promptEnabled && (\n            <InputContainer\n              label={prompt.label}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.prompt}\n                onChange={this.onPromptChange}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                spellCheck={spellCheckEnabled}\n                disableUnderline\n                maxImageWidth={defaultImageMaxWidth}\n                maxImageHeight={defaultImageMaxHeight}\n              />\n            </InputContainer>\n          )}\n\n          {rationaleEnabled && (\n            <InputContainer\n              label={rationale.label || 'Rationale'}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.rationale || ''}\n                onChange={this.onRationaleChange}\n                imageSupport={imageSupport}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth}\n                maxImageHeight={maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight}\n              />\n            </InputContainer>\n          )}\n\n          <GraphingConfig\n            authoring={authoring}\n            availableTools={availableTools}\n            graphDimensions={graphDimensions}\n            labelsPlaceholders={labelsPlaceholders}\n            model={model}\n            showLabels={labelsEnabled}\n            showTitle={titleEnabled}\n            titlePlaceholder={title.placeholder}\n            onChange={this.props.onModelChanged}\n          />\n\n          <CorrectResponse\n            availableTools={availableTools}\n            model={model}\n            onChange={this.props.onModelChanged}\n          />\n        </div>\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default withStyles(styles)(Configure);\n"],"file":"configure.js"}

package/configure/lib/defaults.js

@@ -112,7 +112,11 @@ var _default = {
     labels: {
       settings: true,
       label: 'Graph Labels',
-      enabled: true
+      enabled: true,
+      top: 'Click here to add a top label',
+      right: 'Click here to add a right label',
+      bottom: 'Click here to add a bottom label',
+      left: 'Click here to add a left label'
     },
     prompt: {
       settings: true,
@@ -137,7 +141,8 @@ var _default = {
     title: {
       settings: true,
       label: 'Graph Title',
-      enabled: true
+      enabled: true,
+      placeholder: 'Click here to add a title for this graph'
     },
     availableTools: allTools,
     spellCheck: {

package/configure/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["tools","allTools","model","answers","arrows","left","right","up","down","backgroundMarks","domain","min","max","step","labelStep","axisLabel","graph","width","height","includeAxes","labels","labelsEnabled","padding","prompt","range","rationale","standardGrid","title","titleEnabled","toolbarTools","coordinatesOnHover","promptEnabled","rationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","configuration","authoring","settings","label","enabled","includeAxesEnabled","standardGridEnabled","graphDimensions","scoringType","studentInstructions","teacherInstructions","availableTools","spellCheck","maxImageWidth","maxImageHeight"],"mappings":";;;;;;;AAAA;;AAEA,sBAA0BA,eAA1B,CAAQC,QAAR;AAAA,IAAQA,QAAR,gCAAmB,EAAnB;eAEe;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,EADJ;AAELC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,IADA;AAENC,MAAAA,KAAK,EAAE,IAFD;AAGNC,MAAAA,EAAE,EAAE,IAHE;AAINC,MAAAA,IAAI,EAAE;AAJA,KAFH;AAQLC,IAAAA,eAAe,EAAE,EARZ;AASLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,GAAG,EAAE,CAAC,CADA;AAENC,MAAAA,GAAG,EAAE,CAFC;AAGNC,MAAAA,IAAI,EAAE,CAHA;AAINC,MAAAA,SAAS,EAAE,CAJL;AAKNC,MAAAA,SAAS,EAAE;AALL,KATH;AAgBLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,GADF;AAELC,MAAAA,MAAM,EAAE;AAFH,KAhBF;AAoBLC,IAAAA,WAAW,EAAE,IApBR;AAqBLC,IAAAA,MAAM,EAAE,EArBH;AAsBLC,IAAAA,aAAa,EAAE,IAtBV;AAuBLC,IAAAA,OAAO,EAAE,IAvBJ;AAwBLC,IAAAA,MAAM,EAAE,EAxBH;AAyBLC,IAAAA,KAAK,EAAE;AACLb,MAAAA,GAAG,EAAE,CAAC,CADD;AAELC,MAAAA,GAAG,EAAE,CAFA;AAGLC,MAAAA,IAAI,EAAE,CAHD;AAILC,MAAAA,SAAS,EAAE,CAJN;AAKLC,MAAAA,SAAS,EAAE;AALN,KAzBF;AAgCLU,IAAAA,SAAS,EAAE,EAhCN;AAiCLC,IAAAA,YAAY,EAAE,KAjCT;AAkCLC,IAAAA,KAAK,EAAE,EAlCF;AAmCLC,IAAAA,YAAY,EAAE,IAnCT;AAoCLC,IAAAA,YAAY,EAAE5B,QApCT;AAqCL6B,IAAAA,kBAAkB,EAAE,KArCf;AAsCLC,IAAAA,aAAa,EAAE,IAtCV;AAuCLC,IAAAA,gBAAgB,EAAE,IAvCb;AAwCLC,IAAAA,0BAA0B,EAAE,IAxCvB;AAyCLC,IAAAA,0BAA0B,EAAE;AAzCvB,GADM;AA4CbC,EAAAA,aAAa,EAAE;AACbC,IAAAA,SAAS,EAAE;AACTC,MAAAA,QAAQ,EAAE,KADD;AAETC,MAAAA,KAAK,EAAE,sBAFE;AAGTC,MAAAA,OAAO,EAAE,IAHA;AAITC,MAAAA,kBAAkB,EAAE,IAJX;AAKTC,MAAAA,mBAAmB,EAAE,IALZ;AAMT9B,MAAAA,GAAG,EAAE;AACH2B,QAAAA,KAAK,EAAE,WADJ;AAEHC,QAAAA,OAAO,EAAE;AAFN,OANI;AAUT3B,MAAAA,GAAG,EAAE;AACH0B,QAAAA,KAAK,EAAE,WADJ;AAEHC,QAAAA,OAAO,EAAE;AAFN,OAVI;AAcTxB,MAAAA,SAAS,EAAE;AACTuB,QAAAA,KAAK,EAAE,OADE;AAETC,QAAAA,OAAO,EAAE;AAFA,OAdF;AAkBT1B,MAAAA,IAAI,EAAE;AACJyB,QAAAA,KAAK,EAAE,eADH;AAEJC,QAAAA,OAAO,EAAE;AAFL,OAlBG;AAsBTzB,MAAAA,SAAS,EAAE;AACTwB,QAAAA,KAAK,EAAE,gBADE;AAETC,QAAAA,OAAO,EAAE;AAFA;AAtBF,KADE;AA4BbnC,IAAAA,MAAM,EAAE;AACNiC,MAAAA,QAAQ,EAAE,IADJ;AAENC,MAAAA,KAAK,EAAE,gBAFD;AAGNjC,MAAAA,IAAI,EAAE;AACJiC,QAAAA,KAAK,EAAE;AADH,OAHA;AAMNhC,MAAAA,KAAK,EAAE;AACLgC,QAAAA,KAAK,EAAE;AADF,OAND;AASN/B,MAAAA,EAAE,EAAE;AACF+B,QAAAA,KAAK,EAAE;AADL,OATE;AAYN9B,MAAAA,IAAI,EAAE;AACJ8B,QAAAA,KAAK,EAAE;AADH;AAZA,KA5BK;AA4CbI,IAAAA,eAAe,EAAE;AACfL,MAAAA,QAAQ,EAAE,KADK;AAEfC,MAAAA,KAAK,EAAE,kBAFQ;AAGfC,MAAAA,OAAO,EAAE,IAHM;AAIf5B,MAAAA,GAAG,EAAE,GAJU;AAKfC,MAAAA,GAAG,EAAE,GALU;AAMfC,MAAAA,IAAI,EAAE;AANS,KA5CJ;AAoDbS,IAAAA,OAAO,EAAE;AACPe,MAAAA,QAAQ,EAAE,KADH;AAEPC,MAAAA,KAAK,EAAE;AAFA,KApDI;AAwDblB,IAAAA,MAAM,EAAE;AACNiB,MAAAA,QAAQ,EAAE,IADJ;AAENC,MAAAA,KAAK,EAAE,cAFD;AAGNC,MAAAA,OAAO,EAAE;AAHH,KAxDK;AA6DbhB,IAAAA,MAAM,EAAE;AACNc,MAAAA,QAAQ,EAAE,IADJ;AAENC,MAAAA,KAAK,EAAE;AAFD,KA7DK;AAiEbb,IAAAA,SAAS,EAAE;AACTY,MAAAA,QAAQ,EAAE,IADD;AAETC,MAAAA,KAAK,EAAE;AAFE,KAjEE;AAqEbK,IAAAA,WAAW,EAAE;AACXN,MAAAA,QAAQ,EAAE,KADC;AAEXC,MAAAA,KAAK,EAAE;AAFI,KArEA;AAyEbM,IAAAA,mBAAmB,EAAE;AACnBP,MAAAA,QAAQ,EAAE,KADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAzER;AA6EbO,IAAAA,mBAAmB,EAAE;AACnBR,MAAAA,QAAQ,EAAE,IADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KA7ER;AAiFbX,IAAAA,KAAK,EAAE;AACLU,MAAAA,QAAQ,EAAE,IADL;AAELC,MAAAA,KAAK,EAAE,aAFF;AAGLC,MAAAA,OAAO,EAAE;AAHJ,KAjFM;AAsFbO,IAAAA,cAAc,EAAE7C,QAtFH;AAuFb8C,IAAAA,UAAU,EAAE;AACVT,MAAAA,KAAK,EAAE,YADG;AAEVD,MAAAA,QAAQ,EAAC,KAFC;AAGVE,MAAAA,OAAO,EAAC;AAHE,KAvFC;AA4FbT,IAAAA,kBAAkB,EAAE;AAClBO,MAAAA,QAAQ,EAAE,IADQ;AAElBC,MAAAA,KAAK,EAAE;AAFW,KA5FP;AAgGbU,IAAAA,aAAa,EAAE;AACbH,MAAAA,mBAAmB,EAAE,GADR;AAEbtB,MAAAA,MAAM,EAAE,GAFK;AAGbE,MAAAA,SAAS,EAAE;AAHE,KAhGF;AAqGbwB,IAAAA,cAAc,EAAE;AACdJ,MAAAA,mBAAmB,EAAE,GADP;AAEdtB,MAAAA,MAAM,EAAE,GAFM;AAGdE,MAAAA,SAAS,EAAE;AAHG;AArGH;AA5CF,C","sourcesContent":["import { tools } from '@pie-lib/graphing';\n\nconst { allTools = [] } = tools;\n\nexport default {\n  model: {\n    answers: {},\n    arrows: {\n      left: true,\n      right: true,\n      up: true,\n      down: true\n    },\n    backgroundMarks: [],\n    domain: {\n      min: -5,\n      max: 5,\n      step: 1,\n      labelStep: 1,\n      axisLabel: 'x'\n    },\n    graph: {\n      width: 500,\n      height: 500\n    },\n    includeAxes: true,\n    labels: {},\n    labelsEnabled: true,\n    padding: true,\n    prompt: '',\n    range: {\n      min: -5,\n      max: 5,\n      step: 1,\n      labelStep: 1,\n      axisLabel: 'y'\n    },\n    rationale: '',\n    standardGrid: false,\n    title: '',\n    titleEnabled: true,\n    toolbarTools: allTools,\n    coordinatesOnHover: false,\n    promptEnabled: true,\n    rationaleEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true,\n  },\n  configuration: {\n    authoring: {\n      settings: false,\n      label: 'Customize Grid Setup',\n      enabled: true,\n      includeAxesEnabled: true,\n      standardGridEnabled: true,\n      min: {\n        label: 'Min Value',\n        enabled: true\n      },\n      max: {\n        label: 'Max Value',\n        enabled: true\n      },\n      axisLabel: {\n        label: 'Label',\n        enabled: true\n      },\n      step: {\n        label: 'Grid Interval',\n        enabled: true\n      },\n      labelStep: {\n        label: 'Label Interval',\n        enabled: true\n      }\n    },\n    arrows: {\n      settings: true,\n      label: 'Include Arrows',\n      left: {\n        label: 'left'\n      },\n      right: {\n        label: 'right'\n      },\n      up: {\n        label: 'up'\n      },\n      down: {\n        label: 'down'\n      }\n    },\n    graphDimensions: {\n      settings: false,\n      label: 'Graph Dimensions',\n      enabled: true,\n      min: 150,\n      max: 800,\n      step: 20\n    },\n    padding: {\n      settings: false,\n      label: 'Padding'\n    },\n    labels: {\n      settings: true,\n      label: 'Graph Labels',\n      enabled: true\n    },\n    prompt: {\n      settings: true,\n      label: 'Item Stem'\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale'\n    },\n    scoringType: {\n      settings: false,\n      label: 'Scoring Type'\n    },\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions'\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions'\n    },\n    title: {\n      settings: true,\n      label: 'Graph Title',\n      enabled: true\n    },\n    availableTools: allTools,\n    spellCheck: {\n      label: 'Spellcheck',\n      settings:false,\n      enabled:true\n    },\n    coordinatesOnHover: {\n      settings: true,\n      label: 'Coordinates on Hover'\n    },\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    }\n  }\n};\n"],"file":"defaults.js"}
+{"version":3,"sources":["../src/defaults.js"],"names":["tools","allTools","model","answers","arrows","left","right","up","down","backgroundMarks","domain","min","max","step","labelStep","axisLabel","graph","width","height","includeAxes","labels","labelsEnabled","padding","prompt","range","rationale","standardGrid","title","titleEnabled","toolbarTools","coordinatesOnHover","promptEnabled","rationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","configuration","authoring","settings","label","enabled","includeAxesEnabled","standardGridEnabled","graphDimensions","top","bottom","scoringType","studentInstructions","teacherInstructions","placeholder","availableTools","spellCheck","maxImageWidth","maxImageHeight"],"mappings":"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","sourcesContent":["import { tools } from '@pie-lib/graphing';\n\nconst { allTools = [] } = tools;\n\nexport default {\n  model: {\n    answers: {},\n    arrows: {\n      left: true,\n      right: true,\n      up: true,\n      down: true\n    },\n    backgroundMarks: [],\n    domain: {\n      min: -5,\n      max: 5,\n      step: 1,\n      labelStep: 1,\n      axisLabel: 'x'\n    },\n    graph: {\n      width: 500,\n      height: 500\n    },\n    includeAxes: true,\n    labels: {},\n    labelsEnabled: true,\n    padding: true,\n    prompt: '',\n    range: {\n      min: -5,\n      max: 5,\n      step: 1,\n      labelStep: 1,\n      axisLabel: 'y'\n    },\n    rationale: '',\n    standardGrid: false,\n    title: '',\n    titleEnabled: true,\n    toolbarTools: allTools,\n    coordinatesOnHover: false,\n    promptEnabled: true,\n    rationaleEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true,\n  },\n  configuration: {\n    authoring: {\n      settings: false,\n      label: 'Customize Grid Setup',\n      enabled: true,\n      includeAxesEnabled: true,\n      standardGridEnabled: true,\n      min: {\n        label: 'Min Value',\n        enabled: true\n      },\n      max: {\n        label: 'Max Value',\n        enabled: true\n      },\n      axisLabel: {\n        label: 'Label',\n        enabled: true\n      },\n      step: {\n        label: 'Grid Interval',\n        enabled: true\n      },\n      labelStep: {\n        label: 'Label Interval',\n        enabled: true\n      }\n    },\n    arrows: {\n      settings: true,\n      label: 'Include Arrows',\n      left: {\n        label: 'left'\n      },\n      right: {\n        label: 'right'\n      },\n      up: {\n        label: 'up'\n      },\n      down: {\n        label: 'down'\n      }\n    },\n    graphDimensions: {\n      settings: false,\n      label: 'Graph Dimensions',\n      enabled: true,\n      min: 150,\n      max: 800,\n      step: 20\n    },\n    padding: {\n      settings: false,\n      label: 'Padding'\n    },\n    labels: {\n      settings: true,\n      label: 'Graph Labels',\n      enabled: true,\n      top: 'Click here to add a top label',\n      right: 'Click here to add a right label',\n      bottom: 'Click here to add a bottom label',\n      left: 'Click here to add a left label'\n    },\n    prompt: {\n      settings: true,\n      label: 'Item Stem'\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale'\n    },\n    scoringType: {\n      settings: false,\n      label: 'Scoring Type'\n    },\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions'\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions'\n    },\n    title: {\n      settings: true,\n      label: 'Graph Title',\n      enabled: true,\n      placeholder: 'Click here to add a title for this graph'\n    },\n    availableTools: allTools,\n    spellCheck: {\n      label: 'Spellcheck',\n      settings:false,\n      enabled:true\n    },\n    coordinatesOnHover: {\n      settings: true,\n      label: 'Coordinates on Hover'\n    },\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    }\n  }\n};\n"],"file":"defaults.js"}

package/configure/lib/graphing-config.js

@@ -156,6 +156,17 @@ var GraphingConfig = /*#__PURE__*/function (_React$Component) {
 
       onChange(updatedModel);
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChangeView", function (event, expanded) {
+      var _this$props$graphDime = _this.props.graphDimensions;
+      _this$props$graphDime = _this$props$graphDime === void 0 ? {} : _this$props$graphDime;
+      var enabled = _this$props$graphDime.enabled;
+
+      if (enabled) {
+        _this.setState({
+          showPixelGuides: expanded
+        });
+      }
+    });
 
     var _ref = props.model || {},
         _domain = _ref.domain,
@@ -172,7 +183,8 @@ var GraphingConfig = /*#__PURE__*/function (_React$Component) {
     };
     _this.state = {
       gridValues: _gridValues,
-      labelValues: _labelValues
+      labelValues: _labelValues,
+      showPixelGuides: false
     };
     return _this;
   }
@@ -188,9 +200,11 @@ var GraphingConfig = /*#__PURE__*/function (_React$Component) {
           classes = _this$props4.classes,
           _this$props4$graphDim = _this$props4.graphDimensions,
           graphDimensions = _this$props4$graphDim === void 0 ? {} : _this$props4$graphDim,
+          labelsPlaceholders = _this$props4.labelsPlaceholders,
           model = _this$props4.model,
           showLabels = _this$props4.showLabels,
-          showTitle = _this$props4.showTitle;
+          showTitle = _this$props4.showTitle,
+          titlePlaceholder = _this$props4.titlePlaceholder;
 
       var _ref2 = model || {},
           arrows = _ref2.arrows,
@@ -213,7 +227,8 @@ var GraphingConfig = /*#__PURE__*/function (_React$Component) {
 
       var _this$state2 = this.state,
           gridValues = _this$state2.gridValues,
-          labelValues = _this$state2.labelValues;
+          labelValues = _this$state2.labelValues,
+          showPixelGuides = _this$state2.showPixelGuides;
       var sizeConstraints = {
         min: Math.max(150, min),
         max: Math.min(800, max),
@@ -247,7 +262,8 @@ var GraphingConfig = /*#__PURE__*/function (_React$Component) {
         size: graph,
         sizeConstraints: sizeConstraints,
         standardGrid: standardGrid,
-        onChange: this.onConfigChange
+        onChange: this.onConfigChange,
+        onChangeView: this.onChangeView
       })), /*#__PURE__*/React.createElement("div", {
         className: classes.graphConfig,
         key: "graph"
@@ -269,18 +285,21 @@ var GraphingConfig = /*#__PURE__*/function (_React$Component) {
         domain: domain,
         key: "graphing-config",
         labels: labels,
+        labelsPlaceholders: labelsPlaceholders,
         marks: backgroundMarks,
         onChangeLabels: this.changeLabels,
         onChangeMarks: this.changeBackgroundMarks,
         onChangeTitle: this.changeTitle,
         range: range,
         showLabels: showLabels,
+        showPixelGuides: showPixelGuides,
         showTitle: showTitle,
         size: {
           width: graph.width,
           height: graph.height
         },
         title: title,
+        titlePlaceholder: titlePlaceholder,
         toolbarTools: availableTools
       })));
     }

package/configure/lib/graphing-config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/graphing-config.jsx"],"names":["styles","theme","container","display","flexWrap","marginBottom","spacing","unit","gridConfig","flexDirection","marginRight","graphConfig","subtitleText","marginTop","GraphingConfig","props","backgroundMarks","model","onChange","labels","title","config","state","oldGridValues","gridValues","oldLabelValues","labelValues","updatedModel","domain","includeAxes","graph","range","standardGrid","domainConstraints","width","step","labelStep","rangeConstraints","height","setState","authoring","availableTools","classes","graphDimensions","showLabels","showTitle","arrows","coordinatesOnHover","dimensionsEnabled","enabled","min","max","sizeConstraints","Math","displayedFields","axisLabel","includeAxesEnabled","standardGridEnabled","displayGridSetup","Object","values","some","field","onConfigChange","includeArrows","changeLabels","changeBackgroundMarks","changeTitle","React","Component","PropTypes","object","isRequired","func"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { GraphContainer, GridSetup } from '@pie-lib/graphing';\nimport { Typography } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\nimport { applyConstraints, getGridValues, getLabelValues } from './utils';\n\nconst styles = theme => ({\n  container: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    marginBottom: theme.spacing.unit * 7\n  },\n  gridConfig: {\n    display: 'flex',\n    flexDirection: 'column',\n    marginRight: theme.spacing.unit * 4,\n    marginBottom: theme.spacing.unit * 3\n  },\n  graphConfig: {\n    display: 'flex',\n    flexDirection: 'column'\n  },\n  subtitleText: {\n    marginTop: theme.spacing.unit * 1.5,\n    marginBottom: theme.spacing.unit\n  }\n});\n\nexport class GraphingConfig extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    authoring: PropTypes.object,\n    graphDimensions: PropTypes.object,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    const { domain, range, graph } = props.model || {};\n\n    const gridValues = {\n      domain: getGridValues(domain, graph.width, true),\n      range: getGridValues(range, graph.height, true)\n    };\n    const labelValues = {\n      domain: getLabelValues(domain.step),\n      range: getLabelValues(range.step)\n    };\n\n    this.state = { gridValues, labelValues };\n  };\n\n  changeBackgroundMarks = backgroundMarks => {\n    const model = { ...this.props.model, backgroundMarks };\n\n    this.props.onChange(model);\n  };\n\n  changeLabels = labels => {\n    const { model, onChange } = this.props;\n\n    onChange({ ...model, labels });\n  };\n\n  changeTitle = title => {\n    const { model, onChange } = this.props;\n\n    onChange({ ...model, title });\n  };\n\n  onConfigChange = config => {\n    const { model, onChange } = this.props;\n    const { gridValues: oldGridValues, labelValues: oldLabelValues } = this.state;\n    const updatedModel = { ...model, ...config };\n    const { domain, includeAxes, graph, range, standardGrid } = updatedModel;\n    const gridValues = { domain: [], range: [] };\n    const labelValues = { domain: [], range: [] };\n\n    if (includeAxes) {\n      const domainConstraints = applyConstraints(domain, graph.width, oldGridValues.domain, oldLabelValues.domain);\n\n      gridValues.domain = domainConstraints.gridValues || [];\n      labelValues.domain = domainConstraints.labelValues || [];\n    }\n\n    if (standardGrid) {\n      gridValues.range = gridValues.domain;\n      labelValues.range = labelValues.domain;\n      range.step = domain.step;\n      range.labelStep = domain.labelStep;\n    } else {\n      if (includeAxes) {\n        const rangeConstraints = applyConstraints(range, graph.height, oldGridValues.range, oldLabelValues.range);\n\n        gridValues.range = rangeConstraints.gridValues || [];\n        labelValues.range = rangeConstraints.labelValues || [];\n      }\n    }\n\n    this.setState({ gridValues, labelValues });\n    onChange(updatedModel);\n  };\n\n  render() {\n    const {\n      authoring = {},\n      availableTools = [],\n      classes,\n      graphDimensions = {},\n      model,\n      showLabels,\n      showTitle\n    } = this.props;\n    const {\n      arrows,\n      backgroundMarks,\n      coordinatesOnHover,\n      domain,\n      includeAxes,\n      labels,\n      range,\n      standardGrid,\n      title\n    } = model || {};\n    const graph = (model || {}).graph || {};\n    const { enabled: dimensionsEnabled, min, max, step } = graphDimensions || {};\n    const { gridValues, labelValues } = this.state;\n\n    const sizeConstraints = {\n      min: Math.max(150, min),\n      max: Math.min(800, max),\n      step: step >= 1 ? Math.min(200, step) : 20\n    };\n\n    const displayedFields = {\n      axisLabel: authoring.axisLabel,\n      dimensionsEnabled,\n      includeAxesEnabled: authoring.includeAxesEnabled,\n      labelStep: authoring.labelStep,\n      min: authoring.min,\n      max: authoring.max,\n      standardGridEnabled: authoring.standardGridEnabled,\n      step: authoring.step\n    };\n\n    const displayGridSetup = authoring.enabled &&\n      Object.values(displayedFields).some(field => typeof field === 'object' ? field.enabled : field);\n\n    return (\n      <div className={classes.container}>\n        <div className={classes.gridConfig}>\n          {displayGridSetup && (\n            <GridSetup\n              displayedFields={displayedFields}\n              domain={domain}\n              dimensionsEnabled={dimensionsEnabled}\n              gridValues={gridValues}\n              includeAxes={includeAxes}\n              labelValues={labelValues}\n              range={range}\n              size={graph}\n              sizeConstraints={sizeConstraints}\n              standardGrid={standardGrid}\n              onChange={this.onConfigChange}\n            />\n          )}\n        </div>\n\n        <div className={classes.graphConfig} key=\"graph\">\n          <Typography component=\"div\" variant=\"subheading\">\n            <span>Define Graph Attributes</span>\n          </Typography>\n\n          <Typography component=\"div\" variant=\"body1\" className={classes.subtitleText}>\n            <span>Use this interface to add/edit a title and/or labels, and to set background shapes</span>\n          </Typography>\n\n          <GraphContainer\n            axesSettings={{ includeArrows: arrows }}\n            backgroundMarks={[]}\n            coordinatesOnHover={coordinatesOnHover}\n            collapsibleToolbar={true}\n            collapsibleToolbarTitle={'Add Background Shapes to Graph'}\n            domain={domain}\n            key=\"graphing-config\"\n            labels={labels}\n            marks={backgroundMarks}\n            onChangeLabels={this.changeLabels}\n            onChangeMarks={this.changeBackgroundMarks}\n            onChangeTitle={this.changeTitle}\n            range={range}\n            showLabels={showLabels}\n            showTitle={showTitle}\n            size={{ width: graph.width, height: graph.height }}\n            title={title}\n            toolbarTools={availableTools}\n          />\n        </div>\n      </div>\n    );\n  }\n};\n\nexport default withStyles(styles)(GraphingConfig);\n"],"file":"graphing-config.js"}
+{"version":3,"sources":["../src/graphing-config.jsx"],"names":["styles","theme","container","display","flexWrap","marginBottom","spacing","unit","gridConfig","flexDirection","marginRight","graphConfig","subtitleText","marginTop","GraphingConfig","props","backgroundMarks","model","onChange","labels","title","config","state","oldGridValues","gridValues","oldLabelValues","labelValues","updatedModel","domain","includeAxes","graph","range","standardGrid","domainConstraints","width","step","labelStep","rangeConstraints","height","setState","event","expanded","graphDimensions","enabled","showPixelGuides","authoring","availableTools","classes","labelsPlaceholders","showLabels","showTitle","titlePlaceholder","arrows","coordinatesOnHover","dimensionsEnabled","min","max","sizeConstraints","Math","displayedFields","axisLabel","includeAxesEnabled","standardGridEnabled","displayGridSetup","Object","values","some","field","onConfigChange","onChangeView","includeArrows","changeLabels","changeBackgroundMarks","changeTitle","React","Component","PropTypes","object","isRequired","func"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { GraphContainer, GridSetup } from '@pie-lib/graphing';\nimport { Typography } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\nimport { applyConstraints, getGridValues, getLabelValues } from './utils';\n\nconst styles = theme => ({\n  container: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    marginBottom: theme.spacing.unit * 7\n  },\n  gridConfig: {\n    display: 'flex',\n    flexDirection: 'column',\n    marginRight: theme.spacing.unit * 4,\n    marginBottom: theme.spacing.unit * 3\n  },\n  graphConfig: {\n    display: 'flex',\n    flexDirection: 'column'\n  },\n  subtitleText: {\n    marginTop: theme.spacing.unit * 1.5,\n    marginBottom: theme.spacing.unit\n  }\n});\n\nexport class GraphingConfig extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    authoring: PropTypes.object,\n    graphDimensions: PropTypes.object,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    const { domain, range, graph } = props.model || {};\n\n    const gridValues = {\n      domain: getGridValues(domain, graph.width, true),\n      range: getGridValues(range, graph.height, true)\n    };\n    const labelValues = {\n      domain: getLabelValues(domain.step),\n      range: getLabelValues(range.step)\n    };\n\n    this.state = { gridValues, labelValues, showPixelGuides: false };\n  };\n\n  changeBackgroundMarks = backgroundMarks => {\n    const model = { ...this.props.model, backgroundMarks };\n\n    this.props.onChange(model);\n  };\n\n  changeLabels = labels => {\n    const { model, onChange } = this.props;\n\n    onChange({ ...model, labels });\n  };\n\n  changeTitle = title => {\n    const { model, onChange } = this.props;\n\n    onChange({ ...model, title });\n  };\n\n  onConfigChange = config => {\n    const { model, onChange } = this.props;\n    const { gridValues: oldGridValues, labelValues: oldLabelValues } = this.state;\n    const updatedModel = { ...model, ...config };\n    const { domain, includeAxes, graph, range, standardGrid } = updatedModel;\n    const gridValues = { domain: [], range: [] };\n    const labelValues = { domain: [], range: [] };\n\n    if (includeAxes) {\n      const domainConstraints = applyConstraints(domain, graph.width, oldGridValues.domain, oldLabelValues.domain);\n\n      gridValues.domain = domainConstraints.gridValues || [];\n      labelValues.domain = domainConstraints.labelValues || [];\n    }\n\n    if (standardGrid) {\n      gridValues.range = gridValues.domain;\n      labelValues.range = labelValues.domain;\n      range.step = domain.step;\n      range.labelStep = domain.labelStep;\n    } else {\n      if (includeAxes) {\n        const rangeConstraints = applyConstraints(range, graph.height, oldGridValues.range, oldLabelValues.range);\n\n        gridValues.range = rangeConstraints.gridValues || [];\n        labelValues.range = rangeConstraints.labelValues || [];\n      }\n    }\n\n    this.setState({ gridValues, labelValues });\n    onChange(updatedModel);\n  };\n\n  onChangeView = (event, expanded) => {\n    const { graphDimensions: { enabled } = {}} = this.props;\n\n    if (enabled) {\n      this.setState({ showPixelGuides: expanded });\n    }\n  };\n\n  render() {\n    const {\n      authoring = {},\n      availableTools = [],\n      classes,\n      graphDimensions = {},\n      labelsPlaceholders,\n      model,\n      showLabels,\n      showTitle,\n      titlePlaceholder\n    } = this.props;\n    const {\n      arrows,\n      backgroundMarks,\n      coordinatesOnHover,\n      domain,\n      includeAxes,\n      labels,\n      range,\n      standardGrid,\n      title\n    } = model || {};\n    const graph = (model || {}).graph || {};\n    const { enabled: dimensionsEnabled, min, max, step } = graphDimensions || {};\n    const { gridValues, labelValues, showPixelGuides } = this.state;\n\n    const sizeConstraints = {\n      min: Math.max(150, min),\n      max: Math.min(800, max),\n      step: step >= 1 ? Math.min(200, step) : 20\n    };\n\n    const displayedFields = {\n      axisLabel: authoring.axisLabel,\n      dimensionsEnabled,\n      includeAxesEnabled: authoring.includeAxesEnabled,\n      labelStep: authoring.labelStep,\n      min: authoring.min,\n      max: authoring.max,\n      standardGridEnabled: authoring.standardGridEnabled,\n      step: authoring.step\n    };\n\n    const displayGridSetup = authoring.enabled &&\n      Object.values(displayedFields).some(field => typeof field === 'object' ? field.enabled : field);\n\n    return (\n      <div className={classes.container}>\n        <div className={classes.gridConfig}>\n          {displayGridSetup && (\n            <GridSetup\n              displayedFields={displayedFields}\n              domain={domain}\n              dimensionsEnabled={dimensionsEnabled}\n              gridValues={gridValues}\n              includeAxes={includeAxes}\n              labelValues={labelValues}\n              range={range}\n              size={graph}\n              sizeConstraints={sizeConstraints}\n              standardGrid={standardGrid}\n              onChange={this.onConfigChange}\n              onChangeView={this.onChangeView}\n            />\n          )}\n        </div>\n\n        <div className={classes.graphConfig} key=\"graph\">\n          <Typography component=\"div\" variant=\"subheading\">\n            <span>Define Graph Attributes</span>\n          </Typography>\n\n          <Typography component=\"div\" variant=\"body1\" className={classes.subtitleText}>\n            <span>Use this interface to add/edit a title and/or labels, and to set background shapes</span>\n          </Typography>\n\n          <GraphContainer\n            axesSettings={{ includeArrows: arrows }}\n            backgroundMarks={[]}\n            coordinatesOnHover={coordinatesOnHover}\n            collapsibleToolbar={true}\n            collapsibleToolbarTitle={'Add Background Shapes to Graph'}\n            domain={domain}\n            key=\"graphing-config\"\n            labels={labels}\n            labelsPlaceholders={labelsPlaceholders}\n            marks={backgroundMarks}\n            onChangeLabels={this.changeLabels}\n            onChangeMarks={this.changeBackgroundMarks}\n            onChangeTitle={this.changeTitle}\n            range={range}\n            showLabels={showLabels}\n            showPixelGuides={showPixelGuides}\n            showTitle={showTitle}\n            size={{ width: graph.width, height: graph.height }}\n            title={title}\n            titlePlaceholder={titlePlaceholder}\n            toolbarTools={availableTools}\n          />\n        </div>\n      </div>\n    );\n  }\n};\n\nexport default withStyles(styles)(GraphingConfig);\n"],"file":"graphing-config.js"}

package/docs/config-schema.json

@@ -251,9 +251,29 @@
       }
     },
     "labels": {
-      "title": "ConfigureProp",
+      "title": "LabelsConfigProp",
       "type": "object",
       "properties": {
+        "top": {
+          "description": "Indicates the placeholder for the top label",
+          "type": "string",
+          "title": "top"
+        },
+        "right": {
+          "description": "Indicates the placeholder for the right label",
+          "type": "string",
+          "title": "right"
+        },
+        "bottom": {
+          "description": "Indicates the placeholder for the bottom label",
+          "type": "string",
+          "title": "bottom"
+        },
+        "left": {
+          "description": "Indicates the placeholder for the left label",
+          "type": "string",
+          "title": "left"
+        },
         "settings": {
           "description": "Indicates if the item has to be displayed in the Settings Panel",
           "type": "boolean",
@@ -263,6 +283,11 @@
           "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
           "type": "string",
           "title": "label"
+        },
+        "enabled": {
+          "description": "Indicates the value of the item if it affects config-ui\n(eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)",
+          "type": "boolean",
+          "title": "enabled"
         }
       }
     },
@@ -363,9 +388,14 @@
       }
     },
     "title": {
-      "title": "ConfigurePropWithEnabled",
+      "title": "TitleConfigProp",
       "type": "object",
       "properties": {
+        "placeholder": {
+          "description": "Indicates the placeholder for the title label",
+          "type": "string",
+          "title": "placeholder"
+        },
         "settings": {
           "description": "Indicates if the item has to be displayed in the Settings Panel",
           "type": "boolean",
@@ -695,10 +725,56 @@
         }
       }
     },
-    "ConfigurePropWithEnabled": {
-      "title": "ConfigurePropWithEnabled",
+    "LabelsConfigProp": {
+      "title": "LabelsConfigProp",
       "type": "object",
       "properties": {
+        "top": {
+          "description": "Indicates the placeholder for the top label",
+          "type": "string",
+          "title": "top"
+        },
+        "right": {
+          "description": "Indicates the placeholder for the right label",
+          "type": "string",
+          "title": "right"
+        },
+        "bottom": {
+          "description": "Indicates the placeholder for the bottom label",
+          "type": "string",
+          "title": "bottom"
+        },
+        "left": {
+          "description": "Indicates the placeholder for the left label",
+          "type": "string",
+          "title": "left"
+        },
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        },
+        "enabled": {
+          "description": "Indicates the value of the item if it affects config-ui\n(eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)",
+          "type": "boolean",
+          "title": "enabled"
+        }
+      }
+    },
+    "TitleConfigProp": {
+      "title": "TitleConfigProp",
+      "type": "object",
+      "properties": {
+        "placeholder": {
+          "description": "Indicates the placeholder for the title label",
+          "type": "string",
+          "title": "placeholder"
+        },
         "settings": {
           "description": "Indicates if the item has to be displayed in the Settings Panel",
           "type": "boolean",

package/docs/config-schema.json.md

@@ -192,6 +192,22 @@ Indicates the label for the item that has to be displayed in the Settings Panel
 
 Properties of the `labels` object:
 
+## `top` (string)
+
+Indicates the placeholder for the top label
+
+## `right` (string)
+
+Indicates the placeholder for the right label
+
+## `bottom` (string)
+
+Indicates the placeholder for the bottom label
+
+## `left` (string)
+
+Indicates the placeholder for the left label
+
 ## `settings` (boolean)
 
 Indicates if the item has to be displayed in the Settings Panel
@@ -200,6 +216,11 @@ Indicates if the item has to be displayed in the Settings Panel
 
 Indicates the label for the item that has to be displayed in the Settings Panel
 
+## `enabled` (boolean)
+
+Indicates the value of the item if it affects config-ui
+(eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)
+
 # `prompt` (object)
 
 Properties of the `prompt` object:
@@ -276,6 +297,10 @@ Indicates the label for the item that has to be displayed in the Settings Panel
 
 Properties of the `title` object:
 
+## `placeholder` (string)
+
+Indicates the placeholder for the title label
+
 ## `settings` (boolean)
 
 Indicates if the item has to be displayed in the Settings Panel
@@ -533,9 +558,46 @@ Indicates the maximum value for the graph width and height
 
 Indicates the increase/decrease value for the graph width and height
 
-## `ConfigurePropWithEnabled` (object)
+## `LabelsConfigProp` (object)
+
+Properties of the `LabelsConfigProp` object:
+
+### `top` (string)
+
+Indicates the placeholder for the top label
+
+### `right` (string)
+
+Indicates the placeholder for the right label
+
+### `bottom` (string)
+
+Indicates the placeholder for the bottom label
+
+### `left` (string)
+
+Indicates the placeholder for the left label
+
+### `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+### `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
+### `enabled` (boolean)
+
+Indicates the value of the item if it affects config-ui
+(eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)
+
+## `TitleConfigProp` (object)
+
+Properties of the `TitleConfigProp` object:
+
+### `placeholder` (string)
 
-Properties of the `ConfigurePropWithEnabled` object:
+Indicates the placeholder for the title label
 
 ### `settings` (boolean)
 

package/docs/pie-schema.json

@@ -2043,10 +2043,56 @@
         }
       }
     },
-    "ConfigurePropWithEnabled": {
-      "title": "ConfigurePropWithEnabled",
+    "LabelsConfigProp": {
+      "title": "LabelsConfigProp",
       "type": "object",
       "properties": {
+        "top": {
+          "description": "Indicates the placeholder for the top label",
+          "type": "string",
+          "title": "top"
+        },
+        "right": {
+          "description": "Indicates the placeholder for the right label",
+          "type": "string",
+          "title": "right"
+        },
+        "bottom": {
+          "description": "Indicates the placeholder for the bottom label",
+          "type": "string",
+          "title": "bottom"
+        },
+        "left": {
+          "description": "Indicates the placeholder for the left label",
+          "type": "string",
+          "title": "left"
+        },
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        },
+        "enabled": {
+          "description": "Indicates the value of the item if it affects config-ui\n(eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)",
+          "type": "boolean",
+          "title": "enabled"
+        }
+      }
+    },
+    "TitleConfigProp": {
+      "title": "TitleConfigProp",
+      "type": "object",
+      "properties": {
+        "placeholder": {
+          "description": "Indicates the placeholder for the title label",
+          "type": "string",
+          "title": "placeholder"
+        },
         "settings": {
           "description": "Indicates if the item has to be displayed in the Settings Panel",
           "type": "boolean",

package/docs/pie-schema.json.md

@@ -455,9 +455,46 @@ Indicates the maximum value for the graph width and height
 
 Indicates the increase/decrease value for the graph width and height
 
-## `ConfigurePropWithEnabled` (object)
+## `LabelsConfigProp` (object)
 
-Properties of the `ConfigurePropWithEnabled` object:
+Properties of the `LabelsConfigProp` object:
+
+### `top` (string)
+
+Indicates the placeholder for the top label
+
+### `right` (string)
+
+Indicates the placeholder for the right label
+
+### `bottom` (string)
+
+Indicates the placeholder for the bottom label
+
+### `left` (string)
+
+Indicates the placeholder for the left label
+
+### `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+### `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
+### `enabled` (boolean)
+
+Indicates the value of the item if it affects config-ui
+(eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)
+
+## `TitleConfigProp` (object)
+
+Properties of the `TitleConfigProp` object:
+
+### `placeholder` (string)
+
+Indicates the placeholder for the title label
 
 ### `settings` (boolean)
 

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "3.5.4-next.1158+7b9c92abf",
+  "version": "3.5.4-next.1169+0b62242d4",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -24,7 +24,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "7b9c92abfe80505a30f8b5904c7e9ad84568cffe",
+  "gitHead": "0b62242d44e666e59a8d8d9df369c45deb508cdf",
   "main": "lib/index.js",
   "module": "src/index.js"
 }