@pie-element/number-line 7.1.2-next.16 → 7.1.2-next.29

package/configure/lib/arrows.js

@@ -69,6 +69,8 @@ var Arrows = /*#__PURE__*/function (_React$Component) {
           className = _this$props.className,
           arrows = _this$props.arrows;
       return /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.flexRow
+      }, /*#__PURE__*/_react["default"].createElement("label", null, "Arrows"), /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])(classes.arrows, className)
       }, /*#__PURE__*/_react["default"].createElement(_configUi.InputCheckbox, {
         className: classes.checkbox,
@@ -80,7 +82,7 @@ var Arrows = /*#__PURE__*/function (_React$Component) {
         label: 'Right',
         checked: arrows.right,
         onChange: this.changeRight
-      }));
+      })));
     }
   }]);
   return Arrows;
@@ -107,6 +109,11 @@ var styles = function styles(theme) {
   return {
     arrows: {
       paddingTop: theme.spacing.unit * 2
+    },
+    flexRow: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: '10px'
     }
   };
 };

package/configure/lib/arrows.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/arrows.jsx"],"names":["Arrows","props","change","key","event","value","update","arrows","onChange","changeLeft","bind","changeRight","classes","className","checkbox","left","right","React","Component","PropTypes","object","isRequired","string","shape","bool","func","styles","theme","paddingTop","spacing","unit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;IAEaA,M;;;;;AAWX,kBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;;AAEA,UAAKC,MAAL,GAAc,UAACC,GAAD,EAAMC,KAAN,EAAaC,KAAb,EAAuB;AACnC,UAAMC,MAAM,mCAAQ,MAAKL,KAAL,CAAWM,MAAnB,4CAA4BJ,GAA5B,EAAkCE,KAAlC,EAAZ;;AACA,YAAKJ,KAAL,CAAWO,QAAX,CAAoBF,MAApB;AACD,KAHD;;AAIA,UAAKG,UAAL,GAAkB,MAAKP,MAAL,CAAYQ,IAAZ,iDAAuB,MAAvB,CAAlB;AACA,UAAKC,WAAL,GAAmB,MAAKT,MAAL,CAAYQ,IAAZ,iDAAuB,OAAvB,CAAnB;AARiB;AASlB;;;;WAED,kBAAS;AACP,wBAAuC,KAAKT,KAA5C;AAAA,UAAQW,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BN,MAA5B,eAA4BA,MAA5B;AACA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAGK,OAAO,CAACL,MAAX,EAAmBM,SAAnB;AAAhB,sBACE,gCAAC,uBAAD;AAAe,QAAA,SAAS,EAAED,OAAO,CAACE,QAAlC;AAA4C,QAAA,KAAK,EAAE,MAAnD;AAA2D,QAAA,OAAO,EAAEP,MAAM,CAACQ,IAA3E;AAAiF,QAAA,QAAQ,EAAE,KAAKN;AAAhG,QADF,uBAGE,gCAAC,uBAAD;AACE,QAAA,SAAS,EAAEG,OAAO,CAACE,QADrB;AAEE,QAAA,KAAK,EAAE,OAFT;AAGE,QAAA,OAAO,EAAEP,MAAM,CAACS,KAHlB;AAIE,QAAA,QAAQ,EAAE,KAAKL;AAJjB,QAHF,CADF;AAYD;;;EApCyBM,kBAAMC,S;;;iCAArBlB,M,eACQ;AACjBY,EAAAA,OAAO,EAAEO,sBAAUC,MAAV,CAAiBC,UADT;AAEjBR,EAAAA,SAAS,EAAEM,sBAAUG,MAFJ;AAGjBf,EAAAA,MAAM,EAAEY,sBAAUI,KAAV,CAAgB;AAAER,IAAAA,IAAI,EAAEI,sBAAUK,IAAlB;AAAwBR,IAAAA,KAAK,EAAEG,sBAAUK;AAAzC,GAAhB,EAAiEH,UAHxD;AAIjBb,EAAAA,QAAQ,EAAEW,sBAAUM;AAJH,C;iCADRzB,M,kBAOW;AACpBO,EAAAA,MAAM,EAAE;AAAEQ,IAAAA,IAAI,EAAE,IAAR;AAAcC,IAAAA,KAAK,EAAE;AAArB;AADY,C;;AA+BxB,IAAMU,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBpB,IAAAA,MAAM,EAAE;AACNqB,MAAAA,UAAU,EAAED,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB;AAD3B;AADiB,GAAZ;AAAA,CAAf;;eAKe,wBAAWJ,MAAX,EAAmB1B,MAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport cn from 'classnames';\nimport { InputCheckbox } from '@pie-lib/pie-toolbox/config-ui';\n\nexport class Arrows extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    arrows: PropTypes.shape({ left: PropTypes.bool, right: PropTypes.bool }).isRequired,\n    onChange: PropTypes.func,\n  };\n  static defaultProps = {\n    arrows: { left: true, right: true },\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.change = (key, event, value) => {\n      const update = { ...this.props.arrows, [key]: value };\n      this.props.onChange(update);\n    };\n    this.changeLeft = this.change.bind(this, 'left');\n    this.changeRight = this.change.bind(this, 'right');\n  }\n\n  render() {\n    const { classes, className, arrows } = this.props;\n    return (\n      <div className={cn(classes.arrows, className)}>\n        <InputCheckbox className={classes.checkbox} label={'Left'} checked={arrows.left} onChange={this.changeLeft} />\n        &nbsp;\n        <InputCheckbox\n          className={classes.checkbox}\n          label={'Right'}\n          checked={arrows.right}\n          onChange={this.changeRight}\n        />\n      </div>\n    );\n  }\n}\nconst styles = (theme) => ({\n  arrows: {\n    paddingTop: theme.spacing.unit * 2,\n  },\n});\nexport default withStyles(styles)(Arrows);\n"],"file":"arrows.js"}
+{"version":3,"sources":["../src/arrows.jsx"],"names":["Arrows","props","change","key","event","value","update","arrows","onChange","changeLeft","bind","changeRight","classes","className","flexRow","checkbox","left","right","React","Component","PropTypes","object","isRequired","string","shape","bool","func","styles","theme","paddingTop","spacing","unit","display","alignItems","gap"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;IAEaA,M;;;;;AAWX,kBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;;AAEA,UAAKC,MAAL,GAAc,UAACC,GAAD,EAAMC,KAAN,EAAaC,KAAb,EAAuB;AACnC,UAAMC,MAAM,mCAAQ,MAAKL,KAAL,CAAWM,MAAnB,4CAA4BJ,GAA5B,EAAkCE,KAAlC,EAAZ;;AACA,YAAKJ,KAAL,CAAWO,QAAX,CAAoBF,MAApB;AACD,KAHD;;AAIA,UAAKG,UAAL,GAAkB,MAAKP,MAAL,CAAYQ,IAAZ,iDAAuB,MAAvB,CAAlB;AACA,UAAKC,WAAL,GAAmB,MAAKT,MAAL,CAAYQ,IAAZ,iDAAuB,OAAvB,CAAnB;AARiB;AASlB;;;;WAED,kBAAS;AACP,wBAAuC,KAAKT,KAA5C;AAAA,UAAQW,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BN,MAA5B,eAA4BA,MAA5B;AACA,0BACE;AAAK,QAAA,SAAS,EAAEK,OAAO,CAACE;AAAxB,sBACE,wDADF,eAEE;AAAK,QAAA,SAAS,EAAE,4BAAGF,OAAO,CAACL,MAAX,EAAmBM,SAAnB;AAAhB,sBACE,gCAAC,uBAAD;AAAe,QAAA,SAAS,EAAED,OAAO,CAACG,QAAlC;AAA4C,QAAA,KAAK,EAAE,MAAnD;AAA2D,QAAA,OAAO,EAAER,MAAM,CAACS,IAA3E;AAAiF,QAAA,QAAQ,EAAE,KAAKP;AAAhG,QADF,uBAGE,gCAAC,uBAAD;AACE,QAAA,SAAS,EAAEG,OAAO,CAACG,QADrB;AAEE,QAAA,KAAK,EAAE,OAFT;AAGE,QAAA,OAAO,EAAER,MAAM,CAACU,KAHlB;AAIE,QAAA,QAAQ,EAAE,KAAKN;AAJjB,QAHF,CAFF,CADF;AAeD;;;EAvCyBO,kBAAMC,S;;;iCAArBnB,M,eACQ;AACjBY,EAAAA,OAAO,EAAEQ,sBAAUC,MAAV,CAAiBC,UADT;AAEjBT,EAAAA,SAAS,EAAEO,sBAAUG,MAFJ;AAGjBhB,EAAAA,MAAM,EAAEa,sBAAUI,KAAV,CAAgB;AAAER,IAAAA,IAAI,EAAEI,sBAAUK,IAAlB;AAAwBR,IAAAA,KAAK,EAAEG,sBAAUK;AAAzC,GAAhB,EAAiEH,UAHxD;AAIjBd,EAAAA,QAAQ,EAAEY,sBAAUM;AAJH,C;iCADR1B,M,kBAOW;AACpBO,EAAAA,MAAM,EAAE;AAAES,IAAAA,IAAI,EAAE,IAAR;AAAcC,IAAAA,KAAK,EAAE;AAArB;AADY,C;;AAkCxB,IAAMU,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBrB,IAAAA,MAAM,EAAE;AACNsB,MAAAA,UAAU,EAAED,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB;AAD3B,KADiB;AAIzBjB,IAAAA,OAAO,EAAE;AACPkB,MAAAA,OAAO,EAAE,MADF;AAEPC,MAAAA,UAAU,EAAE,QAFL;AAGPC,MAAAA,GAAG,EAAE;AAHE;AAJgB,GAAZ;AAAA,CAAf;;eAUe,wBAAWP,MAAX,EAAmB3B,MAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport cn from 'classnames';\nimport { InputCheckbox } from '@pie-lib/pie-toolbox/config-ui';\n\nexport class Arrows extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    arrows: PropTypes.shape({ left: PropTypes.bool, right: PropTypes.bool }).isRequired,\n    onChange: PropTypes.func,\n  };\n  static defaultProps = {\n    arrows: { left: true, right: true },\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.change = (key, event, value) => {\n      const update = { ...this.props.arrows, [key]: value };\n      this.props.onChange(update);\n    };\n    this.changeLeft = this.change.bind(this, 'left');\n    this.changeRight = this.change.bind(this, 'right');\n  }\n\n  render() {\n    const { classes, className, arrows } = this.props;\n    return (\n      <div className={classes.flexRow}>\n        <label>Arrows</label>\n        <div className={cn(classes.arrows, className)}>\n          <InputCheckbox className={classes.checkbox} label={'Left'} checked={arrows.left} onChange={this.changeLeft} />\n          &nbsp;\n          <InputCheckbox\n            className={classes.checkbox}\n            label={'Right'}\n            checked={arrows.right}\n            onChange={this.changeRight}\n          />\n        </div>\n      </div>\n    );\n  }\n}\nconst styles = (theme) => ({\n  arrows: {\n    paddingTop: theme.spacing.unit * 2,\n  },\n  flexRow: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '10px',\n  },\n});\nexport default withStyles(styles)(Arrows);\n"],"file":"arrows.js"}

package/configure/lib/defaults.js

@@ -8,35 +8,31 @@ var model = {
   correctResponse: [],
   graph: {
     domain: {
-      min: -5,
-      max: 5
+      min: -1,
+      max: 1
     },
     ticks: {
-      minor: 1,
-      major: 2
+      minor: 0.125,
+      major: 0.5,
+      labelStep: '1/2',
+      tickIntervalType: 'Fraction',
+      tickStep: '1/8'
     },
     arrows: {
       left: true,
       right: true
     },
-    maxNumberOfPoints: 20,
+    maxNumberOfPoints: 1,
     width: 500,
     initialType: 'PF',
     exhibitOnly: false,
     toolbarEditorPosition: 'bottom',
     availableTypes: {
-      PF: true,
-      LFF: true,
-      LEF: true,
-      LFE: true,
-      LEE: true,
-      RFN: true,
-      RFP: true,
-      REN: true,
-      REP: true
+      PF: true
     },
     initialElements: []
   },
+  widthEnabled: true,
   feedback: {
     correct: {
       "default": 'Correct',
@@ -54,9 +50,26 @@ var model = {
 };
 exports.model = model;
 var configuration = {
+  instruction: {
+    settings: false,
+    enabled: true,
+    label: 'Number line questions involve plotting points or other objects. To create one, first set up the number line, then select the plotting tools students will be offered and use them to define the correct answer.'
+  },
   prompt: {
     settings: true,
-    label: 'Prompt'
+    label: 'Item Stem'
+  },
+  teacherInstructions: {
+    settings: true,
+    label: 'Teacher Instructions'
+  },
+  numberLineDimensions: {
+    settings: true,
+    label: 'Width',
+    enabled: true,
+    min: 150,
+    max: 800,
+    step: 20
   },
   spellCheck: {
     label: 'Spellcheck',
@@ -75,7 +88,11 @@ var configuration = {
   languageChoices: {
     label: 'Language Choices',
     options: []
-  }
+  },
+  maxMaxElements: 10,
+  hidePointConfigButtons: false,
+  // availableTools: ["PF"],
+  availableTools: ['PF', 'LFF', 'LEF', 'LFE', 'LEE', 'RFN', 'RFP', 'REN', 'REP']
 };
 exports.configuration = configuration;
 //# sourceMappingURL=defaults.js.map

package/configure/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["model","correctResponse","graph","domain","min","max","ticks","minor","major","arrows","left","right","maxNumberOfPoints","width","initialType","exhibitOnly","toolbarEditorPosition","availableTypes","PF","LFF","LEF","LFE","LEE","RFN","RFP","REN","REP","initialElements","feedback","correct","type","incorrect","partial","configuration","prompt","settings","label","spellCheck","enabled","mathMlOptions","mmlOutput","mmlEditing","language","languageChoices","options"],"mappings":";;;;;;AAAO,IAAMA,KAAK,GAAG;AACnBC,EAAAA,eAAe,EAAE,EADE;AAEnBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AAAEC,MAAAA,GAAG,EAAE,CAAC,CAAR;AAAWC,MAAAA,GAAG,EAAE;AAAhB,KADH;AAELC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,CADF;AAELC,MAAAA,KAAK,EAAE;AAFF,KAFF;AAMLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,IADA;AAENC,MAAAA,KAAK,EAAE;AAFD,KANH;AAULC,IAAAA,iBAAiB,EAAE,EAVd;AAWLC,IAAAA,KAAK,EAAE,GAXF;AAYLC,IAAAA,WAAW,EAAE,IAZR;AAaLC,IAAAA,WAAW,EAAE,KAbR;AAcLC,IAAAA,qBAAqB,EAAE,QAdlB;AAeLC,IAAAA,cAAc,EAAE;AACdC,MAAAA,EAAE,EAAE,IADU;AAEdC,MAAAA,GAAG,EAAE,IAFS;AAGdC,MAAAA,GAAG,EAAE,IAHS;AAIdC,MAAAA,GAAG,EAAE,IAJS;AAKdC,MAAAA,GAAG,EAAE,IALS;AAMdC,MAAAA,GAAG,EAAE,IANS;AAOdC,MAAAA,GAAG,EAAE,IAPS;AAQdC,MAAAA,GAAG,EAAE,IARS;AASdC,MAAAA,GAAG,EAAE;AATS,KAfX;AA0BLC,IAAAA,eAAe,EAAE;AA1BZ,GAFY;AA8BnBC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,OAAO,EAAE;AACP,iBAAS,SADF;AAEPC,MAAAA,IAAI,EAAE;AAFC,KADD;AAKRC,IAAAA,SAAS,EAAE;AACT,iBAAS,WADA;AAETD,MAAAA,IAAI,EAAE;AAFG,KALH;AASRE,IAAAA,OAAO,EAAE;AACP,iBAAS,QADF;AAEPF,MAAAA,IAAI,EAAE;AAFC;AATD;AA9BS,CAAd;;AA8CA,IAAMG,aAAa,GAAG;AAC3BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE,IADJ;AAENC,IAAAA,KAAK,EAAE;AAFD,GADmB;AAK3BC,EAAAA,UAAU,EAAE;AACVD,IAAAA,KAAK,EAAE,YADG;AAEVD,IAAAA,QAAQ,EAAE,KAFA;AAGVG,IAAAA,OAAO,EAAE;AAHC,GALe;AAU3BC,EAAAA,aAAa,EAAE;AACbC,IAAAA,SAAS,EAAE,KADE;AAEbC,IAAAA,UAAU,EAAE;AAFC,GAVY;AAc3BC,EAAAA,QAAQ,EAAE;AACRP,IAAAA,QAAQ,EAAE,KADF;AAERC,IAAAA,KAAK,EAAE,kBAFC;AAGRE,IAAAA,OAAO,EAAE;AAHD,GAdiB;AAmB3BK,EAAAA,eAAe,EAAE;AACfP,IAAAA,KAAK,EAAE,kBADQ;AAEfQ,IAAAA,OAAO,EAAE;AAFM;AAnBU,CAAtB","sourcesContent":["export const model = {\n  correctResponse: [],\n  graph: {\n    domain: { min: -5, max: 5 },\n    ticks: {\n      minor: 1,\n      major: 2,\n    },\n    arrows: {\n      left: true,\n      right: true,\n    },\n    maxNumberOfPoints: 20,\n    width: 500,\n    initialType: 'PF',\n    exhibitOnly: false,\n    toolbarEditorPosition: 'bottom',\n    availableTypes: {\n      PF: true,\n      LFF: true,\n      LEF: true,\n      LFE: true,\n      LEE: true,\n      RFN: true,\n      RFP: true,\n      REN: true,\n      REP: true,\n    },\n    initialElements: [],\n  },\n  feedback: {\n    correct: {\n      default: 'Correct',\n      type: 'none',\n    },\n    incorrect: {\n      default: 'Incorrect',\n      type: 'none',\n    },\n    partial: {\n      default: 'Nearly',\n      type: 'none',\n    },\n  },\n};\n\nexport const configuration = {\n  prompt: {\n    settings: true,\n    label: 'Prompt',\n  },\n  spellCheck: {\n    label: 'Spellcheck',\n    settings: false,\n    enabled: true,\n  },\n  mathMlOptions: {\n    mmlOutput: false,\n    mmlEditing: false,\n  },\n  language: {\n    settings: false,\n    label: 'Specify Language',\n    enabled: false,\n  },\n  languageChoices: {\n    label: 'Language Choices',\n    options: [],\n  },\n};\n"],"file":"defaults.js"}
+{"version":3,"sources":["../src/defaults.js"],"names":["model","correctResponse","graph","domain","min","max","ticks","minor","major","labelStep","tickIntervalType","tickStep","arrows","left","right","maxNumberOfPoints","width","initialType","exhibitOnly","toolbarEditorPosition","availableTypes","PF","initialElements","widthEnabled","feedback","correct","type","incorrect","partial","configuration","instruction","settings","enabled","label","prompt","teacherInstructions","numberLineDimensions","step","spellCheck","mathMlOptions","mmlOutput","mmlEditing","language","languageChoices","options","maxMaxElements","hidePointConfigButtons","availableTools"],"mappings":"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","sourcesContent":["export const model = {\n  correctResponse: [],\n  graph: {\n    domain: {\n      min: -1,\n      max: 1,\n    },\n    ticks: {\n      minor: 0.125,\n      major: 0.5,\n      labelStep: '1/2',\n      tickIntervalType: 'Fraction',\n      tickStep: '1/8',\n    },\n    arrows: {\n      left: true,\n      right: true,\n    },\n    maxNumberOfPoints: 1,\n    width: 500,\n    initialType: 'PF',\n    exhibitOnly: false,\n    toolbarEditorPosition: 'bottom',\n    availableTypes: {\n      PF: true,\n    },\n    initialElements: [],\n  },\n  widthEnabled: true,\n  feedback: {\n    correct: {\n      default: 'Correct',\n      type: 'none',\n    },\n    incorrect: {\n      default: 'Incorrect',\n      type: 'none',\n    },\n    partial: {\n      default: 'Nearly',\n      type: 'none',\n    },\n  },\n};\n\nexport const configuration = {\n  instruction: {\n    settings: false,\n    enabled: true,\n    label:\n      'Number line questions involve plotting points or other objects. To create one, first set up the number line, then select the plotting tools students will be offered and use them to define the correct answer.',\n  },\n  prompt: {\n    settings: true,\n    label: 'Item Stem',\n  },\n  teacherInstructions: {\n    settings: true,\n    label: 'Teacher Instructions',\n  },\n  numberLineDimensions: {\n    settings: true,\n    label: 'Width',\n    enabled: true,\n    min: 150,\n    max: 800,\n    step: 20,\n  },\n  spellCheck: {\n    label: 'Spellcheck',\n    settings: false,\n    enabled: true,\n  },\n  mathMlOptions: {\n    mmlOutput: false,\n    mmlEditing: false,\n  },\n  language: {\n    settings: false,\n    label: 'Specify Language',\n    enabled: false,\n  },\n  languageChoices: {\n    label: 'Language Choices',\n    options: [],\n  },\n  maxMaxElements: 10,\n  hidePointConfigButtons: false,\n  // availableTools: [\"PF\"],\n  availableTools: ['PF', 'LFF', 'LEF', 'LFE', 'LEE', 'RFN', 'RFP', 'REN', 'REP'],\n};\n"],"file":"defaults.js"}

package/configure/lib/domain.js

@@ -27,6 +27,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
+var _styles = require("@material-ui/core/styles");
+
 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; }
 
 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; }
@@ -76,18 +78,24 @@ var Domain = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var domain = this.props.domain;
-      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_numberTextField.MiniField, {
-        label: "Minimum",
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          domain = _this$props.domain;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.displayFlex
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.flexRow
+      }, /*#__PURE__*/_react["default"].createElement("label", null, "Min Value"), /*#__PURE__*/_react["default"].createElement(_numberTextField.MiniField, {
         value: domain.min,
         name: DOMAIN_BEGIN,
         onChange: this.changeMin
-      }), /*#__PURE__*/_react["default"].createElement(_numberTextField.MiniField, {
-        label: "Maximum",
+      })), /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.flexRow
+      }, /*#__PURE__*/_react["default"].createElement("label", null, "Max Value"), /*#__PURE__*/_react["default"].createElement(_numberTextField.MiniField, {
         value: domain.max,
         name: DOMAIN_END,
         onChange: this.changeMax
-      }));
+      })));
     }
   }]);
   return Domain;
@@ -95,12 +103,29 @@ var Domain = /*#__PURE__*/function (_React$Component) {
 
 exports.Domain = Domain;
 Domain.propTypes = {
+  classes: _propTypes["default"].object.isRequired,
   domain: _propTypes["default"].shape({
     min: _propTypes["default"].number,
     max: _propTypes["default"].number
   }),
   onChange: _propTypes["default"].func.isRequired
 };
-var _default = Domain;
+
+var styles = function styles(theme) {
+  return {
+    displayFlex: {
+      display: 'flex',
+      gap: '20px'
+    },
+    flexRow: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: '10px'
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(styles)(Domain);
+
 exports["default"] = _default;
 //# sourceMappingURL=domain.js.map

package/configure/lib/domain.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/domain.jsx"],"names":["DOMAIN_BEGIN","DOMAIN_END","sort","domain","min","max","Domain","props","changeMin","change","bind","changeMax","key","event","value","onChange","update","React","Component","propTypes","PropTypes","shape","number","func","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,YAAY,GAAG,aAArB;AACA,IAAMC,UAAU,GAAG,WAAnB;;AAEA,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAACC,MAAD,EAAY;AACvB,MAAIA,MAAM,CAACC,GAAP,IAAcD,MAAM,CAACE,GAAzB,EAA8B;AAC5B,WAAOF,MAAP;AACD;;AAED,SAAO;AAAEC,IAAAA,GAAG,EAAED,MAAM,CAACE,GAAd;AAAmBA,IAAAA,GAAG,EAAEF,MAAM,CAACC;AAA/B,GAAP;AACD,CAND;;IAQaE,M;;;;;AACX,kBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AAEA,UAAKC,SAAL,GAAiB,MAAKC,MAAL,CAAYC,IAAZ,iDAAuB,KAAvB,CAAjB;AACA,UAAKC,SAAL,GAAiB,MAAKF,MAAL,CAAYC,IAAZ,iDAAuB,KAAvB,CAAjB;AAJiB;AAKlB;;;;WAED,gBAAOE,GAAP,EAAYC,KAAZ,EAAmBC,KAAnB,EAA0B;AACxB,UAAQC,QAAR,GAAqB,KAAKR,KAA1B,CAAQQ,QAAR;;AACA,UAAMC,MAAM,mCAAQ,KAAKT,KAAL,CAAWJ,MAAnB,4CAA4BS,GAA5B,EAAkCE,KAAlC,EAAZ;;AACAC,MAAAA,QAAQ,CAACb,IAAI,CAACc,MAAD,CAAL,CAAR;AACD;;;WAED,kBAAS;AACP,UAAQb,MAAR,GAAmB,KAAKI,KAAxB,CAAQJ,MAAR;AAEA,0BACE,0DAEE,gCAAC,0BAAD;AAAW,QAAA,KAAK,EAAC,SAAjB;AAA2B,QAAA,KAAK,EAAEA,MAAM,CAACC,GAAzC;AAA8C,QAAA,IAAI,EAAEJ,YAApD;AAAkE,QAAA,QAAQ,EAAE,KAAKQ;AAAjF,QAFF,eAGE,gCAAC,0BAAD;AAAW,QAAA,KAAK,EAAC,SAAjB;AAA2B,QAAA,KAAK,EAAEL,MAAM,CAACE,GAAzC;AAA8C,QAAA,IAAI,EAAEJ,UAApD;AAAgE,QAAA,QAAQ,EAAE,KAAKU;AAA/E,QAHF,CADF;AAOD;;;EAxByBM,kBAAMC,S;;;AA0BlCZ,MAAM,CAACa,SAAP,GAAmB;AACjBhB,EAAAA,MAAM,EAAEiB,sBAAUC,KAAV,CAAgB;AAAEjB,IAAAA,GAAG,EAAEgB,sBAAUE,MAAjB;AAAyBjB,IAAAA,GAAG,EAAEe,sBAAUE;AAAxC,GAAhB,CADS;AAEjBP,EAAAA,QAAQ,EAAEK,sBAAUG,IAAV,CAAeC;AAFR,CAAnB;eAIelB,M","sourcesContent":["import { MiniField } from './number-text-field';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nconst DOMAIN_BEGIN = 'domainBegin';\nconst DOMAIN_END = 'domainEnd';\n\nconst sort = (domain) => {\n  if (domain.min <= domain.max) {\n    return domain;\n  }\n\n  return { min: domain.max, max: domain.min };\n};\n\nexport class Domain extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.changeMin = this.change.bind(this, 'min');\n    this.changeMax = this.change.bind(this, 'max');\n  }\n\n  change(key, event, value) {\n    const { onChange } = this.props;\n    const update = { ...this.props.domain, [key]: value };\n    onChange(sort(update));\n  }\n\n  render() {\n    const { domain } = this.props;\n\n    return (\n      <div>\n        {/* <Typography>Domain</Typography> */}\n        <MiniField label=\"Minimum\" value={domain.min} name={DOMAIN_BEGIN} onChange={this.changeMin} />\n        <MiniField label=\"Maximum\" value={domain.max} name={DOMAIN_END} onChange={this.changeMax} />\n      </div>\n    );\n  }\n}\nDomain.propTypes = {\n  domain: PropTypes.shape({ min: PropTypes.number, max: PropTypes.number }),\n  onChange: PropTypes.func.isRequired,\n};\nexport default Domain;\n"],"file":"domain.js"}
+{"version":3,"sources":["../src/domain.jsx"],"names":["DOMAIN_BEGIN","DOMAIN_END","sort","domain","min","max","Domain","props","changeMin","change","bind","changeMax","key","event","value","onChange","update","classes","displayFlex","flexRow","React","Component","propTypes","PropTypes","object","isRequired","shape","number","func","styles","theme","display","gap","alignItems"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,YAAY,GAAG,aAArB;AACA,IAAMC,UAAU,GAAG,WAAnB;;AAEA,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAACC,MAAD,EAAY;AACvB,MAAIA,MAAM,CAACC,GAAP,IAAcD,MAAM,CAACE,GAAzB,EAA8B;AAC5B,WAAOF,MAAP;AACD;;AACD,SAAO;AAAEC,IAAAA,GAAG,EAAED,MAAM,CAACE,GAAd;AAAmBA,IAAAA,GAAG,EAAEF,MAAM,CAACC;AAA/B,GAAP;AACD,CALD;;IAOaE,M;;;;;AACX,kBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AAEA,UAAKC,SAAL,GAAiB,MAAKC,MAAL,CAAYC,IAAZ,iDAAuB,KAAvB,CAAjB;AACA,UAAKC,SAAL,GAAiB,MAAKF,MAAL,CAAYC,IAAZ,iDAAuB,KAAvB,CAAjB;AAJiB;AAKlB;;;;WAED,gBAAOE,GAAP,EAAYC,KAAZ,EAAmBC,KAAnB,EAA0B;AACxB,UAAQC,QAAR,GAAqB,KAAKR,KAA1B,CAAQQ,QAAR;;AACA,UAAMC,MAAM,mCAAQ,KAAKT,KAAL,CAAWJ,MAAnB,4CAA4BS,GAA5B,EAAkCE,KAAlC,EAAZ;;AACAC,MAAAA,QAAQ,CAACb,IAAI,CAACc,MAAD,CAAL,CAAR;AACD;;;WAED,kBAAS;AACP,wBAA4B,KAAKT,KAAjC;AAAA,UAAQU,OAAR,eAAQA,OAAR;AAAA,UAAiBd,MAAjB,eAAiBA,MAAjB;AAEA,0BACE;AAAK,QAAA,SAAS,EAAEc,OAAO,CAACC;AAAxB,sBACE;AAAK,QAAA,SAAS,EAAED,OAAO,CAACE;AAAxB,sBACE,2DADF,eAEE,gCAAC,0BAAD;AAAW,QAAA,KAAK,EAAEhB,MAAM,CAACC,GAAzB;AAA8B,QAAA,IAAI,EAAEJ,YAApC;AAAkD,QAAA,QAAQ,EAAE,KAAKQ;AAAjE,QAFF,CADF,eAKE;AAAK,QAAA,SAAS,EAAES,OAAO,CAACE;AAAxB,sBACE,2DADF,eAEE,gCAAC,0BAAD;AAAW,QAAA,KAAK,EAAEhB,MAAM,CAACE,GAAzB;AAA8B,QAAA,IAAI,EAAEJ,UAApC;AAAgD,QAAA,QAAQ,EAAE,KAAKU;AAA/D,QAFF,CALF,CADF;AAYD;;;EA7ByBS,kBAAMC,S;;;AA+BlCf,MAAM,CAACgB,SAAP,GAAmB;AACjBL,EAAAA,OAAO,EAAEM,sBAAUC,MAAV,CAAiBC,UADT;AAEjBtB,EAAAA,MAAM,EAAEoB,sBAAUG,KAAV,CAAgB;AAAEtB,IAAAA,GAAG,EAAEmB,sBAAUI,MAAjB;AAAyBtB,IAAAA,GAAG,EAAEkB,sBAAUI;AAAxC,GAAhB,CAFS;AAGjBZ,EAAAA,QAAQ,EAAEQ,sBAAUK,IAAV,CAAeH;AAHR,CAAnB;;AAKA,IAAMI,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBZ,IAAAA,WAAW,EAAE;AACXa,MAAAA,OAAO,EAAE,MADE;AAEXC,MAAAA,GAAG,EAAE;AAFM,KADY;AAKzBb,IAAAA,OAAO,EAAE;AACPY,MAAAA,OAAO,EAAE,MADF;AAEPE,MAAAA,UAAU,EAAE,QAFL;AAGPD,MAAAA,GAAG,EAAE;AAHE;AALgB,GAAZ;AAAA,CAAf;;eAWe,wBAAWH,MAAX,EAAmBvB,MAAnB,C","sourcesContent":["import { MiniField } from './number-text-field';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst DOMAIN_BEGIN = 'domainBegin';\nconst DOMAIN_END = 'domainEnd';\n\nconst sort = (domain) => {\n  if (domain.min <= domain.max) {\n    return domain;\n  }\n  return { min: domain.max, max: domain.min };\n};\n\nexport class Domain extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.changeMin = this.change.bind(this, 'min');\n    this.changeMax = this.change.bind(this, 'max');\n  }\n\n  change(key, event, value) {\n    const { onChange } = this.props;\n    const update = { ...this.props.domain, [key]: value };\n    onChange(sort(update));\n  }\n\n  render() {\n    const { classes, domain } = this.props;\n\n    return (\n      <div className={classes.displayFlex}>\n        <div className={classes.flexRow}>\n          <label>Min Value</label>\n          <MiniField value={domain.min} name={DOMAIN_BEGIN} onChange={this.changeMin} />\n        </div>\n        <div className={classes.flexRow}>\n          <label>Max Value</label>\n          <MiniField value={domain.max} name={DOMAIN_END} onChange={this.changeMax} />\n        </div>\n      </div>\n    );\n  }\n}\nDomain.propTypes = {\n  classes: PropTypes.object.isRequired,\n  domain: PropTypes.shape({ min: PropTypes.number, max: PropTypes.number }),\n  onChange: PropTypes.func.isRequired,\n};\nconst styles = (theme) => ({\n  displayFlex: {\n    display: 'flex',\n    gap: '20px',\n  },\n  flexRow: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '10px',\n  },\n});\nexport default withStyles(styles)(Domain);\n"],"file":"domain.js"}