@pie-element/categorize 9.13.7-next.20 → 9.13.7-next.23

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.
@@ -84,6 +84,7 @@ var ChoicePreview = /*#__PURE__*/function (_React$Component) {
84
84
  category: category,
85
85
  choice: choice,
86
86
  choiceIndex: choiceIndex,
87
+ className: classes.overflowChoice,
87
88
  onRemoveChoice: function onRemoveChoice() {
88
89
  return _this2["delete"]();
89
90
  }
@@ -115,7 +116,8 @@ exports.ChoicePreview = ChoicePreview;
115
116
  var styles = function styles() {
116
117
  return {
117
118
  choicePreview: {
118
- position: 'relative'
119
+ position: 'relative',
120
+ overflow: 'auto'
119
121
  },
120
122
  "delete": {
121
123
  position: 'absolute',
@@ -128,6 +130,9 @@ var styles = function styles() {
128
130
  },
129
131
  customColor: {
130
132
  color: "".concat(_renderUi.color.tertiary(), " !important")
133
+ },
134
+ overflowChoice: {
135
+ overflow: 'auto'
131
136
  }
132
137
  };
133
138
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/design/categories/choice-preview.jsx"],"names":["ChoicePreview","props","onDelete","choice","alternateResponseIndex","category","classes","className","choiceIndex","choicePreview","content","breakWord","customColor","React","Component","PropTypes","number","object","isRequired","string","func","styles","position","right","top","maxWidth","wordBreak","color","tertiary"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAGaA,a;;;;;;;;;;;;;;;+FAYF,YAAM;AACb,wBAA6B,MAAKC,KAAlC;AAAA,UAAQC,QAAR,eAAQA,QAAR;AAAA,UAAkBC,MAAlB,eAAkBA,MAAlB;AACAD,MAAAA,QAAQ,CAACC,MAAD,CAAR;AACD,K;;;;;;WAED,kBAAS;AAAA;;AACP,yBAAsF,KAAKF,KAA3F;AAAA,UAAQG,sBAAR,gBAAQA,sBAAR;AAAA,UAAgCC,QAAhC,gBAAgCA,QAAhC;AAAA,UAA0CC,OAA1C,gBAA0CA,OAA1C;AAAA,UAAmDC,SAAnD,gBAAmDA,SAAnD;AAAA,UAA8DJ,MAA9D,gBAA8DA,MAA9D;AAAA,UAAsEK,WAAtE,gBAAsEA,WAAtE;AACA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWF,OAAO,CAACG,aAAnB,EAAkCF,SAAlC;AAAhB,SACGJ,MAAM,gBACL,gCAAC,YAAD;AACE,QAAA,sBAAsB,EAAEC,sBAD1B;AAEE,QAAA,QAAQ,EAAEC,QAFZ;AAGE,QAAA,MAAM,EAAEF,MAHV;AAIE,QAAA,WAAW,EAAEK,WAJf;AAKE,QAAA,cAAc,EAAE;AAAA,iBAAM,MAAI,UAAJ,EAAN;AAAA;AALlB,sBAOE,gCAAC,qBAAD;AAAa,QAAA,IAAI,EAAEL,MAAF,aAAEA,MAAF,uBAAEA,MAAM,CAAEO,OAA3B;AAAoC,QAAA,SAAS,YAAKJ,OAAO,CAACK,SAAb;AAA7C,QAPF,eAQE,gCAAC,sBAAD;AAAY,sBAAW,QAAvB;AAAgC,QAAA,SAAS,EAAE,4BAAWL,OAAO,UAAlB,EAA2BA,OAAO,CAACM,WAAnC,CAA3C;AAA4F,QAAA,OAAO,EAAE;AAArG,sBACE,gCAAC,+BAAD,OADF,CARF,CADK,GAaH,IAdN,CADF;AAkBD;;;EArCgCC,kBAAMC,S;;;iCAA5Bd,a,eACQ;AACjBI,EAAAA,sBAAsB,EAAEW,sBAAUC,MADjB;AAEjBX,EAAAA,QAAQ,EAAEU,sBAAUE,MAFH;AAGjBX,EAAAA,OAAO,EAAES,sBAAUE,MAAV,CAAiBC,UAHT;AAIjBX,EAAAA,SAAS,EAAEQ,sBAAUI,MAJJ;AAKjBhB,EAAAA,MAAM,EAAEY,sBAAUE,MAAV,CAAiBC,UALR;AAMjBV,EAAAA,WAAW,EAAEO,sBAAUC,MANN;AAOjBd,EAAAA,QAAQ,EAAEa,sBAAUK,IAAV,CAAeF;AAPR,C;iCADRlB,a,kBAUW,E;;AA6BxB,IAAMqB,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBZ,IAAAA,aAAa,EAAE;AACba,MAAAA,QAAQ,EAAE;AADG,KADK;AAIpB,cAAQ;AACNA,MAAAA,QAAQ,EAAE,UADJ;AAENC,MAAAA,KAAK,EAAE,CAFD;AAGNC,MAAAA,GAAG,EAAE;AAHC,KAJY;AASpBb,IAAAA,SAAS,EAAE;AACTc,MAAAA,QAAQ,EAAE,KADD;AAETC,MAAAA,SAAS,EAAE;AAFF,KATS;AAapBd,IAAAA,WAAW,EAAE;AACXe,MAAAA,KAAK,YAAKA,gBAAMC,QAAN,EAAL;AADM;AAbO,GAAP;AAAA,CAAf;;eAiBe,wBAAWP,MAAX,EAAmBrB,aAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { Choice } from '@pie-lib/pie-toolbox/drag';\nimport IconButton from '@material-ui/core/IconButton';\nimport RemoveCircleOutlineIcon from '@material-ui/icons/RemoveCircleOutline';\nimport { HtmlAndMath } from '@pie-lib/pie-toolbox/render-ui';\nimport { color } from '@pie-lib/pie-toolbox/render-ui';\n\nexport class ChoicePreview extends React.Component {\n static propTypes = {\n alternateResponseIndex: PropTypes.number,\n category: PropTypes.object,\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n choice: PropTypes.object.isRequired,\n choiceIndex: PropTypes.number,\n onDelete: PropTypes.func.isRequired,\n };\n static defaultProps = {};\n\n delete = () => {\n const { onDelete, choice } = this.props;\n onDelete(choice);\n };\n\n render() {\n const { alternateResponseIndex, category, classes, className, choice, choiceIndex } = this.props;\n return (\n <div className={classNames(classes.choicePreview, className)}>\n {choice ? (\n <Choice\n alternateResponseIndex={alternateResponseIndex}\n category={category}\n choice={choice}\n choiceIndex={choiceIndex}\n onRemoveChoice={() => this.delete()}\n >\n <HtmlAndMath html={choice?.content} className={`${classes.breakWord}`} />\n <IconButton aria-label=\"delete\" className={classNames(classes.delete, classes.customColor)} onClick={this.delete}>\n <RemoveCircleOutlineIcon />\n </IconButton>\n </Choice>\n ) : null}\n </div>\n );\n }\n}\nconst styles = () => ({\n choicePreview: {\n position: 'relative',\n },\n delete: {\n position: 'absolute',\n right: 0,\n top: 0,\n },\n breakWord: {\n maxWidth: '90%',\n wordBreak: 'break-all',\n },\n customColor: {\n color: `${color.tertiary()} !important`\n },\n});\nexport default withStyles(styles)(ChoicePreview);\n"],"file":"choice-preview.js"}
1
+ {"version":3,"sources":["../../../src/design/categories/choice-preview.jsx"],"names":["ChoicePreview","props","onDelete","choice","alternateResponseIndex","category","classes","className","choiceIndex","choicePreview","overflowChoice","content","breakWord","customColor","React","Component","PropTypes","number","object","isRequired","string","func","styles","position","overflow","right","top","maxWidth","wordBreak","color","tertiary"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAGaA,a;;;;;;;;;;;;;;;+FAYF,YAAM;AACb,wBAA6B,MAAKC,KAAlC;AAAA,UAAQC,QAAR,eAAQA,QAAR;AAAA,UAAkBC,MAAlB,eAAkBA,MAAlB;AACAD,MAAAA,QAAQ,CAACC,MAAD,CAAR;AACD,K;;;;;;WAED,kBAAS;AAAA;;AACP,yBAAsF,KAAKF,KAA3F;AAAA,UAAQG,sBAAR,gBAAQA,sBAAR;AAAA,UAAgCC,QAAhC,gBAAgCA,QAAhC;AAAA,UAA0CC,OAA1C,gBAA0CA,OAA1C;AAAA,UAAmDC,SAAnD,gBAAmDA,SAAnD;AAAA,UAA8DJ,MAA9D,gBAA8DA,MAA9D;AAAA,UAAsEK,WAAtE,gBAAsEA,WAAtE;AACA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWF,OAAO,CAACG,aAAnB,EAAkCF,SAAlC;AAAhB,SACGJ,MAAM,gBACL,gCAAC,YAAD;AACE,QAAA,sBAAsB,EAAEC,sBAD1B;AAEE,QAAA,QAAQ,EAAEC,QAFZ;AAGE,QAAA,MAAM,EAAEF,MAHV;AAIE,QAAA,WAAW,EAAEK,WAJf;AAKE,QAAA,SAAS,EAAEF,OAAO,CAACI,cALrB;AAME,QAAA,cAAc,EAAE;AAAA,iBAAM,MAAI,UAAJ,EAAN;AAAA;AANlB,sBAQE,gCAAC,qBAAD;AAAa,QAAA,IAAI,EAAEP,MAAF,aAAEA,MAAF,uBAAEA,MAAM,CAAEQ,OAA3B;AAAoC,QAAA,SAAS,YAAKL,OAAO,CAACM,SAAb;AAA7C,QARF,eASE,gCAAC,sBAAD;AAAY,sBAAW,QAAvB;AAAgC,QAAA,SAAS,EAAE,4BAAWN,OAAO,UAAlB,EAA2BA,OAAO,CAACO,WAAnC,CAA3C;AAA4F,QAAA,OAAO,EAAE;AAArG,sBACE,gCAAC,+BAAD,OADF,CATF,CADK,GAcH,IAfN,CADF;AAmBD;;;EAtCgCC,kBAAMC,S;;;iCAA5Bf,a,eACQ;AACjBI,EAAAA,sBAAsB,EAAEY,sBAAUC,MADjB;AAEjBZ,EAAAA,QAAQ,EAAEW,sBAAUE,MAFH;AAGjBZ,EAAAA,OAAO,EAAEU,sBAAUE,MAAV,CAAiBC,UAHT;AAIjBZ,EAAAA,SAAS,EAAES,sBAAUI,MAJJ;AAKjBjB,EAAAA,MAAM,EAAEa,sBAAUE,MAAV,CAAiBC,UALR;AAMjBX,EAAAA,WAAW,EAAEQ,sBAAUC,MANN;AAOjBf,EAAAA,QAAQ,EAAEc,sBAAUK,IAAV,CAAeF;AAPR,C;iCADRnB,a,kBAUW,E;;AA8BxB,IAAMsB,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBb,IAAAA,aAAa,EAAE;AACbc,MAAAA,QAAQ,EAAE,UADG;AAEbC,MAAAA,QAAQ,EAAE;AAFG,KADK;AAKpB,cAAQ;AACND,MAAAA,QAAQ,EAAE,UADJ;AAENE,MAAAA,KAAK,EAAE,CAFD;AAGNC,MAAAA,GAAG,EAAE;AAHC,KALY;AAUpBd,IAAAA,SAAS,EAAE;AACTe,MAAAA,QAAQ,EAAE,KADD;AAETC,MAAAA,SAAS,EAAE;AAFF,KAVS;AAcpBf,IAAAA,WAAW,EAAE;AACXgB,MAAAA,KAAK,YAAKA,gBAAMC,QAAN,EAAL;AADM,KAdO;AAiBpBpB,IAAAA,cAAc,EAAE;AACdc,MAAAA,QAAQ,EAAE;AADI;AAjBI,GAAP;AAAA,CAAf;;eAqBe,wBAAWF,MAAX,EAAmBtB,aAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { Choice } from '@pie-lib/pie-toolbox/drag';\nimport IconButton from '@material-ui/core/IconButton';\nimport RemoveCircleOutlineIcon from '@material-ui/icons/RemoveCircleOutline';\nimport { HtmlAndMath } from '@pie-lib/pie-toolbox/render-ui';\nimport { color } from '@pie-lib/pie-toolbox/render-ui';\n\nexport class ChoicePreview extends React.Component {\n static propTypes = {\n alternateResponseIndex: PropTypes.number,\n category: PropTypes.object,\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n choice: PropTypes.object.isRequired,\n choiceIndex: PropTypes.number,\n onDelete: PropTypes.func.isRequired,\n };\n static defaultProps = {};\n\n delete = () => {\n const { onDelete, choice } = this.props;\n onDelete(choice);\n };\n\n render() {\n const { alternateResponseIndex, category, classes, className, choice, choiceIndex } = this.props;\n return (\n <div className={classNames(classes.choicePreview, className)}>\n {choice ? (\n <Choice\n alternateResponseIndex={alternateResponseIndex}\n category={category}\n choice={choice}\n choiceIndex={choiceIndex}\n className={classes.overflowChoice}\n onRemoveChoice={() => this.delete()}\n >\n <HtmlAndMath html={choice?.content} className={`${classes.breakWord}`} />\n <IconButton aria-label=\"delete\" className={classNames(classes.delete, classes.customColor)} onClick={this.delete}>\n <RemoveCircleOutlineIcon />\n </IconButton>\n </Choice>\n ) : null}\n </div>\n );\n }\n}\nconst styles = () => ({\n choicePreview: {\n position: 'relative',\n overflow: 'auto',\n },\n delete: {\n position: 'absolute',\n right: 0,\n top: 0,\n },\n breakWord: {\n maxWidth: '90%',\n wordBreak: 'break-all',\n },\n customColor: {\n color: `${color.tertiary()} !important`\n },\n overflowChoice: {\n overflow: 'auto',\n }\n});\nexport default withStyles(styles)(ChoicePreview);\n"],"file":"choice-preview.js"}
@@ -147,7 +147,8 @@ var styles = function styles(theme) {
147
147
  return {
148
148
  editor: {
149
149
  flex: '1',
150
- paddingBottom: theme.spacing.unit
150
+ paddingBottom: theme.spacing.unit,
151
+ maxWidth: '100%'
151
152
  },
152
153
  iconButtonRoot: {
153
154
  width: 'auto',
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/design/input-header.jsx"],"names":["InputHeader","props","focusedEl","index","inputRef","focus","onChange","configuration","label","classes","className","deleteFocusedEl","disabled","imageSupport","toolbarOpts","spellCheck","error","maxImageWidth","maxImageHeight","uploadSoundSupport","mathMlOptions","headers","baseInputConfiguration","inputHeader","ref","editor","inputConfiguration","language","React","Component","PropTypes","object","isRequired","string","func","bool","number","onDelete","shape","add","styles","theme","flex","paddingBottom","spacing","unit","iconButtonRoot","width","height","display","justifyContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,W;;;;;AA6BX,uBAAYC,KAAZ,EAAmB;AAAA;AAAA,6BACXA,KADW;AAElB;;;;WAED,6BAAoB;AAClB,wBAA6B,KAAKA,KAAlC;AAAA,UAAQC,SAAR,eAAQA,SAAR;AAAA,UAAmBC,KAAnB,eAAmBA,KAAnB;;AACA,UAAID,SAAS,IAAIC,KAAb,IAAsBD,SAAS,KAAKC,KAAxC,EAA+C;AAC7C,aAAKC,QAAL,CAAcC,KAAd,CAAoB,KAApB,EAA2B,IAA3B,EAAiC,IAAjC;AACD;AACF;;;WAED,kBAAS;AAAA;;AACP,yBAgBI,KAAKJ,KAhBT;AAAA,UACEK,QADF,gBACEA,QADF;AAAA,UAEEC,aAFF,gBAEEA,aAFF;AAAA,UAGEC,KAHF,gBAGEA,KAHF;AAAA,UAIEC,OAJF,gBAIEA,OAJF;AAAA,UAKEC,SALF,gBAKEA,SALF;AAAA,UAMEC,eANF,gBAMEA,eANF;AAAA,UAOEC,QAPF,gBAOEA,QAPF;AAAA,UAQEC,YARF,gBAQEA,YARF;AAAA,UASEC,WATF,gBASEA,WATF;AAAA,UAUEC,UAVF,gBAUEA,UAVF;AAAA,UAWEC,KAXF,gBAWEA,KAXF;AAAA,UAYEC,aAZF,gBAYEA,aAZF;AAAA,UAaEC,cAbF,gBAaEA,cAbF;AAAA,UAcEC,kBAdF,gBAcEA,kBAdF;AAAA,+CAeEC,aAfF;AAAA,UAeEA,aAfF,sCAekB,EAflB;AAkBA,UAAQC,OAAR,GAA4Cd,aAA5C,CAAQc,OAAR;AAAA,UAAiBC,sBAAjB,GAA4Cf,aAA5C,CAAiBe,sBAAjB;AAEA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWb,OAAO,CAACc,WAAnB,EAAgCb,SAAhC;AAAhB,sBACE,gCAAC,0BAAD;AACE,QAAA,YAAY,EAAEG,YADhB;AAEE,QAAA,QAAQ,EAAED,QAFZ;AAGE,QAAA,GAAG,EAAE,aAACY,IAAD;AAAA,iBAAU,KAAI,CAACpB,QAAL,GAAgBoB,IAA1B;AAAA,SAHP;AAIE,QAAA,gBAAgB,MAJlB;AAKE,QAAA,KAAK,EAAE,OALT;AAME,QAAA,MAAM,EAAEhB,KANV;AAOE,QAAA,QAAQ,EAAEF,QAPZ;AAQE,QAAA,SAAS,EAAEG,OAAO,CAACgB,MARrB;AASE,QAAA,WAAW,EAAE,2BAAeJ,OAAf,aAAeA,OAAf,uBAAeA,OAAO,CAAEK,kBAAxB,EAA4CJ,sBAA5C,CATf;AAUE,QAAA,WAAW,EAAER,WAVf;AAWE,QAAA,UAAU,EAAEC,UAXd;AAYE,QAAA,KAAK,EAAEC,KAZT;AAaE,QAAA,aAAa,EAAEC,aAbjB;AAcE,QAAA,cAAc,EAAEC,cAdlB;AAeE,QAAA,kBAAkB,EAAEC,kBAftB;AAgBE,QAAA,uBAAuB,EAAE,CAAC;AAAEQ,UAAAA,QAAQ,EAAE;AAAZ,SAAD,EAA0B;AAAEA,UAAAA,QAAQ,EAAE;AAAZ,SAA1B,CAhB3B;AAiBE,QAAA,MAAM,EAAE,kBAAM;AACZhB,UAAAA,eAAe,IAAIA,eAAe,EAAlC;AACD,SAnBH;AAoBE,QAAA,aAAa,EAAES;AApBjB,QADF,CADF;AA0BD;;;EAvF8BQ,kBAAMC,S;;;iCAA1B7B,W,eACQ;AACjBS,EAAAA,OAAO,EAAEqB,sBAAUC,MAAV,CAAiBC,UADT;AAEjBtB,EAAAA,SAAS,EAAEoB,sBAAUG,MAFJ;AAGjB1B,EAAAA,aAAa,EAAEuB,sBAAUC,MAAV,CAAiBC,UAHf;AAIjBrB,EAAAA,eAAe,EAAEmB,sBAAUI,IAJV;AAKjBtB,EAAAA,QAAQ,EAAEkB,sBAAUK,IALH;AAMjBjC,EAAAA,SAAS,EAAE4B,sBAAUM,MANJ;AAOjBjC,EAAAA,KAAK,EAAE2B,sBAAUM,MAPA;AAQjB5B,EAAAA,KAAK,EAAEsB,sBAAUG,MARA;AASjBhB,EAAAA,aAAa,EAAEa,sBAAUC,MATR;AAUjBb,EAAAA,cAAc,EAAEY,sBAAUC,MAVT;AAWjBzB,EAAAA,QAAQ,EAAEwB,sBAAUI,IAXH;AAYjBG,EAAAA,QAAQ,EAAEP,sBAAUI,IAZH;AAajBrB,EAAAA,YAAY,EAAEiB,sBAAUQ,KAAV,CAAgB;AAC5BC,IAAAA,GAAG,EAAET,sBAAUI,IAAV,CAAeF,UADQ;AAE5B,cAAQF,sBAAUI,IAAV,CAAeF;AAFK,GAAhB,CAbG;AAiBjBb,EAAAA,kBAAkB,EAAEW,sBAAUQ,KAAV,CAAgB;AAClCC,IAAAA,GAAG,EAAET,sBAAUI,IAAV,CAAeF,UADc;AAElC,cAAQF,sBAAUI,IAAV,CAAeF;AAFW,GAAhB,CAjBH;AAqBjBlB,EAAAA,WAAW,EAAEgB,sBAAUC,MArBN;AAsBjBf,EAAAA,KAAK,EAAEc,sBAAUG,MAtBA;AAuBjBlB,EAAAA,UAAU,EAAEe,sBAAUK;AAvBL,C;iCADRnC,W,kBA2BW,E;;AA8DxB,IAAMwC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBhB,IAAAA,MAAM,EAAE;AACNiB,MAAAA,IAAI,EAAE,GADA;AAENC,MAAAA,aAAa,EAAEF,KAAK,CAACG,OAAN,CAAcC;AAFvB,KADiB;AAKzBC,IAAAA,cAAc,EAAE;AACdC,MAAAA,KAAK,EAAE,MADO;AAEdC,MAAAA,MAAM,EAAE;AAFM,KALS;AASzBzB,IAAAA,WAAW,EAAE;AACX0B,MAAAA,OAAO,EAAE,MADE;AAEXC,MAAAA,cAAc,EAAE;AAFL;AATY,GAAZ;AAAA,CAAf;;eAce,wBAAWV,MAAX,EAAmBxC,WAAnB,C","sourcesContent":["import { getPluginProps } from './utils';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { EditableHtml } from '@pie-lib/pie-toolbox/editable-html';\n\nexport class InputHeader extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n configuration: PropTypes.object.isRequired,\n deleteFocusedEl: PropTypes.func,\n disabled: PropTypes.bool,\n focusedEl: PropTypes.number,\n index: PropTypes.number,\n label: PropTypes.string,\n maxImageWidth: PropTypes.object,\n maxImageHeight: PropTypes.object,\n onChange: PropTypes.func,\n onDelete: PropTypes.func,\n imageSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n }),\n uploadSoundSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n }),\n toolbarOpts: PropTypes.object,\n error: PropTypes.string,\n spellCheck: PropTypes.bool,\n };\n\n static defaultProps = {};\n\n constructor(props) {\n super(props);\n }\n\n componentDidMount() {\n const { focusedEl, index } = this.props;\n if (focusedEl && index && focusedEl === index) {\n this.inputRef.focus('end', null, true);\n }\n }\n\n render() {\n const {\n onChange,\n configuration,\n label,\n classes,\n className,\n deleteFocusedEl,\n disabled,\n imageSupport,\n toolbarOpts,\n spellCheck,\n error,\n maxImageWidth,\n maxImageHeight,\n uploadSoundSupport,\n mathMlOptions = {},\n } = this.props;\n\n const { headers, baseInputConfiguration } = configuration;\n\n return (\n <div className={classNames(classes.inputHeader, className)}>\n <EditableHtml\n imageSupport={imageSupport}\n disabled={disabled}\n ref={(ref) => (this.inputRef = ref)}\n autoWidthToolbar\n label={'label'}\n markup={label}\n onChange={onChange}\n className={classes.editor}\n pluginProps={getPluginProps(headers?.inputConfiguration, baseInputConfiguration)}\n toolbarOpts={toolbarOpts}\n spellCheck={spellCheck}\n error={error}\n maxImageWidth={maxImageWidth}\n maxImageHeight={maxImageHeight}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n onDone={() => {\n deleteFocusedEl && deleteFocusedEl();\n }}\n mathMlOptions={mathMlOptions}\n />\n </div>\n );\n }\n}\nconst styles = (theme) => ({\n editor: {\n flex: '1',\n paddingBottom: theme.spacing.unit,\n },\n iconButtonRoot: {\n width: 'auto',\n height: 'auto',\n },\n inputHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n },\n});\nexport default withStyles(styles)(InputHeader);\n"],"file":"input-header.js"}
1
+ {"version":3,"sources":["../../src/design/input-header.jsx"],"names":["InputHeader","props","focusedEl","index","inputRef","focus","onChange","configuration","label","classes","className","deleteFocusedEl","disabled","imageSupport","toolbarOpts","spellCheck","error","maxImageWidth","maxImageHeight","uploadSoundSupport","mathMlOptions","headers","baseInputConfiguration","inputHeader","ref","editor","inputConfiguration","language","React","Component","PropTypes","object","isRequired","string","func","bool","number","onDelete","shape","add","styles","theme","flex","paddingBottom","spacing","unit","maxWidth","iconButtonRoot","width","height","display","justifyContent"],"mappings":"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","sourcesContent":["import { getPluginProps } from './utils';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { EditableHtml } from '@pie-lib/pie-toolbox/editable-html';\n\nexport class InputHeader extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n configuration: PropTypes.object.isRequired,\n deleteFocusedEl: PropTypes.func,\n disabled: PropTypes.bool,\n focusedEl: PropTypes.number,\n index: PropTypes.number,\n label: PropTypes.string,\n maxImageWidth: PropTypes.object,\n maxImageHeight: PropTypes.object,\n onChange: PropTypes.func,\n onDelete: PropTypes.func,\n imageSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n }),\n uploadSoundSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n }),\n toolbarOpts: PropTypes.object,\n error: PropTypes.string,\n spellCheck: PropTypes.bool,\n };\n\n static defaultProps = {};\n\n constructor(props) {\n super(props);\n }\n\n componentDidMount() {\n const { focusedEl, index } = this.props;\n if (focusedEl && index && focusedEl === index) {\n this.inputRef.focus('end', null, true);\n }\n }\n\n render() {\n const {\n onChange,\n configuration,\n label,\n classes,\n className,\n deleteFocusedEl,\n disabled,\n imageSupport,\n toolbarOpts,\n spellCheck,\n error,\n maxImageWidth,\n maxImageHeight,\n uploadSoundSupport,\n mathMlOptions = {},\n } = this.props;\n\n const { headers, baseInputConfiguration } = configuration;\n\n return (\n <div className={classNames(classes.inputHeader, className)}>\n <EditableHtml\n imageSupport={imageSupport}\n disabled={disabled}\n ref={(ref) => (this.inputRef = ref)}\n autoWidthToolbar\n label={'label'}\n markup={label}\n onChange={onChange}\n className={classes.editor}\n pluginProps={getPluginProps(headers?.inputConfiguration, baseInputConfiguration)}\n toolbarOpts={toolbarOpts}\n spellCheck={spellCheck}\n error={error}\n maxImageWidth={maxImageWidth}\n maxImageHeight={maxImageHeight}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n onDone={() => {\n deleteFocusedEl && deleteFocusedEl();\n }}\n mathMlOptions={mathMlOptions}\n />\n </div>\n );\n }\n}\nconst styles = (theme) => ({\n editor: {\n flex: '1',\n paddingBottom: theme.spacing.unit,\n maxWidth: '100%',\n },\n iconButtonRoot: {\n width: 'auto',\n height: 'auto',\n },\n inputHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n },\n});\nexport default withStyles(styles)(InputHeader);\n"],"file":"input-header.js"}
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
7
- "version": "9.13.7-next.20+8645a526e",
7
+ "version": "9.13.7-next.23+a4f149acd",
8
8
  "description": "",
9
9
  "author": "pie framework developers",
10
10
  "license": "ISC",
@@ -20,7 +20,7 @@
20
20
  "react-dnd": "^14.0.5",
21
21
  "react-dom": "^16.8.1"
22
22
  },
23
- "gitHead": "8645a526eb8d93c6f42ec1b4e088c4865ed2a0a7",
23
+ "gitHead": "a4f149acd5cd9b387b8b2bd51e348be1ea7c1201",
24
24
  "scripts": {
25
25
  "postpublish": "../../scripts/postpublish"
26
26
  },