@pie-lib/config-ui 11.2.1 → 11.3.0

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [11.3.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.2.2...@pie-lib/config-ui@11.3.0) (2023-01-16)
+
+
+### Bug Fixes
+
+* **config-ui:** make sure that the bounds for the ConfigLayout are calculated before rendering the elements on iPads ([1c5fa8b](https://github.com/pie-framework/pie-lib/commit/1c5fa8bd47f33cea7678b7990ad311c9d0957c64))
+
+
+### Features
+
+* added theme naming support + cleanup ([72d562d](https://github.com/pie-framework/pie-lib/commit/72d562d509e5d31d883690eb455a9afea6bf54fc))
+
+
+
+
+
+## [11.2.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.2.1...@pie-lib/config-ui@11.2.2) (2023-01-04)
+
+
+### Bug Fixes
+
+* **config-ui:** UI improvements ([67b6e83](https://github.com/pie-framework/pie-lib/commit/67b6e834813bd7b2bf53f5f6c757a8e55493f095))
+
+
+
+
+
 ## [11.2.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.2.0...@pie-lib/config-ui@11.2.1) (2023-01-04)
 
 

package/lib/checkbox.js

@@ -59,7 +59,7 @@ Checkbox.defaultProps = {
 var _default = (0, _styles.withStyles)(function (theme) {
   return {
     label: {
-      fontSize: '13px',
+      fontSize: theme.typography.fontSize - 1,
       transform: 'translate(-4%, 2%)',
       color: 'rgba(0,0,0,1.0)'
     },
@@ -72,7 +72,7 @@ var _default = (0, _styles.withStyles)(function (theme) {
     miniLabel: {
       marginLeft: theme.spacing.unit,
       color: _grey["default"][700],
-      fontSize: '11px'
+      fontSize: theme.typography.fontSize - 3
     },
     mini: {
       margin: 0,

package/lib/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/checkbox.jsx"],"names":["Checkbox","mini","checked","onChange","value","label","classes","miniLabel","miniCheckbox","propTypes","PropTypes","bool","object","isRequired","func","string","defaultProps","theme","fontSize","transform","color","margin","padding","width","spacing","unit","height","marginLeft","grey"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,MAASC,OAAT,QAASA,OAAT;AAAA,MAAkBC,QAAlB,QAAkBA,QAAlB;AAAA,MAA4BC,KAA5B,QAA4BA,KAA5B;AAAA,MAAmCC,KAAnC,QAAmCA,KAAnC;AAAA,MAA0CC,OAA1C,QAA0CA,OAA1C;AAAA,sBACf,gCAAC,4BAAD;AACE,IAAA,SAAS,EAAE,4BAAWA,OAAO,CAACL,IAAnB,CADb;AAEE,IAAA,OAAO,EAAE;AACPI,MAAAA,KAAK,EAAE,4BAAWC,OAAO,CAACD,KAAnB,EAA0BJ,IAAI,IAAIK,OAAO,CAACC,SAA1C;AADA,KAFX;AAKE,IAAA,OAAO,eACL,gCAAC,oBAAD;AACE,MAAA,OAAO,EAAEL,OADX;AAEE,MAAA,QAAQ,EAAEC,QAFZ;AAGE,MAAA,KAAK,EAAEC,KAHT;AAIE,MAAA,SAAS,EAAE,4BAAWH,IAAI,IAAIK,OAAO,CAACE,YAA3B;AAJb,MANJ;AAaE,IAAA,KAAK,EAAEH;AAbT,IADe;AAAA,CAAjB;;AAkBAL,QAAQ,CAACS,SAAT,GAAqB;AACnBR,EAAAA,IAAI,EAAES,sBAAUC,IADG;AAEnBL,EAAAA,OAAO,EAAEI,sBAAUE,MAAV,CAAiBC,UAFP;AAGnBX,EAAAA,OAAO,EAAEQ,sBAAUC,IAAV,CAAeE,UAHL;AAInBV,EAAAA,QAAQ,EAAEO,sBAAUI,IAAV,CAAeD,UAJN;AAKnBT,EAAAA,KAAK,EAAEM,sBAAUK,MALE;AAMnBV,EAAAA,KAAK,EAAEK,sBAAUK,MAAV,CAAiBF;AANL,CAArB;AASAb,QAAQ,CAACgB,YAAT,GAAwB;AACtBZ,EAAAA,KAAK,EAAE,EADe;AAEtBH,EAAAA,IAAI,EAAE;AAFgB,CAAxB;;eAKe,wBAAW,UAACgB,KAAD;AAAA,SAAY;AACpCZ,IAAAA,KAAK,EAAE;AACLa,MAAAA,QAAQ,EAAE,MADL;AAELC,MAAAA,SAAS,EAAE,oBAFN;AAGLC,MAAAA,KAAK,EAAE;AAHF,KAD6B;AAMpCZ,IAAAA,YAAY,EAAE;AACZa,MAAAA,MAAM,EAAE,CADI;AAEZC,MAAAA,OAAO,EAAE,CAFG;AAGZC,MAAAA,KAAK,EAAEN,KAAK,CAACO,OAAN,CAAcC,IAAd,GAAqB,CAHhB;AAIZC,MAAAA,MAAM,EAAET,KAAK,CAACO,OAAN,CAAcC,IAAd,GAAqB;AAJjB,KANsB;AAYpClB,IAAAA,SAAS,EAAE;AACToB,MAAAA,UAAU,EAAEV,KAAK,CAACO,OAAN,CAAcC,IADjB;AAETL,MAAAA,KAAK,EAAEQ,iBAAK,GAAL,CAFE;AAGTV,MAAAA,QAAQ,EAAE;AAHD,KAZyB;AAiBpCjB,IAAAA,IAAI,EAAE;AACJoB,MAAAA,MAAM,EAAE,CADJ;AAEJM,MAAAA,UAAU,EAAE,CAFR;AAGJL,MAAAA,OAAO,EAAE;AAHL;AAjB8B,GAAZ;AAAA,CAAX,EAsBXtB,QAtBW,C","sourcesContent":["import FormControlLabel from '@material-ui/core/FormControlLabel';\nimport MuiCheckbox from '@material-ui/core/Checkbox';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport grey from '@material-ui/core/colors/grey';\n\nconst Checkbox = ({ mini, checked, onChange, value, label, classes }) => (\n  <FormControlLabel\n    className={classNames(classes.mini)}\n    classes={{\n      label: classNames(classes.label, mini && classes.miniLabel),\n    }}\n    control={\n      <MuiCheckbox\n        checked={checked}\n        onChange={onChange}\n        value={value}\n        className={classNames(mini && classes.miniCheckbox)}\n      />\n    }\n    label={label}\n  />\n);\n\nCheckbox.propTypes = {\n  mini: PropTypes.bool,\n  classes: PropTypes.object.isRequired,\n  checked: PropTypes.bool.isRequired,\n  onChange: PropTypes.func.isRequired,\n  value: PropTypes.string,\n  label: PropTypes.string.isRequired,\n};\n\nCheckbox.defaultProps = {\n  value: '',\n  mini: false,\n};\n\nexport default withStyles((theme) => ({\n  label: {\n    fontSize: '13px',\n    transform: 'translate(-4%, 2%)',\n    color: 'rgba(0,0,0,1.0)',\n  },\n  miniCheckbox: {\n    margin: 0,\n    padding: 0,\n    width: theme.spacing.unit * 3,\n    height: theme.spacing.unit * 3,\n  },\n  miniLabel: {\n    marginLeft: theme.spacing.unit,\n    color: grey[700],\n    fontSize: '11px',\n  },\n  mini: {\n    margin: 0,\n    marginLeft: 0,\n    padding: 0,\n  },\n}))(Checkbox);\n"],"file":"checkbox.js"}
+{"version":3,"sources":["../src/checkbox.jsx"],"names":["Checkbox","mini","checked","onChange","value","label","classes","miniLabel","miniCheckbox","propTypes","PropTypes","bool","object","isRequired","func","string","defaultProps","theme","fontSize","typography","transform","color","margin","padding","width","spacing","unit","height","marginLeft","grey"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,MAASC,OAAT,QAASA,OAAT;AAAA,MAAkBC,QAAlB,QAAkBA,QAAlB;AAAA,MAA4BC,KAA5B,QAA4BA,KAA5B;AAAA,MAAmCC,KAAnC,QAAmCA,KAAnC;AAAA,MAA0CC,OAA1C,QAA0CA,OAA1C;AAAA,sBACf,gCAAC,4BAAD;AACE,IAAA,SAAS,EAAE,4BAAWA,OAAO,CAACL,IAAnB,CADb;AAEE,IAAA,OAAO,EAAE;AACPI,MAAAA,KAAK,EAAE,4BAAWC,OAAO,CAACD,KAAnB,EAA0BJ,IAAI,IAAIK,OAAO,CAACC,SAA1C;AADA,KAFX;AAKE,IAAA,OAAO,eACL,gCAAC,oBAAD;AACE,MAAA,OAAO,EAAEL,OADX;AAEE,MAAA,QAAQ,EAAEC,QAFZ;AAGE,MAAA,KAAK,EAAEC,KAHT;AAIE,MAAA,SAAS,EAAE,4BAAWH,IAAI,IAAIK,OAAO,CAACE,YAA3B;AAJb,MANJ;AAaE,IAAA,KAAK,EAAEH;AAbT,IADe;AAAA,CAAjB;;AAkBAL,QAAQ,CAACS,SAAT,GAAqB;AACnBR,EAAAA,IAAI,EAAES,sBAAUC,IADG;AAEnBL,EAAAA,OAAO,EAAEI,sBAAUE,MAAV,CAAiBC,UAFP;AAGnBX,EAAAA,OAAO,EAAEQ,sBAAUC,IAAV,CAAeE,UAHL;AAInBV,EAAAA,QAAQ,EAAEO,sBAAUI,IAAV,CAAeD,UAJN;AAKnBT,EAAAA,KAAK,EAAEM,sBAAUK,MALE;AAMnBV,EAAAA,KAAK,EAAEK,sBAAUK,MAAV,CAAiBF;AANL,CAArB;AASAb,QAAQ,CAACgB,YAAT,GAAwB;AACtBZ,EAAAA,KAAK,EAAE,EADe;AAEtBH,EAAAA,IAAI,EAAE;AAFgB,CAAxB;;eAKe,wBAAW,UAACgB,KAAD;AAAA,SAAY;AACpCZ,IAAAA,KAAK,EAAE;AACLa,MAAAA,QAAQ,EAAED,KAAK,CAACE,UAAN,CAAiBD,QAAjB,GAA4B,CADjC;AAELE,MAAAA,SAAS,EAAE,oBAFN;AAGLC,MAAAA,KAAK,EAAE;AAHF,KAD6B;AAMpCb,IAAAA,YAAY,EAAE;AACZc,MAAAA,MAAM,EAAE,CADI;AAEZC,MAAAA,OAAO,EAAE,CAFG;AAGZC,MAAAA,KAAK,EAAEP,KAAK,CAACQ,OAAN,CAAcC,IAAd,GAAqB,CAHhB;AAIZC,MAAAA,MAAM,EAAEV,KAAK,CAACQ,OAAN,CAAcC,IAAd,GAAqB;AAJjB,KANsB;AAYpCnB,IAAAA,SAAS,EAAE;AACTqB,MAAAA,UAAU,EAAEX,KAAK,CAACQ,OAAN,CAAcC,IADjB;AAETL,MAAAA,KAAK,EAAEQ,iBAAK,GAAL,CAFE;AAGTX,MAAAA,QAAQ,EAAED,KAAK,CAACE,UAAN,CAAiBD,QAAjB,GAA4B;AAH7B,KAZyB;AAiBpCjB,IAAAA,IAAI,EAAE;AACJqB,MAAAA,MAAM,EAAE,CADJ;AAEJM,MAAAA,UAAU,EAAE,CAFR;AAGJL,MAAAA,OAAO,EAAE;AAHL;AAjB8B,GAAZ;AAAA,CAAX,EAsBXvB,QAtBW,C","sourcesContent":["import FormControlLabel from '@material-ui/core/FormControlLabel';\nimport MuiCheckbox from '@material-ui/core/Checkbox';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport grey from '@material-ui/core/colors/grey';\n\nconst Checkbox = ({ mini, checked, onChange, value, label, classes }) => (\n  <FormControlLabel\n    className={classNames(classes.mini)}\n    classes={{\n      label: classNames(classes.label, mini && classes.miniLabel),\n    }}\n    control={\n      <MuiCheckbox\n        checked={checked}\n        onChange={onChange}\n        value={value}\n        className={classNames(mini && classes.miniCheckbox)}\n      />\n    }\n    label={label}\n  />\n);\n\nCheckbox.propTypes = {\n  mini: PropTypes.bool,\n  classes: PropTypes.object.isRequired,\n  checked: PropTypes.bool.isRequired,\n  onChange: PropTypes.func.isRequired,\n  value: PropTypes.string,\n  label: PropTypes.string.isRequired,\n};\n\nCheckbox.defaultProps = {\n  value: '',\n  mini: false,\n};\n\nexport default withStyles((theme) => ({\n  label: {\n    fontSize: theme.typography.fontSize - 1,\n    transform: 'translate(-4%, 2%)',\n    color: 'rgba(0,0,0,1.0)',\n  },\n  miniCheckbox: {\n    margin: 0,\n    padding: 0,\n    width: theme.spacing.unit * 3,\n    height: theme.spacing.unit * 3,\n  },\n  miniLabel: {\n    marginLeft: theme.spacing.unit,\n    color: grey[700],\n    fontSize: theme.typography.fontSize - 3,\n  },\n  mini: {\n    margin: 0,\n    marginLeft: 0,\n    padding: 0,\n  },\n}))(Checkbox);\n"],"file":"checkbox.js"}

package/lib/choice-configuration/feedback-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/choice-configuration/feedback-menu.jsx"],"names":["IconMenu","props","event","setState","open","anchorEl","currentTarget","state","undefined","opts","onClick","keys","Object","handleMenuClick","key","handleRequestClose","handleClick","iconButtonElement","map","k","index","React","Component","PropTypes","object","func","isRequired","any","FeedbackMenu","value","onChange","classes","t","type","iconColor","tooltip","icon","none","custom"],"mappings":"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","sourcesContent":["import Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport ActionFeedback from '@material-ui/icons/Feedback';\nimport IconButton from '@material-ui/core/IconButton';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nexport class IconMenu extends React.Component {\n  static propTypes = {\n    opts: PropTypes.object,\n    onClick: PropTypes.func.isRequired,\n    iconButtonElement: PropTypes.any,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      anchorEl: undefined,\n      open: false,\n    };\n  }\n\n  handleClick = (event) => {\n    this.setState({ open: true, anchorEl: event.currentTarget });\n  };\n\n  handleRequestClose = () => {\n    this.setState({ open: false });\n  };\n\n  render() {\n    const { opts, onClick } = this.props;\n\n    const keys = Object.keys(opts);\n\n    const handleMenuClick = (key) => () => {\n      onClick(key);\n      this.handleRequestClose();\n    };\n\n    return (\n      <div>\n        <div onClick={this.handleClick}>{this.props.iconButtonElement}</div>\n        <Menu id=\"simple-menu\" anchorEl={this.state.anchorEl} open={this.state.open} onClose={this.handleRequestClose}>\n          {keys.map((k, index) => (\n            <MenuItem key={index} onClick={handleMenuClick(k)}>\n              {opts[k]}\n            </MenuItem>\n          ))}\n        </Menu>\n      </div>\n    );\n  }\n}\n\nexport default class FeedbackMenu extends React.Component {\n  static propTypes = {\n    value: PropTypes.object,\n    onChange: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n  };\n\n  static defaultProps = {\n    classes: {},\n  };\n\n  render() {\n    const { value, onChange, classes } = this.props;\n\n    const t = value && value.type;\n    const iconColor = t === 'custom' || t === 'default' ? 'primary' : 'disabled';\n\n    const tooltip = t === 'custom' ? 'Custom Feedback' : t === 'default' ? 'Default Feedback' : 'Feedback disabled';\n\n    const icon = (\n      <IconButton className={classes.icon} aria-label={tooltip}>\n        <ActionFeedback color={iconColor} />\n      </IconButton>\n    );\n\n    return (\n      <IconMenu\n        iconButtonElement={icon}\n        onClick={(key) => onChange(key)}\n        opts={{\n          none: 'No Feedback',\n          default: 'Default',\n          custom: 'Custom',\n        }}\n      />\n    );\n  }\n}\n"],"file":"feedback-menu.js"}
+{"version":3,"sources":["../../src/choice-configuration/feedback-menu.jsx"],"names":["IconMenu","props","event","setState","open","anchorEl","currentTarget","state","undefined","opts","onClick","keys","Object","handleMenuClick","key","handleRequestClose","handleClick","iconButtonElement","map","k","index","React","Component","PropTypes","object","func","isRequired","any","FeedbackMenu","value","onChange","classes","t","type","iconColor","tooltip","icon","none","custom"],"mappings":"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","sourcesContent":["import Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport ActionFeedback from '@material-ui/icons/Feedback';\nimport IconButton from '@material-ui/core/IconButton';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nexport class IconMenu extends React.Component {\n  static propTypes = {\n    opts: PropTypes.object,\n    onClick: PropTypes.func.isRequired,\n    iconButtonElement: PropTypes.any,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      anchorEl: undefined,\n      open: false,\n    };\n  }\n\n  handleClick = (event) => {\n    this.setState({ open: true, anchorEl: event.currentTarget });\n  };\n\n  handleRequestClose = () => {\n    this.setState({ open: false });\n  };\n\n  render() {\n    const { opts, onClick } = this.props;\n    const keys = Object.keys(opts);\n\n    const handleMenuClick = (key) => () => {\n      onClick(key);\n      this.handleRequestClose();\n    };\n\n    return (\n      <div>\n        <div onClick={this.handleClick}>{this.props.iconButtonElement}</div>\n        <Menu id=\"simple-menu\" anchorEl={this.state.anchorEl} open={this.state.open} onClose={this.handleRequestClose}>\n          {keys.map((k, index) => (\n            <MenuItem key={index} onClick={handleMenuClick(k)}>\n              {opts[k]}\n            </MenuItem>\n          ))}\n        </Menu>\n      </div>\n    );\n  }\n}\n\nexport default class FeedbackMenu extends React.Component {\n  static propTypes = {\n    value: PropTypes.object,\n    onChange: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n  };\n\n  static defaultProps = {\n    classes: {},\n  };\n\n  render() {\n    const { value, onChange, classes } = this.props;\n    const t = value && value.type;\n    const iconColor = t === 'custom' || t === 'default' ? 'primary' : 'disabled';\n    const tooltip = t === 'custom' ? 'Custom Feedback' : t === 'default' ? 'Default Feedback' : 'Feedback disabled';\n\n    const icon = (\n      <IconButton className={classes.icon} aria-label={tooltip}>\n        <ActionFeedback color={iconColor} />\n      </IconButton>\n    );\n\n    return (\n      <IconMenu\n        iconButtonElement={icon}\n        onClick={(key) => onChange(key)}\n        opts={{\n          none: 'No Feedback',\n          default: 'Default',\n          custom: 'Custom',\n        }}\n      />\n    );\n  }\n}\n"],"file":"feedback-menu.js"}

package/lib/choice-configuration/index.js

@@ -105,7 +105,7 @@ var EditableHtmlContainer = (0, _styles.withStyles)(function (theme) {
     }]
   })));
 });
-var Feedback = (0, _styles.withStyles)(function () {
+var Feedback = (0, _styles.withStyles)(function (theme) {
   return {
     text: {
       width: '100%'
@@ -114,7 +114,7 @@ var Feedback = (0, _styles.withStyles)(function () {
       position: 'relative'
     },
     arrowIcon: {
-      fill: '#ccc',
+      fill: theme.palette.grey[400],
       left: -56,
       position: 'absolute',
       top: 20
@@ -356,7 +356,7 @@ exports.ChoiceConfiguration = ChoiceConfiguration;
 var styles = function styles(theme) {
   return {
     index: {
-      padding: '24px 10px 0 0'
+      padding: '24px 8px 0 0'
     },
     choiceConfiguration: {},
     topRow: {
@@ -400,8 +400,8 @@ var styles = function styles(theme) {
       flexDirection: 'column'
     },
     errorText: {
-      fontSize: '12px',
-      color: 'red'
+      fontSize: theme.typography.fontSize - 2,
+      color: theme.palette.error.main
     }
   };
 };

package/lib/choice-configuration/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/choice-configuration/index.jsx"],"names":["EditableHtmlContainer","theme","labelContainer","editorHolder","marginTop","spacing","unit","label","classes","onChange","value","className","imageSupport","disableImageAlignmentButtons","disabled","spellCheck","nonEmpty","toolbarOpts","error","maxImageWidth","maxImageHeight","uploadSoundSupport","names","editor","language","Feedback","text","width","feedbackContainer","position","arrowIcon","fill","left","top","type","correct","defaults","incorrect","ChoiceConfiguration","key","update","props","data","_changeFn","event","target","checked","v","feedback","fb","t","undefined","mode","onDelete","defaultFeedback","index","noLabels","useLetterOrdering","allowFeedBack","allowDelete","noCorrectAnswerError","InputToggle","InputCheckbox","InputRadio","choiceConfiguration","topRow","String","fromCharCode","toUpperCase","toggle","onCheckedChange","middleColumn","onLabelChange","errorText","onFeedbackValueChange","onFeedbackTypeChange","icon","feedbackIcon","deleteIcon","React","Component","PropTypes","object","isRequired","bool","string","oneOf","shape","func","number","add","styles","padding","display","flex","paddingRight","paddingTop","paddingLeft","marginLeft","margin","flexDirection","fontSize","color"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport TextField from '@material-ui/core/TextField';\nimport classNames from 'classnames';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { InputCheckbox, InputRadio } from '../inputs';\nimport FeedbackMenu from './feedback-menu';\nimport ActionDelete from '@material-ui/icons/Delete';\nimport ArrowRight from '@material-ui/icons/SubdirectoryArrowRight';\nimport IconButton from '@material-ui/core/IconButton';\n\nconst EditableHtmlContainer = withStyles((theme) => ({\n  labelContainer: {},\n  editorHolder: {\n    marginTop: theme.spacing.unit * 2,\n  },\n}))(\n  ({\n    label,\n    classes,\n    onChange,\n    value,\n    className,\n    imageSupport,\n    disableImageAlignmentButtons,\n    disabled,\n    spellCheck,\n    nonEmpty,\n    toolbarOpts,\n    error,\n    maxImageWidth,\n    maxImageHeight,\n    uploadSoundSupport,\n  }) => {\n    const names = classNames(classes.labelContainer, className);\n\n    return (\n      <InputContainer label={label} className={names}>\n        <div className={classes.editorHolder}>\n          <EditableHtml\n            markup={value || ''}\n            disabled={disabled}\n            spellCheck={spellCheck}\n            nonEmpty={nonEmpty}\n            onChange={onChange}\n            imageSupport={imageSupport}\n            disableImageAlignmentButtons={disableImageAlignmentButtons}\n            className={classes.editor}\n            toolbarOpts={toolbarOpts}\n            error={error}\n            maxImageWidth={maxImageWidth}\n            maxImageHeight={maxImageHeight}\n            uploadSoundSupport={uploadSoundSupport}\n            languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n          />\n        </div>\n      </InputContainer>\n    );\n  },\n);\n\nconst Feedback = withStyles(() => ({\n  text: {\n    width: '100%',\n  },\n  feedbackContainer: {\n    position: 'relative',\n  },\n  arrowIcon: {\n    fill: '#ccc',\n    left: -56,\n    position: 'absolute',\n    top: 20,\n  },\n}))(({ value, onChange, type, correct, classes, defaults, toolbarOpts }) => {\n  if (!type || type === 'none') {\n    return null;\n  } else if (type === 'default') {\n    return (\n      <div className={classes.feedbackContainer}>\n        <ArrowRight className={classes.arrowIcon} />\n        <TextField\n          className={classes.text}\n          label=\"Feedback Text\"\n          value={correct ? defaults.correct : defaults.incorrect}\n        />\n      </div>\n    );\n  } else {\n    return (\n      <div className={classes.feedbackContainer}>\n        <ArrowRight className={classes.arrowIcon} />\n        <EditableHtmlContainer\n          className={classes.text}\n          label=\"Feedback Text\"\n          value={value}\n          onChange={onChange}\n          toolbarOpts={toolbarOpts}\n        />\n      </div>\n    );\n  }\n});\n\nexport class ChoiceConfiguration extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    noLabels: PropTypes.bool,\n    useLetterOrdering: PropTypes.bool,\n    className: PropTypes.string,\n    mode: PropTypes.oneOf(['checkbox', 'radio']),\n    defaultFeedback: PropTypes.object.isRequired,\n    disabled: PropTypes.bool,\n    nonEmpty: PropTypes.bool,\n    data: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      correct: PropTypes.bool,\n      feedback: PropTypes.shape({\n        type: PropTypes.string,\n        value: PropTypes.string,\n      }),\n    }),\n    onDelete: PropTypes.func,\n    onChange: PropTypes.func,\n    index: PropTypes.number,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    disableImageAlignmentButtons: PropTypes.bool,\n    allowFeedBack: PropTypes.bool,\n    allowDelete: PropTypes.bool,\n    toolbarOpts: PropTypes.object,\n  };\n\n  static defaultProps = {\n    index: -1,\n    noLabels: false,\n    useLetterOrdering: false,\n    allowFeedBack: true,\n    allowDelete: true,\n  };\n\n  _changeFn = (key) => (update) => {\n    const { data, onChange } = this.props;\n    if (onChange) {\n      onChange({ ...data, [key]: update });\n    }\n  };\n\n  onLabelChange = this._changeFn('label');\n\n  onCheckedChange = (event) => {\n    const correct = event.target.checked;\n    const { data, onChange } = this.props;\n\n    if (onChange) {\n      onChange({ ...data, correct });\n    }\n  };\n\n  onFeedbackValueChange = (v) => {\n    const { data, onChange } = this.props;\n\n    if (data.feedback.type !== 'custom') {\n      return;\n    }\n\n    const fb = { ...data.feedback, value: v };\n\n    if (onChange) onChange({ ...data, feedback: fb });\n  };\n\n  onFeedbackTypeChange = (t) => {\n    const { data, onChange } = this.props;\n    const fb = { ...data.feedback, type: t };\n    if (fb.type !== 'custom') {\n      fb.value = undefined;\n    }\n\n    if (onChange) onChange({ ...data, feedback: fb });\n  };\n\n  render() {\n    const {\n      data,\n      classes,\n      mode,\n      onDelete,\n      defaultFeedback,\n      index,\n      className,\n      noLabels,\n      useLetterOrdering,\n      imageSupport,\n      disableImageAlignmentButtons,\n      disabled,\n      spellCheck,\n      nonEmpty,\n      allowFeedBack,\n      allowDelete,\n      toolbarOpts,\n      error,\n      noCorrectAnswerError,\n      uploadSoundSupport,\n    } = this.props;\n\n    const InputToggle = mode === 'checkbox' ? InputCheckbox : InputRadio;\n    const names = classNames(classes.choiceConfiguration, className);\n    return (\n      <div className={names}>\n        <div className={classes.topRow}>\n          {index > 0 && (\n            <span className={classes.index} type=\"title\">\n              {useLetterOrdering ? String.fromCharCode(96 + index).toUpperCase() : index}\n            </span>\n          )}\n          <InputToggle\n            className={classes.toggle}\n            onChange={this.onCheckedChange}\n            label={!noLabels ? 'Correct' : ''}\n            checked={!!data.correct}\n            error={noCorrectAnswerError}\n          />\n          <div className={classes.middleColumn}>\n            <EditableHtmlContainer\n              label={!noLabels ? 'Label' : ''}\n              value={data.label}\n              onChange={this.onLabelChange}\n              imageSupport={imageSupport}\n              disableImageAlignmentButtons={disableImageAlignmentButtons}\n              disabled={disabled}\n              spellCheck={spellCheck}\n              nonEmpty={nonEmpty}\n              toolbarOpts={toolbarOpts}\n              error={error}\n              uploadSoundSupport={uploadSoundSupport}\n            />\n            {error && <div className={classes.errorText}>{error}</div>}\n\n            {allowFeedBack && (\n              <Feedback\n                {...data.feedback}\n                correct={data.correct}\n                defaults={defaultFeedback}\n                onChange={this.onFeedbackValueChange}\n                toolbarOpts={toolbarOpts}\n              />\n            )}\n          </div>\n          {allowFeedBack && (\n            <InputContainer className={classes.feedback} label={!noLabels ? 'Feedback' : ''}>\n              <FeedbackMenu\n                onChange={this.onFeedbackTypeChange}\n                value={data.feedback}\n                classes={{\n                  icon: classes.feedbackIcon,\n                }}\n              />\n            </InputContainer>\n          )}\n          {allowDelete && (\n            <InputContainer className={classes.delete} label={!noLabels ? 'Delete' : ''}>\n              <IconButton aria-label=\"delete\" className={classes.deleteIcon} onClick={onDelete}>\n                <ActionDelete />\n              </IconButton>\n            </InputContainer>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  index: {\n    padding: '24px 10px 0 0',\n  },\n  choiceConfiguration: {},\n  topRow: {\n    display: 'flex',\n  },\n  value: {\n    flex: '0.5',\n    paddingRight: theme.spacing.unit,\n  },\n  editorHolder: {\n    marginTop: theme.spacing.unit * 2,\n  },\n  toggle: {\n    flex: '0 1 auto',\n  },\n  feedback: {\n    flex: '0 1 auto',\n    paddingTop: theme.spacing.unit,\n    paddingLeft: 0,\n    marginLeft: 0,\n    paddingRight: theme.spacing.unit * 3,\n  },\n  feedbackIcon: {\n    margin: 0,\n    paddingLeft: 0,\n    width: 'inherit',\n  },\n  deleteIcon: {\n    margin: 0,\n    width: 'inherit',\n  },\n  delete: {\n    flex: '0 1 auto',\n    paddingTop: theme.spacing.unit,\n    paddingLeft: 0,\n    marginLeft: 0,\n  },\n  middleColumn: {\n    display: 'flex',\n    flex: 1,\n    flexDirection: 'column',\n  },\n  errorText: {\n    fontSize: '12px',\n    color: 'red',\n  },\n});\n\nexport default withStyles(styles)(ChoiceConfiguration);\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/choice-configuration/index.jsx"],"names":["EditableHtmlContainer","theme","labelContainer","editorHolder","marginTop","spacing","unit","label","classes","onChange","value","className","imageSupport","disableImageAlignmentButtons","disabled","spellCheck","nonEmpty","toolbarOpts","error","maxImageWidth","maxImageHeight","uploadSoundSupport","names","editor","language","Feedback","text","width","feedbackContainer","position","arrowIcon","fill","palette","grey","left","top","type","correct","defaults","incorrect","ChoiceConfiguration","key","update","props","data","_changeFn","event","target","checked","v","feedback","fb","t","undefined","mode","onDelete","defaultFeedback","index","noLabels","useLetterOrdering","allowFeedBack","allowDelete","noCorrectAnswerError","InputToggle","InputCheckbox","InputRadio","choiceConfiguration","topRow","String","fromCharCode","toUpperCase","toggle","onCheckedChange","middleColumn","onLabelChange","errorText","onFeedbackValueChange","onFeedbackTypeChange","icon","feedbackIcon","deleteIcon","React","Component","PropTypes","object","isRequired","bool","string","oneOf","shape","func","number","add","styles","padding","display","flex","paddingRight","paddingTop","paddingLeft","marginLeft","margin","flexDirection","fontSize","typography","color","main"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport TextField from '@material-ui/core/TextField';\nimport classNames from 'classnames';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { InputCheckbox, InputRadio } from '../inputs';\nimport FeedbackMenu from './feedback-menu';\nimport ActionDelete from '@material-ui/icons/Delete';\nimport ArrowRight from '@material-ui/icons/SubdirectoryArrowRight';\nimport IconButton from '@material-ui/core/IconButton';\n\nconst EditableHtmlContainer = withStyles((theme) => ({\n  labelContainer: {},\n  editorHolder: {\n    marginTop: theme.spacing.unit * 2,\n  },\n}))(\n  ({\n    label,\n    classes,\n    onChange,\n    value,\n    className,\n    imageSupport,\n    disableImageAlignmentButtons,\n    disabled,\n    spellCheck,\n    nonEmpty,\n    toolbarOpts,\n    error,\n    maxImageWidth,\n    maxImageHeight,\n    uploadSoundSupport,\n  }) => {\n    const names = classNames(classes.labelContainer, className);\n\n    return (\n      <InputContainer label={label} className={names}>\n        <div className={classes.editorHolder}>\n          <EditableHtml\n            markup={value || ''}\n            disabled={disabled}\n            spellCheck={spellCheck}\n            nonEmpty={nonEmpty}\n            onChange={onChange}\n            imageSupport={imageSupport}\n            disableImageAlignmentButtons={disableImageAlignmentButtons}\n            className={classes.editor}\n            toolbarOpts={toolbarOpts}\n            error={error}\n            maxImageWidth={maxImageWidth}\n            maxImageHeight={maxImageHeight}\n            uploadSoundSupport={uploadSoundSupport}\n            languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n          />\n        </div>\n      </InputContainer>\n    );\n  },\n);\n\nconst Feedback = withStyles((theme) => ({\n  text: {\n    width: '100%',\n  },\n  feedbackContainer: {\n    position: 'relative',\n  },\n  arrowIcon: {\n    fill: theme.palette.grey[400],\n    left: -56,\n    position: 'absolute',\n    top: 20,\n  },\n}))(({ value, onChange, type, correct, classes, defaults, toolbarOpts }) => {\n  if (!type || type === 'none') {\n    return null;\n  } else if (type === 'default') {\n    return (\n      <div className={classes.feedbackContainer}>\n        <ArrowRight className={classes.arrowIcon} />\n        <TextField\n          className={classes.text}\n          label=\"Feedback Text\"\n          value={correct ? defaults.correct : defaults.incorrect}\n        />\n      </div>\n    );\n  } else {\n    return (\n      <div className={classes.feedbackContainer}>\n        <ArrowRight className={classes.arrowIcon} />\n        <EditableHtmlContainer\n          className={classes.text}\n          label=\"Feedback Text\"\n          value={value}\n          onChange={onChange}\n          toolbarOpts={toolbarOpts}\n        />\n      </div>\n    );\n  }\n});\n\nexport class ChoiceConfiguration extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    noLabels: PropTypes.bool,\n    useLetterOrdering: PropTypes.bool,\n    className: PropTypes.string,\n    mode: PropTypes.oneOf(['checkbox', 'radio']),\n    defaultFeedback: PropTypes.object.isRequired,\n    disabled: PropTypes.bool,\n    nonEmpty: PropTypes.bool,\n    data: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      correct: PropTypes.bool,\n      feedback: PropTypes.shape({\n        type: PropTypes.string,\n        value: PropTypes.string,\n      }),\n    }),\n    onDelete: PropTypes.func,\n    onChange: PropTypes.func,\n    index: PropTypes.number,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    disableImageAlignmentButtons: PropTypes.bool,\n    allowFeedBack: PropTypes.bool,\n    allowDelete: PropTypes.bool,\n    toolbarOpts: PropTypes.object,\n  };\n\n  static defaultProps = {\n    index: -1,\n    noLabels: false,\n    useLetterOrdering: false,\n    allowFeedBack: true,\n    allowDelete: true,\n  };\n\n  _changeFn = (key) => (update) => {\n    const { data, onChange } = this.props;\n\n    if (onChange) {\n      onChange({ ...data, [key]: update });\n    }\n  };\n\n  onLabelChange = this._changeFn('label');\n\n  onCheckedChange = (event) => {\n    const correct = event.target.checked;\n    const { data, onChange } = this.props;\n\n    if (onChange) {\n      onChange({ ...data, correct });\n    }\n  };\n\n  onFeedbackValueChange = (v) => {\n    const { data, onChange } = this.props;\n\n    if (data.feedback.type !== 'custom') {\n      return;\n    }\n\n    const fb = { ...data.feedback, value: v };\n\n    if (onChange) onChange({ ...data, feedback: fb });\n  };\n\n  onFeedbackTypeChange = (t) => {\n    const { data, onChange } = this.props;\n    const fb = { ...data.feedback, type: t };\n\n    if (fb.type !== 'custom') {\n      fb.value = undefined;\n    }\n\n    if (onChange) onChange({ ...data, feedback: fb });\n  };\n\n  render() {\n    const {\n      data,\n      classes,\n      mode,\n      onDelete,\n      defaultFeedback,\n      index,\n      className,\n      noLabels,\n      useLetterOrdering,\n      imageSupport,\n      disableImageAlignmentButtons,\n      disabled,\n      spellCheck,\n      nonEmpty,\n      allowFeedBack,\n      allowDelete,\n      toolbarOpts,\n      error,\n      noCorrectAnswerError,\n      uploadSoundSupport,\n    } = this.props;\n\n    const InputToggle = mode === 'checkbox' ? InputCheckbox : InputRadio;\n    const names = classNames(classes.choiceConfiguration, className);\n\n    return (\n      <div className={names}>\n        <div className={classes.topRow}>\n          {index > 0 && (\n            <span className={classes.index} type=\"title\">\n              {useLetterOrdering ? String.fromCharCode(96 + index).toUpperCase() : index}\n            </span>\n          )}\n\n          <InputToggle\n            className={classes.toggle}\n            onChange={this.onCheckedChange}\n            label={!noLabels ? 'Correct' : ''}\n            checked={!!data.correct}\n            error={noCorrectAnswerError}\n          />\n\n          <div className={classes.middleColumn}>\n            <EditableHtmlContainer\n              label={!noLabels ? 'Label' : ''}\n              value={data.label}\n              onChange={this.onLabelChange}\n              imageSupport={imageSupport}\n              disableImageAlignmentButtons={disableImageAlignmentButtons}\n              disabled={disabled}\n              spellCheck={spellCheck}\n              nonEmpty={nonEmpty}\n              toolbarOpts={toolbarOpts}\n              error={error}\n              uploadSoundSupport={uploadSoundSupport}\n            />\n            {error && <div className={classes.errorText}>{error}</div>}\n\n            {allowFeedBack && (\n              <Feedback\n                {...data.feedback}\n                correct={data.correct}\n                defaults={defaultFeedback}\n                onChange={this.onFeedbackValueChange}\n                toolbarOpts={toolbarOpts}\n              />\n            )}\n          </div>\n\n          {allowFeedBack && (\n            <InputContainer className={classes.feedback} label={!noLabels ? 'Feedback' : ''}>\n              <FeedbackMenu\n                onChange={this.onFeedbackTypeChange}\n                value={data.feedback}\n                classes={{\n                  icon: classes.feedbackIcon,\n                }}\n              />\n            </InputContainer>\n          )}\n\n          {allowDelete && (\n            <InputContainer className={classes.delete} label={!noLabels ? 'Delete' : ''}>\n              <IconButton aria-label=\"delete\" className={classes.deleteIcon} onClick={onDelete}>\n                <ActionDelete />\n              </IconButton>\n            </InputContainer>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  index: {\n    padding: '24px 8px 0 0',\n  },\n  choiceConfiguration: {},\n  topRow: {\n    display: 'flex',\n  },\n  value: {\n    flex: '0.5',\n    paddingRight: theme.spacing.unit,\n  },\n  editorHolder: {\n    marginTop: theme.spacing.unit * 2,\n  },\n  toggle: {\n    flex: '0 1 auto',\n  },\n  feedback: {\n    flex: '0 1 auto',\n    paddingTop: theme.spacing.unit,\n    paddingLeft: 0,\n    marginLeft: 0,\n    paddingRight: theme.spacing.unit * 3,\n  },\n  feedbackIcon: {\n    margin: 0,\n    paddingLeft: 0,\n    width: 'inherit',\n  },\n  deleteIcon: {\n    margin: 0,\n    width: 'inherit',\n  },\n  delete: {\n    flex: '0 1 auto',\n    paddingTop: theme.spacing.unit,\n    paddingLeft: 0,\n    marginLeft: 0,\n  },\n  middleColumn: {\n    display: 'flex',\n    flex: 1,\n    flexDirection: 'column',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n  },\n});\n\nexport default withStyles(styles)(ChoiceConfiguration);\n"],"file":"index.js"}

package/lib/feedback-config/feedback-selector.js

@@ -50,9 +50,10 @@ var feedbackLabels = {
 var holder = function holder(theme, extras) {
   return _objectSpread({
     marginTop: '0px',
-    background: '#e0dee0',
-    padding: theme.spacing.unit * 0.9,
-    marginBottom: theme.spacing.unit * 2
+    background: theme.palette.grey[300],
+    padding: theme.spacing.unit,
+    marginBottom: theme.spacing.unit * 2,
+    borderRadius: '4px'
   }, extras);
 };
 
@@ -71,7 +72,7 @@ var style = function style(theme) {
       paddingBottom: 0
     },
     customHolder: holder(theme, {
-      background: '#e0dee0',
+      background: theme.palette.grey[400],
       padding: 0
     }),
     defaultHolder: holder(theme, {

package/lib/feedback-config/feedback-selector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback-config/feedback-selector.jsx"],"names":["feedbackLabels","none","custom","holder","theme","extras","marginTop","background","padding","spacing","unit","marginBottom","style","feedbackSelector","label","cursor","inputContainerLabel","transform","feedbackInputContainer","paddingBottom","customHolder","defaultHolder","fontFamily","typography","editor","group","paddingTop","FeedbackType","type","PropTypes","oneOf","string","FeedbackSelector","props","onChange","feedback","keys","classes","toolbarOpts","feedbackKeys","Object","changeType","changeCustom","language","React","Component","arrayOf","object","isRequired","shape","func"],"mappings":"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","sourcesContent":["import EditableHTML from '@pie-lib/editable-html';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Group from './group';\n\nconst feedbackLabels = {\n  default: 'Simple Feedback',\n  none: 'No Feedback',\n  custom: 'Customized Feedback',\n};\n\nconst holder = (theme, extras) => ({\n  marginTop: '0px',\n  background: '#e0dee0',\n  padding: theme.spacing.unit * 0.9,\n  marginBottom: theme.spacing.unit * 2,\n  ...extras,\n});\n\nconst style = (theme) => ({\n  feedbackSelector: {\n    marginBottom: theme.spacing.unit,\n  },\n  label: {\n    cursor: 'pointer',\n  },\n  inputContainerLabel: {\n    transform: 'translateY(-20%)',\n  },\n  feedbackInputContainer: {\n    paddingBottom: 0,\n  },\n  customHolder: holder(theme, {\n    background: '#e0dee0',\n    padding: 0,\n  }),\n  defaultHolder: holder(theme, {\n    fontFamily: theme.typography.fontFamily,\n    cursor: 'default',\n  }),\n  editor: {\n    fontFamily: theme.typography.fontFamily,\n  },\n  group: {\n    paddingTop: theme.spacing.unit,\n  },\n});\n\nexport const FeedbackType = {\n  type: PropTypes.oneOf(['default', 'custom', 'none']),\n  default: PropTypes.string,\n  custom: PropTypes.string,\n};\n\nexport class FeedbackSelector extends React.Component {\n  static propTypes = {\n    keys: PropTypes.arrayOf(PropTypes.string),\n    classes: PropTypes.object.isRequired,\n    label: PropTypes.string.isRequired,\n    feedback: PropTypes.shape(FeedbackType).isRequired,\n    onChange: PropTypes.func.isRequired,\n    toolbarOpts: PropTypes.object,\n  };\n\n  changeType = (type) => {\n    const { onChange, feedback } = this.props;\n    onChange({ ...feedback, type });\n  };\n\n  changeCustom = (custom) => {\n    const { onChange, feedback } = this.props;\n    onChange({ ...feedback, type: 'custom', custom });\n  };\n\n  render() {\n    const { keys, classes, label, feedback, toolbarOpts } = this.props;\n\n    const feedbackKeys = keys || Object.keys(feedbackLabels);\n\n    return (\n      <div className={classes.feedbackSelector}>\n        <InputContainer\n          label={label}\n          className={classes.feedbackInputContainer}\n          extraClasses={{ label: classes.inputContainerLabel }}\n        >\n          <Group\n            className={classes.group}\n            keys={feedbackKeys}\n            label={label}\n            value={feedback.type}\n            onChange={this.changeType}\n            feedbackLabels={feedbackLabels}\n          />\n        </InputContainer>\n        {feedback.type === 'custom' && (\n          <div className={classes.customHolder}>\n            <EditableHTML\n              className={classes.editor}\n              onChange={this.changeCustom}\n              markup={feedback.custom || ''}\n              toolbarOpts={toolbarOpts}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            />\n          </div>\n        )}\n        {feedback.type === 'default' && <div className={classes.defaultHolder}> {feedback.default}</div>}\n      </div>\n    );\n  }\n}\n\nexport default withStyles(style)(FeedbackSelector);\n"],"file":"feedback-selector.js"}
+{"version":3,"sources":["../../src/feedback-config/feedback-selector.jsx"],"names":["feedbackLabels","none","custom","holder","theme","extras","marginTop","background","palette","grey","padding","spacing","unit","marginBottom","borderRadius","style","feedbackSelector","label","cursor","inputContainerLabel","transform","feedbackInputContainer","paddingBottom","customHolder","defaultHolder","fontFamily","typography","editor","group","paddingTop","FeedbackType","type","PropTypes","oneOf","string","FeedbackSelector","props","onChange","feedback","keys","classes","toolbarOpts","feedbackKeys","Object","changeType","changeCustom","language","React","Component","arrayOf","object","isRequired","shape","func"],"mappings":"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","sourcesContent":["import EditableHTML from '@pie-lib/editable-html';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Group from './group';\n\nconst feedbackLabels = {\n  default: 'Simple Feedback',\n  none: 'No Feedback',\n  custom: 'Customized Feedback',\n};\n\nconst holder = (theme, extras) => ({\n  marginTop: '0px',\n  background: theme.palette.grey[300],\n  padding: theme.spacing.unit,\n  marginBottom: theme.spacing.unit * 2,\n  borderRadius: '4px',\n  ...extras,\n});\n\nconst style = (theme) => ({\n  feedbackSelector: {\n    marginBottom: theme.spacing.unit,\n  },\n  label: {\n    cursor: 'pointer',\n  },\n  inputContainerLabel: {\n    transform: 'translateY(-20%)',\n  },\n  feedbackInputContainer: {\n    paddingBottom: 0,\n  },\n  customHolder: holder(theme, {\n    background: theme.palette.grey[400],\n    padding: 0,\n  }),\n  defaultHolder: holder(theme, {\n    fontFamily: theme.typography.fontFamily,\n    cursor: 'default',\n  }),\n  editor: {\n    fontFamily: theme.typography.fontFamily,\n  },\n  group: {\n    paddingTop: theme.spacing.unit,\n  },\n});\n\nexport const FeedbackType = {\n  type: PropTypes.oneOf(['default', 'custom', 'none']),\n  default: PropTypes.string,\n  custom: PropTypes.string,\n};\n\nexport class FeedbackSelector extends React.Component {\n  static propTypes = {\n    keys: PropTypes.arrayOf(PropTypes.string),\n    classes: PropTypes.object.isRequired,\n    label: PropTypes.string.isRequired,\n    feedback: PropTypes.shape(FeedbackType).isRequired,\n    onChange: PropTypes.func.isRequired,\n    toolbarOpts: PropTypes.object,\n  };\n\n  changeType = (type) => {\n    const { onChange, feedback } = this.props;\n\n    onChange({ ...feedback, type });\n  };\n\n  changeCustom = (custom) => {\n    const { onChange, feedback } = this.props;\n\n    onChange({ ...feedback, type: 'custom', custom });\n  };\n\n  render() {\n    const { keys, classes, label, feedback, toolbarOpts } = this.props;\n\n    const feedbackKeys = keys || Object.keys(feedbackLabels);\n\n    return (\n      <div className={classes.feedbackSelector}>\n        <InputContainer\n          label={label}\n          className={classes.feedbackInputContainer}\n          extraClasses={{ label: classes.inputContainerLabel }}\n        >\n          <Group\n            className={classes.group}\n            keys={feedbackKeys}\n            label={label}\n            value={feedback.type}\n            onChange={this.changeType}\n            feedbackLabels={feedbackLabels}\n          />\n        </InputContainer>\n\n        {feedback.type === 'custom' && (\n          <div className={classes.customHolder}>\n            <EditableHTML\n              className={classes.editor}\n              onChange={this.changeCustom}\n              markup={feedback.custom || ''}\n              toolbarOpts={toolbarOpts}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            />\n          </div>\n        )}\n\n        {feedback.type === 'default' && <div className={classes.defaultHolder}> {feedback.default}</div>}\n      </div>\n    );\n  }\n}\n\nexport default withStyles(style)(FeedbackSelector);\n"],"file":"feedback-selector.js"}

package/lib/feedback-config/group.js

@@ -17,10 +17,10 @@ var _styles = require("@material-ui/core/styles");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var styles = function styles() {
+var styles = function styles(theme) {
   return {
     radioLabel: {
-      fontSize: '12px'
+      fontSize: theme.typography.fontSize - 2
     },
     choice: {
       display: 'flex',

package/lib/feedback-config/group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback-config/group.jsx"],"names":["styles","radioLabel","fontSize","choice","display","alignItems","choiceHolder","Group","props","feedbackLabels","value","classes","className","onChange","keys","map","key","label","e","currentTarget","propTypes","PropTypes","string","object","isRequired","arrayOf","func"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBC,IAAAA,UAAU,EAAE;AACVC,MAAAA,QAAQ,EAAE;AADA,KADQ;AAIpBC,IAAAA,MAAM,EAAE;AACNC,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,UAAU,EAAE;AAFN,KAJY;AAQpBC,IAAAA,YAAY,EAAE;AACZF,MAAAA,OAAO,EAAE,MADG;AAEZC,MAAAA,UAAU,EAAE;AAFA;AARM,GAAP;AAAA,CAAf;;AAcA,IAAME,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAW;AACvB,MAAQC,cAAR,GAAsED,KAAtE,CAAQC,cAAR;AAAA,MAAwBC,KAAxB,GAAsEF,KAAtE,CAAwBE,KAAxB;AAAA,MAA+BC,OAA/B,GAAsEH,KAAtE,CAA+BG,OAA/B;AAAA,MAAwCC,SAAxC,GAAsEJ,KAAtE,CAAwCI,SAAxC;AAAA,MAAmDC,SAAnD,GAAsEL,KAAtE,CAAmDK,QAAnD;AAAA,MAA6DC,IAA7D,GAAsEN,KAAtE,CAA6DM,IAA7D;AAEA,sBACE;AAAK,IAAA,SAAS,EAAE,4BAAWH,OAAO,CAACL,YAAnB,EAAiCM,SAAjC;AAAhB,KACGE,IAAI,CAACC,GAAL,CAAS,UAACC,GAAD,EAAS;AACjB,wBACE;AAAK,MAAA,SAAS,EAAEL,OAAO,CAACR,MAAxB;AAAgC,MAAA,GAAG,EAAEa;AAArC,oBACE,gCAAC,0BAAD;AACE,MAAA,KAAK,EAAEA,GADT;AAEE,MAAA,OAAO,EAAEN,KAAK,KAAKM,GAFrB;AAGE,MAAA,OAAO,EAAE;AACPC,QAAAA,KAAK,EAAEN,OAAO,CAACV;AADR,OAHX;AAME,MAAA,QAAQ,EAAE,kBAACiB,CAAD;AAAA,eAAOL,SAAQ,CAACK,CAAC,CAACC,aAAF,CAAgBT,KAAjB,CAAf;AAAA,OANZ;AAOE,MAAA,KAAK,EAAED,cAAc,CAACO,GAAD;AAPvB,MADF,CADF;AAaD,GAdA,CADH,CADF;AAmBD,CAtBD;;AAwBAT,KAAK,CAACa,SAAN,GAAkB;AAChBR,EAAAA,SAAS,EAAES,sBAAUC,MADL;AAEhBb,EAAAA,cAAc,EAAEY,sBAAUE,MAAV,CAAiBC,UAFjB;AAGhBd,EAAAA,KAAK,EAAEW,sBAAUC,MAAV,CAAiBE,UAHR;AAIhBb,EAAAA,OAAO,EAAEU,sBAAUE,MAAV,CAAiBC,UAJV;AAKhBV,EAAAA,IAAI,EAAEO,sBAAUI,OAAV,CAAkBJ,sBAAUC,MAA5B,CALU;AAMhBT,EAAAA,QAAQ,EAAEQ,sBAAUK;AANJ,CAAlB;;eASe,wBAAW1B,MAAX,EAAmBO,KAAnB,C","sourcesContent":["import PropTypes from 'prop-types';\nimport RadioWithLabel from '../radio-with-label';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nconst styles = () => ({\n  radioLabel: {\n    fontSize: '12px',\n  },\n  choice: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  choiceHolder: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n});\n\nconst Group = (props) => {\n  const { feedbackLabels, value, classes, className, onChange, keys } = props;\n\n  return (\n    <div className={classNames(classes.choiceHolder, className)}>\n      {keys.map((key) => {\n        return (\n          <div className={classes.choice} key={key}>\n            <RadioWithLabel\n              value={key}\n              checked={value === key}\n              classes={{\n                label: classes.radioLabel,\n              }}\n              onChange={(e) => onChange(e.currentTarget.value)}\n              label={feedbackLabels[key]}\n            />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nGroup.propTypes = {\n  className: PropTypes.string,\n  feedbackLabels: PropTypes.object.isRequired,\n  value: PropTypes.string.isRequired,\n  classes: PropTypes.object.isRequired,\n  keys: PropTypes.arrayOf(PropTypes.string),\n  onChange: PropTypes.func,\n};\n\nexport default withStyles(styles)(Group);\n"],"file":"group.js"}
+{"version":3,"sources":["../../src/feedback-config/group.jsx"],"names":["styles","theme","radioLabel","fontSize","typography","choice","display","alignItems","choiceHolder","Group","props","feedbackLabels","value","classes","className","onChange","keys","map","key","label","e","currentTarget","propTypes","PropTypes","string","object","isRequired","arrayOf","func"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,UAAU,EAAE;AACVC,MAAAA,QAAQ,EAAEF,KAAK,CAACG,UAAN,CAAiBD,QAAjB,GAA4B;AAD5B,KADa;AAIzBE,IAAAA,MAAM,EAAE;AACNC,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,UAAU,EAAE;AAFN,KAJiB;AAQzBC,IAAAA,YAAY,EAAE;AACZF,MAAAA,OAAO,EAAE,MADG;AAEZC,MAAAA,UAAU,EAAE;AAFA;AARW,GAAZ;AAAA,CAAf;;AAcA,IAAME,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAW;AACvB,MAAQC,cAAR,GAAsED,KAAtE,CAAQC,cAAR;AAAA,MAAwBC,KAAxB,GAAsEF,KAAtE,CAAwBE,KAAxB;AAAA,MAA+BC,OAA/B,GAAsEH,KAAtE,CAA+BG,OAA/B;AAAA,MAAwCC,SAAxC,GAAsEJ,KAAtE,CAAwCI,SAAxC;AAAA,MAAmDC,SAAnD,GAAsEL,KAAtE,CAAmDK,QAAnD;AAAA,MAA6DC,IAA7D,GAAsEN,KAAtE,CAA6DM,IAA7D;AAEA,sBACE;AAAK,IAAA,SAAS,EAAE,4BAAWH,OAAO,CAACL,YAAnB,EAAiCM,SAAjC;AAAhB,KACGE,IAAI,CAACC,GAAL,CAAS,UAACC,GAAD,EAAS;AACjB,wBACE;AAAK,MAAA,SAAS,EAAEL,OAAO,CAACR,MAAxB;AAAgC,MAAA,GAAG,EAAEa;AAArC,oBACE,gCAAC,0BAAD;AACE,MAAA,KAAK,EAAEA,GADT;AAEE,MAAA,OAAO,EAAEN,KAAK,KAAKM,GAFrB;AAGE,MAAA,OAAO,EAAE;AAAEC,QAAAA,KAAK,EAAEN,OAAO,CAACX;AAAjB,OAHX;AAIE,MAAA,QAAQ,EAAE,kBAACkB,CAAD;AAAA,eAAOL,SAAQ,CAACK,CAAC,CAACC,aAAF,CAAgBT,KAAjB,CAAf;AAAA,OAJZ;AAKE,MAAA,KAAK,EAAED,cAAc,CAACO,GAAD;AALvB,MADF,CADF;AAWD,GAZA,CADH,CADF;AAiBD,CApBD;;AAsBAT,KAAK,CAACa,SAAN,GAAkB;AAChBR,EAAAA,SAAS,EAAES,sBAAUC,MADL;AAEhBb,EAAAA,cAAc,EAAEY,sBAAUE,MAAV,CAAiBC,UAFjB;AAGhBd,EAAAA,KAAK,EAAEW,sBAAUC,MAAV,CAAiBE,UAHR;AAIhBb,EAAAA,OAAO,EAAEU,sBAAUE,MAAV,CAAiBC,UAJV;AAKhBV,EAAAA,IAAI,EAAEO,sBAAUI,OAAV,CAAkBJ,sBAAUC,MAA5B,CALU;AAMhBT,EAAAA,QAAQ,EAAEQ,sBAAUK;AANJ,CAAlB;;eASe,wBAAW5B,MAAX,EAAmBS,KAAnB,C","sourcesContent":["import PropTypes from 'prop-types';\nimport RadioWithLabel from '../radio-with-label';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nconst styles = (theme) => ({\n  radioLabel: {\n    fontSize: theme.typography.fontSize - 2,\n  },\n  choice: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  choiceHolder: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n});\n\nconst Group = (props) => {\n  const { feedbackLabels, value, classes, className, onChange, keys } = props;\n\n  return (\n    <div className={classNames(classes.choiceHolder, className)}>\n      {keys.map((key) => {\n        return (\n          <div className={classes.choice} key={key}>\n            <RadioWithLabel\n              value={key}\n              checked={value === key}\n              classes={{ label: classes.radioLabel }}\n              onChange={(e) => onChange(e.currentTarget.value)}\n              label={feedbackLabels[key]}\n            />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nGroup.propTypes = {\n  className: PropTypes.string,\n  feedbackLabels: PropTypes.object.isRequired,\n  value: PropTypes.string.isRequired,\n  classes: PropTypes.object.isRequired,\n  keys: PropTypes.arrayOf(PropTypes.string),\n  onChange: PropTypes.func,\n};\n\nexport default withStyles(styles)(Group);\n"],"file":"group.js"}

package/lib/feedback-config/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback-config/index.jsx"],"names":["style","feedbackContainer","display","flexDirection","buildDefaults","input","correct","type","incorrect","partial","FeedbackConfig","onChange","bind","key","config","props","feedback","update","classes","allowPartial","toolbarOpts","heading","onCorrectChange","onPartialChange","onIncorrectChange","React","Component","PropTypes","bool","shape","FeedbackType","func","isRequired","object"],"mappings":"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","sourcesContent":["import FeedbackSelector, { FeedbackType } from './feedback-selector';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport ExpansionPanel from '@material-ui/core/ExpansionPanel';\nimport ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';\nimport ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport merge from 'lodash/merge';\n\nexport { FeedbackSelector };\n\nconst style = {\n  feedbackContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n};\n\nexport const buildDefaults = (input) => {\n  return merge(\n    {},\n    {\n      correct: { type: 'default', default: 'Correct' },\n      incorrect: { type: 'default', default: 'Incorrect' },\n      partial: { type: 'default', default: 'Nearly' },\n    },\n    input,\n  );\n};\n\nexport class FeedbackConfig extends React.Component {\n  static propTypes = {\n    allowPartial: PropTypes.bool,\n    feedback: PropTypes.shape({\n      correct: PropTypes.shape(FeedbackType),\n      incorrect: PropTypes.shape(FeedbackType),\n      partial: PropTypes.shape(FeedbackType),\n    }),\n    onChange: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    toolbarOpts: PropTypes.object,\n  };\n\n  static defaultProps = {\n    allowPartial: true,\n    feedback: buildDefaults(),\n  };\n\n  onChange(key, config) {\n    const { feedback, onChange } = this.props;\n    const update = { ...feedback, [key]: config };\n    onChange(update);\n  }\n\n  onCorrectChange = this.onChange.bind(this, 'correct');\n  onIncorrectChange = this.onChange.bind(this, 'incorrect');\n  onPartialChange = this.onChange.bind(this, 'partial');\n\n  render() {\n    const { classes, allowPartial, feedback, toolbarOpts } = this.props;\n\n    return (\n      <ExpansionPanel>\n        <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>\n          <Typography className={classes.heading}>Feedback</Typography>\n        </ExpansionPanelSummary>\n        <ExpansionPanelDetails>\n          <div className={classes.feedbackContainer}>\n            <FeedbackSelector\n              label=\"If correct, show\"\n              feedback={feedback.correct}\n              onChange={this.onCorrectChange}\n              toolbarOpts={toolbarOpts}\n            />\n            {allowPartial && (\n              <FeedbackSelector\n                label=\"If partially correct, show\"\n                feedback={feedback.partial}\n                onChange={this.onPartialChange}\n                toolbarOpts={toolbarOpts}\n              />\n            )}\n            <FeedbackSelector\n              label=\"If incorrect, show\"\n              feedback={feedback.incorrect}\n              onChange={this.onIncorrectChange}\n              toolbarOpts={toolbarOpts}\n            />\n          </div>\n        </ExpansionPanelDetails>\n      </ExpansionPanel>\n    );\n  }\n}\n\nexport default withStyles(style)(FeedbackConfig);\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/feedback-config/index.jsx"],"names":["style","feedbackContainer","display","flexDirection","buildDefaults","input","correct","type","incorrect","partial","FeedbackConfig","onChange","bind","key","config","props","feedback","update","classes","allowPartial","toolbarOpts","heading","onCorrectChange","onPartialChange","onIncorrectChange","React","Component","PropTypes","bool","shape","FeedbackType","func","isRequired","object"],"mappings":"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","sourcesContent":["import FeedbackSelector, { FeedbackType } from './feedback-selector';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport ExpansionPanel from '@material-ui/core/ExpansionPanel';\nimport ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';\nimport ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport merge from 'lodash/merge';\n\nexport { FeedbackSelector };\n\nconst style = {\n  feedbackContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n};\n\nexport const buildDefaults = (input) => {\n  return merge(\n    {},\n    {\n      correct: { type: 'default', default: 'Correct' },\n      incorrect: { type: 'default', default: 'Incorrect' },\n      partial: { type: 'default', default: 'Nearly' },\n    },\n    input,\n  );\n};\n\nexport class FeedbackConfig extends React.Component {\n  static propTypes = {\n    allowPartial: PropTypes.bool,\n    feedback: PropTypes.shape({\n      correct: PropTypes.shape(FeedbackType),\n      incorrect: PropTypes.shape(FeedbackType),\n      partial: PropTypes.shape(FeedbackType),\n    }),\n    onChange: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    toolbarOpts: PropTypes.object,\n  };\n\n  static defaultProps = {\n    allowPartial: true,\n    feedback: buildDefaults(),\n  };\n\n  onChange(key, config) {\n    const { feedback, onChange } = this.props;\n    const update = { ...feedback, [key]: config };\n\n    onChange(update);\n  }\n\n  onCorrectChange = this.onChange.bind(this, 'correct');\n\n  onIncorrectChange = this.onChange.bind(this, 'incorrect');\n\n  onPartialChange = this.onChange.bind(this, 'partial');\n\n  render() {\n    const { classes, allowPartial, feedback, toolbarOpts } = this.props;\n\n    return (\n      <ExpansionPanel>\n        <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>\n          <Typography className={classes.heading}>Feedback</Typography>\n        </ExpansionPanelSummary>\n\n        <ExpansionPanelDetails>\n          <div className={classes.feedbackContainer}>\n            <FeedbackSelector\n              label=\"If correct, show\"\n              feedback={feedback.correct}\n              onChange={this.onCorrectChange}\n              toolbarOpts={toolbarOpts}\n            />\n\n            {allowPartial && (\n              <FeedbackSelector\n                label=\"If partially correct, show\"\n                feedback={feedback.partial}\n                onChange={this.onPartialChange}\n                toolbarOpts={toolbarOpts}\n              />\n            )}\n\n            <FeedbackSelector\n              label=\"If incorrect, show\"\n              feedback={feedback.incorrect}\n              onChange={this.onIncorrectChange}\n              toolbarOpts={toolbarOpts}\n            />\n          </div>\n        </ExpansionPanelDetails>\n      </ExpansionPanel>\n    );\n  }\n}\n\nexport default withStyles(style)(FeedbackConfig);\n"],"file":"index.js"}

package/lib/help.js

@@ -60,12 +60,14 @@ RawHelpButton.propTypes = {
   onClick: _propTypes["default"].func,
   classes: _propTypes["default"].object.isRequired
 };
-var HelpButton = (0, _styles.withStyles)({
-  icon: {
-    '&:hover': {
-      color: '#ddd'
+var HelpButton = (0, _styles.withStyles)(function (theme) {
+  return {
+    icon: {
+      '&:hover': {
+        color: theme.palette.grey[300]
+      }
     }
-  }
+  };
 })(RawHelpButton);
 exports.HelpButton = HelpButton;
 

package/lib/help.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/help.jsx"],"names":["RawHelpButton","onClick","classes","label","icon","propTypes","PropTypes","func","object","isRequired","HelpButton","color","HelpDialog","open","onClose","children","title","bool","oneOfType","arrayOf","node","string","Help","props","state","setState","React","Component"],"mappings":"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","sourcesContent":["import Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport PropTypes from 'prop-types';\n\nimport Button from '@material-ui/core/Button';\nimport HelpIcon from '@material-ui/icons/Help';\nimport IconButton from '@material-ui/core/IconButton';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst RawHelpButton = ({ onClick, classes }) => (\n  <IconButton\n    classes={{\n      label: classes.icon,\n    }}\n    onClick={onClick}\n  >\n    <HelpIcon />\n  </IconButton>\n);\nRawHelpButton.propTypes = {\n  onClick: PropTypes.func,\n  classes: PropTypes.object.isRequired,\n};\n\nexport const HelpButton = withStyles({\n  icon: {\n    '&:hover': {\n      color: '#ddd',\n    },\n  },\n})(RawHelpButton);\n\nexport const HelpDialog = ({ open, onClose, children, title }) => (\n  <Dialog open={open} onRequestClose={onClose}>\n    <DialogTitle>{title}</DialogTitle>\n    <DialogContent>\n      <DialogContentText>{children}</DialogContentText>\n    </DialogContent>\n    <DialogActions>\n      <Button onClick={onClose} color=\"primary\">\n        OK\n      </Button>\n    </DialogActions>\n  </Dialog>\n);\n\nHelpDialog.propTypes = {\n  open: PropTypes.bool,\n  onClose: PropTypes.func,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  title: PropTypes.string.isRequired,\n};\n\nclass Help extends React.Component {\n  static propTypes = {\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    title: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      open: false,\n    };\n  }\n\n  render() {\n    const { children, title } = this.props;\n    return (\n      <div>\n        <HelpButton color=\"accent\" onClick={() => this.setState({ open: true })} />\n        <HelpDialog open={this.state.open} title={title} onClose={() => this.setState({ open: false })}>\n          {children}\n        </HelpDialog>\n      </div>\n    );\n  }\n}\n\nexport default Help;\n"],"file":"help.js"}
+{"version":3,"sources":["../src/help.jsx"],"names":["RawHelpButton","onClick","classes","label","icon","propTypes","PropTypes","func","object","isRequired","HelpButton","theme","color","palette","grey","HelpDialog","open","onClose","children","title","bool","oneOfType","arrayOf","node","string","Help","props","state","setState","React","Component"],"mappings":"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","sourcesContent":["import Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport PropTypes from 'prop-types';\n\nimport Button from '@material-ui/core/Button';\nimport HelpIcon from '@material-ui/icons/Help';\nimport IconButton from '@material-ui/core/IconButton';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst RawHelpButton = ({ onClick, classes }) => (\n  <IconButton\n    classes={{\n      label: classes.icon,\n    }}\n    onClick={onClick}\n  >\n    <HelpIcon />\n  </IconButton>\n);\n\nRawHelpButton.propTypes = {\n  onClick: PropTypes.func,\n  classes: PropTypes.object.isRequired,\n};\n\nexport const HelpButton = withStyles((theme) => ({\n  icon: {\n    '&:hover': {\n      color: theme.palette.grey[300],\n    },\n  },\n}))(RawHelpButton);\n\nexport const HelpDialog = ({ open, onClose, children, title }) => (\n  <Dialog open={open} onRequestClose={onClose}>\n    <DialogTitle>{title}</DialogTitle>\n    <DialogContent>\n      <DialogContentText>{children}</DialogContentText>\n    </DialogContent>\n    <DialogActions>\n      <Button onClick={onClose} color=\"primary\">\n        OK\n      </Button>\n    </DialogActions>\n  </Dialog>\n);\n\nHelpDialog.propTypes = {\n  open: PropTypes.bool,\n  onClose: PropTypes.func,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  title: PropTypes.string.isRequired,\n};\n\nclass Help extends React.Component {\n  static propTypes = {\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    title: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      open: false,\n    };\n  }\n\n  render() {\n    const { children, title } = this.props;\n\n    return (\n      <div>\n        <HelpButton color=\"accent\" onClick={() => this.setState({ open: true })} />\n\n        <HelpDialog open={this.state.open} title={title} onClose={() => this.setState({ open: false })}>\n          {children}\n        </HelpDialog>\n      </div>\n    );\n  }\n}\n\nexport default Help;\n"],"file":"help.js"}

package/lib/inputs.js

@@ -108,22 +108,24 @@ var RawInputRadio = function RawInputRadio(props) {
 };
 
 RawInputRadio.propTypes = _objectSpread({}, InputTypes);
-var InputCheckbox = (0, _styles.withStyles)({
-  checkboxRoot: {
-    transform: 'translate(-25%, 20%)'
-  },
-  error: {
-    color: 'red'
-  }
+var InputCheckbox = (0, _styles.withStyles)(function (theme) {
+  return {
+    checkboxRoot: {
+      transform: 'translate(-25%, 20%)'
+    },
+    error: {
+      color: theme.palette.error.main
+    }
+  };
 })(RawInputCheckbox);
 exports.InputCheckbox = InputCheckbox;
-var InputRadio = (0, _styles.withStyles)(function () {
+var InputRadio = (0, _styles.withStyles)(function (theme) {
   return {
     radioRoot: {
       transform: 'translate(-20%, 20%)'
     },
     error: {
-      color: 'red'
+      color: theme.palette.error.main
     }
   };
 })(RawInputRadio);

package/lib/inputs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/inputs.jsx"],"names":["InputTypes","classes","PropTypes","object","isRequired","className","string","label","checked","bool","onChange","func","disabled","error","RawInputSwitch","switchRoot","propTypes","InputSwitch","justifyContent","transform","RawInputCheckbox","props","checkboxRoot","RawInputRadio","radioRoot","InputCheckbox","color","InputRadio"],"mappings":"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","sourcesContent":["import Checkbox from '@material-ui/core/Checkbox';\nimport Radio from '@material-ui/core/Radio';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Switch from '@material-ui/core/Switch';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nconst InputTypes = {\n  classes: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  label: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  disabled: PropTypes.bool,\n  error: PropTypes.string,\n};\n\nconst RawInputSwitch = ({ classes, className, label, checked, onChange }) => {\n  return (\n    <InputContainer className={className} label={label}>\n      <Switch className={classes.switchRoot} checked={checked} onChange={onChange} aria-label={label} />\n    </InputContainer>\n  );\n};\n\nRawInputSwitch.propTypes = { ...InputTypes };\n\nconst InputSwitch = withStyles({\n  switchRoot: {\n    justifyContent: 'inherit',\n    transform: 'translate(-20%, 20%)',\n  },\n})(RawInputSwitch);\n\nconst RawInputCheckbox = (props) => {\n  const { classes, className, label, checked, onChange, disabled, error } = props;\n\n  return (\n    <InputContainer className={className} label={label}>\n      <Checkbox\n        className={classNames(classes.checkboxRoot, error && classes.error)}\n        disabled={disabled}\n        checked={checked}\n        onChange={onChange}\n        aria-label={label}\n      />\n    </InputContainer>\n  );\n};\n\nRawInputCheckbox.propTypes = { ...InputTypes };\n\nconst RawInputRadio = (props) => {\n  const { classes, className, label, checked, onChange, disabled, error } = props;\n\n  return (\n    <InputContainer className={className} label={label}>\n      <Radio\n        className={classNames(classes.radioRoot, error && classes.error)}\n        disabled={disabled}\n        checked={checked}\n        onChange={onChange}\n        aria-label={label}\n      />\n    </InputContainer>\n  );\n};\n\nRawInputRadio.propTypes = { ...InputTypes };\n\nconst InputCheckbox = withStyles({\n  checkboxRoot: {\n    transform: 'translate(-25%, 20%)',\n  },\n  error: {\n    color: 'red',\n  },\n})(RawInputCheckbox);\n\nconst InputRadio = withStyles(() => ({\n  radioRoot: {\n    transform: 'translate(-20%, 20%)',\n  },\n  error: {\n    color: 'red',\n  },\n}))(RawInputRadio);\n\nexport { InputSwitch, InputCheckbox, InputRadio };\n"],"file":"inputs.js"}
+{"version":3,"sources":["../src/inputs.jsx"],"names":["InputTypes","classes","PropTypes","object","isRequired","className","string","label","checked","bool","onChange","func","disabled","error","RawInputSwitch","switchRoot","propTypes","InputSwitch","justifyContent","transform","RawInputCheckbox","props","checkboxRoot","RawInputRadio","radioRoot","InputCheckbox","theme","color","palette","main","InputRadio"],"mappings":"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","sourcesContent":["import Checkbox from '@material-ui/core/Checkbox';\nimport Radio from '@material-ui/core/Radio';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Switch from '@material-ui/core/Switch';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nconst InputTypes = {\n  classes: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  label: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  disabled: PropTypes.bool,\n  error: PropTypes.string,\n};\n\nconst RawInputSwitch = ({ classes, className, label, checked, onChange }) => {\n  return (\n    <InputContainer className={className} label={label}>\n      <Switch className={classes.switchRoot} checked={checked} onChange={onChange} aria-label={label} />\n    </InputContainer>\n  );\n};\n\nRawInputSwitch.propTypes = { ...InputTypes };\n\nconst InputSwitch = withStyles({\n  switchRoot: {\n    justifyContent: 'inherit',\n    transform: 'translate(-20%, 20%)',\n  },\n})(RawInputSwitch);\n\nconst RawInputCheckbox = (props) => {\n  const { classes, className, label, checked, onChange, disabled, error } = props;\n\n  return (\n    <InputContainer className={className} label={label}>\n      <Checkbox\n        className={classNames(classes.checkboxRoot, error && classes.error)}\n        disabled={disabled}\n        checked={checked}\n        onChange={onChange}\n        aria-label={label}\n      />\n    </InputContainer>\n  );\n};\n\nRawInputCheckbox.propTypes = { ...InputTypes };\n\nconst RawInputRadio = (props) => {\n  const { classes, className, label, checked, onChange, disabled, error } = props;\n\n  return (\n    <InputContainer className={className} label={label}>\n      <Radio\n        className={classNames(classes.radioRoot, error && classes.error)}\n        disabled={disabled}\n        checked={checked}\n        onChange={onChange}\n        aria-label={label}\n      />\n    </InputContainer>\n  );\n};\n\nRawInputRadio.propTypes = { ...InputTypes };\n\nconst InputCheckbox = withStyles((theme) => ({\n  checkboxRoot: {\n    transform: 'translate(-25%, 20%)',\n  },\n  error: {\n    color: theme.palette.error.main,\n  },\n}))(RawInputCheckbox);\n\nconst InputRadio = withStyles((theme) => ({\n  radioRoot: {\n    transform: 'translate(-20%, 20%)',\n  },\n  error: {\n    color: theme.palette.error.main,\n  },\n}))(RawInputRadio);\n\nexport { InputSwitch, InputCheckbox, InputRadio };\n"],"file":"inputs.js"}

package/lib/langs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/langs.jsx"],"names":["log","styles","theme","root","flexDirection","alignItems","display","position","paddingTop","paddingRight","formControl","inputLabel","paddingBottom","spacing","unit","RawLangs","props","event","onChange","target","value","uid","Math","random","toFixed","langs","selected","label","classes","choose","map","l","index","React","Component","PropTypes","func","array","string","object","isRequired","Langs","name","LanguageControls","languageControls","gridAutoFlow","gridAutoColumns","gridGap","activeLang","defaultLang","onActiveLangChange","onDefaultLangChange","className","names","propTypes"],"mappings":"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","sourcesContent":["import Input from '@material-ui/core/Input';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport debug from 'debug';\n\nconst log = debug('pie-elements:config-ui:langs');\n\nconst styles = (theme) => ({\n  root: {\n    flexDirection: 'column',\n    alignItems: 'start',\n    display: 'flex',\n    position: 'relative',\n    paddingTop: '0px',\n    paddingRight: '0px',\n  },\n  formControl: {\n    position: 'initial',\n  },\n  inputLabel: {\n    paddingBottom: theme.spacing.unit,\n  },\n});\n\nexport class RawLangs extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    langs: PropTypes.array,\n    selected: PropTypes.string,\n    label: PropTypes.string,\n    classes: PropTypes.object.isRequired,\n    uid: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    this.uid = props.uid || (Math.random() * 10000).toFixed();\n  }\n\n  choose = (event) => {\n    log('[choose] event: ', event);\n    if (this.props.onChange) {\n      this.props.onChange(event.target.value);\n    }\n  };\n\n  render() {\n    let { langs, selected, label, classes } = this.props;\n    log('[render] selected:', selected);\n    return (\n      <div className={classes.root}>\n        <FormControl className={classes.formControl}>\n          <InputLabel className={classes.inputLabel} htmlFor={this.uid}>\n            {label}\n          </InputLabel>\n          <Select value={selected} onChange={this.choose} input={<Input id={this.uid} />}>\n            {langs.map((l, index) => (\n              <MenuItem key={index} value={l}>\n                {l}\n              </MenuItem>\n            ))}\n          </Select>\n        </FormControl>\n      </div>\n    );\n  }\n}\n\nconst Langs = withStyles(styles, { name: 'Langs' })(RawLangs);\nexport default Langs;\n\nexport const LanguageControls = withStyles({\n  languageControls: {\n    display: 'grid',\n    gridAutoFlow: 'column',\n    gridAutoColumns: '1fr',\n    gridGap: '8px',\n  },\n})(({ classes, langs, activeLang, defaultLang, onActiveLangChange, onDefaultLangChange, className }) => {\n  const names = classNames(classes.languageControls, className);\n\n  return (\n    <div className={names}>\n      <Langs\n        label=\"Choose language to edit\"\n        langs={langs}\n        selected={activeLang}\n        onChange={(l) => onActiveLangChange(l)}\n      />\n      <Langs label=\"Default language\" langs={langs} selected={defaultLang} onChange={(l) => onDefaultLangChange(l)} />\n    </div>\n  );\n});\n\nLanguageControls.propTypes = {\n  langs: PropTypes.array,\n  activeLang: PropTypes.string.isRequired,\n  defaultLang: PropTypes.string.isRequired,\n  onActiveLangChange: PropTypes.func.isRequired,\n  onDefaultLangChange: PropTypes.func.isRequired,\n};\n"],"file":"langs.js"}
+{"version":3,"sources":["../src/langs.jsx"],"names":["log","styles","theme","root","flexDirection","alignItems","display","position","paddingTop","paddingRight","formControl","inputLabel","paddingBottom","spacing","unit","RawLangs","props","event","onChange","target","value","uid","Math","random","toFixed","langs","selected","label","classes","choose","map","l","index","React","Component","PropTypes","func","array","string","object","isRequired","Langs","name","LanguageControls","languageControls","gridAutoFlow","gridAutoColumns","gridGap","activeLang","defaultLang","onActiveLangChange","onDefaultLangChange","className","names","propTypes"],"mappings":"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","sourcesContent":["import Input from '@material-ui/core/Input';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport debug from 'debug';\n\nconst log = debug('pie-elements:config-ui:langs');\n\nconst styles = (theme) => ({\n  root: {\n    flexDirection: 'column',\n    alignItems: 'start',\n    display: 'flex',\n    position: 'relative',\n    paddingTop: '0px',\n    paddingRight: '0px',\n  },\n  formControl: {\n    position: 'initial',\n  },\n  inputLabel: {\n    paddingBottom: theme.spacing.unit,\n  },\n});\n\nexport class RawLangs extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    langs: PropTypes.array,\n    selected: PropTypes.string,\n    label: PropTypes.string,\n    classes: PropTypes.object.isRequired,\n    uid: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    this.uid = props.uid || (Math.random() * 10000).toFixed();\n  }\n\n  choose = (event) => {\n    log('[choose] event: ', event);\n\n    if (this.props.onChange) {\n      this.props.onChange(event.target.value);\n    }\n  };\n\n  render() {\n    let { langs, selected, label, classes } = this.props;\n\n    log('[render] selected:', selected);\n\n    return (\n      <div className={classes.root}>\n        <FormControl className={classes.formControl}>\n          <InputLabel className={classes.inputLabel} htmlFor={this.uid}>\n            {label}\n          </InputLabel>\n\n          <Select value={selected} onChange={this.choose} input={<Input id={this.uid} />}>\n            {langs.map((l, index) => (\n              <MenuItem key={index} value={l}>\n                {l}\n              </MenuItem>\n            ))}\n          </Select>\n        </FormControl>\n      </div>\n    );\n  }\n}\n\nconst Langs = withStyles(styles, { name: 'Langs' })(RawLangs);\nexport default Langs;\n\nexport const LanguageControls = withStyles({\n  languageControls: {\n    display: 'grid',\n    gridAutoFlow: 'column',\n    gridAutoColumns: '1fr',\n    gridGap: '8px',\n  },\n})(({ classes, langs, activeLang, defaultLang, onActiveLangChange, onDefaultLangChange, className }) => {\n  const names = classNames(classes.languageControls, className);\n\n  return (\n    <div className={names}>\n      <Langs\n        label=\"Choose language to edit\"\n        langs={langs}\n        selected={activeLang}\n        onChange={(l) => onActiveLangChange(l)}\n      />\n      <Langs label=\"Default language\" langs={langs} selected={defaultLang} onChange={(l) => onDefaultLangChange(l)} />\n    </div>\n  );\n});\n\nLanguageControls.propTypes = {\n  langs: PropTypes.array,\n  activeLang: PropTypes.string.isRequired,\n  defaultLang: PropTypes.string.isRequired,\n  onActiveLangChange: PropTypes.func.isRequired,\n  onDefaultLangChange: PropTypes.func.isRequired,\n};\n"],"file":"langs.js"}