@pie-lib/config-ui 11.0.19 → 11.0.21-next.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/lib/alert-dialog.js.map +1 -1
- package/lib/checkbox.js.map +1 -1
- package/lib/choice-configuration/feedback-menu.js.map +1 -1
- package/lib/choice-configuration/index.js +13 -4
- package/lib/choice-configuration/index.js.map +1 -1
- package/lib/choice-utils.js.map +1 -1
- package/lib/feedback-config/feedback-selector.js +6 -1
- package/lib/feedback-config/feedback-selector.js.map +1 -1
- package/lib/feedback-config/group.js.map +1 -1
- package/lib/feedback-config/index.js.map +1 -1
- package/lib/form-section.js.map +1 -1
- package/lib/help.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib/input.js.map +1 -1
- package/lib/inputs.js.map +1 -1
- package/lib/langs.js.map +1 -1
- package/lib/layout/config-layout.js.map +1 -1
- package/lib/layout/index.js.map +1 -1
- package/lib/layout/layout-contents.js.map +1 -1
- package/lib/layout/settings-box.js.map +1 -1
- package/lib/mui-box/index.js.map +1 -1
- package/lib/number-text-field-custom.js.map +1 -1
- package/lib/number-text-field.js.map +1 -1
- package/lib/radio-with-label.js.map +1 -1
- package/lib/settings/display-size.js.map +1 -1
- package/lib/settings/index.js.map +1 -1
- package/lib/settings/panel.js.map +1 -1
- package/lib/settings/settings-radio-label.js.map +1 -1
- package/lib/settings/toggle.js.map +1 -1
- package/lib/tabs/index.js.map +1 -1
- package/lib/tags-input/index.js.map +1 -1
- package/lib/two-choice.js.map +1 -1
- package/lib/with-stateful-model.js.map +1 -1
- package/package.json +4 -4
- package/src/choice-configuration/index.jsx +20 -15
- package/src/feedback-config/feedback-selector.jsx +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,18 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [11.0.20](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.0.19...@pie-lib/config-ui@11.0.20) (2022-10-17)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **config:** added extra character plugin to config-ui inputs [PD-2130] ([08bb177](https://github.com/pie-framework/pie-lib/commit/08bb177abe72556d1138d6a5652aefaee40957be))
|
|
12
|
+
* **multiple-choice:** add upload file option in choices ([3452207](https://github.com/pie-framework/pie-lib/commit/3452207f774b4a35736168bbca8eb08d921974b4))
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
6
18
|
## [11.0.19](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.0.18...@pie-lib/config-ui@11.0.19) (2022-09-29)
|
|
7
19
|
|
|
8
20
|
**Note:** Version bump only for package @pie-lib/config-ui
|
package/lib/alert-dialog.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"alert-dialog.js","names":["AlertDialog","text","title","onClose","onConfirm","open","propTypes","PropTypes","string","func","bool"],"sources":["../src/alert-dialog.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Button,\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle\n} from '@material-ui/core';\n\nconst AlertDialog = ({ text, title, onClose, onConfirm, open }) => (\n <Dialog open={open} onClose={onClose}>\n {title && <DialogTitle>{title}</DialogTitle>}\n {text && (\n <DialogContent>\n <DialogContentText>{text}</DialogContentText>\n </DialogContent>\n )}\n <DialogActions>\n {onClose && (\n <Button onClick={onClose} color=\"primary\">\n CANCEL\n </Button>\n )}\n {onConfirm && (\n <Button autoFocus onClick={onConfirm} color=\"primary\">\n OK\n </Button>\n )}\n </DialogActions>\n </Dialog>\n);\n\nAlertDialog.propTypes = {\n text: PropTypes.string,\n title: PropTypes.string,\n onClose: PropTypes.func,\n onConfirm: PropTypes.func,\n open: PropTypes.bool\n};\n\nexport default AlertDialog;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AASA,IAAMA,WAAW,GAAG,SAAdA,WAAc;EAAA,IAAGC,IAAH,QAAGA,IAAH;EAAA,IAASC,KAAT,QAASA,KAAT;EAAA,IAAgBC,OAAhB,QAAgBA,OAAhB;EAAA,IAAyBC,SAAzB,QAAyBA,SAAzB;EAAA,IAAoCC,IAApC,QAAoCA,IAApC;EAAA,oBAClB,gCAAC,YAAD;IAAQ,IAAI,EAAEA,IAAd;IAAoB,OAAO,EAAEF;EAA7B,GACGD,KAAK,iBAAI,gCAAC,iBAAD,QAAcA,KAAd,CADZ,EAEGD,IAAI,iBACH,gCAAC,mBAAD,qBACE,gCAAC,uBAAD,QAAoBA,IAApB,CADF,CAHJ,eAOE,gCAAC,mBAAD,QACGE,OAAO,iBACN,gCAAC,YAAD;IAAQ,OAAO,EAAEA,OAAjB;IAA0B,KAAK,EAAC;EAAhC,YAFJ,EAMGC,SAAS,iBACR,gCAAC,YAAD;IAAQ,SAAS,MAAjB;IAAkB,OAAO,EAAEA,SAA3B;IAAsC,KAAK,EAAC;EAA5C,QAPJ,CAPF,CADkB;AAAA,CAApB;;AAuBAJ,WAAW,CAACM,SAAZ,GAAwB;EACtBL,IAAI,EAAEM,qBAAA,CAAUC,MADM;EAEtBN,KAAK,EAAEK,qBAAA,CAAUC,MAFK;EAGtBL,OAAO,EAAEI,qBAAA,CAAUE,IAHG;EAItBL,SAAS,EAAEG,qBAAA,CAAUE,IAJC;EAKtBJ,IAAI,EAAEE,qBAAA,CAAUG;AALM,CAAxB;eAQeV,W"}
|
package/lib/checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"checkbox.js","names":["Checkbox","mini","checked","onChange","value","label","classes","classNames","miniLabel","miniCheckbox","propTypes","PropTypes","bool","object","isRequired","func","string","defaultProps","withStyles","theme","fontSize","transform","color","margin","padding","width","spacing","unit","height","marginLeft","grey"],"sources":["../src/checkbox.jsx"],"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"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW;EAAA,IAAGC,IAAH,QAAGA,IAAH;EAAA,IAASC,OAAT,QAASA,OAAT;EAAA,IAAkBC,QAAlB,QAAkBA,QAAlB;EAAA,IAA4BC,KAA5B,QAA4BA,KAA5B;EAAA,IAAmCC,KAAnC,QAAmCA,KAAnC;EAAA,IAA0CC,OAA1C,QAA0CA,OAA1C;EAAA,oBACf,gCAAC,4BAAD;IACE,SAAS,EAAE,IAAAC,sBAAA,EAAWD,OAAO,CAACL,IAAnB,CADb;IAEE,OAAO,EAAE;MACPI,KAAK,EAAE,IAAAE,sBAAA,EAAWD,OAAO,CAACD,KAAnB,EAA0BJ,IAAI,IAAIK,OAAO,CAACE,SAA1C;IADA,CAFX;IAKE,OAAO,eACL,gCAAC,oBAAD;MACE,OAAO,EAAEN,OADX;MAEE,QAAQ,EAAEC,QAFZ;MAGE,KAAK,EAAEC,KAHT;MAIE,SAAS,EAAE,IAAAG,sBAAA,EAAWN,IAAI,IAAIK,OAAO,CAACG,YAA3B;IAJb,EANJ;IAaE,KAAK,EAAEJ;EAbT,EADe;AAAA,CAAjB;;AAkBAL,QAAQ,CAACU,SAAT,GAAqB;EACnBT,IAAI,EAAEU,qBAAA,CAAUC,IADG;EAEnBN,OAAO,EAAEK,qBAAA,CAAUE,MAAV,CAAiBC,UAFP;EAGnBZ,OAAO,EAAES,qBAAA,CAAUC,IAAV,CAAeE,UAHL;EAInBX,QAAQ,EAAEQ,qBAAA,CAAUI,IAAV,CAAeD,UAJN;EAKnBV,KAAK,EAAEO,qBAAA,CAAUK,MALE;EAMnBX,KAAK,EAAEM,qBAAA,CAAUK,MAAV,CAAiBF;AANL,CAArB;AASAd,QAAQ,CAACiB,YAAT,GAAwB;EACtBb,KAAK,EAAE,EADe;EAEtBH,IAAI,EAAE;AAFgB,CAAxB;;eAKe,IAAAiB,kBAAA,EAAW,UAAAC,KAAK;EAAA,OAAK;IAClCd,KAAK,EAAE;MACLe,QAAQ,EAAE,MADL;MAELC,SAAS,EAAE,oBAFN;MAGLC,KAAK,EAAE;IAHF,CAD2B;IAMlCb,YAAY,EAAE;MACZc,MAAM,EAAE,CADI;MAEZC,OAAO,EAAE,CAFG;MAGZC,KAAK,EAAEN,KAAK,CAACO,OAAN,CAAcC,IAAd,GAAqB,CAHhB;MAIZC,MAAM,EAAET,KAAK,CAACO,OAAN,CAAcC,IAAd,GAAqB;IAJjB,CANoB;IAYlCnB,SAAS,EAAE;MACTqB,UAAU,EAAEV,KAAK,CAACO,OAAN,CAAcC,IADjB;MAETL,KAAK,EAAEQ,gBAAA,CAAK,GAAL,CAFE;MAGTV,QAAQ,EAAE;IAHD,CAZuB;IAiBlCnB,IAAI,EAAE;MACJsB,MAAM,EAAE,CADJ;MAEJM,UAAU,EAAE,CAFR;MAGJL,OAAO,EAAE;IAHL;EAjB4B,CAAL;AAAA,CAAhB,EAsBXxB,QAtBW,C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"feedback-menu.js","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"],"sources":["../../src/choice-configuration/feedback-menu.jsx"],"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\n id=\"simple-menu\"\n anchorEl={this.state.anchorEl}\n open={this.state.open}\n onClose={this.handleRequestClose}\n >\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 =\n t === 'custom'\n ? 'Custom Feedback'\n : t === 'default'\n ? 'Default Feedback'\n : '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"],"mappings":"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"}
|
|
@@ -75,7 +75,8 @@ var EditableHtmlContainer = (0, _styles.withStyles)(function (theme) {
|
|
|
75
75
|
toolbarOpts = _ref.toolbarOpts,
|
|
76
76
|
error = _ref.error,
|
|
77
77
|
maxImageWidth = _ref.maxImageWidth,
|
|
78
|
-
maxImageHeight = _ref.maxImageHeight
|
|
78
|
+
maxImageHeight = _ref.maxImageHeight,
|
|
79
|
+
uploadSoundSupport = _ref.uploadSoundSupport;
|
|
79
80
|
var names = (0, _classnames["default"])(classes.labelContainer, className);
|
|
80
81
|
return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
|
|
81
82
|
label: label,
|
|
@@ -93,7 +94,13 @@ var EditableHtmlContainer = (0, _styles.withStyles)(function (theme) {
|
|
|
93
94
|
toolbarOpts: toolbarOpts,
|
|
94
95
|
error: error,
|
|
95
96
|
maxImageWidth: maxImageWidth,
|
|
96
|
-
maxImageHeight: maxImageHeight
|
|
97
|
+
maxImageHeight: maxImageHeight,
|
|
98
|
+
uploadSoundSupport: uploadSoundSupport,
|
|
99
|
+
languageCharactersProps: [{
|
|
100
|
+
language: 'spanish'
|
|
101
|
+
}, {
|
|
102
|
+
language: 'special'
|
|
103
|
+
}]
|
|
97
104
|
})));
|
|
98
105
|
});
|
|
99
106
|
var Feedback = (0, _styles.withStyles)(function () {
|
|
@@ -244,7 +251,8 @@ var ChoiceConfiguration = /*#__PURE__*/function (_React$Component) {
|
|
|
244
251
|
allowDelete = _this$props5.allowDelete,
|
|
245
252
|
toolbarOpts = _this$props5.toolbarOpts,
|
|
246
253
|
error = _this$props5.error,
|
|
247
|
-
noCorrectAnswerError = _this$props5.noCorrectAnswerError
|
|
254
|
+
noCorrectAnswerError = _this$props5.noCorrectAnswerError,
|
|
255
|
+
uploadSoundSupport = _this$props5.uploadSoundSupport;
|
|
248
256
|
var InputToggle = mode === 'checkbox' ? _inputs.InputCheckbox : _inputs.InputRadio;
|
|
249
257
|
var names = (0, _classnames["default"])(classes.choiceConfiguration, className);
|
|
250
258
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -271,7 +279,8 @@ var ChoiceConfiguration = /*#__PURE__*/function (_React$Component) {
|
|
|
271
279
|
spellCheck: spellCheck,
|
|
272
280
|
nonEmpty: nonEmpty,
|
|
273
281
|
toolbarOpts: toolbarOpts,
|
|
274
|
-
error: error
|
|
282
|
+
error: error,
|
|
283
|
+
uploadSoundSupport: uploadSoundSupport
|
|
275
284
|
}), error && /*#__PURE__*/_react["default"].createElement("div", {
|
|
276
285
|
className: classes.errorText
|
|
277
286
|
}, error), allowFeedBack && /*#__PURE__*/_react["default"].createElement(Feedback, (0, _extends2["default"])({}, data.feedback, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/choice-configuration/index.jsx"],"names":["EditableHtmlContainer","theme","labelContainer","editorHolder","marginTop","spacing","unit","label","classes","onChange","value","className","imageSupport","disabled","spellCheck","nonEmpty","toolbarOpts","error","maxImageWidth","maxImageHeight","names","editor","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 disabled,\n spellCheck,\n nonEmpty,\n toolbarOpts,\n error,\n maxImageWidth,\n maxImageHeight\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 className={classes.editor}\n toolbarOpts={toolbarOpts}\n error={error}\n maxImageWidth={maxImageWidth}\n maxImageHeight={maxImageHeight}\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 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 disabled,\n spellCheck,\n nonEmpty,\n allowFeedBack,\n allowDelete,\n toolbarOpts,\n error,\n noCorrectAnswerError\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 disabled={disabled}\n spellCheck={spellCheck}\n nonEmpty={nonEmpty}\n toolbarOpts={toolbarOpts}\n error={error}\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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["EditableHtmlContainer","withStyles","theme","labelContainer","editorHolder","marginTop","spacing","unit","label","classes","onChange","value","className","imageSupport","disabled","spellCheck","nonEmpty","toolbarOpts","error","maxImageWidth","maxImageHeight","uploadSoundSupport","names","classNames","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"],"sources":["../../src/choice-configuration/index.jsx"],"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 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 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 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 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 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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,qBAAqB,GAAG,IAAAC,kBAAA,EAAW,UAAAC,KAAK;EAAA,OAAK;IACjDC,cAAc,EAAE,EADiC;IAEjDC,YAAY,EAAE;MACZC,SAAS,EAAEH,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;IADpB;EAFmC,CAAL;AAAA,CAAhB,EAM5B,gBAeM;EAAA,IAdJC,KAcI,QAdJA,KAcI;EAAA,IAbJC,OAaI,QAbJA,OAaI;EAAA,IAZJC,QAYI,QAZJA,QAYI;EAAA,IAXJC,KAWI,QAXJA,KAWI;EAAA,IAVJC,SAUI,QAVJA,SAUI;EAAA,IATJC,YASI,QATJA,YASI;EAAA,IARJC,QAQI,QARJA,QAQI;EAAA,IAPJC,UAOI,QAPJA,UAOI;EAAA,IANJC,QAMI,QANJA,QAMI;EAAA,IALJC,WAKI,QALJA,WAKI;EAAA,IAJJC,KAII,QAJJA,KAII;EAAA,IAHJC,aAGI,QAHJA,aAGI;EAAA,IAFJC,cAEI,QAFJA,cAEI;EAAA,IADJC,kBACI,QADJA,kBACI;EACJ,IAAMC,KAAK,GAAG,IAAAC,sBAAA,EAAWd,OAAO,CAACN,cAAnB,EAAmCS,SAAnC,CAAd;EAEA,oBACE,gCAAC,wBAAD;IAAgB,KAAK,EAAEJ,KAAvB;IAA8B,SAAS,EAAEc;EAAzC,gBACE;IAAK,SAAS,EAAEb,OAAO,CAACL;EAAxB,gBACE,gCAAC,wBAAD;IACE,MAAM,EAAEO,KAAK,IAAI,EADnB;IAEE,QAAQ,EAAEG,QAFZ;IAGE,UAAU,EAAEC,UAHd;IAIE,QAAQ,EAAEC,QAJZ;IAKE,QAAQ,EAAEN,QALZ;IAME,YAAY,EAAEG,YANhB;IAOE,SAAS,EAAEJ,OAAO,CAACe,MAPrB;IAQE,WAAW,EAAEP,WARf;IASE,KAAK,EAAEC,KATT;IAUE,aAAa,EAAEC,aAVjB;IAWE,cAAc,EAAEC,cAXlB;IAYE,kBAAkB,EAAEC,kBAZtB;IAaE,uBAAuB,EAAE,CAAC;MAAEI,QAAQ,EAAE;IAAZ,CAAD,EAA0B;MAAEA,QAAQ,EAAE;IAAZ,CAA1B;EAb3B,EADF,CADF,CADF;AAqBD,CA7C2B,CAA9B;AAgDA,IAAMC,QAAQ,GAAG,IAAAzB,kBAAA,EAAW;EAAA,OAAO;IACjC0B,IAAI,EAAE;MACJC,KAAK,EAAE;IADH,CAD2B;IAIjCC,iBAAiB,EAAE;MACjBC,QAAQ,EAAE;IADO,CAJc;IAOjCC,SAAS,EAAE;MACTC,IAAI,EAAE,MADG;MAETC,IAAI,EAAE,CAAC,EAFE;MAGTH,QAAQ,EAAE,UAHD;MAITI,GAAG,EAAE;IAJI;EAPsB,CAAP;AAAA,CAAX,EAab,iBAAwE;EAAA,IAArEvB,KAAqE,SAArEA,KAAqE;EAAA,IAA9DD,QAA8D,SAA9DA,QAA8D;EAAA,IAApDyB,IAAoD,SAApDA,IAAoD;EAAA,IAA9CC,OAA8C,SAA9CA,OAA8C;EAAA,IAArC3B,OAAqC,SAArCA,OAAqC;EAAA,IAA5B4B,QAA4B,SAA5BA,QAA4B;EAAA,IAAlBpB,WAAkB,SAAlBA,WAAkB;;EAC1E,IAAI,CAACkB,IAAD,IAASA,IAAI,KAAK,MAAtB,EAA8B;IAC5B,OAAO,IAAP;EACD,CAFD,MAEO,IAAIA,IAAI,KAAK,SAAb,EAAwB;IAC7B,oBACE;MAAK,SAAS,EAAE1B,OAAO,CAACoB;IAAxB,gBACE,gCAAC,kCAAD;MAAY,SAAS,EAAEpB,OAAO,CAACsB;IAA/B,EADF,eAEE,gCAAC,qBAAD;MACE,SAAS,EAAEtB,OAAO,CAACkB,IADrB;MAEE,KAAK,EAAC,eAFR;MAGE,KAAK,EAAES,OAAO,GAAGC,QAAQ,CAACD,OAAZ,GAAsBC,QAAQ,CAACC;IAH/C,EAFF,CADF;EAUD,CAXM,MAWA;IACL,oBACE;MAAK,SAAS,EAAE7B,OAAO,CAACoB;IAAxB,gBACE,gCAAC,kCAAD;MAAY,SAAS,EAAEpB,OAAO,CAACsB;IAA/B,EADF,eAEE,gCAAC,qBAAD;MACE,SAAS,EAAEtB,OAAO,CAACkB,IADrB;MAEE,KAAK,EAAC,eAFR;MAGE,KAAK,EAAEhB,KAHT;MAIE,QAAQ,EAAED,QAJZ;MAKE,WAAW,EAAEO;IALf,EAFF,CADF;EAYD;AACF,CAzCgB,CAAjB;;IA2CasB,mB;;;;;;;;;;;;;;;kGAuCC,UAAAC,GAAG;MAAA,OAAI,UAAAC,MAAM,EAAI;QAC3B,kBAA2B,MAAKC,KAAhC;QAAA,IAAQC,IAAR,eAAQA,IAAR;QAAA,IAAcjC,QAAd,eAAcA,QAAd;;QACA,IAAIA,QAAJ,EAAc;UACZA,QAAQ,iCAAMiC,IAAN,4CAAaH,GAAb,EAAmBC,MAAnB,GAAR;QACD;MACF,CALc;IAAA,C;sGAOC,MAAKG,SAAL,CAAe,OAAf,C;wGAEE,UAAAC,KAAK,EAAI;MACzB,IAAMT,OAAO,GAAGS,KAAK,CAACC,MAAN,CAAaC,OAA7B;MACA,mBAA2B,MAAKL,KAAhC;MAAA,IAAQC,IAAR,gBAAQA,IAAR;MAAA,IAAcjC,QAAd,gBAAcA,QAAd;;MAEA,IAAIA,QAAJ,EAAc;QACZA,QAAQ,iCAAMiC,IAAN;UAAYP,OAAO,EAAPA;QAAZ,GAAR;MACD;IACF,C;8GAEuB,UAAAY,CAAC,EAAI;MAC3B,mBAA2B,MAAKN,KAAhC;MAAA,IAAQC,IAAR,gBAAQA,IAAR;MAAA,IAAcjC,QAAd,gBAAcA,QAAd;;MAEA,IAAIiC,IAAI,CAACM,QAAL,CAAcd,IAAd,KAAuB,QAA3B,EAAqC;QACnC;MACD;;MAED,IAAMe,EAAE,mCAAQP,IAAI,CAACM,QAAb;QAAuBtC,KAAK,EAAEqC;MAA9B,EAAR;;MAEA,IAAItC,QAAJ,EAAcA,QAAQ,iCAAMiC,IAAN;QAAYM,QAAQ,EAAEC;MAAtB,GAAR;IACf,C;6GAEsB,UAAAC,CAAC,EAAI;MAC1B,mBAA2B,MAAKT,KAAhC;MAAA,IAAQC,IAAR,gBAAQA,IAAR;MAAA,IAAcjC,QAAd,gBAAcA,QAAd;;MACA,IAAMwC,EAAE,mCAAQP,IAAI,CAACM,QAAb;QAAuBd,IAAI,EAAEgB;MAA7B,EAAR;;MACA,IAAID,EAAE,CAACf,IAAH,KAAY,QAAhB,EAA0B;QACxBe,EAAE,CAACvC,KAAH,GAAWyC,SAAX;MACD;;MAED,IAAI1C,QAAJ,EAAcA,QAAQ,iCAAMiC,IAAN;QAAYM,QAAQ,EAAEC;MAAtB,GAAR;IACf,C;;;;;;WAED,kBAAS;MACP,mBAoBI,KAAKR,KApBT;MAAA,IACEC,IADF,gBACEA,IADF;MAAA,IAEElC,OAFF,gBAEEA,OAFF;MAAA,IAGE4C,IAHF,gBAGEA,IAHF;MAAA,IAIEC,QAJF,gBAIEA,QAJF;MAAA,IAKEC,eALF,gBAKEA,eALF;MAAA,IAMEC,KANF,gBAMEA,KANF;MAAA,IAOE5C,SAPF,gBAOEA,SAPF;MAAA,IAQE6C,QARF,gBAQEA,QARF;MAAA,IASEC,iBATF,gBASEA,iBATF;MAAA,IAUE7C,YAVF,gBAUEA,YAVF;MAAA,IAWEC,QAXF,gBAWEA,QAXF;MAAA,IAYEC,UAZF,gBAYEA,UAZF;MAAA,IAaEC,QAbF,gBAaEA,QAbF;MAAA,IAcE2C,aAdF,gBAcEA,aAdF;MAAA,IAeEC,WAfF,gBAeEA,WAfF;MAAA,IAgBE3C,WAhBF,gBAgBEA,WAhBF;MAAA,IAiBEC,KAjBF,gBAiBEA,KAjBF;MAAA,IAkBE2C,oBAlBF,gBAkBEA,oBAlBF;MAAA,IAmBExC,kBAnBF,gBAmBEA,kBAnBF;MAsBA,IAAMyC,WAAW,GAAGT,IAAI,KAAK,UAAT,GAAsBU,qBAAtB,GAAsCC,kBAA1D;MACA,IAAM1C,KAAK,GAAG,IAAAC,sBAAA,EAAWd,OAAO,CAACwD,mBAAnB,EAAwCrD,SAAxC,CAAd;MACA,oBACE;QAAK,SAAS,EAAEU;MAAhB,gBACE;QAAK,SAAS,EAAEb,OAAO,CAACyD;MAAxB,GACGV,KAAK,GAAG,CAAR,iBACC;QAAM,SAAS,EAAE/C,OAAO,CAAC+C,KAAzB;QAAgC,IAAI,EAAC;MAArC,GACGE,iBAAiB,GAAGS,MAAM,CAACC,YAAP,CAAoB,KAAKZ,KAAzB,EAAgCa,WAAhC,EAAH,GAAmDb,KADvE,CAFJ,eAME,gCAAC,WAAD;QACE,SAAS,EAAE/C,OAAO,CAAC6D,MADrB;QAEE,QAAQ,EAAE,KAAKC,eAFjB;QAGE,KAAK,EAAE,CAACd,QAAD,GAAY,SAAZ,GAAwB,EAHjC;QAIE,OAAO,EAAE,CAAC,CAACd,IAAI,CAACP,OAJlB;QAKE,KAAK,EAAEyB;MALT,EANF,eAaE;QAAK,SAAS,EAAEpD,OAAO,CAAC+D;MAAxB,gBACE,gCAAC,qBAAD;QACE,KAAK,EAAE,CAACf,QAAD,GAAY,OAAZ,GAAsB,EAD/B;QAEE,KAAK,EAAEd,IAAI,CAACnC,KAFd;QAGE,QAAQ,EAAE,KAAKiE,aAHjB;QAIE,YAAY,EAAE5D,YAJhB;QAKE,QAAQ,EAAEC,QALZ;QAME,UAAU,EAAEC,UANd;QAOE,QAAQ,EAAEC,QAPZ;QAQE,WAAW,EAAEC,WARf;QASE,KAAK,EAAEC,KATT;QAUE,kBAAkB,EAAEG;MAVtB,EADF,EAaGH,KAAK,iBAAI;QAAK,SAAS,EAAET,OAAO,CAACiE;MAAxB,GAAoCxD,KAApC,CAbZ,EAeGyC,aAAa,iBACZ,gCAAC,QAAD,gCACMhB,IAAI,CAACM,QADX;QAEE,OAAO,EAAEN,IAAI,CAACP,OAFhB;QAGE,QAAQ,EAAEmB,eAHZ;QAIE,QAAQ,EAAE,KAAKoB,qBAJjB;QAKE,WAAW,EAAE1D;MALf,GAhBJ,CAbF,EAsCG0C,aAAa,iBACZ,gCAAC,wBAAD;QAAgB,SAAS,EAAElD,OAAO,CAACwC,QAAnC;QAA6C,KAAK,EAAE,CAACQ,QAAD,GAAY,UAAZ,GAAyB;MAA7E,gBACE,gCAAC,wBAAD;QACE,QAAQ,EAAE,KAAKmB,oBADjB;QAEE,KAAK,EAAEjC,IAAI,CAACM,QAFd;QAGE,OAAO,EAAE;UACP4B,IAAI,EAAEpE,OAAO,CAACqE;QADP;MAHX,EADF,CAvCJ,EAiDGlB,WAAW,iBACV,gCAAC,wBAAD;QAAgB,SAAS,EAAEnD,OAAO,UAAlC;QAA2C,KAAK,EAAE,CAACgD,QAAD,GAAY,QAAZ,GAAuB;MAAzE,gBACE,gCAAC,sBAAD;QAAY,cAAW,QAAvB;QAAgC,SAAS,EAAEhD,OAAO,CAACsE,UAAnD;QAA+D,OAAO,EAAEzB;MAAxE,gBACE,gCAAC,kBAAD,OADF,CADF,CAlDJ,CADF,CADF;IA6DD;;;EArKsC0B,iBAAA,CAAMC,S;;;iCAAlC1C,mB,eACQ;EACjB9B,OAAO,EAAEyE,qBAAA,CAAUC,MAAV,CAAiBC,UADT;EAEjB3B,QAAQ,EAAEyB,qBAAA,CAAUG,IAFH;EAGjB3B,iBAAiB,EAAEwB,qBAAA,CAAUG,IAHZ;EAIjBzE,SAAS,EAAEsE,qBAAA,CAAUI,MAJJ;EAKjBjC,IAAI,EAAE6B,qBAAA,CAAUK,KAAV,CAAgB,CAAC,UAAD,EAAa,OAAb,CAAhB,CALW;EAMjBhC,eAAe,EAAE2B,qBAAA,CAAUC,MAAV,CAAiBC,UANjB;EAOjBtE,QAAQ,EAAEoE,qBAAA,CAAUG,IAPH;EAQjBrE,QAAQ,EAAEkE,qBAAA,CAAUG,IARH;EASjB1C,IAAI,EAAEuC,qBAAA,CAAUM,KAAV,CAAgB;IACpBhF,KAAK,EAAE0E,qBAAA,CAAUI,MAAV,CAAiBF,UADJ;IAEpBzE,KAAK,EAAEuE,qBAAA,CAAUI,MAAV,CAAiBF,UAFJ;IAGpBhD,OAAO,EAAE8C,qBAAA,CAAUG,IAHC;IAIpBpC,QAAQ,EAAEiC,qBAAA,CAAUM,KAAV,CAAgB;MACxBrD,IAAI,EAAE+C,qBAAA,CAAUI,MADQ;MAExB3E,KAAK,EAAEuE,qBAAA,CAAUI;IAFO,CAAhB;EAJU,CAAhB,CATW;EAkBjBhC,QAAQ,EAAE4B,qBAAA,CAAUO,IAlBH;EAmBjB/E,QAAQ,EAAEwE,qBAAA,CAAUO,IAnBH;EAoBjBjC,KAAK,EAAE0B,qBAAA,CAAUQ,MApBA;EAqBjB7E,YAAY,EAAEqE,qBAAA,CAAUM,KAAV,CAAgB;IAC5BG,GAAG,EAAET,qBAAA,CAAUO,IAAV,CAAeL,UADQ;IAE5B,UAAQF,qBAAA,CAAUO,IAAV,CAAeL;EAFK,CAAhB,CArBG;EAyBjBzB,aAAa,EAAEuB,qBAAA,CAAUG,IAzBR;EA0BjBzB,WAAW,EAAEsB,qBAAA,CAAUG,IA1BN;EA2BjBpE,WAAW,EAAEiE,qBAAA,CAAUC;AA3BN,C;iCADR5C,mB,kBA+BW;EACpBiB,KAAK,EAAE,CAAC,CADY;EAEpBC,QAAQ,EAAE,KAFU;EAGpBC,iBAAiB,EAAE,KAHC;EAIpBC,aAAa,EAAE,IAJK;EAKpBC,WAAW,EAAE;AALO,C;;AAyIxB,IAAMgC,MAAM,GAAG,SAATA,MAAS,CAAA1F,KAAK;EAAA,OAAK;IACvBsD,KAAK,EAAE;MACLqC,OAAO,EAAE;IADJ,CADgB;IAIvB5B,mBAAmB,EAAE,EAJE;IAKvBC,MAAM,EAAE;MACN4B,OAAO,EAAE;IADH,CALe;IAQvBnF,KAAK,EAAE;MACLoF,IAAI,EAAE,KADD;MAELC,YAAY,EAAE9F,KAAK,CAACI,OAAN,CAAcC;IAFvB,CARgB;IAYvBH,YAAY,EAAE;MACZC,SAAS,EAAEH,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;IADpB,CAZS;IAevB+D,MAAM,EAAE;MACNyB,IAAI,EAAE;IADA,CAfe;IAkBvB9C,QAAQ,EAAE;MACR8C,IAAI,EAAE,UADE;MAERE,UAAU,EAAE/F,KAAK,CAACI,OAAN,CAAcC,IAFlB;MAGR2F,WAAW,EAAE,CAHL;MAIRC,UAAU,EAAE,CAJJ;MAKRH,YAAY,EAAE9F,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;IAL3B,CAlBa;IAyBvBuE,YAAY,EAAE;MACZsB,MAAM,EAAE,CADI;MAEZF,WAAW,EAAE,CAFD;MAGZtE,KAAK,EAAE;IAHK,CAzBS;IA8BvBmD,UAAU,EAAE;MACVqB,MAAM,EAAE,CADE;MAEVxE,KAAK,EAAE;IAFG,CA9BW;IAkCvB,UAAQ;MACNmE,IAAI,EAAE,UADA;MAENE,UAAU,EAAE/F,KAAK,CAACI,OAAN,CAAcC,IAFpB;MAGN2F,WAAW,EAAE,CAHP;MAINC,UAAU,EAAE;IAJN,CAlCe;IAwCvB3B,YAAY,EAAE;MACZsB,OAAO,EAAE,MADG;MAEZC,IAAI,EAAE,CAFM;MAGZM,aAAa,EAAE;IAHH,CAxCS;IA6CvB3B,SAAS,EAAE;MACT4B,QAAQ,EAAE,MADD;MAETC,KAAK,EAAE;IAFE;EA7CY,CAAL;AAAA,CAApB;;eAmDe,IAAAtG,kBAAA,EAAW2F,MAAX,EAAmBrD,mBAAnB,C"}
|
package/lib/choice-utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"choice-utils.js","names":["normalizeChoices","model","choices","map","c","index","value","firstAvailableIndex","values","includes"],"sources":["../src/choice-utils.js"],"sourcesContent":["import includes from 'lodash/includes';\n\n/**\n * Add value to every model.choices.\n * @param {Object} model the model to normalize\n * @return {Object} the updated model\n */\nexport const normalizeChoices = model => {\n const choices = model.choices.map((c, index) => {\n if (!c.value) {\n c.value = `${index}`;\n }\n return c;\n });\n return { ...model, choices };\n};\n\n/**\n * Find the first available index.\n * @param {string[]} values\n * @param {number} index\n * @return {string}\n */\nexport const firstAvailableIndex = (values, index) => {\n if (includes(values, `${index}`)) {\n return firstAvailableIndex(values, index + 1);\n } else {\n return `${index}`;\n }\n};\n"],"mappings":";;;;;;;;;;;AAAA;;;;;;AAEA;AACA;AACA;AACA;AACA;AACO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,KAAK,EAAI;EACvC,IAAMC,OAAO,GAAGD,KAAK,CAACC,OAAN,CAAcC,GAAd,CAAkB,UAACC,CAAD,EAAIC,KAAJ,EAAc;IAC9C,IAAI,CAACD,CAAC,CAACE,KAAP,EAAc;MACZF,CAAC,CAACE,KAAF,aAAaD,KAAb;IACD;;IACD,OAAOD,CAAP;EACD,CALe,CAAhB;EAMA,uCAAYH,KAAZ;IAAmBC,OAAO,EAAPA;EAAnB;AACD,CARM;AAUP;AACA;AACA;AACA;AACA;AACA;;;;;AACO,IAAMK,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,MAAD,EAASH,KAAT,EAAmB;EACpD,IAAI,IAAAI,oBAAA,EAASD,MAAT,YAAoBH,KAApB,EAAJ,EAAkC;IAChC,OAAOE,mBAAmB,CAACC,MAAD,EAASH,KAAK,GAAG,CAAjB,CAA1B;EACD,CAFD,MAEO;IACL,iBAAUA,KAAV;EACD;AACF,CANM"}
|
|
@@ -160,7 +160,12 @@ var FeedbackSelector = /*#__PURE__*/function (_React$Component) {
|
|
|
160
160
|
className: classes.editor,
|
|
161
161
|
onChange: this.changeCustom,
|
|
162
162
|
markup: feedback.custom || '',
|
|
163
|
-
toolbarOpts: toolbarOpts
|
|
163
|
+
toolbarOpts: toolbarOpts,
|
|
164
|
+
languageCharactersProps: [{
|
|
165
|
+
language: 'spanish'
|
|
166
|
+
}, {
|
|
167
|
+
language: 'special'
|
|
168
|
+
}]
|
|
164
169
|
})), feedback.type === 'default' && /*#__PURE__*/_react["default"].createElement("div", {
|
|
165
170
|
className: classes.defaultHolder
|
|
166
171
|
}, " ", feedback["default"]));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"feedback-selector.js","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","withStyles"],"sources":["../../src/feedback-config/feedback-selector.jsx"],"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' && (\n <div className={classes.defaultHolder}> {feedback.default}</div>\n )}\n </div>\n );\n }\n}\n\nexport default withStyles(style)(FeedbackSelector);\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"group.js","names":["styles","radioLabel","fontSize","choice","display","alignItems","choiceHolder","Group","props","feedbackLabels","value","classes","className","onChange","keys","classNames","map","key","label","e","currentTarget","propTypes","PropTypes","string","object","isRequired","arrayOf","func","withStyles"],"sources":["../../src/feedback-config/group.jsx"],"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"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,UAAU,EAAE;MACVC,QAAQ,EAAE;IADA,CADQ;IAIpBC,MAAM,EAAE;MACNC,OAAO,EAAE,MADH;MAENC,UAAU,EAAE;IAFN,CAJY;IAQpBC,YAAY,EAAE;MACZF,OAAO,EAAE,MADG;MAEZC,UAAU,EAAE;IAFA;EARM,CAAP;AAAA,CAAf;;AAcA,IAAME,KAAK,GAAG,SAARA,KAAQ,CAAAC,KAAK,EAAI;EACrB,IAAQC,cAAR,GAAsED,KAAtE,CAAQC,cAAR;EAAA,IAAwBC,KAAxB,GAAsEF,KAAtE,CAAwBE,KAAxB;EAAA,IAA+BC,OAA/B,GAAsEH,KAAtE,CAA+BG,OAA/B;EAAA,IAAwCC,SAAxC,GAAsEJ,KAAtE,CAAwCI,SAAxC;EAAA,IAAmDC,SAAnD,GAAsEL,KAAtE,CAAmDK,QAAnD;EAAA,IAA6DC,IAA7D,GAAsEN,KAAtE,CAA6DM,IAA7D;EAEA,oBACE;IAAK,SAAS,EAAE,IAAAC,sBAAA,EAAWJ,OAAO,CAACL,YAAnB,EAAiCM,SAAjC;EAAhB,GACGE,IAAI,CAACE,GAAL,CAAS,UAAAC,GAAG,EAAI;IACf,oBACE;MAAK,SAAS,EAAEN,OAAO,CAACR,MAAxB;MAAgC,GAAG,EAAEc;IAArC,gBACE,gCAAC,0BAAD;MACE,KAAK,EAAEA,GADT;MAEE,OAAO,EAAEP,KAAK,KAAKO,GAFrB;MAGE,OAAO,EAAE;QACPC,KAAK,EAAEP,OAAO,CAACV;MADR,CAHX;MAME,QAAQ,EAAE,kBAAAkB,CAAC;QAAA,OAAIN,SAAQ,CAACM,CAAC,CAACC,aAAF,CAAgBV,KAAjB,CAAZ;MAAA,CANb;MAOE,KAAK,EAAED,cAAc,CAACQ,GAAD;IAPvB,EADF,CADF;EAaD,CAdA,CADH,CADF;AAmBD,CAtBD;;AAwBAV,KAAK,CAACc,SAAN,GAAkB;EAChBT,SAAS,EAAEU,qBAAA,CAAUC,MADL;EAEhBd,cAAc,EAAEa,qBAAA,CAAUE,MAAV,CAAiBC,UAFjB;EAGhBf,KAAK,EAAEY,qBAAA,CAAUC,MAAV,CAAiBE,UAHR;EAIhBd,OAAO,EAAEW,qBAAA,CAAUE,MAAV,CAAiBC,UAJV;EAKhBX,IAAI,EAAEQ,qBAAA,CAAUI,OAAV,CAAkBJ,qBAAA,CAAUC,MAA5B,CALU;EAMhBV,QAAQ,EAAES,qBAAA,CAAUK;AANJ,CAAlB;;eASe,IAAAC,kBAAA,EAAW5B,MAAX,EAAmBO,KAAnB,C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["style","feedbackContainer","display","flexDirection","buildDefaults","input","merge","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","withStyles"],"sources":["../../src/feedback-config/index.jsx"],"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"],"mappings":"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"}
|
package/lib/form-section.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"form-section.js","names":["styles","theme","formSection","marginTop","spacing","unit","marginBottom","label","withStyles","className","classes","children","labelExtraStyle","classNames"],"sources":["../src/form-section.jsx"],"sourcesContent":["import React from 'react';\nimport Typography from '@material-ui/core/Typography';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = theme => ({\n formSection: {\n marginTop: theme.spacing.unit * 2,\n marginBottom: theme.spacing.unit * 2\n },\n label: {\n marginBottom: theme.spacing.unit\n }\n});\n\nexport default withStyles(styles)(({ className, classes, label, children, labelExtraStyle }) => (\n <div className={classNames(classes.formSection, className)}>\n <Typography className={classes.label} type=\"subheading\" style={labelExtraStyle}>\n {label}\n </Typography>\n {children}\n </div>\n));\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;EAAA,OAAK;IACvBC,WAAW,EAAE;MACXC,SAAS,EAAEF,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB,CADrB;MAEXC,YAAY,EAAEL,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB;IAFxB,CADU;IAKvBE,KAAK,EAAE;MACLD,YAAY,EAAEL,KAAK,CAACG,OAAN,CAAcC;IADvB;EALgB,CAAL;AAAA,CAApB;;eAUe,IAAAG,kBAAA,EAAWR,MAAX,EAAmB;EAAA,IAAGS,SAAH,QAAGA,SAAH;EAAA,IAAcC,OAAd,QAAcA,OAAd;EAAA,IAAuBH,KAAvB,QAAuBA,KAAvB;EAAA,IAA8BI,QAA9B,QAA8BA,QAA9B;EAAA,IAAwCC,eAAxC,QAAwCA,eAAxC;EAAA,oBAChC;IAAK,SAAS,EAAE,IAAAC,sBAAA,EAAWH,OAAO,CAACR,WAAnB,EAAgCO,SAAhC;EAAhB,gBACE,gCAAC,sBAAD;IAAY,SAAS,EAAEC,OAAO,CAACH,KAA/B;IAAsC,IAAI,EAAC,YAA3C;IAAwD,KAAK,EAAEK;EAA/D,GACGL,KADH,CADF,EAIGI,QAJH,CADgC;AAAA,CAAnB,C"}
|
package/lib/help.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"help.js","names":["RawHelpButton","onClick","classes","label","icon","propTypes","PropTypes","func","object","isRequired","HelpButton","withStyles","color","HelpDialog","open","onClose","children","title","bool","oneOfType","arrayOf","node","string","Help","props","state","setState","React","Component"],"sources":["../src/help.jsx"],"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\n open={this.state.open}\n title={title}\n onClose={() => this.setState({ open: false })}\n >\n {children}\n </HelpDialog>\n </div>\n );\n }\n}\n\nexport default Help;\n"],"mappings":"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"}
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["import AlertDialog from './alert-dialog';\nimport FeedbackConfig, {\n FeedbackSelector,\n buildDefaults as feedbackConfigDefaults\n} from './feedback-config';\nimport { InputCheckbox, InputSwitch, InputRadio } from './inputs';\nimport Langs, { LanguageControls } from './langs';\nimport Tabs from './tabs';\nimport Checkbox from './checkbox';\nimport FormSection from './form-section';\nimport Help from './help';\nimport Input from './input';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport NumberTextField from './number-text-field';\nimport NumberTextFieldCustom from './number-text-field-custom';\nimport TwoChoice, { NChoice } from './two-choice';\nimport TagsInput from './tags-input';\nimport MuiBox from './mui-box';\nimport ChoiceConfiguration from './choice-configuration';\nimport * as layout from './layout';\n\nimport * as choiceUtils from './choice-utils';\nimport withStatefulModel from './with-stateful-model';\nimport Toggle from './settings/toggle';\nimport DisplaySize from './settings/display-size';\n\nimport * as settings from './settings';\n\nexport {\n AlertDialog,\n FeedbackConfig,\n FeedbackSelector,\n feedbackConfigDefaults,\n InputCheckbox,\n InputSwitch,\n InputRadio,\n Langs,\n LanguageControls,\n Tabs,\n Checkbox,\n FormSection,\n Help,\n Input,\n InputContainer,\n NumberTextField,\n NumberTextFieldCustom,\n TwoChoice,\n NChoice,\n TagsInput,\n MuiBox,\n ChoiceConfiguration,\n layout,\n choiceUtils,\n withStatefulModel,\n Toggle,\n DisplaySize,\n settings\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAIA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;;;;AACA;;AACA;;AACA;;AAEA"}
|
package/lib/input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"input.js","names":["Input","props","event","type","onChange","error","value","target","setState","state","newProps","label","noModelUpdateOnError","rest","React","Component","PropTypes","oneOfType","string","number","func","isRequired","bool","isNaN"],"sources":["../src/input.jsx"],"sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { default as MaterialInput } from '@material-ui/core/Input';\nimport { InputContainer } from '@pie-lib/render-ui';\n\nexport default class Input extends React.Component {\n static propTypes = {\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n onChange: PropTypes.func.isRequired,\n label: PropTypes.string,\n type: PropTypes.string.isRequired,\n error: PropTypes.func,\n noModelUpdateOnError: PropTypes.bool\n };\n\n static defaultProps = {\n type: 'text',\n error: (value, type) => (type === 'number' ? !value || isNaN(value) : !value),\n noModelUpdateOnError: false\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(newProps) {\n this.setState({\n value: newProps.value\n });\n }\n\n onChange = event => {\n const { type, onChange, error } = this.props;\n const value = event.target.value;\n\n if (error(value, type)) {\n this.setState({\n error: true,\n value: event.target.value\n });\n } else {\n this.setState({\n error: false,\n value: event.target.value\n });\n\n onChange(event);\n }\n };\n\n render() {\n const {\n label,\n type,\n noModelUpdateOnError, // eslint-disable-line no-unused-vars\n ...rest\n } = this.props;\n const { value, error } = this.state;\n\n return label ? (\n <InputContainer label={label}>\n <MaterialInput type={type} {...rest} value={value} onChange={this.onChange} error={error} />\n </InputContainer>\n ) : (\n <MaterialInput type={type} {...rest} value={value} onChange={this.onChange} error={error} />\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;IAEqBA,K;;;;;EAgBnB,eAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACjB,0BAAMA,KAAN;IADiB,6FAcR,UAAAC,KAAK,EAAI;MAClB,kBAAkC,MAAKD,KAAvC;MAAA,IAAQE,IAAR,eAAQA,IAAR;MAAA,IAAcC,QAAd,eAAcA,QAAd;MAAA,IAAwBC,KAAxB,eAAwBA,KAAxB;MACA,IAAMC,KAAK,GAAGJ,KAAK,CAACK,MAAN,CAAaD,KAA3B;;MAEA,IAAID,KAAK,CAACC,KAAD,EAAQH,IAAR,CAAT,EAAwB;QACtB,MAAKK,QAAL,CAAc;UACZH,KAAK,EAAE,IADK;UAEZC,KAAK,EAAEJ,KAAK,CAACK,MAAN,CAAaD;QAFR,CAAd;MAID,CALD,MAKO;QACL,MAAKE,QAAL,CAAc;UACZH,KAAK,EAAE,KADK;UAEZC,KAAK,EAAEJ,KAAK,CAACK,MAAN,CAAaD;QAFR,CAAd;;QAKAF,QAAQ,CAACF,KAAD,CAAR;MACD;IACF,CA/BkB;IAGjB,MAAKO,KAAL,GAAa;MACXH,KAAK,EAAEL,KAAK,CAACK;IADF,CAAb;IAHiB;EAMlB;;;;WAED,mCAA0BI,QAA1B,EAAoC;MAClC,KAAKF,QAAL,CAAc;QACZF,KAAK,EAAEI,QAAQ,CAACJ;MADJ,CAAd;IAGD;;;WAqBD,kBAAS;MACP,mBAKI,KAAKL,KALT;MAAA,IACEU,KADF,gBACEA,KADF;MAAA,IAEER,IAFF,gBAEEA,IAFF;MAAA,IAGES,oBAHF,gBAGEA,oBAHF;MAAA,IAIKC,IAJL;MAMA,kBAAyB,KAAKJ,KAA9B;MAAA,IAAQH,KAAR,eAAQA,KAAR;MAAA,IAAeD,KAAf,eAAeA,KAAf;MAEA,OAAOM,KAAK,gBACV,oBAAC,wBAAD;QAAgB,KAAK,EAAEA;MAAvB,gBACE,oBAAC,iBAAD;QAAe,IAAI,EAAER;MAArB,GAA+BU,IAA/B;QAAqC,KAAK,EAAEP,KAA5C;QAAmD,QAAQ,EAAE,KAAKF,QAAlE;QAA4E,KAAK,EAAEC;MAAnF,GADF,CADU,gBAKV,oBAAC,iBAAD;QAAe,IAAI,EAAEF;MAArB,GAA+BU,IAA/B;QAAqC,KAAK,EAAEP,KAA5C;QAAmD,QAAQ,EAAE,KAAKF,QAAlE;QAA4E,KAAK,EAAEC;MAAnF,GALF;IAOD;;;EAjEgCS,KAAK,CAACC,S;;;iCAApBf,K,eACA;EACjBM,KAAK,EAAEU,qBAAA,CAAUC,SAAV,CAAoB,CAACD,qBAAA,CAAUE,MAAX,EAAmBF,qBAAA,CAAUG,MAA7B,CAApB,CADU;EAEjBf,QAAQ,EAAEY,qBAAA,CAAUI,IAAV,CAAeC,UAFR;EAGjBV,KAAK,EAAEK,qBAAA,CAAUE,MAHA;EAIjBf,IAAI,EAAEa,qBAAA,CAAUE,MAAV,CAAiBG,UAJN;EAKjBhB,KAAK,EAAEW,qBAAA,CAAUI,IALA;EAMjBR,oBAAoB,EAAEI,qBAAA,CAAUM;AANf,C;iCADAtB,K,kBAUG;EACpBG,IAAI,EAAE,MADc;EAEpBE,KAAK,EAAE,eAACC,KAAD,EAAQH,IAAR;IAAA,OAAkBA,IAAI,KAAK,QAAT,GAAoB,CAACG,KAAD,IAAUiB,KAAK,CAACjB,KAAD,CAAnC,GAA6C,CAACA,KAAhE;EAAA,CAFa;EAGpBM,oBAAoB,EAAE;AAHF,C"}
|
package/lib/inputs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"inputs.js","names":["InputTypes","classes","PropTypes","object","isRequired","className","string","label","checked","bool","onChange","func","disabled","error","RawInputSwitch","switchRoot","propTypes","InputSwitch","withStyles","justifyContent","transform","RawInputCheckbox","props","classNames","checkboxRoot","RawInputRadio","radioRoot","InputCheckbox","color","InputRadio"],"sources":["../src/inputs.jsx"],"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\n className={classes.switchRoot}\n checked={checked}\n onChange={onChange}\n aria-label={label}\n />\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"],"mappings":"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"}
|
package/lib/langs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"langs.js","names":["log","debug","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","withStyles","name","LanguageControls","languageControls","gridAutoFlow","gridAutoColumns","gridGap","activeLang","defaultLang","onActiveLangChange","onDefaultLangChange","className","names","classNames","propTypes"],"sources":["../src/langs.jsx"],"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})(\n ({\n classes,\n langs,\n activeLang,\n defaultLang,\n onActiveLangChange,\n onDefaultLangChange,\n className\n }) => {\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\n label=\"Default language\"\n langs={langs}\n selected={defaultLang}\n onChange={l => onDefaultLangChange(l)}\n />\n </div>\n );\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"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"config-layout.js","names":["ConfigLayout","props","contentRect","bounds","sidePanelMinWidth","layoutMode","width","setState","state","undefined","onResize","measureRef","settings","children","React","Component","PropTypes","oneOfType","string","arrayOf","element","className","classes","object","number"],"sources":["../../src/layout/config-layout.jsx"],"sourcesContent":["import React from 'react';\nimport Measure from 'react-measure';\nimport PropTypes from 'prop-types';\nimport LayoutContents from './layout-contents';\nimport SettingsBox from './settings-box';\n\nclass ConfigLayout extends React.Component {\n static propTypes = {\n children: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.element),\n PropTypes.element\n ]),\n settings: PropTypes.element,\n className: PropTypes.string,\n classes: PropTypes.object,\n sidePanelMinWidth: PropTypes.number\n };\n\n static defaultProps = {\n sidePanelMinWidth: 950\n };\n\n constructor(props) {\n super(props);\n this.state = {\n layoutMode: undefined\n };\n }\n\n onResize = contentRect => {\n const { bounds } = contentRect;\n const { sidePanelMinWidth } = this.props;\n const layoutMode = bounds.width >= sidePanelMinWidth ? 'inline' : 'tabbed';\n\n this.setState({ layoutMode });\n };\n\n render() {\n return (\n <Measure bounds onResize={this.onResize}>\n {({ measureRef }) => {\n const { settings, children } = this.props;\n const { layoutMode } = this.state;\n\n return (\n <div ref={measureRef}>\n <LayoutContents\n mode={layoutMode}\n secondary={\n layoutMode === 'inline' ? <SettingsBox>{settings}</SettingsBox> : settings\n }\n >\n {children}\n </LayoutContents>\n </div>\n );\n }}\n </Measure>\n );\n }\n}\n\nexport default ConfigLayout;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEMA,Y;;;;;EAiBJ,sBAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACjB,0BAAMA,KAAN;IADiB,6FAOR,UAAAC,WAAW,EAAI;MACxB,IAAQC,MAAR,GAAmBD,WAAnB,CAAQC,MAAR;MACA,IAAQC,iBAAR,GAA8B,MAAKH,KAAnC,CAAQG,iBAAR;MACA,IAAMC,UAAU,GAAGF,MAAM,CAACG,KAAP,IAAgBF,iBAAhB,GAAoC,QAApC,GAA+C,QAAlE;;MAEA,MAAKG,QAAL,CAAc;QAAEF,UAAU,EAAVA;MAAF,CAAd;IACD,CAbkB;IAEjB,MAAKG,KAAL,GAAa;MACXH,UAAU,EAAEI;IADD,CAAb;IAFiB;EAKlB;;;;WAUD,kBAAS;MAAA;;MACP,oBACE,gCAAC,wBAAD;QAAS,MAAM,MAAf;QAAgB,QAAQ,EAAE,KAAKC;MAA/B,GACG,gBAAoB;QAAA,IAAjBC,UAAiB,QAAjBA,UAAiB;QACnB,mBAA+B,MAAI,CAACV,KAApC;QAAA,IAAQW,QAAR,gBAAQA,QAAR;QAAA,IAAkBC,QAAlB,gBAAkBA,QAAlB;QACA,IAAQR,UAAR,GAAuB,MAAI,CAACG,KAA5B,CAAQH,UAAR;QAEA,oBACE;UAAK,GAAG,EAAEM;QAAV,gBACE,gCAAC,0BAAD;UACE,IAAI,EAAEN,UADR;UAEE,SAAS,EACPA,UAAU,KAAK,QAAf,gBAA0B,gCAAC,uBAAD,QAAcO,QAAd,CAA1B,GAAkEA;QAHtE,GAMGC,QANH,CADF,CADF;MAYD,CAjBH,CADF;IAqBD;;;EAtDwBC,iBAAA,CAAMC,S;;iCAA3Bf,Y,eACe;EACjBa,QAAQ,EAAEG,qBAAA,CAAUC,SAAV,CAAoB,CAC5BD,qBAAA,CAAUE,MADkB,EAE5BF,qBAAA,CAAUG,OAAV,CAAkBH,qBAAA,CAAUI,OAA5B,CAF4B,EAG5BJ,qBAAA,CAAUI,OAHkB,CAApB,CADO;EAMjBR,QAAQ,EAAEI,qBAAA,CAAUI,OANH;EAOjBC,SAAS,EAAEL,qBAAA,CAAUE,MAPJ;EAQjBI,OAAO,EAAEN,qBAAA,CAAUO,MARF;EASjBnB,iBAAiB,EAAEY,qBAAA,CAAUQ;AATZ,C;iCADfxB,Y,kBAakB;EACpBI,iBAAiB,EAAE;AADC,C;eA4CTJ,Y"}
|
package/lib/layout/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/layout/index.js"],"sourcesContent":["import ConfigLayout from './config-layout';\nimport LayoutContents from './layout-contents';\n\nexport { LayoutContents, ConfigLayout };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AACA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"layout-contents.js","names":["RawLayoutContents","props","mode","secondary","children","classes","classnames","container","flow","configContainer","onTabsChange","contentContainer","React","Component","PropTypes","oneOf","oneOfType","arrayOf","node","object","styles","display","justifyContent","flexDirection","position","padding","flex","marginRight","withStyles"],"sources":["../../src/layout/layout-contents.jsx"],"sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core';\nimport Tabs from '../tabs';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\n\nclass RawLayoutContents extends React.Component {\n static propTypes = {\n mode: PropTypes.oneOf(['tabbed', 'inline']),\n secondary: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n classes: PropTypes.object\n };\n\n render() {\n const { mode, secondary, children, classes } = this.props;\n\n return (\n <div className={classnames(classes.container)}>\n {mode === 'inline' && (\n <div className={classes.flow}>\n <div className={classes.configContainer}>{children}</div>\n <div>{secondary}</div>\n </div>\n )}\n {mode === 'tabbed' && (\n <Tabs\n onChange={this.onTabsChange}\n contentClassName={classes.contentContainer}\n indicatorColor=\"primary\"\n >\n <div title=\"Design\">{children}</div>\n <div title=\"settings\">{secondary}</div>\n </Tabs>\n )}\n </div>\n );\n }\n}\n\nconst styles = () => ({\n flow: {\n display: 'flex',\n justifyContent: 'space-between'\n },\n container: {\n display: 'flex',\n flexDirection: 'column',\n position: 'relative'\n },\n contentContainer: {\n padding: '32px 16px 0 16px'\n },\n configContainer: {\n flex: '1',\n marginRight: '20px'\n }\n});\n\nexport default withStyles(styles)(RawLayoutContents);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEMA,iB;;;;;;;;;;;;WAQJ,kBAAS;MACP,kBAA+C,KAAKC,KAApD;MAAA,IAAQC,IAAR,eAAQA,IAAR;MAAA,IAAcC,SAAd,eAAcA,SAAd;MAAA,IAAyBC,QAAzB,eAAyBA,QAAzB;MAAA,IAAmCC,OAAnC,eAAmCA,OAAnC;MAEA,oBACE;QAAK,SAAS,EAAE,IAAAC,sBAAA,EAAWD,OAAO,CAACE,SAAnB;MAAhB,GACGL,IAAI,KAAK,QAAT,iBACC;QAAK,SAAS,EAAEG,OAAO,CAACG;MAAxB,gBACE;QAAK,SAAS,EAAEH,OAAO,CAACI;MAAxB,GAA0CL,QAA1C,CADF,eAEE,6CAAMD,SAAN,CAFF,CAFJ,EAOGD,IAAI,KAAK,QAAT,iBACC,gCAAC,gBAAD;QACE,QAAQ,EAAE,KAAKQ,YADjB;QAEE,gBAAgB,EAAEL,OAAO,CAACM,gBAF5B;QAGE,cAAc,EAAC;MAHjB,gBAKE;QAAK,KAAK,EAAC;MAAX,GAAqBP,QAArB,CALF,eAME;QAAK,KAAK,EAAC;MAAX,GAAuBD,SAAvB,CANF,CARJ,CADF;IAoBD;;;EA/B6BS,iBAAA,CAAMC,S;;iCAAhCb,iB,eACe;EACjBE,IAAI,EAAEY,qBAAA,CAAUC,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,CAAhB,CADW;EAEjBZ,SAAS,EAAEW,qBAAA,CAAUE,SAAV,CAAoB,CAACF,qBAAA,CAAUG,OAAV,CAAkBH,qBAAA,CAAUI,IAA5B,CAAD,EAAoCJ,qBAAA,CAAUI,IAA9C,CAApB,CAFM;EAGjBd,QAAQ,EAAEU,qBAAA,CAAUE,SAAV,CAAoB,CAACF,qBAAA,CAAUG,OAAV,CAAkBH,qBAAA,CAAUI,IAA5B,CAAD,EAAoCJ,qBAAA,CAAUI,IAA9C,CAApB,CAHO;EAIjBb,OAAO,EAAES,qBAAA,CAAUK;AAJF,C;;AAiCrB,IAAMC,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBZ,IAAI,EAAE;MACJa,OAAO,EAAE,MADL;MAEJC,cAAc,EAAE;IAFZ,CADc;IAKpBf,SAAS,EAAE;MACTc,OAAO,EAAE,MADA;MAETE,aAAa,EAAE,QAFN;MAGTC,QAAQ,EAAE;IAHD,CALS;IAUpBb,gBAAgB,EAAE;MAChBc,OAAO,EAAE;IADO,CAVE;IAapBhB,eAAe,EAAE;MACfiB,IAAI,EAAE,GADS;MAEfC,WAAW,EAAE;IAFE;EAbG,CAAP;AAAA,CAAf;;eAmBe,IAAAC,gBAAA,EAAWR,MAAX,EAAmBpB,iBAAnB,C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"settings-box.js","names":["SettingsBox","props","classes","className","children","classNames","settingsBox","React","Component","PropTypes","object","isRequired","string","oneOfType","arrayOf","node","styles","backgroundColor","border","display","flexDirection","justifyContent","minWidth","maxWidth","padding","width","zIndex","withStyles"],"sources":["../../src/layout/settings-box.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nexport class SettingsBox extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n };\n static defaultProps = {};\n render() {\n const { classes, className, children } = this.props;\n return <div className={classNames(classes.settingsBox, className)}>{children}</div>;\n }\n}\nconst styles = () => ({\n settingsBox: {\n backgroundColor: '#FFF',\n border: '2px solid #EEE',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-start',\n minWidth: '275px',\n maxWidth: '300px',\n padding: '24px 8px 24px 24px',\n width: '80%',\n zIndex: 99\n }\n});\nexport default withStyles(styles)(SettingsBox);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;IACaA,W;;;;;;;;;;;;WAOX,kBAAS;MACP,kBAAyC,KAAKC,KAA9C;MAAA,IAAQC,OAAR,eAAQA,OAAR;MAAA,IAAiBC,SAAjB,eAAiBA,SAAjB;MAAA,IAA4BC,QAA5B,eAA4BA,QAA5B;MACA,oBAAO;QAAK,SAAS,EAAE,IAAAC,sBAAA,EAAWH,OAAO,CAACI,WAAnB,EAAgCH,SAAhC;MAAhB,GAA6DC,QAA7D,CAAP;IACD;;;EAV8BG,iBAAA,CAAMC,S;;;iCAA1BR,W,eACQ;EACjBE,OAAO,EAAEO,qBAAA,CAAUC,MAAV,CAAiBC,UADT;EAEjBR,SAAS,EAAEM,qBAAA,CAAUG,MAFJ;EAGjBR,QAAQ,EAAEK,qBAAA,CAAUI,SAAV,CAAoB,CAACJ,qBAAA,CAAUK,OAAV,CAAkBL,qBAAA,CAAUM,IAA5B,CAAD,EAAoCN,qBAAA,CAAUM,IAA9C,CAApB,EAAyEJ;AAHlE,C;iCADRX,W,kBAMW,E;;AAMxB,IAAMgB,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBV,WAAW,EAAE;MACXW,eAAe,EAAE,MADN;MAEXC,MAAM,EAAE,gBAFG;MAGXC,OAAO,EAAE,MAHE;MAIXC,aAAa,EAAE,QAJJ;MAKXC,cAAc,EAAE,YALL;MAMXC,QAAQ,EAAE,OANC;MAOXC,QAAQ,EAAE,OAPC;MAQXC,OAAO,EAAE,oBARE;MASXC,KAAK,EAAE,KATI;MAUXC,MAAM,EAAE;IAVG;EADO,CAAP;AAAA,CAAf;;eAce,IAAAC,kBAAA,EAAWX,MAAX,EAAmBhB,WAAnB,C"}
|