@pie-lib/render-ui 4.12.1-next.234 → 4.12.1-next.293
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/lib/collapsible/index.js.map +1 -1
- package/lib/color.js.map +1 -1
- package/lib/feedback.js.map +1 -1
- package/lib/has-text.js.map +1 -1
- package/lib/html-and-math.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib/input-container.js.map +1 -1
- package/lib/preview-layout.js.map +1 -1
- package/lib/preview-prompt.js.map +1 -1
- package/lib/purpose.js.map +1 -1
- package/lib/readable.js.map +1 -1
- package/lib/response-indicators.js.map +1 -1
- package/lib/withUndoReset.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["Collapsible","expanded","setState","state","renderMath","root","props","classes","labels","children","className","title","visible","hidden","r","toggleExpanded","collapsible","React","Component","PropTypes","object","isRequired","string","shape","withStyles","theme","color","palette","primary","light","borderBottom","paddingTop","spacing","unit"],"sources":["../../src/collapsible/index.jsx"],"sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport Collapse from '@material-ui/core/Collapse/index';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport PropTypes from 'prop-types';\n\nexport class Collapsible extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n children: PropTypes.object,\n labels: PropTypes.shape({\n visible: PropTypes.string,\n hidden: PropTypes.string\n })\n };\n\n static defaultProps = {\n labels: {}\n };\n\n state = {\n expanded: false\n };\n\n toggleExpanded = () => {\n this.setState(state => ({ expanded: !state.expanded }));\n };\n\n componentDidMount() {\n renderMath(this.root);\n }\n\n componentDidUpdate() {\n renderMath(this.root);\n }\n\n render() {\n const { classes, labels, children, className } = this.props;\n const title = this.state.expanded ? labels.visible || 'Hide' : labels.hidden || 'Show';\n\n return (\n <div className={className} ref={r => (this.root = r)}>\n <div onClick={this.toggleExpanded}>\n <span className={classes.title}>{title}</span>\n </div>\n <Collapse\n in={this.state.expanded}\n timeout=\"auto\"\n unmountOnExit\n className={classes.collapsible}\n >\n {children}\n </Collapse>\n </div>\n );\n }\n}\n\nexport default withStyles(theme => ({\n title: {\n color: theme.palette.primary.light,\n borderBottom: `1px dotted ${theme.palette.primary.light}`\n },\n collapsible: {\n paddingTop: theme.spacing.unit * 2\n }\n}))(Collapsible);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,W;;;;;;;;;;;;;;;;4DAeH;MACNC,QAAQ,EAAE;IADJ,C;;qEAIS,YAAM;MACrB,MAAKC,QAAL,CAAc,UAAAC,KAAK;QAAA,OAAK;UAAEF,QAAQ,EAAE,CAACE,KAAK,CAACF;QAAnB,CAAL;MAAA,CAAnB;IACD,C;;;;;;;WAED,6BAAoB;MAClB,IAAAG,yBAAA,EAAW,KAAKC,IAAhB;IACD;;;WAED,8BAAqB;MACnB,IAAAD,yBAAA,EAAW,KAAKC,IAAhB;IACD;;;WAED,kBAAS;MAAA;;MACP,kBAAiD,KAAKC,KAAtD;MAAA,IAAQC,OAAR,eAAQA,OAAR;MAAA,IAAiBC,MAAjB,eAAiBA,MAAjB;MAAA,IAAyBC,QAAzB,eAAyBA,QAAzB;MAAA,IAAmCC,SAAnC,eAAmCA,SAAnC;MACA,IAAMC,KAAK,GAAG,KAAKR,KAAL,CAAWF,QAAX,GAAsBO,MAAM,CAACI,OAAP,IAAkB,MAAxC,GAAiDJ,MAAM,CAACK,MAAP,IAAiB,MAAhF;MAEA,oBACE;QAAK,SAAS,EAAEH,SAAhB;QAA2B,GAAG,EAAE,aAAAI,CAAC;UAAA,OAAK,MAAI,CAACT,IAAL,GAAYS,CAAjB;QAAA;MAAjC,gBACE;QAAK,OAAO,EAAE,KAAKC;MAAnB,gBACE;QAAM,SAAS,EAAER,OAAO,CAACI;MAAzB,GAAiCA,KAAjC,CADF,CADF,eAIE,gCAAC,kBAAD;QACE,MAAI,KAAKR,KAAL,CAAWF,QADjB;QAEE,OAAO,EAAC,MAFV;QAGE,aAAa,MAHf;QAIE,SAAS,EAAEM,OAAO,CAACS;MAJrB,GAMGP,QANH,CAJF,CADF;IAeD;;;;EAlD8BQ,iBAAA,CAAMC,S;;;;gBAA1BlB,W,eACQ;EACjBO,OAAO,EAAEY,qBAAA,CAAUC,MAAV,CAAiBC,UADT;EAEjBX,SAAS,EAAES,qBAAA,CAAUG,MAFJ;EAGjBb,QAAQ,EAAEU,qBAAA,CAAUC,MAHH;EAIjBZ,MAAM,EAAEW,qBAAA,CAAUI,KAAV,CAAgB;IACtBX,OAAO,EAAEO,qBAAA,CAAUG,MADG;IAEtBT,MAAM,EAAEM,qBAAA,CAAUG;EAFI,CAAhB;AAJS,C;;gBADRtB,W,kBAWW;EACpBQ,MAAM,EAAE;AADY,C;;eA0CT,IAAAgB,iBAAA,EAAW,UAAAC,KAAK;EAAA,OAAK;IAClCd,KAAK,EAAE;MACLe,KAAK,EAAED,KAAK,CAACE,OAAN,CAAcC,OAAd,CAAsBC,KADxB;MAELC,YAAY,uBAAgBL,KAAK,CAACE,OAAN,CAAcC,OAAd,CAAsBC,KAAtC;IAFP,CAD2B;IAKlCb,WAAW,EAAE;MACXe,UAAU,EAAEN,KAAK,CAACO,OAAN,CAAcC,IAAd,GAAqB;IADtB;EALqB,CAAL;AAAA,CAAhB,EAQXjC,WARW,C"}
|
package/lib/color.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"color.js","names":["defaults","TEXT","DISABLED","CORRECT","green","INCORRECT","orange","PRIMARY","indigo","PRIMARY_LIGHT","PRIMARY_DARK","SECONDARY","pink","A400","SECONDARY_LIGHT","SECONDARY_DARK","BACKGROUND","SECONDARY_BACKGROUND","Object","freeze","v","prefix","args","fallback","pop","reduceRight","acc","pv","text","disabled","correct","incorrect","primary","primaryLight","primaryDark","primaryText","secondary","secondaryLight","secondaryDark","secondaryText","background","secondaryBackground"],"sources":["../src/color.js"],"sourcesContent":["import green from '@material-ui/core/colors/green';\nimport orange from '@material-ui/core/colors/orange';\nimport pink from '@material-ui/core/colors/pink';\nimport indigo from '@material-ui/core/colors/indigo';\n\nexport const defaults = {\n TEXT: 'black',\n DISABLED: 'grey',\n CORRECT: green[500],\n INCORRECT: orange[500],\n PRIMARY: indigo[500],\n PRIMARY_LIGHT: indigo[200],\n PRIMARY_DARK: indigo[800],\n SECONDARY: pink.A400,\n SECONDARY_LIGHT: pink[200],\n SECONDARY_DARK: pink[900],\n BACKGROUND: 'rgba(255,255,255,0)',\n SECONDARY_BACKGROUND: 'rgba(241,241,241,1)'\n};\n\nObject.freeze(defaults);\n\nexport const v = prefix => (...args) => {\n const fallback = args.pop();\n return args.reduceRight((acc, v) => {\n return `var(--${prefix}-${v}, ${acc})`;\n }, fallback);\n};\n\nconst pv = v('pie');\n\nexport const text = () => pv('text', defaults.TEXT);\nexport const disabled = () => pv('disabled', defaults.DISABLED);\nexport const correct = () => pv('correct', defaults.CORRECT);\nexport const incorrect = () => pv('incorrect', defaults.INCORRECT);\n\nexport const primary = () => pv('primary', defaults.PRIMARY);\nexport const primaryLight = () => pv('primary-light', defaults.PRIMARY_LIGHT);\nexport const primaryDark = () => pv('primary-dark', defaults.PRIMARY_DARK);\nexport const primaryText = () => pv('primary-text', 'text', defaults.TEXT);\n\nexport const secondary = () => pv('secondary', defaults.SECONDARY);\nexport const secondaryLight = () => pv('secondary-light', defaults.SECONDARY_LIGHT);\nexport const secondaryDark = () => pv('secondary-dark', defaults.SECONDARY_DARK);\n\nexport const secondaryText = () => pv('secondary-text', 'text', defaults.TEXT);\nexport const background = () => pv('background', defaults.BACKGROUND);\nexport const secondaryBackground = () => pv('secondary-background', defaults.SECONDARY_BACKGROUND);\n"],"mappings":"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"}
|
package/lib/feedback.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"feedback.js","names":["styleSheet","corespringFeedback","transformOrigin","width","display","overflow","color","content","backgroundColor","disabled","borderRadius","fontFamily","fontSize","lineHeight","margin","padding","verticalAlign","correct","incorrect","feedbackEnter","height","feedbackEnterActive","transition","feedbackLeave","feedbackLeaveActive","Feedback","props","correctness","feedback","classes","chooseFeedback","enter","enterActive","leave","leaveActive","exit","classNames","__html","React","Component","PropTypes","string","object","isRequired","withStyles","name"],"sources":["../src/feedback.jsx"],"sourcesContent":["/**\n * Lifted from multiple-choice - TODO: create a shared package for it.\n */\nimport { withStyles } from '@material-ui/core/styles';\n\nimport React from 'react';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport * as color from './color';\n\nconst styleSheet = {\n corespringFeedback: {\n transformOrigin: '0% 0px 0px',\n width: '100%',\n display: 'block',\n overflow: 'hidden',\n '&:.incorrect': {\n color: '#946202'\n }\n },\n content: {\n '-webkit-font-smoothing': 'antialiased',\n backgroundColor: `var(--feedback-bg-color, ${color.disabled()})`,\n borderRadius: '4px',\n fontFamily: '\"Roboto\", \"Noto\", sans-serif',\n fontSize: '12px',\n lineHeight: '25px',\n margin: '0px',\n padding: '10px',\n verticalAlign: 'middle',\n color: 'var(--feedback-color, white)'\n },\n correct: {\n backgroundColor: `var(--feedback-correct-bg-color, ${color.correct()})`\n },\n incorrect: {\n backgroundColor: `var(--feedback-incorrect-bg-color, ${color.incorrect()})`\n },\n feedbackEnter: {\n height: '1px'\n },\n feedbackEnterActive: {\n height: '45px',\n transition: 'height 500ms'\n },\n feedbackLeave: {\n height: '45px'\n },\n feedbackLeaveActive: {\n height: '1px',\n transition: 'height 200ms'\n }\n};\n\nexport class Feedback extends React.Component {\n static propTypes = {\n correctness: PropTypes.string,\n feedback: PropTypes.string,\n classes: PropTypes.object.isRequired\n };\n\n render() {\n const { correctness, feedback, classes } = this.props;\n\n function chooseFeedback(correctness) {\n if (correctness && feedback) {\n return (\n <CSSTransition\n classNames={{\n enter: classes.feedbackEnter,\n enterActive: classes.feedbackEnterActive,\n leave: classes.feedbackLeave,\n leaveActive: classes.feedbackLeaveActive\n }}\n key=\"hasFeedback\"\n timeout={{ enter: 500, exit: 300 }}\n >\n <div className={classes.corespringFeedback}>\n <div\n className={classNames(classes.content, classes[correctness])}\n dangerouslySetInnerHTML={{ __html: feedback }}\n />\n </div>\n </CSSTransition>\n );\n } else {\n return null;\n }\n }\n\n return (\n <div>\n <TransitionGroup>{chooseFeedback(correctness)}</TransitionGroup>\n </div>\n );\n }\n}\n\nexport default withStyles(styleSheet, { name: 'Feedback' })(Feedback);\n"],"mappings":";;;;;;;;;AAGA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,UAAU,GAAG;EACjBC,kBAAkB,EAAE;IAClBC,eAAe,EAAE,YADC;IAElBC,KAAK,EAAE,MAFW;IAGlBC,OAAO,EAAE,OAHS;IAIlBC,QAAQ,EAAE,QAJQ;IAKlB,gBAAgB;MACdC,KAAK,EAAE;IADO;EALE,CADH;EAUjBC,OAAO,EAAE;IACP,0BAA0B,aADnB;IAEPC,eAAe,qCAA8BF,KAAK,CAACG,QAAN,EAA9B,MAFR;IAGPC,YAAY,EAAE,KAHP;IAIPC,UAAU,EAAE,8BAJL;IAKPC,QAAQ,EAAE,MALH;IAMPC,UAAU,EAAE,MANL;IAOPC,MAAM,EAAE,KAPD;IAQPC,OAAO,EAAE,MARF;IASPC,aAAa,EAAE,QATR;IAUPV,KAAK,EAAE;EAVA,CAVQ;EAsBjBW,OAAO,EAAE;IACPT,eAAe,6CAAsCF,KAAK,CAACW,OAAN,EAAtC;EADR,CAtBQ;EAyBjBC,SAAS,EAAE;IACTV,eAAe,+CAAwCF,KAAK,CAACY,SAAN,EAAxC;EADN,CAzBM;EA4BjBC,aAAa,EAAE;IACbC,MAAM,EAAE;EADK,CA5BE;EA+BjBC,mBAAmB,EAAE;IACnBD,MAAM,EAAE,MADW;IAEnBE,UAAU,EAAE;EAFO,CA/BJ;EAmCjBC,aAAa,EAAE;IACbH,MAAM,EAAE;EADK,CAnCE;EAsCjBI,mBAAmB,EAAE;IACnBJ,MAAM,EAAE,KADW;IAEnBE,UAAU,EAAE;EAFO;AAtCJ,CAAnB;;IA4CaG,Q;;;;;;;;;;;;;WAOX,kBAAS;MACP,kBAA2C,KAAKC,KAAhD;MAAA,IAAQC,WAAR,eAAQA,WAAR;MAAA,IAAqBC,QAArB,eAAqBA,QAArB;MAAA,IAA+BC,OAA/B,eAA+BA,OAA/B;;MAEA,SAASC,cAAT,CAAwBH,WAAxB,EAAqC;QACnC,IAAIA,WAAW,IAAIC,QAAnB,EAA6B;UAC3B,oBACE,gCAAC,mCAAD;YACE,UAAU,EAAE;cACVG,KAAK,EAAEF,OAAO,CAACV,aADL;cAEVa,WAAW,EAAEH,OAAO,CAACR,mBAFX;cAGVY,KAAK,EAAEJ,OAAO,CAACN,aAHL;cAIVW,WAAW,EAAEL,OAAO,CAACL;YAJX,CADd;YAOE,GAAG,EAAC,aAPN;YAQE,OAAO,EAAE;cAAEO,KAAK,EAAE,GAAT;cAAcI,IAAI,EAAE;YAApB;UARX,gBAUE;YAAK,SAAS,EAAEN,OAAO,CAAC5B;UAAxB,gBACE;YACE,SAAS,EAAE,IAAAmC,sBAAA,EAAWP,OAAO,CAACtB,OAAnB,EAA4BsB,OAAO,CAACF,WAAD,CAAnC,CADb;YAEE,uBAAuB,EAAE;cAAEU,MAAM,EAAET;YAAV;UAF3B,EADF,CAVF,CADF;QAmBD,CApBD,MAoBO;UACL,OAAO,IAAP;QACD;MACF;;MAED,oBACE,0DACE,gCAAC,qCAAD,QAAkBE,cAAc,CAACH,WAAD,CAAhC,CADF,CADF;IAKD;;;;EAzC2BW,iBAAA,CAAMC,S;;;;gBAAvBd,Q,eACQ;EACjBE,WAAW,EAAEa,qBAAA,CAAUC,MADN;EAEjBb,QAAQ,EAAEY,qBAAA,CAAUC,MAFH;EAGjBZ,OAAO,EAAEW,qBAAA,CAAUE,MAAV,CAAiBC;AAHT,C;;eA2CN,IAAAC,kBAAA,EAAW5C,UAAX,EAAuB;EAAE6C,IAAI,EAAE;AAAR,CAAvB,EAA6CpB,QAA7C,C"}
|
package/lib/has-text.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"has-text.js","names":["dp","DOMParser","markupToText","s","root","parseFromString","body","textContent","hasText","tc","trim"],"sources":["../src/has-text.js"],"sourcesContent":["const dp = new DOMParser();\n\nconst markupToText = s => {\n const root = dp.parseFromString(s, 'text/html');\n return root.body.textContent;\n};\n\nexport const hasText = s => {\n if (!s) {\n return false;\n }\n const tc = markupToText(s);\n return !!(tc && tc.trim());\n};\n"],"mappings":";;;;;;AAAA,IAAMA,EAAE,GAAG,IAAIC,SAAJ,EAAX;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAAAC,CAAC,EAAI;EACxB,IAAMC,IAAI,GAAGJ,EAAE,CAACK,eAAH,CAAmBF,CAAnB,EAAsB,WAAtB,CAAb;EACA,OAAOC,IAAI,CAACE,IAAL,CAAUC,WAAjB;AACD,CAHD;;AAKO,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAAAL,CAAC,EAAI;EAC1B,IAAI,CAACA,CAAL,EAAQ;IACN,OAAO,KAAP;EACD;;EACD,IAAMM,EAAE,GAAGP,YAAY,CAACC,CAAD,CAAvB;EACA,OAAO,CAAC,EAAEM,EAAE,IAAIA,EAAE,CAACC,IAAH,EAAR,CAAR;AACD,CANM"}
|
package/lib/html-and-math.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"html-and-math.js","names":["HtmlAndMath","node","renderMath","props","tag","className","html","Tag","r","__html","React","Component","PropTypes","string"],"sources":["../src/html-and-math.js"],"sourcesContent":["import React from 'react';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport PropTypes from 'prop-types';\n\nexport default class HtmlAndMath extends React.Component {\n static propTypes = {\n tag: PropTypes.string,\n className: PropTypes.string,\n html: PropTypes.string\n };\n\n static defaultProps = {\n tag: 'div',\n html: ''\n };\n\n componentDidMount() {\n if (this.node) {\n renderMath(this.node);\n }\n }\n\n componentDidUpdate() {\n if (this.node) {\n renderMath(this.node);\n }\n }\n\n render() {\n const { tag, className, html } = this.props;\n const Tag = tag || 'div';\n return (\n <Tag\n ref={r => (this.node = r)}\n className={className}\n dangerouslySetInnerHTML={{ __html: html }}\n />\n );\n }\n}\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;IAEqBA,W;;;;;;;;;;;;;WAYnB,6BAAoB;MAClB,IAAI,KAAKC,IAAT,EAAe;QACb,IAAAC,yBAAA,EAAW,KAAKD,IAAhB;MACD;IACF;;;WAED,8BAAqB;MACnB,IAAI,KAAKA,IAAT,EAAe;QACb,IAAAC,yBAAA,EAAW,KAAKD,IAAhB;MACD;IACF;;;WAED,kBAAS;MAAA;;MACP,kBAAiC,KAAKE,KAAtC;MAAA,IAAQC,GAAR,eAAQA,GAAR;MAAA,IAAaC,SAAb,eAAaA,SAAb;MAAA,IAAwBC,IAAxB,eAAwBA,IAAxB;MACA,IAAMC,GAAG,GAAGH,GAAG,IAAI,KAAnB;MACA,oBACE,gCAAC,GAAD;QACE,GAAG,EAAE,aAAAI,CAAC;UAAA,OAAK,KAAI,CAACP,IAAL,GAAYO,CAAjB;QAAA,CADR;QAEE,SAAS,EAAEH,SAFb;QAGE,uBAAuB,EAAE;UAAEI,MAAM,EAAEH;QAAV;MAH3B,EADF;IAOD;;;;EAlCsCI,iBAAA,CAAMC,S;;;;gBAA1BX,W,eACA;EACjBI,GAAG,EAAEQ,qBAAA,CAAUC,MADE;EAEjBR,SAAS,EAAEO,qBAAA,CAAUC,MAFJ;EAGjBP,IAAI,EAAEM,qBAAA,CAAUC;AAHC,C;;gBADAb,W,kBAOG;EACpBI,GAAG,EAAE,KADe;EAEpBE,IAAI,EAAE;AAFc,C"}
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["import * as indicators from './response-indicators';\nimport Feedback from './feedback';\nimport Collapsible from './collapsible';\nimport withUndoReset from './withUndoReset';\nimport PreviewLayout from './preview-layout';\nimport HtmlAndMath from './html-and-math';\nimport InputContainer from './input-container';\nimport PreviewPrompt from './preview-prompt';\nimport Readable from './readable';\nimport Purpose from './purpose';\nimport * as color from './color';\nimport { hasText } from './has-text';\n\nexport {\n HtmlAndMath,\n indicators,\n withUndoReset,\n Feedback,\n PreviewLayout,\n Collapsible,\n InputContainer,\n PreviewPrompt,\n color,\n Readable,\n Purpose,\n hasText\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AACA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"input-container.js","names":["RawInputContainer","props","label","className","children","classes","names","classNames","formControl","propTypes","PropTypes","oneOfType","string","object","isRequired","arrayOf","node","withStyles","theme","marginLeft","marginRight","spacing","unit","paddingBottom","flex","minWidth","fontSize","whiteSpace"],"sources":["../src/input-container.jsx"],"sourcesContent":["import 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 FormControl from '@material-ui/core/FormControl';\n\nconst RawInputContainer = props => {\n const { label, className, children, classes } = props;\n const names = classNames(classes.formControl, className);\n\n return (\n <FormControl className={names}>\n <InputLabel className={classes.label} shrink={true}>\n {label}\n </InputLabel>\n {children}\n </FormControl>\n );\n};\n\nRawInputContainer.propTypes = {\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,\n className: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n classes: PropTypes.object.isRequired\n};\n\nexport default withStyles(theme => ({\n formControl: {\n marginLeft: 0,\n marginRight: theme.spacing.unit,\n paddingBottom: theme.spacing.unit,\n flex: '1 0 auto',\n minWidth: theme.spacing.unit * 4\n },\n label: {\n fontSize: 'inherit',\n whiteSpace: 'nowrap'\n }\n}))(RawInputContainer);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,KAAK,EAAI;EACjC,IAAQC,KAAR,GAAgDD,KAAhD,CAAQC,KAAR;EAAA,IAAeC,SAAf,GAAgDF,KAAhD,CAAeE,SAAf;EAAA,IAA0BC,QAA1B,GAAgDH,KAAhD,CAA0BG,QAA1B;EAAA,IAAoCC,OAApC,GAAgDJ,KAAhD,CAAoCI,OAApC;EACA,IAAMC,KAAK,GAAG,IAAAC,sBAAA,EAAWF,OAAO,CAACG,WAAnB,EAAgCL,SAAhC,CAAd;EAEA,oBACE,gCAAC,uBAAD;IAAa,SAAS,EAAEG;EAAxB,gBACE,gCAAC,sBAAD;IAAY,SAAS,EAAED,OAAO,CAACH,KAA/B;IAAsC,MAAM,EAAE;EAA9C,GACGA,KADH,CADF,EAIGE,QAJH,CADF;AAQD,CAZD;;AAcAJ,iBAAiB,CAACS,SAAlB,GAA8B;EAC5BP,KAAK,EAAEQ,qBAAA,CAAUC,SAAV,CAAoB,CAACD,qBAAA,CAAUE,MAAX,EAAmBF,qBAAA,CAAUG,MAA7B,CAApB,EAA0DC,UADrC;EAE5BX,SAAS,EAAEO,qBAAA,CAAUE,MAFO;EAG5BR,QAAQ,EAAEM,qBAAA,CAAUC,SAAV,CAAoB,CAACD,qBAAA,CAAUK,OAAV,CAAkBL,qBAAA,CAAUM,IAA5B,CAAD,EAAoCN,qBAAA,CAAUM,IAA9C,CAApB,EAAyEF,UAHvD;EAI5BT,OAAO,EAAEK,qBAAA,CAAUG,MAAV,CAAiBC;AAJE,CAA9B;;eAOe,IAAAG,kBAAA,EAAW,UAAAC,KAAK;EAAA,OAAK;IAClCV,WAAW,EAAE;MACXW,UAAU,EAAE,CADD;MAEXC,WAAW,EAAEF,KAAK,CAACG,OAAN,CAAcC,IAFhB;MAGXC,aAAa,EAAEL,KAAK,CAACG,OAAN,CAAcC,IAHlB;MAIXE,IAAI,EAAE,UAJK;MAKXC,QAAQ,EAAEP,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB;IALpB,CADqB;IAQlCpB,KAAK,EAAE;MACLwB,QAAQ,EAAE,SADL;MAELC,UAAU,EAAE;IAFP;EAR2B,CAAL;AAAA,CAAhB,EAYX3B,iBAZW,C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"preview-layout.js","names":["PreviewLayout","props","children","classes","container","React","Component","PropTypes","oneOfType","arrayOf","node","isRequired","object","styles","display","flexDirection","position","theme","createMuiTheme","typography","useNextVariants","palette","action","disabled","overrides","MuiRadio","root","color","MuiCheckbox","MuiTabs","borderBottom","MuiSwitch","backgroundColor","opacity","Styled","withStyles","RootElem"],"sources":["../src/preview-layout.jsx"],"sourcesContent":["import React from 'react';\nimport { withStyles, createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\n\nclass PreviewLayout extends React.Component {\n static propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n classes: PropTypes.object\n };\n\n render() {\n const { children, classes } = this.props;\n\n return <div className={classes.container}>{children}</div>;\n }\n}\n\nconst styles = () => ({\n container: {\n display: 'flex',\n flexDirection: 'column',\n position: 'relative'\n }\n});\n\nconst theme = createMuiTheme({\n typography: {\n useNextVariants: true\n },\n palette: {\n action: {\n disabled: 'rgba(0, 0, 0, 0.54);'\n }\n },\n overrides: {\n MuiRadio: {\n root: {\n '&$checked': {\n color: '#3f51b5 !important'\n }\n }\n },\n MuiCheckbox: {\n root: {\n '&$checked': {\n color: '#3f51b5 !important'\n }\n }\n },\n MuiTabs: {\n root: {\n borderBottom: '1px solid #eee'\n }\n },\n MuiSwitch: {\n root: {\n '&$checked': {\n color: '#3f51b5 !important',\n '& + $bar': {\n backgroundColor: '#3f51b5 !important',\n opacity: 0.5\n }\n }\n }\n }\n }\n});\n\nconst Styled = withStyles(styles)(PreviewLayout);\n\nconst RootElem = props => (\n <MuiThemeProvider theme={theme}>\n <Styled {...props} />\n </MuiThemeProvider>\n);\n\nexport default RootElem;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;IAEMA,a;;;;;;;;;;;;;WAMJ,kBAAS;MACP,kBAA8B,KAAKC,KAAnC;MAAA,IAAQC,QAAR,eAAQA,QAAR;MAAA,IAAkBC,OAAlB,eAAkBA,OAAlB;MAEA,oBAAO;QAAK,SAAS,EAAEA,OAAO,CAACC;MAAxB,GAAoCF,QAApC,CAAP;IACD;;;;EAVyBG,iBAAA,CAAMC,S;;gBAA5BN,a,eACe;EACjBE,QAAQ,EAAEK,qBAAA,CAAUC,SAAV,CAAoB,CAACD,qBAAA,CAAUE,OAAV,CAAkBF,qBAAA,CAAUG,IAA5B,CAAD,EAAoCH,qBAAA,CAAUG,IAA9C,CAApB,EAAyEC,UADlE;EAEjBR,OAAO,EAAEI,qBAAA,CAAUK;AAFF,C;;AAYrB,IAAMC,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBT,SAAS,EAAE;MACTU,OAAO,EAAE,MADA;MAETC,aAAa,EAAE,QAFN;MAGTC,QAAQ,EAAE;IAHD;EADS,CAAP;AAAA,CAAf;;AAQA,IAAMC,KAAK,GAAG,IAAAC,sBAAA,EAAe;EAC3BC,UAAU,EAAE;IACVC,eAAe,EAAE;EADP,CADe;EAI3BC,OAAO,EAAE;IACPC,MAAM,EAAE;MACNC,QAAQ,EAAE;IADJ;EADD,CAJkB;EAS3BC,SAAS,EAAE;IACTC,QAAQ,EAAE;MACRC,IAAI,EAAE;QACJ,aAAa;UACXC,KAAK,EAAE;QADI;MADT;IADE,CADD;IAQTC,WAAW,EAAE;MACXF,IAAI,EAAE;QACJ,aAAa;UACXC,KAAK,EAAE;QADI;MADT;IADK,CARJ;IAeTE,OAAO,EAAE;MACPH,IAAI,EAAE;QACJI,YAAY,EAAE;MADV;IADC,CAfA;IAoBTC,SAAS,EAAE;MACTL,IAAI,EAAE;QACJ,aAAa;UACXC,KAAK,EAAE,oBADI;UAEX,YAAY;YACVK,eAAe,EAAE,oBADP;YAEVC,OAAO,EAAE;UAFC;QAFD;MADT;IADG;EApBF;AATgB,CAAf,CAAd;AA2CA,IAAMC,MAAM,GAAG,IAAAC,kBAAA,EAAWtB,MAAX,EAAmBb,aAAnB,CAAf;;AAEA,IAAMoC,QAAQ,GAAG,SAAXA,QAAW,CAAAnC,KAAK;EAAA,oBACpB,gCAAC,wBAAD;IAAkB,KAAK,EAAEgB;EAAzB,gBACE,gCAAC,MAAD,EAAYhB,KAAZ,CADF,CADoB;AAAA,CAAtB;;eAMemC,Q"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"preview-prompt.js","names":["NEWLINE_BLOCK_REGEX","NEWLINE_LATEX","PreviewPrompt","text","div","document","createElement","innerHTML","audio","querySelector","source","setAttribute","getAttribute","removeAttribute","appendChild","props","prompt","classes","tagName","className","onClick","defaultClassName","CustomTag","customClasses","promptTable","__html","parsedText","replace","Component","PropTypes","object","string","func","styles","theme","verticalAlign","color","rationale","paddingLeft","spacing","unit","label","display","cursor","borderCollapse","backgroundColor","padding","textAlign","withStyles"],"sources":["../src/preview-prompt.jsx"],"sourcesContent":["import React, { Component } from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport * as color from './color';\n\n//Used these below to replace \\\\embed{newLine} with \\\\newline from prompt which will get parsed in MathJax\nconst NEWLINE_BLOCK_REGEX = /\\\\embed\\{newLine\\}\\[\\]/g;\nconst NEWLINE_LATEX = '\\\\newline ';\n\nexport class PreviewPrompt extends Component {\n static propTypes = {\n classes: PropTypes.object,\n prompt: PropTypes.string,\n tagName: PropTypes.string,\n className: PropTypes.string,\n onClick: PropTypes.func,\n defaultClassName: PropTypes.string\n };\n\n static defaultProps = {\n onClick: () => {}\n };\n\n parsedText = text => {\n // fix imported audio content for Safari PD-1419\n const div = document.createElement('div');\n div.innerHTML = text;\n\n const audio = div.querySelector('audio');\n if (audio) {\n const source = document.createElement('source');\n\n source.setAttribute('type', 'audio/mp3');\n source.setAttribute('src', audio.getAttribute('src'));\n\n audio.removeAttribute('src');\n audio.appendChild(source);\n }\n\n return div.innerHTML;\n };\n\n render() {\n const { prompt, classes, tagName, className, onClick, defaultClassName } = this.props;\n const CustomTag = tagName || 'div';\n const customClasses = `${classes.promptTable} ${classes[className] || ''} ${defaultClassName ||\n ''}`;\n\n return (\n <CustomTag\n onClick={onClick}\n className={customClasses}\n dangerouslySetInnerHTML={{\n __html: this.parsedText(prompt || '').replace(NEWLINE_BLOCK_REGEX, NEWLINE_LATEX)\n }}\n />\n );\n }\n}\n\nconst styles = theme => ({\n prompt: {\n verticalAlign: 'middle',\n color: color.text()\n },\n rationale: {\n paddingLeft: theme.spacing.unit * 16\n },\n label: {\n color: `${color.text()} !important`, //'var(--choice-input-color, black)',\n display: 'inline-block',\n verticalAlign: 'middle',\n cursor: 'pointer'\n },\n promptTable: {\n '&:not(.MathJax) > table': {\n borderCollapse: 'collapse'\n },\n '&:not(.MathJax) > table tr': {\n '&:nth-child(2n)': {\n backgroundColor: '#f6f8fa'\n }\n },\n '&:not(.MathJax) > table td, &:not(.MathJax) > table th': {\n padding: '.6em 1em',\n textAlign: 'center'\n }\n }\n});\nexport default withStyles(styles)(PreviewPrompt);\n"],"mappings":"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"}
|
package/lib/purpose.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"purpose.js","names":["Purpose","props","React","Children","map","children","child","cloneElement","purpose","propTypes","PropTypes","node","string"],"sources":["../src/purpose.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nconst Purpose = props => {\n return (\n <>\n {React.Children.map(props.children, child =>\n React.cloneElement(child, { 'data-pie-purpose': props.purpose })\n )}\n </>\n );\n};\n\nPurpose.propTypes = {\n children: PropTypes.node,\n purpose: PropTypes.string\n};\n\nexport default Purpose;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAAAC,KAAK,EAAI;EACvB,oBACE,kEACGC,iBAAA,CAAMC,QAAN,CAAeC,GAAf,CAAmBH,KAAK,CAACI,QAAzB,EAAmC,UAAAC,KAAK;IAAA,oBACvCJ,iBAAA,CAAMK,YAAN,CAAmBD,KAAnB,EAA0B;MAAE,oBAAoBL,KAAK,CAACO;IAA5B,CAA1B,CADuC;EAAA,CAAxC,CADH,CADF;AAOD,CARD;;AAUAR,OAAO,CAACS,SAAR,GAAoB;EAClBJ,QAAQ,EAAEK,qBAAA,CAAUC,IADF;EAElBH,OAAO,EAAEE,qBAAA,CAAUE;AAFD,CAApB;eAKeZ,O"}
|
package/lib/readable.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"readable.js","names":["Readable","props","React","Children","map","children","child","cloneElement","undefined","propTypes","PropTypes","node","bool"],"sources":["../src/readable.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nconst Readable = props => {\n return (\n <>\n {React.Children.map(props.children, child =>\n React.cloneElement(child, { 'data-pie-readable': props.false === undefined })\n )}\n </>\n );\n};\n\nReadable.propTypes = {\n children: PropTypes.node,\n false: PropTypes.bool\n};\n\nexport default Readable;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAAAC,KAAK,EAAI;EACxB,oBACE,kEACGC,iBAAA,CAAMC,QAAN,CAAeC,GAAf,CAAmBH,KAAK,CAACI,QAAzB,EAAmC,UAAAC,KAAK;IAAA,oBACvCJ,iBAAA,CAAMK,YAAN,CAAmBD,KAAnB,EAA0B;MAAE,qBAAqBL,KAAK,SAAL,KAAgBO;IAAvC,CAA1B,CADuC;EAAA,CAAxC,CADH,CADF;AAOD,CARD;;AAUAR,QAAQ,CAACS,SAAT,GAAqB;EACnBJ,QAAQ,EAAEK,qBAAA,CAAUC,IADD;EAEnB,SAAOD,qBAAA,CAAUE;AAFE,CAArB;eAKeZ,Q"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"response-indicators.js","names":["log","debug","styles","responseIndicator","cursor","paper","padding","borderRadius","popover","popperClose","BuildIndicator","Icon","correctness","RawIndicator","props","event","target","setState","anchorEl","state","feedback","classes","r","icon","handlePopoverOpen","vertical","horizontal","handlePopoverClose","React","Component","propTypes","PropTypes","string","object","isRequired","withStyles","Correct","icons","Incorrect","PartiallyCorrect","NothingSubmitted"],"sources":["../src/response-indicators.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '@pie-lib/icons';\nimport Popover from '@material-ui/core/Popover';\nimport { withStyles } from '@material-ui/core/styles';\nimport Feedback from './feedback';\nimport debug from 'debug';\n\nconst log = debug('pie-libs:render-ui:response-indicators');\n\nconst styles = () => ({\n responseIndicator: {\n cursor: 'pointer'\n },\n paper: {\n padding: '0',\n borderRadius: '4px'\n },\n popover: {\n cursor: 'pointer'\n },\n popperClose: {\n cursor: 'pointer'\n }\n});\n\nconst BuildIndicator = (Icon, correctness) => {\n class RawIndicator extends React.Component {\n constructor(props) {\n super(props);\n this.state = {};\n }\n\n handlePopoverOpen = event => {\n log('[handlePopoverOpen]', event.target);\n this.setState({ anchorEl: event.target });\n };\n\n handlePopoverClose = () => {\n this.setState({ anchorEl: null });\n };\n\n render() {\n const { feedback, classes } = this.props;\n const { anchorEl } = this.state;\n return (\n <div className={feedback && classes.responseIndicator}>\n <span ref={r => (this.icon = r)} onClick={this.handlePopoverOpen}>\n <Icon />\n </span>\n\n {feedback && (\n <Popover\n className={classes.popover}\n classes={{\n paper: classes.paper\n }}\n open={!!anchorEl}\n anchorEl={anchorEl}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'left'\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'left'\n }}\n onClose={this.handlePopoverClose}\n >\n <Feedback feedback={feedback} correctness={correctness} />\n </Popover>\n )}\n </div>\n );\n }\n }\n\n RawIndicator.propTypes = {\n feedback: PropTypes.string,\n classes: PropTypes.object.isRequired\n };\n\n return withStyles(styles)(RawIndicator);\n};\n\nexport const Correct = BuildIndicator(icons.Correct, 'correct');\nexport const Incorrect = BuildIndicator(icons.Incorrect, 'incorrect');\nexport const PartiallyCorrect = BuildIndicator(icons.PartiallyCorrect, 'partially-correct');\nexport const NothingSubmitted = BuildIndicator(icons.NothingSubmitted, 'nothing-submitted');\n"],"mappings":"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"}
|
package/lib/withUndoReset.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"withUndoReset.js","names":["styles","theme","wrapper","display","flexDirection","resetUndoContainer","alignItems","justifyContent","icon","width","height","color","marginRight","spacing","unit","buttonContainer","marginLeft","withUndoReset","WrappedComponent","WithUndoReset","props","session","setState","state","changes","onSessionChange","newChanges","pop","length","sessionInitialValues","JSON","parse","stringify","classes","rest","onUndo","onReset","React","Component","PropTypes","object","func","withStyles"],"sources":["../src/withUndoReset.jsx"],"sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@material-ui/core/Button';\nimport { withStyles } from '@material-ui/core/styles';\nimport Restore from '@material-ui/icons/Restore';\nimport Undo from '@material-ui/icons/Undo';\n\nconst styles = theme => ({\n wrapper: {\n display: 'flex',\n flexDirection: 'column'\n },\n resetUndoContainer: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center'\n },\n icon: {\n width: '24px',\n height: '24px',\n color: 'gray',\n marginRight: theme.spacing.unit\n },\n buttonContainer: {\n display: 'flex',\n alignItems: 'center',\n marginLeft: theme.spacing.unit * 3,\n marginRight: theme.spacing.unit * 3\n }\n});\n\n/**\n * HOC that adds undo and reset functionality for session values\n */\nconst withUndoReset = WrappedComponent => {\n class WithUndoReset extends React.Component {\n static propTypes = {\n classes: PropTypes.object,\n session: PropTypes.object,\n onSessionChange: PropTypes.func\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n sessionInitialValues: JSON.parse(JSON.stringify(props.session)),\n session: props.session,\n changes: []\n };\n }\n\n onSessionChange = session => {\n this.setState(\n state => ({ session, changes: [...state.changes, session] }),\n () => this.props.onSessionChange(session)\n );\n };\n\n onUndo = () => {\n this.setState(\n state => {\n const newChanges = [...state.changes];\n\n newChanges.pop();\n\n return {\n changes: newChanges,\n session: newChanges.length\n ? newChanges[newChanges.length - 1]\n : state.sessionInitialValues\n };\n },\n () => this.props.onSessionChange(this.state.session)\n );\n };\n\n onReset = () => {\n this.setState(\n state => ({ session: state.sessionInitialValues, changes: [] }),\n () => this.props.onSessionChange(this.state.sessionInitialValues)\n );\n };\n\n render() {\n const { classes, ...rest } = this.props;\n const { changes, session } = this.state;\n\n return (\n <div className={classes.wrapper}>\n <div className={classes.resetUndoContainer}>\n <Button\n className={classes.buttonContainer}\n color=\"primary\"\n disabled={changes.length === 0}\n onClick={this.onUndo}\n >\n <Undo className={classes.icon} /> Undo\n </Button>\n <Button\n className={classes.buttonContainer}\n color=\"primary\"\n disabled={changes.length === 0}\n onClick={this.onReset}\n >\n <Restore className={classes.icon} /> Start Over\n </Button>\n </div>\n <WrappedComponent {...rest} session={session} onSessionChange={this.onSessionChange} />\n </div>\n );\n }\n }\n\n return withStyles(styles)(WithUndoReset);\n};\n\nexport default withUndoReset;\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-lib/render-ui",
|
|
3
|
-
"version": "4.12.1-next.
|
|
3
|
+
"version": "4.12.1-next.293+3590ae12",
|
|
4
4
|
"description": "Some shared ui elements when rendering - but not worthy of their own package yet.",
|
|
5
5
|
"module": "src/index.js",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"@material-ui/core": "^3.8.3",
|
|
13
13
|
"@material-ui/icons": "^3.0.2",
|
|
14
14
|
"@pie-lib/icons": "^2.4.25",
|
|
15
|
-
"@pie-lib/math-rendering": "^2.3.10-next.
|
|
15
|
+
"@pie-lib/math-rendering": "^2.3.10-next.293+3590ae12",
|
|
16
16
|
"classnames": "^2.2.6",
|
|
17
17
|
"debug": "^4.1.1",
|
|
18
18
|
"prop-types": "^15.7.2",
|
|
@@ -26,5 +26,5 @@
|
|
|
26
26
|
"react": "^16.8.1",
|
|
27
27
|
"react-dom": "^16.8.1"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "3590ae12172fe75e01913377461331542d536b24"
|
|
30
30
|
}
|