@pie-element/multi-trait-rubric 6.3.4-next.3 → 7.0.0-beta.1

package/configure/lib/trait.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/trait.jsx"],"names":["log","styles","theme","actions","color","text","primaryBlock","display","flexDirection","justifyContent","marginBottom","spacing","unit","controls","alignItems","width","cursor","options","marginLeft","dragHandle","removeLabel","whiteSpace","errorText","fontSize","typography","palette","error","main","paddingBottom","TraitTile","params","props","trait","onTraitChanged","Object","keys","forEach","key","descriptor","value","scorePointsDescriptors","length","event","setState","anchorEl","currentTarget","position","secondaryBlock","scrollTo","left","onTraitRemoved","handleClose","nextProps","currentPosition","scrollLeft","scrollToPosition","classes","connectDragSource","connectDropTarget","connectDragPreview","name","standards","description","traitLabel","scorePointsValues","showStandards","showDescription","enableDragAndDrop","secondaryBlockWidth","spellCheck","maxPoints","uploadSoundSupport","mathMlOptions","expandedPluginProps","labelPluginProps","imageSupport","state","handleClick","openMenu","__html","ref","join","split","map","scorePointsValue","index","adjustedBlockWidth","BlockWidth","remainingSpace","scoreDescriptor","e","onScorePointDescriptorChange","React","Component","PropTypes","bool","object","propTypes","func","isRequired","isDragging","id","any","isOver","number","shape","string","arrayOf","add","StyledTrait","NAME","traitSource","beginDrag","StyledSource","connect","monitor","dragSource","dragPreview","traitTarget","hover","drop","item","getItem","didDrop","onTraitDropped","StyledSourceAndTarget","dropTarget"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,sDAAN,CAAZ;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAEA,gBAAMC,IAAN;AADA,KADgB;AAIzBC,IAAAA,YAAY,EAAE;AACZC,MAAAA,OAAO,EAAE,MADG;AAEZC,MAAAA,aAAa,EAAE,QAFH;AAGZC,MAAAA,cAAc,EAAE,eAHJ;AAIZC,MAAAA,YAAY,EAAER,KAAK,CAACS,OAAN,CAAcC,IAAd,GAAqB;AAJvB,KAJW;AAUzBC,IAAAA,QAAQ,EAAE;AACRN,MAAAA,OAAO,EAAE,MADD;AAERO,MAAAA,UAAU,EAAE,QAFJ;AAGRC,MAAAA,KAAK,EAAE,MAHC;AAIRC,MAAAA,MAAM,EAAE;AAJA,KAVe;AAgBzBC,IAAAA,OAAO,EAAE;AACPC,MAAAA,UAAU,EAAE;AADL,KAhBgB;AAmBzBC,IAAAA,UAAU,EAAE,EAnBa;AAoBzBC,IAAAA,WAAW,EAAE;AACXb,MAAAA,OAAO,EAAE,MADE;AAEXc,MAAAA,UAAU,EAAE;AAFD,KApBY;AAwBzBC,IAAAA,SAAS,EAAE;AACTC,MAAAA,QAAQ,EAAErB,KAAK,CAACsB,UAAN,CAAiBD,QAAjB,GAA4B,CAD7B;AAETnB,MAAAA,KAAK,EAAEF,KAAK,CAACuB,OAAN,CAAcC,KAAd,CAAoBC,IAFlB;AAGTC,MAAAA,aAAa,EAAE1B,KAAK,CAACS,OAAN,CAAcC;AAHpB;AAxBc,GAAZ;AAAA,CAAf;;IA+BaiB,S;;;;;;;;;;;;;;;8FAMH,E;uGAWS,UAACC,MAAD,EAAY;AAC3B,wBAAkC,MAAKC,KAAvC;AAAA,UAAQC,KAAR,eAAQA,KAAR;AAAA,UAAeC,cAAf,eAAeA,cAAf;AAEA,UAAI,yBAAQH,MAAR,CAAJ,EAAqB;AAErBI,MAAAA,MAAM,CAACC,IAAP,CAAYL,MAAZ,EAAoBM,OAApB,CAA4B,UAACC,GAAD,EAAS;AACnCL,QAAAA,KAAK,CAACK,GAAD,CAAL,GAAaP,MAAM,CAACO,GAAD,CAAnB;AACD,OAFD;AAIAJ,MAAAA,cAAc,CAACD,KAAD,CAAd;AACD,K;qHAE8B,gBAA2B;AAAA,UAAxBM,UAAwB,QAAxBA,UAAwB;AAAA,UAAZC,KAAY,QAAZA,KAAY;AACxD,UACWC,sBADX,GAEI,MAAKT,KAFT,CACEC,KADF,CACWQ,sBADX;AAIA,UAAID,KAAK,GAAG,CAAR,IAAaA,KAAK,IAAIC,sBAAsB,CAACC,MAAjD,EAAyD;AAEzDD,MAAAA,sBAAsB,CAACD,KAAD,CAAtB,GAAgCD,UAAhC;;AAEA,YAAKL,cAAL,CAAoB;AAAEO,QAAAA,sBAAsB,EAAtBA;AAAF,OAApB;AACD,K;oGAEa,UAACE,KAAD;AAAA,aAAW,MAAKC,QAAL,CAAc;AAAEC,QAAAA,QAAQ,EAAEF,KAAK,CAACG;AAAlB,OAAd,CAAX;AAAA,K;oGAEA;AAAA,aAAM,MAAKF,QAAL,CAAc;AAAEC,QAAAA,QAAQ,EAAE;AAAZ,OAAd,CAAN;AAAA,K;yGAEK,UAACE,QAAD;AAAA,aAAc,MAAKC,cAAL,CAAoBC,QAApB,CAA6B;AAAEC,QAAAA,IAAI,EAAEH;AAAR,OAA7B,CAAd;AAAA,K;iGAER,YAAM;AACf,YAAKf,KAAL,CAAWmB,cAAX;;AACA,YAAKC,WAAL;AACD,K;;;;;;WA1CD,0CAAiCC,SAAjC,EAA4C;AAC1C,UACEA,SAAS,CAACC,eAAV,KAA8B,KAAKtB,KAAL,CAAWsB,eAAzC,IACC,KAAKN,cAAL,IAAuB,KAAKA,cAAL,CAAoBO,UAApB,KAAmCF,SAAS,CAACC,eAFvE,EAGE;AACA,aAAKE,gBAAL,CAAsBH,SAAS,CAACC,eAAhC;AACD;AACF;;;WAqCD,kBAAS;AAAA;;AACP,yBAqBI,KAAKtB,KArBT;AAAA,UACEyB,OADF,gBACEA,OADF;AAAA,UAEEC,iBAFF,gBAEEA,iBAFF;AAAA,UAGEC,iBAHF,gBAGEA,iBAHF;AAAA,UAIEC,kBAJF,gBAIEA,kBAJF;AAAA,UAKEjC,KALF,gBAKEA,KALF;AAAA,4CAMEM,KANF;AAAA,UAMW4B,IANX,sBAMWA,IANX;AAAA,UAMiBC,SANjB,sBAMiBA,SANjB;AAAA,UAM4BC,WAN5B,sBAM4BA,WAN5B;AAAA,UAMyCtB,sBANzC,sBAMyCA,sBANzC;AAAA,UAOEuB,UAPF,gBAOEA,UAPF;AAAA,UAQEC,iBARF,gBAQEA,iBARF;AAAA,UASEC,aATF,gBASEA,aATF;AAAA,UAUEC,eAVF,gBAUEA,eAVF;AAAA,UAWEC,iBAXF,gBAWEA,iBAXF;AAAA,UAYEd,eAZF,gBAYEA,eAZF;AAAA,UAaEe,mBAbF,gBAaEA,mBAbF;AAAA,UAcEC,UAdF,gBAcEA,UAdF;AAAA,UAeEC,SAfF,gBAeEA,SAfF;AAAA,UAgBEC,kBAhBF,gBAgBEA,kBAhBF;AAAA,+CAiBEC,aAjBF;AAAA,UAiBEA,aAjBF,sCAiBkB,EAjBlB;AAAA,+CAkBEC,mBAlBF;AAAA,UAkBEA,mBAlBF,sCAkBwB,EAlBxB;AAAA,+CAmBEC,gBAnBF;AAAA,UAmBEA,gBAnBF,sCAmBqB,EAnBrB;AAAA,+CAoBEC,YApBF;AAAA,UAoBEA,YApBF,sCAoBiB,EApBjB;AAsBA,UAAQ/B,QAAR,GAAqB,KAAKgC,KAA1B,CAAQhC,QAAR;AAEA,aAAOe,kBAAkB,CACvBD,iBAAiB,eACf,0DACE,gCAAC,WAAD,qBACE,gCAAC,oBAAD;AAAc,QAAA,SAAS,EAAEF,OAAO,CAAClD;AAAjC,sBACE;AAAK,QAAA,SAAS,EAAEkD,OAAO,CAAC3C;AAAxB,SACGsD,iBAAiB,GACdV,iBAAiB,eACf;AAAM,QAAA,SAAS,EAAED,OAAO,CAACrC;AAAzB,sBACE,gCAAC,yBAAD;AAAmB,QAAA,SAAS,EAAEqC,OAAO,CAACrD;AAAtC,QADF,CADe,CADH,GAMd,IAPN,eASE,gCAAC,sBAAD;AACE,QAAA,SAAS,EAAEqD,OAAO,CAACvC,OADrB;AAEE,sBAAW,MAFb;AAGE,yBAAc,WAHhB;AAIE,yBAAc,MAJhB;AAKE,QAAA,OAAO,EAAE,KAAK4D;AALhB,sBAOE,gCAAC,oBAAD,OAPF,CATF,eAmBE,gCAAC,gBAAD;AAAM,QAAA,EAAE,EAAC,WAAT;AAAqB,QAAA,QAAQ,EAAEjC,QAA/B;AAAyC,QAAA,WAAW,MAApD;AAAqD,QAAA,IAAI,EAAE,CAAC,CAACA,QAA7D;AAAuE,QAAA,OAAO,EAAE,KAAKO;AAArF,sBACE,gCAAC,oBAAD;AAAU,QAAA,OAAO,EAAE,KAAK2B;AAAxB,sBACE;AACE,QAAA,SAAS,EAAEtB,OAAO,CAACpC,WADrB;AAEE,QAAA,uBAAuB,EAAE;AAAE2D,UAAAA,MAAM,mBAAYnB,IAAI,IAAIG,UAApB;AAAR;AAF3B,QADF,CADF,CAnBF,CADF,eA8BE,gCAAC,uBAAD;AACE,QAAA,MAAM,EAAEH,IADV;AAEE,QAAA,KAAK,EAAE,CAAAlC,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEkC,IAAP,KAAe,EAFxB;AAGE,QAAA,QAAQ,EAAE,kBAACA,IAAD;AAAA,iBAAU,MAAI,CAAC3B,cAAL,CAAoB;AAAE2B,YAAAA,IAAI,EAAJA;AAAF,WAApB,CAAV;AAAA,SAHZ;AAIE,QAAA,WAAW,EAAEc,gBAJf;AAKE,QAAA,WAAW,kBAAWX,UAAX,CALb;AAME,QAAA,UAAU,EAAEM,UANd;AAOE,QAAA,kBAAkB,EAAEE,kBAPtB;AAQE,QAAA,aAAa,EAAEC,aARjB;AASE,QAAA,YAAY,EAAEG;AAThB,QA9BF,EAyCGjD,KAAK,iBAAI;AAAK,QAAA,SAAS,EAAE8B,OAAO,CAAClC;AAAxB,SAAoCI,KAAK,CAACkC,IAAN,IAAc,EAAlD,CAzCZ,CADF,eA6CE,gCAAC,sBAAD;AACE,QAAA,MAAM,EAAE,gBAACoB,GAAD,EAAS;AACf,UAAA,MAAI,CAACjC,cAAL,GAAsBiC,GAAtB;AACD,SAHH;AAIE,QAAA,KAAK,YAAKZ,mBAAL;AAJP,SAMGH,aAAa,IAAIJ,SAAjB,iBACC,gCAAC,aAAD,qBACE,gCAAC,qBAAD;AACE,QAAA,WAAW,EAAC,WADd;AAEE,QAAA,MAAM,EAAEA,SAAS,CAACoB,IAAV,CAAe,GAAf,CAFV;AAGE,QAAA,QAAQ,EAAE,kBAACpB,SAAD;AAAA,iBAAe,MAAI,CAAC5B,cAAL,CAAoB;AAAE4B,YAAAA,SAAS,EAAEA,SAAS,CAACqB,KAAV,CAAgB,GAAhB;AAAb,WAApB,CAAf;AAAA,SAHZ;AAIE,QAAA,WAAW,EAAET,mBAJf;AAKE,QAAA,UAAU,EAAEJ,UALd;AAME,QAAA,kBAAkB,EAAEE,kBANtB;AAOE,QAAA,aAAa,EAAEC,aAPjB;AAQE,QAAA,YAAY,EAAEG;AARhB,QADF,CAPJ,EAqBGT,eAAe,iBACd,gCAAC,aAAD,qBACE,gCAAC,qBAAD;AACE,QAAA,WAAW,EAAC,mBADd;AAEE,QAAA,MAAM,EAAEJ,WAFV;AAGE,QAAA,KAAK,EAAE,CAAApC,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEoC,WAAP,KAAsB,EAH/B;AAIE,QAAA,QAAQ,EAAE,kBAACA,WAAD;AAAA,iBAAiB,MAAI,CAAC7B,cAAL,CAAoB;AAAE6B,YAAAA,WAAW,EAAXA;AAAF,WAApB,CAAjB;AAAA,SAJZ;AAKE,QAAA,WAAW,EAAEW,mBALf;AAME,QAAA,UAAU,EAAEJ,UANd;AAOE,QAAA,kBAAkB,EAAEE,kBAPtB;AAQE,QAAA,aAAa,EAAEC,aARjB;AASE,QAAA,YAAY,EAAEG;AAThB,QADF,EAYGjD,KAAK,iBAAI;AAAK,QAAA,SAAS,EAAE8B,OAAO,CAAClC;AAAxB,SAAoCI,KAAK,CAACoC,WAAN,IAAqB,EAAzD,CAZZ,CAtBJ,EAsCG,CAACE,iBAAiB,IAAI,EAAtB,EAA0BmB,GAA1B,CAA8B,UAACC,gBAAD,EAAmBC,KAAnB,EAA6B;AAC1D,YAAMC,kBAAkB,GAAGC,qBAAa,IAAI,CAA5C,CAD0D,CACX;;AAC/C,YAAMC,cAAc,GAAGpB,mBAAmB,GAAGkB,kBAAkB,GAAGD,KAA3C,GAAmDhC,eAAnD,GAAqE,EAA5F;AACA,YAAMd,KAAK,GAAGyB,iBAAiB,CAACvB,MAAlB,GAA2B4C,KAA3B,GAAmC,CAAjD;AACA,YAAII,eAAJ;;AAEA,YAAI;AACFA,UAAAA,eAAe,GAAGjD,sBAAsB,CAACD,KAAD,CAAtB,IAAiC,EAAnD;AACD,SAFD,CAEE,OAAOmD,CAAP,EAAU;AACVD,UAAAA,eAAe,GAAG,EAAlB;AACD;;AAED,4BACE,gCAAC,aAAD;AAAO,UAAA,GAAG,oBAAaJ,KAAb;AAAV,wBACE,gCAAC,qBAAD;AACE,UAAA,WAAW,EAAC,kBADd;AAEE,UAAA,MAAM,EAAEI,eAFV;AAGE,UAAA,QAAQ,EAAE,kBAACnD,UAAD;AAAA,mBAAgB,MAAI,CAACqD,4BAAL,CAAkC;AAAErD,cAAAA,UAAU,EAAVA,UAAF;AAAcC,cAAAA,KAAK,EAALA;AAAd,aAAlC,CAAhB;AAAA,WAHZ;AAIE,UAAA,WAAW,EAAEkC,mBAJf;AAKE,UAAA,YAAY,EAAEe,cAAc,GAAG,GAAjB,IAAwBJ,gBAAgB,GAAGd,SAL3D,CAKsE;AALtE;AAME,UAAA,UAAU,EAAED,UANd;AAOE,UAAA,kBAAkB,EAAEE,kBAPtB;AAQE,UAAA,aAAa,EAAEC,aARjB;AASE,UAAA,YAAY,EAAEG;AAThB,UADF,CADF;AAeD,OA3BA,CAtCH,CA7CF,CADF,CADe,CADM,CAAzB;AAuHD;;;EApM4BiB,kBAAMC,S;;;iCAAxBhE,S,eACQ;AACjBwC,EAAAA,UAAU,EAAEyB,sBAAUC,IADL;AAEjBxB,EAAAA,kBAAkB,EAAEuB,sBAAUE;AAFb,C;AAsMrBnE,SAAS,CAACoE,SAAV,GAAsB;AACpBxC,EAAAA,iBAAiB,EAAEqC,sBAAUI,IAAV,CAAeC,UADd;AAEpBzC,EAAAA,iBAAiB,EAAEoC,sBAAUI,IAAV,CAAeC,UAFd;AAGpBxC,EAAAA,kBAAkB,EAAEmC,sBAAUI,IAAV,CAAeC,UAHf;AAIpB3C,EAAAA,OAAO,EAAEsC,sBAAUE,MAAV,CAAiBG,UAJN;AAKpBzE,EAAAA,KAAK,EAAEoE,sBAAUE,MALG;AAMpBI,EAAAA,UAAU,EAAEN,sBAAUC,IAAV,CAAeI,UANP;AAOpBE,EAAAA,EAAE,EAAEP,sBAAUQ,GAPM;AAQpBC,EAAAA,MAAM,EAAET,sBAAUC,IARE;AASpBV,EAAAA,KAAK,EAAES,sBAAUU,MATG;AAUpBvE,EAAAA,cAAc,EAAE6D,sBAAUI,IAAV,CAAeC,UAVX;AAWpBjD,EAAAA,cAAc,EAAE4C,sBAAUI,IAAV,CAAeC,UAXX;AAYpBnE,EAAAA,KAAK,EAAE8D,sBAAUW,KAAV,CAAgB;AACrB7C,IAAAA,IAAI,EAAEkC,sBAAUY,MADK;AAErB7C,IAAAA,SAAS,EAAEiC,sBAAUa,OAAV,CAAkBb,sBAAUY,MAA5B,CAFU;AAGrBlE,IAAAA,sBAAsB,EAAEsD,sBAAUa,OAAV,CAAkBb,sBAAUY,MAA5B,CAHH;AAIrB5C,IAAAA,WAAW,EAAEgC,sBAAUY;AAJF,GAAhB,CAZa;AAkBpB3C,EAAAA,UAAU,EAAE+B,sBAAUY,MAlBF;AAmBpB1C,EAAAA,iBAAiB,EAAE8B,sBAAUa,OAAV,CAAkBb,sBAAUU,MAA5B,CAnBC;AAoBpBvC,EAAAA,aAAa,EAAE6B,sBAAUC,IApBL;AAqBpB7B,EAAAA,eAAe,EAAE4B,sBAAUC,IArBP;AAsBpBzB,EAAAA,SAAS,EAAEwB,sBAAUU,MAtBD;AAuBpBrC,EAAAA,iBAAiB,EAAE2B,sBAAUC,IAvBT;AAwBpB1C,EAAAA,eAAe,EAAEyC,sBAAUU,MAxBP;AAyBpBpC,EAAAA,mBAAmB,EAAE0B,sBAAUU,MAzBX;AA0BpB/B,EAAAA,mBAAmB,EAAEqB,sBAAUE,MA1BX;AA2BpBtB,EAAAA,gBAAgB,EAAEoB,sBAAUE,MA3BR;AA4BpBrB,EAAAA,YAAY,EAAEmB,sBAAUW,KAAV,CAAgB;AAC5BG,IAAAA,GAAG,EAAEd,sBAAUI,IAAV,CAAeC,UADQ;AAE5B,cAAQL,sBAAUI,IAAV,CAAeC;AAFK,GAAhB;AA5BM,CAAtB;AAkCO,IAAMU,WAAW,GAAG,wBAAW5G,MAAX,EAAmB4B,SAAnB,CAApB;;AAEP,IAAMiF,IAAI,GAAG,cAAb;AAEA,IAAMC,WAAW,GAAG;AAClBC,EAAAA,SADkB,qBACRjF,KADQ,EACD;AACf,WAAO;AACL6B,MAAAA,IAAI,EAAE7B,KAAK,CAACC,KAAN,CAAY4B,IADb;AAELyB,MAAAA,KAAK,EAAEtD,KAAK,CAACsD;AAFR,KAAP;AAID;AANiB,CAApB;AASA,IAAM4B,YAAY,GAAG,0BAAWH,IAAX,EAAiBC,WAAjB,EAA8B,UAACG,OAAD,EAAUC,OAAV;AAAA,SAAuB;AACxE1D,IAAAA,iBAAiB,EAAEyD,OAAO,CAACE,UAAR,EADqD;AAExEzD,IAAAA,kBAAkB,EAAEuD,OAAO,CAACG,WAAR,EAFoD;AAGxEjB,IAAAA,UAAU,EAAEe,OAAO,CAACf,UAAR;AAH4D,GAAvB;AAAA,CAA9B,EAIjBS,WAJiB,CAArB;AAMA,IAAMS,WAAW,GAAG;AAClBC,EAAAA,KADkB,mBACV;AACNvH,IAAAA,GAAG,CAAC,SAAD,CAAH;AACD,GAHiB;AAIlBwH,EAAAA,IAJkB,gBAIbzF,KAJa,EAINoF,OAJM,EAIG;AACnB,QAAMM,IAAI,GAAGN,OAAO,CAACO,OAAR,EAAb;AACA1H,IAAAA,GAAG,CAAC,eAAD,EAAkByH,IAAlB,EAAwB,UAAxB,EAAoCN,OAAO,CAACQ,OAAR,EAApC,CAAH;AAEA5F,IAAAA,KAAK,CAAC6F,cAAN,CAAqBH,IAArB,EAA2B1F,KAAK,CAACsD,KAAjC;AACD;AATiB,CAApB;AAYA,IAAMwC,qBAAqB,GAAG,0BAAWf,IAAX,EAAiBQ,WAAjB,EAA8B,UAACJ,OAAD,EAAUC,OAAV;AAAA,SAAuB;AACjFzD,IAAAA,iBAAiB,EAAEwD,OAAO,CAACY,UAAR,EAD8D;AAEjFvB,IAAAA,MAAM,EAAEY,OAAO,CAACZ,MAAR;AAFyE,GAAvB;AAAA,CAA9B,EAG1BU,YAH0B,CAA9B;eAKeY,qB","sourcesContent":["import React from 'react';\nimport debug from 'debug';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/isEmpty';\nimport { DragSource, DropTarget } from 'react-dnd';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nimport { Block, BlockWidth, ExpandedInput, PrimaryBlock, Row, SecondaryBlock, UnderlinedInput } from './common';\n\nimport IconButton from '@material-ui/core/IconButton';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport DragIndicatorIcon from '@material-ui/icons/DragIndicator';\n\nconst log = debug('@pie-element:placement-ordering:configure:trait-tile');\n\nconst styles = (theme) => ({\n  actions: {\n    color: color.text(),\n  },\n  primaryBlock: {\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n    marginBottom: theme.spacing.unit * 5,\n  },\n  controls: {\n    display: 'flex',\n    alignItems: 'center',\n    width: '100%',\n    cursor: 'pointer',\n  },\n  options: {\n    marginLeft: 'auto',\n  },\n  dragHandle: {},\n  removeLabel: {\n    display: 'flex',\n    whiteSpace: 'break-spaces',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingBottom: theme.spacing.unit,\n  },\n});\n\nexport class TraitTile extends React.Component {\n  static propTypes = {\n    spellCheck: PropTypes.bool,\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  state = {};\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (\n      nextProps.currentPosition !== this.props.currentPosition ||\n      (this.secondaryBlock && this.secondaryBlock.scrollLeft !== nextProps.currentPosition)\n    ) {\n      this.scrollToPosition(nextProps.currentPosition);\n    }\n  }\n\n  onTraitChanged = (params) => {\n    const { trait, onTraitChanged } = this.props;\n\n    if (isEmpty(params)) return;\n\n    Object.keys(params).forEach((key) => {\n      trait[key] = params[key];\n    });\n\n    onTraitChanged(trait);\n  };\n\n  onScorePointDescriptorChange = ({ descriptor, value }) => {\n    const {\n      trait: { scorePointsDescriptors },\n    } = this.props;\n\n    if (value < 0 || value >= scorePointsDescriptors.length) return;\n\n    scorePointsDescriptors[value] = descriptor;\n\n    this.onTraitChanged({ scorePointsDescriptors });\n  };\n\n  handleClick = (event) => this.setState({ anchorEl: event.currentTarget });\n\n  handleClose = () => this.setState({ anchorEl: null });\n\n  scrollToPosition = (position) => this.secondaryBlock.scrollTo({ left: position });\n\n  openMenu = () => {\n    this.props.onTraitRemoved();\n    this.handleClose();\n  };\n\n  render() {\n    const {\n      classes,\n      connectDragSource,\n      connectDropTarget,\n      connectDragPreview,\n      error,\n      trait: { name, standards, description, scorePointsDescriptors },\n      traitLabel,\n      scorePointsValues,\n      showStandards,\n      showDescription,\n      enableDragAndDrop,\n      currentPosition,\n      secondaryBlockWidth,\n      spellCheck,\n      maxPoints,\n      uploadSoundSupport,\n      mathMlOptions = {},\n      expandedPluginProps = {},\n      labelPluginProps = {},\n      imageSupport = {},\n    } = this.props;\n    const { anchorEl } = this.state;\n\n    return connectDragPreview(\n      connectDropTarget(\n        <div>\n          <Row>\n            <PrimaryBlock className={classes.primaryBlock}>\n              <div className={classes.controls}>\n                {enableDragAndDrop\n                  ? connectDragSource(\n                      <span className={classes.dragHandle}>\n                        <DragIndicatorIcon className={classes.actions} />\n                      </span>,\n                    )\n                  : null}\n\n                <IconButton\n                  className={classes.options}\n                  aria-label=\"more\"\n                  aria-controls=\"long-menu\"\n                  aria-haspopup=\"true\"\n                  onClick={this.handleClick}\n                >\n                  <MoreVertIcon />\n                </IconButton>\n\n                <Menu id=\"long-menu\" anchorEl={anchorEl} keepMounted open={!!anchorEl} onClose={this.handleClose}>\n                  <MenuItem onClick={this.openMenu}>\n                    <div\n                      className={classes.removeLabel}\n                      dangerouslySetInnerHTML={{ __html: `Remove ${name || traitLabel}` }}\n                    />\n                  </MenuItem>\n                </Menu>\n              </div>\n\n              <UnderlinedInput\n                markup={name}\n                error={error?.name || ''}\n                onChange={(name) => this.onTraitChanged({ name })}\n                pluginProps={labelPluginProps}\n                placeholder={`Enter ${traitLabel}`}\n                spellCheck={spellCheck}\n                uploadSoundSupport={uploadSoundSupport}\n                mathMlOptions={mathMlOptions}\n                imageSupport={imageSupport}\n              />\n              {error && <div className={classes.errorText}>{error.name || ''}</div>}\n            </PrimaryBlock>\n\n            <SecondaryBlock\n              setRef={(ref) => {\n                this.secondaryBlock = ref;\n              }}\n              width={`${secondaryBlockWidth}px`}\n            >\n              {showStandards && standards && (\n                <Block>\n                  <ExpandedInput\n                    placeholder=\"Standards\"\n                    markup={standards.join(',')}\n                    onChange={(standards) => this.onTraitChanged({ standards: standards.split(',') })}\n                    pluginProps={expandedPluginProps}\n                    spellCheck={spellCheck}\n                    uploadSoundSupport={uploadSoundSupport}\n                    mathMlOptions={mathMlOptions}\n                    imageSupport={imageSupport}\n                  />\n                </Block>\n              )}\n\n              {showDescription && (\n                <Block>\n                  <ExpandedInput\n                    placeholder=\"Enter Description\"\n                    markup={description}\n                    error={error?.description || ''}\n                    onChange={(description) => this.onTraitChanged({ description })}\n                    pluginProps={expandedPluginProps}\n                    spellCheck={spellCheck}\n                    uploadSoundSupport={uploadSoundSupport}\n                    mathMlOptions={mathMlOptions}\n                    imageSupport={imageSupport}\n                  />\n                  {error && <div className={classes.errorText}>{error.description || ''}</div>}\n                </Block>\n              )}\n\n              {(scorePointsValues || []).map((scorePointsValue, index) => {\n                const adjustedBlockWidth = BlockWidth + 2 * 8; // 8 is padding\n                const remainingSpace = secondaryBlockWidth - adjustedBlockWidth * index + currentPosition - 98;\n                const value = scorePointsValues.length - index - 1;\n                let scoreDescriptor;\n\n                try {\n                  scoreDescriptor = scorePointsDescriptors[value] || '';\n                } catch (e) {\n                  scoreDescriptor = '';\n                }\n\n                return (\n                  <Block key={`key-key-${index}`}>\n                    <ExpandedInput\n                      placeholder=\"Enter Descriptor\"\n                      markup={scoreDescriptor}\n                      onChange={(descriptor) => this.onScorePointDescriptorChange({ descriptor, value })}\n                      pluginProps={expandedPluginProps}\n                      alignToRight={remainingSpace < 296 && scorePointsValue < maxPoints} // 296 is the space required for the toolbar\n                      spellCheck={spellCheck}\n                      uploadSoundSupport={uploadSoundSupport}\n                      mathMlOptions={mathMlOptions}\n                      imageSupport={imageSupport}\n                    />\n                  </Block>\n                );\n              })}\n            </SecondaryBlock>\n          </Row>\n        </div>,\n      ),\n    );\n  }\n}\n\nTraitTile.propTypes = {\n  connectDragSource: PropTypes.func.isRequired,\n  connectDropTarget: PropTypes.func.isRequired,\n  connectDragPreview: PropTypes.func.isRequired,\n  classes: PropTypes.object.isRequired,\n  error: PropTypes.object,\n  isDragging: PropTypes.bool.isRequired,\n  id: PropTypes.any,\n  isOver: PropTypes.bool,\n  index: PropTypes.number,\n  onTraitChanged: PropTypes.func.isRequired,\n  onTraitRemoved: PropTypes.func.isRequired,\n  trait: PropTypes.shape({\n    name: PropTypes.string,\n    standards: PropTypes.arrayOf(PropTypes.string),\n    scorePointsDescriptors: PropTypes.arrayOf(PropTypes.string),\n    description: PropTypes.string,\n  }),\n  traitLabel: PropTypes.string,\n  scorePointsValues: PropTypes.arrayOf(PropTypes.number),\n  showStandards: PropTypes.bool,\n  showDescription: PropTypes.bool,\n  maxPoints: PropTypes.number,\n  enableDragAndDrop: PropTypes.bool,\n  currentPosition: PropTypes.number,\n  secondaryBlockWidth: PropTypes.number,\n  expandedPluginProps: PropTypes.object,\n  labelPluginProps: PropTypes.object,\n  imageSupport: PropTypes.shape({\n    add: PropTypes.func.isRequired,\n    delete: PropTypes.func.isRequired,\n  }),\n};\n\nexport const StyledTrait = withStyles(styles)(TraitTile);\n\nconst NAME = 'trait-config';\n\nconst traitSource = {\n  beginDrag(props) {\n    return {\n      name: props.trait.name,\n      index: props.index,\n    };\n  },\n};\n\nconst StyledSource = DragSource(NAME, traitSource, (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  connectDragPreview: connect.dragPreview(),\n  isDragging: monitor.isDragging(),\n}))(StyledTrait);\n\nconst traitTarget = {\n  hover() {\n    log('[hover]');\n  },\n  drop(props, monitor) {\n    const item = monitor.getItem();\n    log('[drop] item: ', item, 'didDrop?', monitor.didDrop());\n\n    props.onTraitDropped(item, props.index);\n  },\n};\n\nconst StyledSourceAndTarget = DropTarget(NAME, traitTarget, (connect, monitor) => ({\n  connectDropTarget: connect.dropTarget(),\n  isOver: monitor.isOver(),\n}))(StyledSource);\n\nexport default StyledSourceAndTarget;\n"],"file":"trait.js"}
+{"version":3,"file":"trait.js","names":["_react","_interopRequireDefault","require","_debug","_propTypes","_isEmpty","_core","_styles","_renderUi","_common","_IconButton","_MoreVert","_Menu","_MenuItem","_DragIndicator","log","debug","ActionsIcon","styled","DragIndicatorIcon","color","text","StyledPrimaryBlock","PrimaryBlock","theme","display","flexDirection","justifyContent","marginBottom","spacing","Controls","alignItems","width","cursor","Options","IconButton","marginLeft","RemoveLabel","whiteSpace","ErrorText","fontSize","typography","palette","error","main","paddingBottom","TraitTile","trait","name","standards","description","scorePointsDescriptors","traitLabel","scorePointsValues","showStandards","showDescription","enableDragAndDrop","currentPosition","secondaryBlockWidth","spellCheck","maxPoints","uploadSoundSupport","mathMlOptions","expandedPluginProps","labelPluginProps","imageSupport","index","onTraitChanged","onTraitRemoved","onTraitDropped","anchorEl","setAnchorEl","React","useState","secondaryBlockRef","useRef","attributes","listeners","setNodeRef","setDragRef","transform","isDragging","useDraggable","id","data","type","setDropRef","useDroppable","useEffect","undefined","current","scrollLeft","scrollToPosition","onTraitChangedHandler","params","isEmpty","updatedTrait","onScorePointDescriptorChange","descriptor","value","length","newDescriptors","handleClick","event","currentTarget","handleClose","position","scrollTo","left","openMenu","dragStyle","x","y","opacity","default","createElement","ref","style","Row","_extends2","onClick","size","keepMounted","open","onClose","transitionDuration","enter","exit","dangerouslySetInnerHTML","__html","UnderlinedInput","markup","onChange","pluginProps","placeholder","SecondaryBlock","setRef","Block","ExpandedInput","join","split","map","scorePointsValue","scoreIndex","adjustedBlockWidth","BlockWidth","remainingSpace","scoreDescriptor","e","key","alignToRight","propTypes","PropTypes","object","number","isRequired","func","shape","string","arrayOf","bool","add","delete","_default","exports"],"sources":["../src/trait.jsx"],"sourcesContent":["import React from 'react';\nimport debug from 'debug';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/isEmpty';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\n\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\n\nimport { Block, BlockWidth, ExpandedInput, PrimaryBlock, Row, SecondaryBlock, UnderlinedInput } from './common';\n\nimport IconButton from '@mui/material/IconButton';\nimport MoreVertIcon from '@mui/icons-material/MoreVert';\nimport Menu from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\nimport DragIndicatorIcon from '@mui/icons-material/DragIndicator';\n\nconst log = debug('@pie-element:placement-ordering:configure:trait-tile');\n\nconst ActionsIcon = styled(DragIndicatorIcon)({\n  color: color.text(),\n});\n\nconst StyledPrimaryBlock = styled(PrimaryBlock)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'space-between',\n  marginBottom: theme.spacing(5),\n}));\n\nconst Controls = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n  width: '100%',\n  cursor: 'pointer',\n});\n\nconst Options = styled(IconButton)({\n  marginLeft: 'auto',\n});\n\nconst RemoveLabel = styled('div')({\n  display: 'flex',\n  whiteSpace: 'break-spaces',\n});\n\nconst ErrorText = styled('div')(({ theme }) => ({\n  fontSize: theme.typography.fontSize - 2,\n  color: theme.palette.error.main,\n  paddingBottom: theme.spacing(1),\n}));\n\nfunction TraitTile({\n  error,\n  trait: { name, standards, description, scorePointsDescriptors },\n  traitLabel,\n  scorePointsValues,\n  showStandards,\n  showDescription,\n  enableDragAndDrop,\n  currentPosition,\n  secondaryBlockWidth,\n  spellCheck,\n  maxPoints,\n  uploadSoundSupport,\n  mathMlOptions = {},\n  expandedPluginProps = {},\n  labelPluginProps = {},\n  imageSupport = {},\n  index,\n  onTraitChanged,\n  onTraitRemoved,\n  onTraitDropped,\n}) {\n  const [anchorEl, setAnchorEl] = React.useState(null);\n  const secondaryBlockRef = React.useRef(null);\n\n  const { attributes, listeners, setNodeRef: setDragRef, transform, isDragging } = useDraggable({\n    id: `trait-${index}`,\n    data: {\n      type: 'trait',\n      index,\n      name,\n    },\n  });\n\n  const { setNodeRef: setDropRef } = useDroppable({\n    id: `trait-drop-${index}`,\n    data: {\n      type: 'trait',\n      index,\n    },\n  });\n\n  React.useEffect(() => {\n    if (currentPosition !== undefined && secondaryBlockRef.current && secondaryBlockRef.current.scrollLeft !== currentPosition) {\n      scrollToPosition(currentPosition);\n    }\n  }, [currentPosition]);\n\n  const onTraitChangedHandler = (params) => {\n    if (isEmpty(params)) return;\n\n    const updatedTrait = { ...{ name, standards, description, scorePointsDescriptors }, ...params };\n    onTraitChanged(updatedTrait);\n  };\n\n  const onScorePointDescriptorChange = ({ descriptor, value }) => {\n    if (value < 0 || value >= scorePointsDescriptors.length) return;\n\n    const newDescriptors = [...scorePointsDescriptors];\n    newDescriptors[value] = descriptor;\n\n    onTraitChangedHandler({ scorePointsDescriptors: newDescriptors });\n  };\n\n  const handleClick = (event) => setAnchorEl(event.currentTarget);\n\n  const handleClose = () => setAnchorEl(null);\n\n  const scrollToPosition = (position) => secondaryBlockRef.current?.scrollTo({ left: position });\n\n  const openMenu = () => {\n    onTraitRemoved();\n    handleClose();\n  };\n\n  const dragStyle = transform ? {\n    transform: `translate3d(${transform.x}px, ${transform.y}px, 0)`,\n    opacity: isDragging ? 0.5 : 1,\n  } : {};\n\n  return (\n    <div ref={setDropRef} style={dragStyle}>\n      <Row>\n        <StyledPrimaryBlock>\n          <Controls>\n            {enableDragAndDrop && (\n              <span ref={setDragRef} {...attributes} {...listeners}>\n                <ActionsIcon />\n              </span>\n            )}\n\n            <Options\n              aria-label=\"more\"\n              aria-controls=\"long-menu\"\n              aria-haspopup=\"true\"\n              onClick={handleClick}\n              size=\"large\">\n              <MoreVertIcon />\n            </Options>\n\n            <Menu\n              id=\"long-menu\"\n              anchorEl={anchorEl}\n              keepMounted\n              open={!!anchorEl}\n              onClose={handleClose}\n              transitionDuration={{ enter: 225, exit: 195 }}\n            >\n              <MenuItem onClick={openMenu}>\n                <RemoveLabel\n                  dangerouslySetInnerHTML={{ __html: `Remove ${name || traitLabel}` }}\n                />\n              </MenuItem>\n            </Menu>\n          </Controls>\n\n          <UnderlinedInput\n            markup={name}\n            error={error?.name || ''}\n            onChange={(name) => onTraitChangedHandler({ name })}\n            pluginProps={labelPluginProps}\n            placeholder={`Enter ${traitLabel}`}\n            spellCheck={spellCheck}\n            uploadSoundSupport={uploadSoundSupport}\n            mathMlOptions={mathMlOptions}\n            imageSupport={imageSupport}\n          />\n          {error && <ErrorText>{error.name || ''}</ErrorText>}\n        </StyledPrimaryBlock>\n\n        <SecondaryBlock\n          setRef={(ref) => {\n            secondaryBlockRef.current = ref;\n          }}\n          width={`${secondaryBlockWidth}px`}\n        >\n          {showStandards && standards && (\n            <Block>\n              <ExpandedInput\n                placeholder=\"Standards\"\n                markup={standards.join(',')}\n                onChange={(standards) => onTraitChangedHandler({ standards: standards.split(',') })}\n                pluginProps={expandedPluginProps}\n                spellCheck={spellCheck}\n                uploadSoundSupport={uploadSoundSupport}\n                mathMlOptions={mathMlOptions}\n                imageSupport={imageSupport}\n              />\n            </Block>\n          )}\n\n          {showDescription && (\n            <Block>\n              <ExpandedInput\n                placeholder=\"Enter Description\"\n                markup={description}\n                error={error?.description || ''}\n                onChange={(description) => onTraitChangedHandler({ description })}\n                pluginProps={expandedPluginProps}\n                spellCheck={spellCheck}\n                uploadSoundSupport={uploadSoundSupport}\n                mathMlOptions={mathMlOptions}\n                imageSupport={imageSupport}\n              />\n              {error && <ErrorText>{error.description || ''}</ErrorText>}\n            </Block>\n          )}\n\n          {(scorePointsValues || []).map((scorePointsValue, scoreIndex) => {\n            const adjustedBlockWidth = BlockWidth + 2 * 8; // 8 is padding\n            const remainingSpace = secondaryBlockWidth - adjustedBlockWidth * scoreIndex + currentPosition - 98;\n            const value = scorePointsValues.length - scoreIndex - 1;\n            let scoreDescriptor;\n\n            try {\n              scoreDescriptor = scorePointsDescriptors[value] || '';\n            } catch (e) {\n              scoreDescriptor = '';\n            }\n\n            return (\n              <Block key={`key-key-${scoreIndex}`}>\n                <ExpandedInput\n                  placeholder=\"Enter Descriptor\"\n                  markup={scoreDescriptor}\n                  onChange={(descriptor) => onScorePointDescriptorChange({ descriptor, value })}\n                  pluginProps={expandedPluginProps}\n                  alignToRight={remainingSpace < 296 && scorePointsValue < maxPoints} // 296 is the space required for the toolbar\n                  spellCheck={spellCheck}\n                  uploadSoundSupport={uploadSoundSupport}\n                  mathMlOptions={mathMlOptions}\n                  imageSupport={imageSupport}\n                />\n              </Block>\n            );\n          })}\n        </SecondaryBlock>\n      </Row>\n    </div>\n  );\n}\n\nTraitTile.propTypes = {\n  error: PropTypes.object,\n  index: PropTypes.number.isRequired,\n  onTraitChanged: PropTypes.func.isRequired,\n  onTraitRemoved: PropTypes.func.isRequired,\n  onTraitDropped: PropTypes.func,\n  trait: PropTypes.shape({\n    name: PropTypes.string,\n    standards: PropTypes.arrayOf(PropTypes.string),\n    scorePointsDescriptors: PropTypes.arrayOf(PropTypes.string),\n    description: PropTypes.string,\n  }),\n  traitLabel: PropTypes.string,\n  scorePointsValues: PropTypes.arrayOf(PropTypes.number),\n  showStandards: PropTypes.bool,\n  showDescription: PropTypes.bool,\n  maxPoints: PropTypes.number,\n  enableDragAndDrop: PropTypes.bool,\n  currentPosition: PropTypes.number,\n  secondaryBlockWidth: PropTypes.number,\n  spellCheck: PropTypes.bool,\n  uploadSoundSupport: PropTypes.object,\n  mathMlOptions: PropTypes.object,\n  expandedPluginProps: PropTypes.object,\n  labelPluginProps: PropTypes.object,\n  imageSupport: PropTypes.shape({\n    add: PropTypes.func.isRequired,\n    delete: PropTypes.func.isRequired,\n  }),\n};\n\nexport default TraitTile;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/traitsHeader.js

@@ -1,296 +1,231 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.TraitsHeaderTile = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+exports.default = exports.TraitsHeaderTile = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
-var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
-
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-
-var _MoreVert = _interopRequireDefault(require("@material-ui/icons/MoreVert"));
-
+var _styles = require("@mui/material/styles");
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _MoreVert = _interopRequireDefault(require("@mui/icons-material/MoreVert"));
 var _renderUi = require("@pie-lib/render-ui");
-
 var _common = require("./common");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var styles = function styles(theme) {
-  return {
-    label: {
-      textAlign: 'center',
-      width: '140px',
-      border: 'none',
-      margin: theme.spacing.unit,
-      padding: '10px 0',
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'space-around'
-    },
-    greyHeader: {
-      background: _renderUi.color.secondaryBackground(),
-      borderRadius: '4px',
-      position: 'relative',
-      marginBottom: theme.spacing.unit * 2
-    },
-    primaryBlockGreyHeader: {
-      paddingTop: theme.spacing.unit * 1.5
-    },
-    scorePointErrorText: {
-      position: 'absolute',
-      fontSize: theme.typography.fontSize - 2,
-      color: theme.palette.error.main,
-      paddingTop: theme.spacing.unit / 2
-    }
-  };
-};
-
-var TraitsHeaderTile = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(TraitsHeaderTile, _React$Component);
-
-  var _super = _createSuper(TraitsHeaderTile);
-
-  function TraitsHeaderTile() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, TraitsHeaderTile);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+const Label = (0, _styles.styled)('div')({
+  width: '140px',
+  border: 'none',
+  padding: '10px 0',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'space-around'
+});
+const GreyHeaderRow = (0, _styles.styled)('div')(({
+  height,
+  theme
+}) => ({
+  background: _renderUi.color.secondaryBackground(),
+  borderRadius: '4px',
+  position: 'relative',
+  marginBottom: theme.spacing(2),
+  display: 'flex',
+  height: height
+}));
+const PrimaryBlockGreyHeader = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  width: `${_common.PrimaryBlockWidth}px`,
+  minWidth: `${_common.PrimaryBlockWidth}px`,
+  position: 'relative',
+  padding: '0 10px',
+  boxSizing: 'border-box',
+  paddingTop: theme.spacing(1.5),
+  alignSelf: 'center'
+}));
+const ScorePointErrorText = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  position: 'absolute',
+  fontSize: theme.typography.fontSize - 2,
+  color: theme.palette.error.main,
+  paddingTop: theme.spacing(0.5)
+}));
+class TraitsHeaderTile extends _react.default.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "state", {
       anchorEl: null
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onScorePointLabelChange", function (_ref) {
-      var scorePointLabel = _ref.scorePointLabel,
-          value = _ref.value;
-      var _this$props = _this.props,
-          scorePointsLabels = _this$props.scorePointsLabels,
-          onScaleChange = _this$props.onScaleChange;
+    (0, _defineProperty2.default)(this, "onScorePointLabelChange", ({
+      scorePointLabel,
+      value
+    }) => {
+      const {
+        scorePointsLabels,
+        onScaleChange
+      } = this.props;
       if (value < 0 || value >= scorePointsLabels.length) return;
       scorePointsLabels[value] = scorePointLabel;
       onScaleChange({
-        scorePointsLabels: scorePointsLabels
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (event) {
-      return _this.setState({
-        anchorEl: event.currentTarget
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClose", function () {
-      return _this.setState({
-        anchorEl: null
+        scorePointsLabels
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "scrollToPosition", function (position) {
-      return _this.secondaryBlock.scrollTo({
-        left: position
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "openMenu", function () {
-      _this.props.showDeleteScaleModal();
-
-      _this.handleClose();
+    (0, _defineProperty2.default)(this, "handleClick", event => this.setState({
+      anchorEl: event.currentTarget
+    }));
+    (0, _defineProperty2.default)(this, "handleClose", () => this.setState({
+      anchorEl: null
+    }));
+    (0, _defineProperty2.default)(this, "scrollToPosition", position => this.secondaryBlock.scrollTo({
+      left: position
+    }));
+    (0, _defineProperty2.default)(this, "openMenu", () => {
+      this.props.showDeleteScaleModal();
+      this.handleClose();
     });
-    return _this;
   }
-
-  (0, _createClass2["default"])(TraitsHeaderTile, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (nextProps.currentPosition !== this.props.currentPosition) {
-        this.scrollToPosition(nextProps.currentPosition);
-      }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (nextProps.currentPosition !== this.props.currentPosition) {
+      this.scrollToPosition(nextProps.currentPosition);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props2 = this.props,
-          scorePointsValues = _this$props2.scorePointsValues,
-          scorePointsLabels = _this$props2.scorePointsLabels,
-          traitLabel = _this$props2.traitLabel,
-          classes = _this$props2.classes,
-          currentPosition = _this$props2.currentPosition,
-          showStandards = _this$props2.showStandards,
-          onTraitLabelChange = _this$props2.onTraitLabelChange,
-          showDescription = _this$props2.showDescription,
-          showLevelTagInput = _this$props2.showLevelTagInput,
-          maxPoints = _this$props2.maxPoints,
-          updateMaxPointsFieldValue = _this$props2.updateMaxPointsFieldValue,
-          scaleIndex = _this$props2.scaleIndex,
-          showScorePointLabels = _this$props2.showScorePointLabels,
-          secondaryBlockWidth = _this$props2.secondaryBlockWidth,
-          setSecondaryBlockRef = _this$props2.setSecondaryBlockRef,
-          spellCheck = _this$props2.spellCheck,
-          uploadSoundSupport = _this$props2.uploadSoundSupport,
-          maxPointsEnabled = _this$props2.maxPointsEnabled,
-          _this$props2$mathMlOp = _this$props2.mathMlOptions,
-          mathMlOptions = _this$props2$mathMlOp === void 0 ? {} : _this$props2$mathMlOp,
-          _this$props2$errors = _this$props2.errors,
-          errors = _this$props2$errors === void 0 ? {} : _this$props2$errors,
-          maxMaxPoints = _this$props2.maxMaxPoints,
-          _this$props2$labelPlu = _this$props2.labelPluginProps,
-          labelPluginProps = _this$props2$labelPlu === void 0 ? {} : _this$props2$labelPlu,
-          _this$props2$imageSup = _this$props2.imageSupport,
-          imageSupport = _this$props2$imageSup === void 0 ? {} : _this$props2$imageSup;
-      var anchorEl = this.state.anchorEl;
-      return /*#__PURE__*/_react["default"].createElement(_common.Row, {
-        className: classes.greyHeader,
-        height: showLevelTagInput ? _common.HeaderHeightLarge : _common.HeaderHeight
-      }, /*#__PURE__*/_react["default"].createElement(_common.PrimaryBlock, {
-        className: classes.primaryBlockGreyHeader
-      }, showLevelTagInput && /*#__PURE__*/_react["default"].createElement(_common.SimpleInput, {
-        markup: traitLabel || 'Trait',
-        onChange: onTraitLabelChange,
+  }
+  render() {
+    const {
+      scorePointsValues,
+      scorePointsLabels,
+      traitLabel,
+      currentPosition,
+      showStandards,
+      onTraitLabelChange,
+      showDescription,
+      showLevelTagInput,
+      maxPoints,
+      updateMaxPointsFieldValue,
+      scaleIndex,
+      showScorePointLabels,
+      secondaryBlockWidth,
+      setSecondaryBlockRef,
+      spellCheck,
+      uploadSoundSupport,
+      maxPointsEnabled,
+      mathMlOptions = {},
+      errors = {},
+      maxMaxPoints,
+      labelPluginProps = {},
+      imageSupport = {}
+    } = this.props;
+    const {
+      anchorEl
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement(GreyHeaderRow, {
+      height: showLevelTagInput ? _common.HeaderHeightLarge : _common.HeaderHeight
+    }, /*#__PURE__*/_react.default.createElement(PrimaryBlockGreyHeader, null, showLevelTagInput && /*#__PURE__*/_react.default.createElement(_common.SimpleInput, {
+      markup: traitLabel || 'Trait',
+      onChange: onTraitLabelChange,
+      pluginProps: labelPluginProps,
+      spellCheck: spellCheck,
+      label: "Level Label",
+      uploadSoundSupport: uploadSoundSupport,
+      mathMlOptions: mathMlOptions,
+      imageSupport: imageSupport
+    }), /*#__PURE__*/_react.default.createElement(_common.ScaleSettings, null, /*#__PURE__*/_react.default.createElement("div", null, "Scale ", scaleIndex + 1), maxPointsEnabled && /*#__PURE__*/_react.default.createElement(_common.MaxPointsPicker, {
+      maxPoints: maxPoints,
+      maxMaxPoints: maxMaxPoints,
+      onChange: updateMaxPointsFieldValue
+    }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      "aria-label": "more",
+      "aria-controls": "long-menu",
+      "aria-haspopup": "true",
+      onClick: this.handleClick,
+      size: "large"
+    }, /*#__PURE__*/_react.default.createElement(_MoreVert.default, null)), /*#__PURE__*/_react.default.createElement(_Menu.default, {
+      id: "long-menu",
+      anchorEl: anchorEl,
+      keepMounted: true,
+      open: !!anchorEl,
+      onClose: this.handleClose,
+      transitionDuration: {
+        enter: 225,
+        exit: 195
+      }
+    }, ['Remove Scale'].map(option => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+      key: option,
+      onClick: this.openMenu
+    }, option)))))), /*#__PURE__*/_react.default.createElement(_common.SecondaryBlock, {
+      setRef: ref => {
+        if (ref) {
+          this.secondaryBlock = ref;
+          setSecondaryBlockRef(ref);
+        }
+      },
+      width: `${secondaryBlockWidth}px`
+    }, showStandards && /*#__PURE__*/_react.default.createElement(_common.Block, null, /*#__PURE__*/_react.default.createElement(Label, null, "Standard(s)")), showDescription && /*#__PURE__*/_react.default.createElement(_common.Block, null, /*#__PURE__*/_react.default.createElement(Label, null, "Description")), scorePointsValues.map((scorePointsValue, index) => {
+      const adjustedBlockWidth = _common.BlockWidth + 2 * 8; // 8 is padding
+      const remainingSpace = secondaryBlockWidth - adjustedBlockWidth * index + currentPosition - 128;
+      const value = scorePointsValues.length - index - 1;
+      let scoreDescriptor;
+      let error;
+      try {
+        scoreDescriptor = scorePointsLabels[value] || '';
+        error = errors[value] || '';
+      } catch (e) {
+        scoreDescriptor = '';
+      }
+      return /*#__PURE__*/_react.default.createElement(_common.Block, {
+        key: `secondary-block-part-${index}`
+      }, /*#__PURE__*/_react.default.createElement(_common.ScorePoint, {
+        scorePointsValue: scorePointsValue,
+        error: error,
+        scoreDescriptor: scoreDescriptor,
         pluginProps: labelPluginProps,
+        showScorePointLabels: showScorePointLabels,
+        onChange: scorePointLabel => this.onScorePointLabelChange({
+          scorePointLabel,
+          value
+        }),
+        alignToRight: remainingSpace < 296 && scorePointsValue < maxPoints // 296 is the space required for the toolbar
+        ,
         spellCheck: spellCheck,
-        label: "Level Label",
         uploadSoundSupport: uploadSoundSupport,
         mathMlOptions: mathMlOptions,
         imageSupport: imageSupport
-      }), /*#__PURE__*/_react["default"].createElement(_common.ScaleSettings, null, /*#__PURE__*/_react["default"].createElement("div", null, "Scale ", scaleIndex + 1), maxPointsEnabled && /*#__PURE__*/_react["default"].createElement(_common.MaxPointsPicker, {
-        maxPoints: maxPoints,
-        maxMaxPoints: maxMaxPoints,
-        onChange: updateMaxPointsFieldValue
-      }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-        "aria-label": "more",
-        "aria-controls": "long-menu",
-        "aria-haspopup": "true",
-        onClick: this.handleClick
-      }, /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], null)), /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
-        id: "long-menu",
-        anchorEl: anchorEl,
-        keepMounted: true,
-        open: !!anchorEl,
-        onClose: this.handleClose
-      }, ['Remove Scale'].map(function (option) {
-        return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-          key: option,
-          onClick: _this2.openMenu
-        }, option);
-      }))))), /*#__PURE__*/_react["default"].createElement(_common.SecondaryBlock, {
-        setRef: function setRef(ref) {
-          if (ref) {
-            _this2.secondaryBlock = ref;
-            setSecondaryBlockRef(ref);
-          }
-        },
-        width: "".concat(secondaryBlockWidth, "px")
-      }, showStandards && /*#__PURE__*/_react["default"].createElement(_common.Block, null, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.label
-      }, "Standard(s)")), showDescription && /*#__PURE__*/_react["default"].createElement(_common.Block, null, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.label
-      }, "Description")), scorePointsValues.map(function (scorePointsValue, index) {
-        var adjustedBlockWidth = _common.BlockWidth + 2 * 8; // 8 is padding
-
-        var remainingSpace = secondaryBlockWidth - adjustedBlockWidth * index + currentPosition - 128;
-        var value = scorePointsValues.length - index - 1;
-        var scoreDescriptor;
-        var error;
-
-        try {
-          scoreDescriptor = scorePointsLabels[value] || '';
-          error = errors[value] || '';
-        } catch (e) {
-          scoreDescriptor = '';
-        }
-
-        return /*#__PURE__*/_react["default"].createElement(_common.Block, {
-          key: "secondary-block-part-".concat(index)
-        }, /*#__PURE__*/_react["default"].createElement(_common.ScorePoint, {
-          scorePointsValue: scorePointsValue,
-          error: error,
-          scoreDescriptor: scoreDescriptor,
-          pluginProps: labelPluginProps,
-          showScorePointLabels: showScorePointLabels,
-          onChange: function onChange(scorePointLabel) {
-            return _this2.onScorePointLabelChange({
-              scorePointLabel: scorePointLabel,
-              value: value
-            });
-          },
-          alignToRight: remainingSpace < 296 && scorePointsValue < maxPoints // 296 is the space required for the toolbar
-          ,
-          spellCheck: spellCheck,
-          uploadSoundSupport: uploadSoundSupport,
-          mathMlOptions: mathMlOptions,
-          imageSupport: imageSupport
-        }), error && /*#__PURE__*/_react["default"].createElement("div", {
-          className: classes.scorePointErrorText
-        }, error));
-      })));
-    }
-  }]);
-  return TraitsHeaderTile;
-}(_react["default"].Component);
-
+      }), error && /*#__PURE__*/_react.default.createElement(ScorePointErrorText, null, error));
+    })));
+  }
+}
 exports.TraitsHeaderTile = TraitsHeaderTile;
-(0, _defineProperty2["default"])(TraitsHeaderTile, "propTypes", {
-  maxPointsEnabled: _propTypes["default"].bool,
-  spellCheck: _propTypes["default"].bool,
-  errors: _propTypes["default"].object
+(0, _defineProperty2.default)(TraitsHeaderTile, "propTypes", {
+  maxPointsEnabled: _propTypes.default.bool,
+  spellCheck: _propTypes.default.bool,
+  errors: _propTypes.default.object
 });
 TraitsHeaderTile.propTypes = {
-  classes: _propTypes["default"].object.isRequired,
-  onTraitLabelChange: _propTypes["default"].func,
-  onScaleChange: _propTypes["default"].func,
-  scorePointsValues: _propTypes["default"].arrayOf(_propTypes["default"].number),
-  scorePointsLabels: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  traitLabel: _propTypes["default"].string,
-  showStandards: _propTypes["default"].bool,
-  showLevelTagInput: _propTypes["default"].bool,
-  showDescription: _propTypes["default"].bool,
-  maxPoints: _propTypes["default"].number,
-  updateMaxPointsFieldValue: _propTypes["default"].func,
-  scaleIndex: _propTypes["default"].number,
-  currentPosition: _propTypes["default"].number,
-  secondaryBlockWidth: _propTypes["default"].number,
-  showDeleteScaleModal: _propTypes["default"].func,
-  showScorePointLabels: _propTypes["default"].bool,
-  setSecondaryBlockRef: _propTypes["default"].func,
-  uploadSoundSupport: _propTypes["default"].object,
-  maxMaxPoints: _propTypes["default"].number,
-  labelPluginProps: _propTypes["default"].object,
-  imageSupport: _propTypes["default"].shape({
-    add: _propTypes["default"].func.isRequired,
-    "delete": _propTypes["default"].func.isRequired
+  onTraitLabelChange: _propTypes.default.func,
+  onScaleChange: _propTypes.default.func,
+  scorePointsValues: _propTypes.default.arrayOf(_propTypes.default.number),
+  scorePointsLabels: _propTypes.default.arrayOf(_propTypes.default.string),
+  traitLabel: _propTypes.default.string,
+  showStandards: _propTypes.default.bool,
+  showLevelTagInput: _propTypes.default.bool,
+  showDescription: _propTypes.default.bool,
+  maxPoints: _propTypes.default.number,
+  updateMaxPointsFieldValue: _propTypes.default.func,
+  scaleIndex: _propTypes.default.number,
+  currentPosition: _propTypes.default.number,
+  secondaryBlockWidth: _propTypes.default.number,
+  showDeleteScaleModal: _propTypes.default.func,
+  showScorePointLabels: _propTypes.default.bool,
+  setSecondaryBlockRef: _propTypes.default.func,
+  uploadSoundSupport: _propTypes.default.object,
+  maxMaxPoints: _propTypes.default.number,
+  labelPluginProps: _propTypes.default.object,
+  imageSupport: _propTypes.default.shape({
+    add: _propTypes.default.func.isRequired,
+    delete: _propTypes.default.func.isRequired
   })
 };
-
-var _default = (0, _styles.withStyles)(styles)(TraitsHeaderTile);
-
-exports["default"] = _default;
+var _default = exports.default = TraitsHeaderTile;
 //# sourceMappingURL=traitsHeader.js.map