@finsemble/finsemble-ui 6.2.0 → 6.3.0-beta.20211008

package/react/components/toolbar/dashbar/Dashbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dashbar.js","sourceRoot":"","sources":["../../../../src/components/toolbar/dashbar/Dashbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjG,OAAO,iCAAiC,CAAC;AAOzC,IAAI,eAAuB,CAAC;AAC5B,IAAI,kBAA0B,CAAC;AAE/B,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,oBAAoB,EAAe,EAAE,EAAE;IACrF,MAAM,EAAE,YAAY,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,GAAG,UAAU,EAAE,CAAC;IAE9E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5D,MAAM,CAAC,cAAc,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACzD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9D,IAAI,WAAW,GAAkB,IAAI,CAAC;IACtC,IAAI,iBAAiB,GAAkB,IAAI,CAAC;IAC5C,IAAI,OAAO,GAAkB,IAAI,CAAC;IAElC,MAAM,YAAY,GAAW,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;IACzD,MAAM,mBAAmB,GAAG,EAAE,CAAC;IAE/B,MAAM,2BAA2B,GAAG,CAAC,MAAmB,EAAE,QAAsC,EAAE,EAAE;QACnG,MAAM,sBAAsB,GAAG,GAAG,EAAE;YACnC,IAAI,MAAM,CAAC,kBAAkB,EAAE;gBAC9B,IAAI,CAAC,WAAW,CACf,MAAM,CAAC,kBAAkB,CAAC,MAAM,EAChC,MAAM,CAAC,kBAAkB,CAAC,OAAO,EACjC,MAAM,CAAC,kBAAkB,CAAC,SAAS,CACnC,CAAC;aACF;QACF,CAAC,CAAC;QAEF,OAAO,CACN,6BAAK,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,sBAAsB,EAAE;YAC1D,8BAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,GAAS,CAC3D,CACN,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,oBAAoB,IAAI,2BAA2B,CAAC;IAQ3E,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAA0C,EAAE,EAAE;QACvF,WAAW,GAAG,IAAI,CAAC;QACnB,iBAAiB,GAAG,IAAI,CAAC;QACzB,OAAO,GAAG,IAAI,CAAC;QACf,cAAc,CAAC,IAAI,CAAC,CAAC;QAErB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC;IAG7D,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;QAChC,OAAO,IAAI,CAAC;KACZ;IACD,MAAM,aAAa,GAAG,eAAe,CAAC,aAAa,CAAC,MAAM,CAAC;IAC3D,MAAM,aAAa,GAAG,GAAG,OAAO,CAAC,MAAM,IAAI,CAAC;IAC5C,MAAM,cAAc,GAAG,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC;IACtD,MAAM,kBAAkB,GAAG,OAAO,CAAC,kBAAkB,IAAI,CAAC,CAAC;IAE3D,MAAM,cAAc,GAAG,qBAAqB,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;IAErE,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,IAAI,UAAU,GAAG,CAAC,CAAC;QACnB,YAAY,CAAC,OAAO,CAAC,CAAC,IAAqB,EAAE,EAAE;YAC9C,UAAU,GAAG,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,CAAC;QACH,OAAO,UAAU,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC/D,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEjE,MAAM,mBAAmB,GAAG,CAAC,mBAAwC,EAAE,EAAE;QAKxE,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,gBAAgB,EAAgC,CAAC;QAC9F,UAAU,CAAC,SAAS,CAAC,CAAC,MAAW,EAAE,EAAE;YACpC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YACrD,MAAM,QAAQ,GAAG,QAAQ,CAAC,sBAAsB,CAAC,oBAAoB,CAAC,CAAC;YAEvE,IAAI,QAAQ,GAAG,CAAC,CAAC;YACjB,IAAI,YAAY,GAAG,iBAAiB,EAAE;gBACrC,QAAQ,GAAG,mBAAmB,CAAC;aAC/B;YAED,IAAI,cAAc,GAAG,CAAC,CAAC;YACvB,IAAI,eAAe,GAAG,CAAC,CAAC;YAExB,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE;gBAC/B,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;gBAC7C,MAAM,MAAM,GAAI,OAAwB,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;gBAErD,IAAI,IAAI,CAAC,IAAI,GAAG,mBAAmB,IAAI,YAAY,GAAG,iBAAiB,EAAE;oBACxE,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC;oBACxB,MAAM,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;oBAC9B,cAAc,EAAE,CAAC;iBACjB;qBAAM;oBACN,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,kBAAkB,CAAC;oBACtD,MAAM,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;iBAC9B;gBACD,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,kBAAkB,CAAC;gBAE/D,IAAI,WAAW,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,YAAY,GAAG,mBAAmB,CAAC,GAAG,kBAAkB,CAAC;gBACrG,IAAI,WAAW,GAAG,CAAC,EAAE;oBAGpB,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;oBAClD,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC;oBACxB,eAAe,EAAE,CAAC;iBAClB;qBAAM;oBAEN,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC;iBACnD;gBACD,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;aACrC;YAED,oBAAoB,CAAC,GAAG,cAAc,OAAO,CAAC,CAAC;YAC/C,qBAAqB,CAAC,GAAG,eAAe,OAAO,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QAGH,IAAI,CAAC,mBAAmB,EAAE;YACzB,mBAAmB,CAAC,IAAI,CAAC,CAAC;SAC1B;IACF,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC9B,MAAM,QAAQ,GAAG,KAAK,IAAI,EAAE;YAC3B,MAAM,QAAQ,GAAiB,OAAO,CAAC;YAEvC,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;gBAC7B,IAAI,oBAAoB,GAAG,gBAAgB,CAAC;gBAE5C,KAAK,MAAM,IAAI,IAAI,YAAY,EAAE;oBAChC,MAAM,YAAY,GAAG;wBACpB,GAAG,EAAE,cAAc;wBACnB,IAAI,EAAE,oBAAoB;wBAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,kBAAkB;wBACtC,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM;qBACrC,CAAC;oBAEF,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;wBACtC,MAAM,GAAG,GAAQ,MAAM,eAAe,CAAC,cAAc,CAAC;4BACrD,GAAG,EAAE,IAAI,CAAC,GAAG;4BACb,MAAM,EAAE,YAAY;4BACpB,eAAe,EAAE,KAAK;yBACtB,CAAC,CAAC;wBAEH,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG;4BACnB,GAAG,EAAE,IAAI,CAAC,GAAG;4BACb,KAAK,EAAE,IAAI,CAAC,KAAK;4BACjB,MAAM,EAAE,YAAY;4BACpB,IAAI,EAAE,GAAG;4BACT,KAAK,EAAE,IAAI,CAAC,KAAK;4BACjB,kBAAkB,EAAE,IAAI,CAAC,kBAAkB;yBAC3C,CAAC;wBAEF,oBAAoB,GAAG,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC;qBACzD;iBACD;gBACD,UAAU,CAAC,QAAQ,CAAC,CAAC;gBACrB,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;YAC3C,CAAC,CAAC;YAEF,MAAM,aAAa,GAAG,GAAG,EAAE;gBAI1B,MAAM,QAAQ,GAAa,EAAE,CAAC;gBAC9B,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;oBACtC,IAAI,KAAK,GAAG,KAAK,CAAC;oBAClB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;wBAC7C,MAAM,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;wBACjC,IAAI,QAAQ,CAAC,EAAE,KAAK,QAAQ,EAAE;4BAC7B,KAAK,GAAG,IAAI,CAAC;4BACb,MAAM;yBACN;qBACD;oBACD,IAAI,CAAC,KAAK,EAAE;wBACX,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;qBACxB;gBACF,CAAC,CAAC,CAAC;gBAIH,KAAK,MAAM,EAAE,IAAI,QAAQ,EAAE;oBAC1B,IAAI,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE;wBAChC,IAAI,uBAAuB,GAAG,CAAC,CAAC;wBAChC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE;4BAC7B,OAAO,QAAQ,CAAC,EAAE,CAAC,CAAC;4BAEpB,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gCACtC,MAAM,CAAC,MAAM,GAAG;oCACf,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK;oCAC1B,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM;oCAC5B,IAAI,EAAE,uBAAuB;oCAC7B,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG;iCACtB,CAAC;gCACF,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gCACrC,uBAAuB,GAAG,uBAAuB,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;4BACzE,CAAC,CAAC,CAAC;4BACH,UAAU,CAAC,QAAQ,CAAC,CAAC;4BACrB,mBAAmB,CAAC,uBAAuB,CAAC,CAAC;wBAC9C,CAAC,CAAC,CAAC;qBACH;yBAAM;wBACN,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,0BAA0B,EAAE,eAAe,CAAC,CAAC;qBACvE;iBACD;YACF,CAAC,CAAC;YAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;gBAK9B,IAAI,UAAU,GAAG,CAAC,CAAC;gBACnB,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBACzB,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;oBAEjC,MAAM,CAAC,MAAM,GAAG;wBACf,MAAM,EAAE,kBAAkB,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM;wBAClD,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK;wBAC1B,GAAG,EAAE,eAAe,IAAI,cAAc;wBACtC,IAAI,EAAE,UAAU;qBAChB,CAAC;oBAEF,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;oBAErC,OAAO,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;oBACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC;oBAE3B,UAAU,GAAG,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC;gBACtC,CAAC,CAAC,CAAC;gBAEH,cAAc,CAAC,KAAK,CAAC,CAAC;gBACtB,UAAU,CAAC,QAAQ,CAAC,CAAC;gBACrB,mBAAmB,CAAC,UAAU,CAAC,CAAC;YACjC,CAAC,CAAC;YAEF,IAAI,YAAY,CAAC,MAAM,GAAG,YAAY,EAAE;gBAEvC,MAAM,UAAU,EAAE,CAAC;gBACnB,oBAAoB,CAAC,aAAa,EAAE,CAAC,CAAC;aACtC;iBAAM,IAAI,YAAY,CAAC,MAAM,GAAG,YAAY,EAAE;gBAE9C,aAAa,EAAE,CAAC;gBAChB,oBAAoB,CAAC,aAAa,EAAE,CAAC,CAAC;aACtC;iBAAM,IAAI,cAAc,EAAE;gBAC1B,IAAI,WAAW;oBAAE,OAAO;gBAExB,iBAAiB,EAAE,CAAC;aACpB;YAED,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAC1B,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,CAAC;QAEF,IAAI,eAAe,KAAK,KAAK,EAAE;YAC9B,kBAAkB,CAAC,IAAI,CAAC,CAAC;YACzB,QAAQ,EAAE,CAAC;SACX;IACF,CAAC,CAAC;IAUF,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IAYpC,MAAM,cAAc,GAAG,CAAC,WAAmB,EAAE,EAAU,EAAE,EAAE;QAC1D,MAAM,QAAQ,GAAiB,OAAO,CAAC;QACvC,MAAM,MAAM,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC5B,IAAI,eAAe,EAAE;YACpB,WAAW,GAAG,CAAC,CAAC;SAChB;QAED,MAAM,SAAS,GAAG;YACjB,GAAG,EAAE,eAAe,IAAI,MAAM,CAAC,MAAM,CAAC,GAAG,GAAG,WAAW;YACvD,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI;YACxB,MAAM,EAAE,kBAAkB,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,WAAW;YAChE,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK;SAC1B,CAAC;QACF,eAAe,GAAG,SAAS,CAAC,GAAG,CAAC;QAChC,kBAAkB,GAAG,SAAS,CAAC,MAAM,CAAC;QAEtC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QACjC,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC;QAC1B,UAAU,CAAC,QAAQ,CAAC,CAAC;IACtB,CAAC,CAAC;IAOF,MAAM,SAAS,GAAG,CAAC,IAAS,EAAE,KAAU,EAAE,EAAE;QAC3C,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,IAAI,OAAO,KAAK,IAAI,IAAI,iBAAiB,KAAK,IAAI,EAAE;YACnD,OAAO,GAAG,KAAK,CAAC,OAAO,GAAG,iBAAiB,CAAC;SAC5C;QACD,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAgB,CAAC;QACjE,MAAM,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;IAC5B,CAAC,CAAC;IAOF,MAAM,QAAQ,GAAG,CAAC,KAAU,EAAE,EAAE;QAG/B,IAAI,WAAW,KAAK,IAAI,EAAE;YACzB,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAgB,CAAC;YAExE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC;gBAC3B,GAAG,EAAE,YAAY,CAAC,MAAM,CAAC,GAAG;gBAC5B,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM;gBAClC,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK;gBAChC,IAAI,EAAE,KAAK,CAAC,OAAO,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC;aACpC,CAAC,CAAC;YAGH,MAAM,QAAQ,GAAG,QAAQ,CAAC,sBAAsB,CAAC,oBAAoB,CAAC,CAAC;YACvE,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE;gBAC/B,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;gBAC7C,MAAM,MAAM,GAAI,OAAe,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;gBAC5C,IAAI,MAAM,KAAK,YAAY,IAAI,MAAM,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE;oBAChE,MAAM,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;oBAC/B,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;iBACrC;aACD;SACD;IACF,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC5C,iBAAiB,GAAG,QAAQ,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE;QAC9D,YAAY,GAAG,CAAC,IAAI,CACpB,oBAAC,mBAAmB,IACnB,SAAS,EAAE,YAAY,EACvB,WAAW,EAAE,SAAS,EACtB,UAAU,EAAE,QAAQ,EACpB,cAAc,EAAE,mBAAmB,EACnC,SAAS,EAAC,4CAA4C,EACtD,EAAE,EAAC,mBAAmB,EACtB,IAAI,EAAE,gBAAgB,CAAC,CAAC,EACxB,QAAQ,EAAE,gBAAgB,CAAC,CAAC,EAC5B,qBAAqB,EAAE,IAAI,EAC3B,wBAAwB,EAAE,IAAI,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,IAErC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1C,oBAAC,WAAW,IACX,GAAG,EAAE,CAAC,EACN,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAC3B,KAAK,EAAE,CAAC,EACR,oBAAoB,EAAE,cAAc,EACpC,MAAM,EAAE,MAAqB,EAC7B,aAAa,EAAE,OAAO,CAAC,MAAM,EAC7B,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,GAC/B,CACF,CAAC,CACmB,CACtB;QACA,YAAY,KAAK,CAAC,IAAI,CACtB,6BAAK,SAAS,EAAC,yBAAyB,EAAC,OAAO,EAAE,aAAa;YAC9D;gBACC,2BAAG,SAAS,EAAC,SAAS,GAAK,CACrB,CACF,CACN;QACA,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport { DashbarItem } from \"./DashbarItem\";\r\nimport { Dashbar as DashbarType, DashbarItem as DashbarItemType, DashbarView } from \"../../../types/dashbarTypes\";\r\nimport { useToolbar } from \"../../../hooks/useToolbar\";\r\nimport { FinsembleDnDContext, AllowableDnDAxis } from \"../../legacyControls/FinsembleDnDContext\";\r\n\r\nimport \"../../../assets/css/dashbar.css\";\r\nimport { FinsembleWindow } from \"common/window/FinsembleWindow\";\r\n\r\ntype DashbarViews = {\r\n\t[key: string]: DashbarView;\r\n} & {};\r\n\r\nlet cachedWidgetTop: number;\r\nlet cachedWidgetHeight: number;\r\n\r\nexport const Dashbar = ({ className, children, widgetTitleGenerator }: DashbarType) => {\r\n\tconst { dashbarItems, reorderDashbarItems, launchPreferences } = useToolbar();\r\n\r\n\tconst [widgets, setWidgets] = useState({});\r\n\tconst [horizontalBounds, setHorizontalBounds] = useState(0);\r\n\tconst [wasReorganized, setReorganized] = useState(false);\r\n\tconst [totalWidgetsWidth, setTotalWidgetsWidth] = useState(0);\r\n\tconst [isUpdatingState, setIsUpdatingState] = useState(false);\r\n\r\n\tlet movingIndex: number | null = null; // The dasharItem index being dragged, null if none\r\n\tlet titleGrabPosition: number | null = null; // The mouse of event when a widget title is dragged\r\n\tlet offsetX: number | null = null; // The original grab location of a given view titlebar\r\n\r\n\tconst WIDGET_COUNT: number = Object.keys(widgets).length;\r\n\tconst SCROLL_BUTTON_WIDTH = 30;\r\n\r\n\tconst defaultWidgetTitleGenerator = (widget: DashbarView, titleRef: React.MutableRefObject<null>) => {\r\n\t\tconst handleWidgetTitleClick = () => {\r\n\t\t\tif (widget.raiseIntentOptions) {\r\n\t\t\t\tfdc3.raiseIntent(\r\n\t\t\t\t\twidget.raiseIntentOptions.intent,\r\n\t\t\t\t\twidget.raiseIntentOptions.context,\r\n\t\t\t\t\twidget.raiseIntentOptions.targetApp\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\t<div ref={titleRef} onClick={() => handleWidgetTitleClick()}>\r\n\t\t\t\t<span dangerouslySetInnerHTML={{ __html: widget.title }}></span>\r\n\t\t\t</div>\r\n\t\t);\r\n\t};\r\n\r\n\tconst titleGenerator = widgetTitleGenerator ?? defaultWidgetTitleGenerator;\r\n\r\n\t/**\r\n\t *\r\n\t * @param {object} params\r\n\t * @param {number} oldIndex The index of the item being moved\r\n\t * @param {number} newIndex The index to move the item to\r\n\t */\r\n\tconst reorderItems = ({ oldIndex, newIndex }: { oldIndex: number; newIndex: number }) => {\r\n\t\tmovingIndex = null;\r\n\t\ttitleGrabPosition = null;\r\n\t\toffsetX = null;\r\n\t\tsetReorganized(true);\r\n\t\t// Update the redux store\r\n\t\treorderDashbarItems({ oldIndex, newIndex });\r\n\t};\r\n\r\n\tconst launchDashbar = () => {\r\n\t\tlaunchPreferences(\"Dashbar\");\r\n\t};\r\n\r\n\tconst { dashbar } = FSBL.Clients.WindowClient.getSpawnData();\r\n\r\n\t// Dashbar is disabled (no config in toolbar) or dashbar height is not specified\r\n\tif (!dashbar || !dashbar.height) {\r\n\t\treturn null;\r\n\t}\r\n\tconst toolbarHeight = finsembleWindow.windowOptions.height;\r\n\tconst dashbarHeight = `${dashbar.height}px`;\r\n\tconst verticalBounds = toolbarHeight - dashbar.height;\r\n\tconst widgetDividerWidth = dashbar.widgetDividerWidth || 0;\r\n\r\n\tconst wrapperClasses = `finsemble-dashbar ${className || \"\"}`.trim();\r\n\r\n\tconst getTotalWidth = () => {\r\n\t\tlet totalWidth = 0;\r\n\t\tdashbarItems.forEach((item: DashbarItemType) => {\r\n\t\t\ttotalWidth = totalWidth + item.width;\r\n\t\t});\r\n\t\treturn totalWidth;\r\n\t};\r\n\r\n\tconst [leftButtonTooltip, setLeftButtonTooltip] = useState(\"\");\r\n\tconst [rightButtonTooltip, setRightButtonTooltip] = useState(\"\");\r\n\r\n\tconst setWidgetsPositions = (isCalledFromDashbar: boolean | undefined) => {\r\n\t\t// This type conversion is safe and was put in place to remove the TS error\r\n\t\t// Currently getCurrentWindow return type is openFin window\r\n\t\t// which apparently does not have a getBounds property, however, the method exists and this\r\n\t\t// is working as expected.\r\n\t\tconst fsblWindow = FSBL.Clients.WindowClient.getCurrentWindow() as unknown as FinsembleWindow;\r\n\t\tfsblWindow.getBounds((bounds: any) => {\r\n\t\t\tconst toolbarWidth = bounds.width ? bounds.width : 0;\r\n\t\t\tconst elements = document.getElementsByClassName(\"dashbar-item-frame\");\r\n\r\n\t\t\tlet tempLeft = 0;\r\n\t\t\tif (toolbarWidth < totalWidgetsWidth) {\r\n\t\t\t\ttempLeft = SCROLL_BUTTON_WIDTH;\r\n\t\t\t}\r\n\r\n\t\t\tlet leftItemsCount = 0;\r\n\t\t\tlet rightItemsCount = 0;\r\n\r\n\t\t\tfor (const element of elements) {\r\n\t\t\t\tconst rect = element.getBoundingClientRect();\r\n\t\t\t\tconst widget = (widgets as DashbarViews)[element.id];\r\n\r\n\t\t\t\tif (rect.left < SCROLL_BUTTON_WIDTH && toolbarWidth < totalWidgetsWidth) {\r\n\t\t\t\t\twidget.bounds.width = 0;\r\n\t\t\t\t\twidget.bounds.left = tempLeft;\r\n\t\t\t\t\tleftItemsCount++;\r\n\t\t\t\t} else {\r\n\t\t\t\t\twidget.bounds.width = rect.width - widgetDividerWidth;\r\n\t\t\t\t\twidget.bounds.left = tempLeft;\r\n\t\t\t\t}\r\n\t\t\t\ttempLeft = tempLeft + widget.bounds.width + widgetDividerWidth;\r\n\r\n\t\t\t\tlet offsetRight = rect.left + rect.width - (toolbarWidth - SCROLL_BUTTON_WIDTH) + widgetDividerWidth;\r\n\t\t\t\tif (offsetRight > 0) {\r\n\t\t\t\t\t// hide title for invisible items\r\n\t\t\t\t\t// @ts-ignore\r\n\t\t\t\t\telement.childNodes[0].style.visibility = \"hidden\";\r\n\t\t\t\t\twidget.bounds.width = 0;\r\n\t\t\t\t\trightItemsCount++;\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// @ts-ignore\r\n\t\t\t\t\telement.childNodes[0].style.visibility = \"visible\";\r\n\t\t\t\t}\r\n\t\t\t\twidget.view.setBounds(widget.bounds);\r\n\t\t\t}\r\n\r\n\t\t\tsetLeftButtonTooltip(`${leftItemsCount} more`);\r\n\t\t\tsetRightButtonTooltip(`${rightItemsCount} more`);\r\n\t\t});\r\n\r\n\t\t//double call for fix fake empty space between widgets while scrolling\r\n\t\tif (!isCalledFromDashbar) {\r\n\t\t\tsetWidgetsPositions(true);\r\n\t\t}\r\n\t};\r\n\r\n\tconst updateItems = async () => {\r\n\t\tconst doUpdate = async () => {\r\n\t\t\tconst _widgets: DashbarViews = widgets;\r\n\r\n\t\t\tconst addWidgets = async () => {\r\n\t\t\t\tlet tempHorizontalBounds = horizontalBounds;\r\n\r\n\t\t\t\tfor (const item of dashbarItems) {\r\n\t\t\t\t\tconst widgetBounds = {\r\n\t\t\t\t\t\ttop: verticalBounds,\r\n\t\t\t\t\t\tleft: tempHorizontalBounds,\r\n\t\t\t\t\t\twidth: item.width - widgetDividerWidth,\r\n\t\t\t\t\t\theight: item.height || dashbar.height,\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\tif (!_widgets.hasOwnProperty(item.id)) {\r\n\t\t\t\t\t\tconst res: any = await finsembleWindow.addBrowserView({\r\n\t\t\t\t\t\t\turl: item.url,\r\n\t\t\t\t\t\t\tbounds: widgetBounds,\r\n\t\t\t\t\t\t\tallowAutoResize: false,\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t_widgets[item.id] = {\r\n\t\t\t\t\t\t\turl: item.url,\r\n\t\t\t\t\t\t\ttitle: item.title,\r\n\t\t\t\t\t\t\tbounds: widgetBounds,\r\n\t\t\t\t\t\t\tview: res,\r\n\t\t\t\t\t\t\twidth: item.width,\r\n\t\t\t\t\t\t\traiseIntentOptions: item.raiseIntentOptions,\r\n\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\ttempHorizontalBounds = tempHorizontalBounds + item.width;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tsetWidgets(_widgets);\r\n\t\t\t\tsetHorizontalBounds(tempHorizontalBounds);\r\n\t\t\t};\r\n\r\n\t\t\tconst removeWidgets = () => {\r\n\t\t\t\t// Widgets is an object, with each key being a reference to an item in dashbarItems\r\n\t\t\t\t// but dashbarItems is an array of objects. Its necessary to loop through them to determine\r\n\t\t\t\t// the differences to figure out which items were removed.\r\n\t\t\t\tconst toRemove: string[] = [];\r\n\t\t\t\tObject.keys(_widgets).map((widgetId) => {\r\n\t\t\t\t\tlet found = false;\r\n\t\t\t\t\tfor (let i = 0; i < dashbarItems.length; i++) {\r\n\t\t\t\t\t\tconst dashItem = dashbarItems[i];\r\n\t\t\t\t\t\tif (dashItem.id === widgetId) {\r\n\t\t\t\t\t\t\tfound = true;\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (!found) {\r\n\t\t\t\t\t\ttoRemove.push(widgetId);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\r\n\t\t\t\t// toRemove is an array of widgetIds which were no longer found in dashbarItems\r\n\t\t\t\t// As items are removed, the remaining items have to be shuffled to fill the space\r\n\t\t\t\tfor (const id of toRemove) {\r\n\t\t\t\t\tif (_widgets.hasOwnProperty(id)) {\r\n\t\t\t\t\t\tlet tempNewHorizontalBounds = 0;\r\n\t\t\t\t\t\t_widgets[id].view.remove(() => {\r\n\t\t\t\t\t\t\tdelete _widgets[id];\r\n\t\t\t\t\t\t\t// Shuffle remaining views to fill any gaps that were left\r\n\t\t\t\t\t\t\tObject.values(_widgets).map((widget) => {\r\n\t\t\t\t\t\t\t\twidget.bounds = {\r\n\t\t\t\t\t\t\t\t\twidth: widget.bounds.width,\r\n\t\t\t\t\t\t\t\t\theight: widget.bounds.height,\r\n\t\t\t\t\t\t\t\t\tleft: tempNewHorizontalBounds,\r\n\t\t\t\t\t\t\t\t\ttop: widget.bounds.top,\r\n\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\twidget.view.setBounds(widget.bounds);\r\n\t\t\t\t\t\t\t\ttempNewHorizontalBounds = tempNewHorizontalBounds + widget.bounds.width;\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\tsetWidgets(_widgets);\r\n\t\t\t\t\t\t\tsetHorizontalBounds(tempNewHorizontalBounds);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tFSBL.Clients.Logger.error(`Error removing widget: ${id} from dashbar`);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\tconst reorganizeWidgets = () => {\r\n\t\t\t\t// Each view needs to be resituated to fill any holes\r\n\t\t\t\t// left by views that have been removed. Use a tempBounds\r\n\t\t\t\t// int to keep track of new widths and set the overall width\r\n\t\t\t\t// once everything is re-seated\r\n\t\t\t\tlet tempBounds = 0;\r\n\t\t\t\tdashbarItems.map((item) => {\r\n\t\t\t\t\tconst widget = _widgets[item.id];\r\n\r\n\t\t\t\t\twidget.bounds = {\r\n\t\t\t\t\t\theight: cachedWidgetHeight || widget.bounds.height,\r\n\t\t\t\t\t\twidth: widget.bounds.width,\r\n\t\t\t\t\t\ttop: cachedWidgetTop || verticalBounds,\r\n\t\t\t\t\t\tleft: tempBounds,\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\twidget.view.setBounds(widget.bounds);\r\n\r\n\t\t\t\t\tdelete _widgets[item.id];\r\n\t\t\t\t\t_widgets[item.id] = widget;\r\n\r\n\t\t\t\t\ttempBounds = tempBounds + item.width;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tsetReorganized(false);\r\n\t\t\t\tsetWidgets(_widgets);\r\n\t\t\t\tsetHorizontalBounds(tempBounds);\r\n\t\t\t};\r\n\r\n\t\t\tif (dashbarItems.length > WIDGET_COUNT) {\r\n\t\t\t\t//Items have been added\r\n\t\t\t\tawait addWidgets();\r\n\t\t\t\tsetTotalWidgetsWidth(getTotalWidth());\r\n\t\t\t} else if (dashbarItems.length < WIDGET_COUNT) {\r\n\t\t\t\t//Items have been removed\r\n\t\t\t\tremoveWidgets();\r\n\t\t\t\tsetTotalWidgetsWidth(getTotalWidth());\r\n\t\t\t} else if (wasReorganized) {\r\n\t\t\t\tif (movingIndex) return;\r\n\t\t\t\t// Length is the same, order has changed\r\n\t\t\t\treorganizeWidgets();\r\n\t\t\t}\r\n\r\n\t\t\tsetWidgetsPositions(true);\r\n\t\t\tsetIsUpdatingState(false);\r\n\t\t};\r\n\r\n\t\tif (isUpdatingState === false) {\r\n\t\t\tsetIsUpdatingState(true);\r\n\t\t\tdoUpdate();\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * When the distributed store's 'dashbaritems' is updated it will cause this hook to\r\n\t * execute. The local representation of widgets will be mutated, then a call to\r\n\t * setWidgets will re-render the component\r\n\t *\r\n\t * DashbarItems can be changed very quickly before all widgets will be initialized.\r\n\t * Double-calling updateItems() for \"isUpdatingState\" fixes a bug.\r\n\t */\r\n\tuseEffect(() => {\r\n\t\tupdateItems();\r\n\t}, [dashbarItems, isUpdatingState]);\r\n\r\n\t/**\r\n\t * Sets the title height as determined by the DashbarItem\r\n\t * component, since the CSS can be changed by the user\r\n\t * the component will render the title and pass back\r\n\t * computed height of that title, then the Dashbar will\r\n\t * make room for item\r\n\t *\r\n\t * @param {number} titleHeight The height of the span containing the title\r\n\t * @param {string} id The key'ed id of the view\r\n\t */\r\n\tconst setTitleHeight = (titleHeight: number, id: string) => {\r\n\t\tconst _widgets: DashbarViews = widgets;\r\n\t\tconst widget = _widgets[id];\r\n\t\tif (cachedWidgetTop) {\r\n\t\t\ttitleHeight = 0;\r\n\t\t}\r\n\r\n\t\tconst newBounds = {\r\n\t\t\ttop: cachedWidgetTop || widget.bounds.top + titleHeight,\r\n\t\t\tleft: widget.bounds.left,\r\n\t\t\theight: cachedWidgetHeight || widget.bounds.height - titleHeight,\r\n\t\t\twidth: widget.bounds.width,\r\n\t\t};\r\n\t\tcachedWidgetTop = newBounds.top;\r\n\t\tcachedWidgetHeight = newBounds.height;\r\n\r\n\t\twidget.view.setBounds(newBounds);\r\n\t\twidget.bounds = newBounds;\r\n\t\tsetWidgets(_widgets);\r\n\t};\r\n\r\n\t/**\r\n\t * When a view starts moving, bring it to the front\r\n\t *\r\n\t * @param {MouseEvent} event The event passed by react-sortable-hoc\r\n\t */\r\n\tconst startMove = (node: any, event: any) => {\r\n\t\tmovingIndex = node.index;\r\n\t\tif (offsetX === null && titleGrabPosition !== null) {\r\n\t\t\toffsetX = event.clientX - titleGrabPosition;\r\n\t\t}\r\n\t\tconst widget = Object.values(widgets)[node.index] as DashbarView;\r\n\t\twidget.view.bringToFront();\r\n\t};\r\n\r\n\t/**\r\n\t * Event triggered by view movement\r\n\t *\r\n\t * @param {MouseEvent} event\r\n\t */\r\n\tconst moveItem = (event: any) => {\r\n\t\t// if (movingIndex !== null && titleGrabPosition !== null) {\r\n\t\t// \t//@ts-ignore: Checked above if movingIndex is null, will always have a value below\r\n\t\tif (movingIndex !== null) {\r\n\t\t\tconst movingWidget = Object.values(widgets)[movingIndex] as DashbarView;\r\n\r\n\t\t\tmovingWidget.view.setBounds({\r\n\t\t\t\ttop: movingWidget.bounds.top,\r\n\t\t\t\theight: movingWidget.bounds.height,\r\n\t\t\t\twidth: movingWidget.bounds.width,\r\n\t\t\t\tleft: event.clientX - (offsetX || 0),\r\n\t\t\t});\r\n\r\n\t\t\t// Some completely not react very hacky stuff to make browserviews move in conjunction with the titles\r\n\t\t\tconst elements = document.getElementsByClassName(\"dashbar-item-frame\");\r\n\t\t\tfor (const element of elements) {\r\n\t\t\t\tconst rect = element.getBoundingClientRect();\r\n\t\t\t\tconst widget = (widgets as any)[element.id];\r\n\t\t\t\tif (widget !== movingWidget && widget.bounds.left !== rect.left) {\r\n\t\t\t\t\twidget.bounds.left = rect.left;\r\n\t\t\t\t\twidget.view.setBounds(widget.bounds);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tconst setGrabLocation = (location: number) => {\r\n\t\ttitleGrabPosition = location;\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div className={wrapperClasses} style={{ height: dashbarHeight }}>\r\n\t\t\t{WIDGET_COUNT > 0 && (\r\n\t\t\t\t<FinsembleDnDContext\r\n\t\t\t\t\tonDragEnd={reorderItems}\r\n\t\t\t\t\tonDragStart={startMove}\r\n\t\t\t\t\tonDragMove={moveItem}\r\n\t\t\t\t\tonLayoutUpdate={setWidgetsPositions}\r\n\t\t\t\t\tclassName=\"finsemble-dashbar-section rearrange-region\"\r\n\t\t\t\t\tid=\"dashbar-container\"\r\n\t\t\t\t\taxis={AllowableDnDAxis.x}\r\n\t\t\t\t\tlockAxis={AllowableDnDAxis.x}\r\n\t\t\t\t\tallowHorizontalScroll={true}\r\n\t\t\t\t\tshowScrollButtonsTooltip={true}\r\n\t\t\t\t\tleftButtonTooltip={leftButtonTooltip}\r\n\t\t\t\t\trightButtonTooltip={rightButtonTooltip}\r\n\t\t\t\t>\r\n\t\t\t\t\t{Object.values(widgets).map((widget, i) => (\r\n\t\t\t\t\t\t<DashbarItem\r\n\t\t\t\t\t\t\tkey={i}\r\n\t\t\t\t\t\t\tid={Object.keys(widgets)[i]}\r\n\t\t\t\t\t\t\tindex={i}\r\n\t\t\t\t\t\t\twidgetTitleGenerator={titleGenerator}\r\n\t\t\t\t\t\t\twidget={widget as DashbarView}\r\n\t\t\t\t\t\t\tdashbarHeight={dashbar.height}\r\n\t\t\t\t\t\t\twidgetDividerWidth={widgetDividerWidth}\r\n\t\t\t\t\t\t\tsetTitleHeight={setTitleHeight}\r\n\t\t\t\t\t\t\tsetGrabLocation={setGrabLocation}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</FinsembleDnDContext>\r\n\t\t\t)}\r\n\t\t\t{WIDGET_COUNT === 0 && (\r\n\t\t\t\t<div className=\"add-dashbar-item-button\" onClick={launchDashbar}>\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t<i className=\"ff-plus\"></i>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t\t{children}\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"Dashbar.js","sourceRoot":"","sources":["../../../../src/components/toolbar/dashbar/Dashbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport { DashbarItem } from \"./DashbarItem\";\r\nimport { Dashbar as DashbarType, DashbarItem as DashbarItemType, DashbarView } from \"../../../types/dashbarTypes\";\r\nimport { useToolbar } from \"../../../hooks/useToolbar\";\r\nimport { FinsembleDnDContext, AllowableDnDAxis } from \"../../legacyControls/FinsembleDnDContext\";\r\n\r\nimport \"../../../assets/css/dashbar.css\";\r\n\r\ntype DashbarViews = {\r\n\t[key: string]: DashbarView;\r\n} & {};\r\n\r\nlet cachedWidgetTop: number;\r\nlet cachedWidgetHeight: number;\r\n\r\nexport const Dashbar = ({ className, children, widgetTitleGenerator }: DashbarType) => {\r\n\tconst { dashbarItems, reorderDashbarItems, launchPreferences } = useToolbar();\r\n\r\n\tconst [widgets, setWidgets] = useState({});\r\n\tconst [horizontalBounds, setHorizontalBounds] = useState(0);\r\n\tconst [wasReorganized, setReorganized] = useState(false);\r\n\tconst [totalWidgetsWidth, setTotalWidgetsWidth] = useState(0);\r\n\tconst [isUpdatingState, setIsUpdatingState] = useState(false);\r\n\r\n\tlet movingIndex: number | null = null; // The dasharItem index being dragged, null if none\r\n\tlet titleGrabPosition: number | null = null; // The mouse of event when a widget title is dragged\r\n\tlet offsetX: number | null = null; // The original grab location of a given view titlebar\r\n\r\n\tconst WIDGET_COUNT: number = Object.keys(widgets).length;\r\n\tconst SCROLL_BUTTON_WIDTH = 30;\r\n\r\n\tconst defaultWidgetTitleGenerator = (widget: DashbarView, titleRef: React.MutableRefObject<null>) => {\r\n\t\tconst handleWidgetTitleClick = () => {\r\n\t\t\tif (widget.raiseIntentOptions) {\r\n\t\t\t\tfdc3.raiseIntent(\r\n\t\t\t\t\twidget.raiseIntentOptions.intent,\r\n\t\t\t\t\twidget.raiseIntentOptions.context,\r\n\t\t\t\t\twidget.raiseIntentOptions.targetApp\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\t<div ref={titleRef} onClick={() => handleWidgetTitleClick()}>\r\n\t\t\t\t<span dangerouslySetInnerHTML={{ __html: widget.title }}></span>\r\n\t\t\t</div>\r\n\t\t);\r\n\t};\r\n\r\n\tconst titleGenerator = widgetTitleGenerator ?? defaultWidgetTitleGenerator;\r\n\r\n\t/**\r\n\t *\r\n\t * @param {object} params\r\n\t * @param {number} oldIndex The index of the item being moved\r\n\t * @param {number} newIndex The index to move the item to\r\n\t */\r\n\tconst reorderItems = ({ oldIndex, newIndex }: { oldIndex: number; newIndex: number }) => {\r\n\t\tmovingIndex = null;\r\n\t\ttitleGrabPosition = null;\r\n\t\toffsetX = null;\r\n\t\tsetReorganized(true);\r\n\t\t// Update the redux store\r\n\t\treorderDashbarItems({ oldIndex, newIndex });\r\n\t};\r\n\r\n\tconst launchDashbar = () => {\r\n\t\tlaunchPreferences(\"Dashbar\");\r\n\t};\r\n\r\n\tconst { dashbar } = FSBL.Clients.WindowClient.getSpawnData();\r\n\r\n\t// Dashbar is disabled (no config in toolbar) or dashbar height is not specified\r\n\tif (!dashbar || !dashbar.height) {\r\n\t\treturn null;\r\n\t}\r\n\tconst toolbarHeight = finsembleWindow.windowOptions.height;\r\n\tconst dashbarHeight = `${dashbar.height}px`;\r\n\tconst verticalBounds = toolbarHeight - dashbar.height;\r\n\tconst widgetDividerWidth = dashbar.widgetDividerWidth || 0;\r\n\r\n\tconst wrapperClasses = `finsemble-dashbar ${className || \"\"}`.trim();\r\n\r\n\tconst getTotalWidth = () => {\r\n\t\tlet totalWidth = 0;\r\n\t\tdashbarItems.forEach((item: DashbarItemType) => {\r\n\t\t\ttotalWidth = totalWidth + item.width;\r\n\t\t});\r\n\t\treturn totalWidth;\r\n\t};\r\n\r\n\tconst [leftButtonTooltip, setLeftButtonTooltip] = useState(\"\");\r\n\tconst [rightButtonTooltip, setRightButtonTooltip] = useState(\"\");\r\n\r\n\tconst setWidgetsPositions = (isCalledFromDashbar: boolean | undefined) => {\r\n\t\t// This type conversion is safe and was put in place to remove the TS error\r\n\t\t// Currently getCurrentWindow return type is openFin window\r\n\t\t// which apparently does not have a getBounds property, however, the method exists and this\r\n\t\t// is working as expected.\r\n\t\tfinsembleWindow.getBounds((bounds: any) => {\r\n\t\t\tconst toolbarWidth = bounds.width ? bounds.width : 0;\r\n\t\t\tconst elements = document.getElementsByClassName(\"dashbar-item-frame\");\r\n\r\n\t\t\tlet tempLeft = 0;\r\n\t\t\tif (toolbarWidth < totalWidgetsWidth) {\r\n\t\t\t\ttempLeft = SCROLL_BUTTON_WIDTH;\r\n\t\t\t}\r\n\r\n\t\t\tlet leftItemsCount = 0;\r\n\t\t\tlet rightItemsCount = 0;\r\n\r\n\t\t\tfor (const element of elements) {\r\n\t\t\t\tconst rect = element.getBoundingClientRect();\r\n\t\t\t\tconst widget = (widgets as DashbarViews)[element.id];\r\n\r\n\t\t\t\tif (rect.left < SCROLL_BUTTON_WIDTH && toolbarWidth < totalWidgetsWidth) {\r\n\t\t\t\t\twidget.bounds.width = 0;\r\n\t\t\t\t\twidget.bounds.left = tempLeft;\r\n\t\t\t\t\tleftItemsCount++;\r\n\t\t\t\t} else {\r\n\t\t\t\t\twidget.bounds.width = rect.width - widgetDividerWidth;\r\n\t\t\t\t\twidget.bounds.left = tempLeft;\r\n\t\t\t\t}\r\n\t\t\t\ttempLeft = tempLeft + widget.bounds.width + widgetDividerWidth;\r\n\r\n\t\t\t\tlet offsetRight = rect.left + rect.width - (toolbarWidth - SCROLL_BUTTON_WIDTH) + widgetDividerWidth;\r\n\t\t\t\tif (offsetRight > 0) {\r\n\t\t\t\t\t// hide title for invisible items\r\n\t\t\t\t\t// @ts-ignore\r\n\t\t\t\t\telement.childNodes[0].style.visibility = \"hidden\";\r\n\t\t\t\t\twidget.bounds.width = 0;\r\n\t\t\t\t\trightItemsCount++;\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// @ts-ignore\r\n\t\t\t\t\telement.childNodes[0].style.visibility = \"visible\";\r\n\t\t\t\t}\r\n\t\t\t\twidget.view.setBounds(widget.bounds);\r\n\t\t\t}\r\n\r\n\t\t\tsetLeftButtonTooltip(`${leftItemsCount} more`);\r\n\t\t\tsetRightButtonTooltip(`${rightItemsCount} more`);\r\n\t\t});\r\n\r\n\t\t//double call for fix fake empty space between widgets while scrolling\r\n\t\tif (!isCalledFromDashbar) {\r\n\t\t\tsetWidgetsPositions(true);\r\n\t\t}\r\n\t};\r\n\r\n\tconst updateItems = async () => {\r\n\t\tconst doUpdate = async () => {\r\n\t\t\tconst _widgets: DashbarViews = widgets;\r\n\r\n\t\t\tconst addWidgets = async () => {\r\n\t\t\t\tlet tempHorizontalBounds = horizontalBounds;\r\n\r\n\t\t\t\tfor (const item of dashbarItems) {\r\n\t\t\t\t\tconst widgetBounds = {\r\n\t\t\t\t\t\ttop: verticalBounds,\r\n\t\t\t\t\t\tleft: tempHorizontalBounds,\r\n\t\t\t\t\t\twidth: item.width - widgetDividerWidth,\r\n\t\t\t\t\t\theight: item.height || dashbar.height,\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\tif (!_widgets.hasOwnProperty(item.id)) {\r\n\t\t\t\t\t\tconst res: any = await finsembleWindow.addBrowserView({\r\n\t\t\t\t\t\t\turl: item.url,\r\n\t\t\t\t\t\t\tbounds: widgetBounds,\r\n\t\t\t\t\t\t\tallowAutoResize: false,\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t_widgets[item.id] = {\r\n\t\t\t\t\t\t\turl: item.url,\r\n\t\t\t\t\t\t\ttitle: item.title,\r\n\t\t\t\t\t\t\tbounds: widgetBounds,\r\n\t\t\t\t\t\t\tview: res,\r\n\t\t\t\t\t\t\twidth: item.width,\r\n\t\t\t\t\t\t\traiseIntentOptions: item.raiseIntentOptions,\r\n\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\ttempHorizontalBounds = tempHorizontalBounds + item.width;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tsetWidgets(_widgets);\r\n\t\t\t\tsetHorizontalBounds(tempHorizontalBounds);\r\n\t\t\t};\r\n\r\n\t\t\tconst removeWidgets = () => {\r\n\t\t\t\t// Widgets is an object, with each key being a reference to an item in dashbarItems\r\n\t\t\t\t// but dashbarItems is an array of objects. Its necessary to loop through them to determine\r\n\t\t\t\t// the differences to figure out which items were removed.\r\n\t\t\t\tconst toRemove: string[] = [];\r\n\t\t\t\tObject.keys(_widgets).map((widgetId) => {\r\n\t\t\t\t\tlet found = false;\r\n\t\t\t\t\tfor (let i = 0; i < dashbarItems.length; i++) {\r\n\t\t\t\t\t\tconst dashItem = dashbarItems[i];\r\n\t\t\t\t\t\tif (dashItem.id === widgetId) {\r\n\t\t\t\t\t\t\tfound = true;\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (!found) {\r\n\t\t\t\t\t\ttoRemove.push(widgetId);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\r\n\t\t\t\t// toRemove is an array of widgetIds which were no longer found in dashbarItems\r\n\t\t\t\t// As items are removed, the remaining items have to be shuffled to fill the space\r\n\t\t\t\tfor (const id of toRemove) {\r\n\t\t\t\t\tif (_widgets.hasOwnProperty(id)) {\r\n\t\t\t\t\t\tlet tempNewHorizontalBounds = 0;\r\n\t\t\t\t\t\t_widgets[id].view.remove(() => {\r\n\t\t\t\t\t\t\tdelete _widgets[id];\r\n\t\t\t\t\t\t\t// Shuffle remaining views to fill any gaps that were left\r\n\t\t\t\t\t\t\tObject.values(_widgets).map((widget) => {\r\n\t\t\t\t\t\t\t\twidget.bounds = {\r\n\t\t\t\t\t\t\t\t\twidth: widget.bounds.width,\r\n\t\t\t\t\t\t\t\t\theight: widget.bounds.height,\r\n\t\t\t\t\t\t\t\t\tleft: tempNewHorizontalBounds,\r\n\t\t\t\t\t\t\t\t\ttop: widget.bounds.top,\r\n\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\twidget.view.setBounds(widget.bounds);\r\n\t\t\t\t\t\t\t\ttempNewHorizontalBounds = tempNewHorizontalBounds + widget.bounds.width;\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\tsetWidgets(_widgets);\r\n\t\t\t\t\t\t\tsetHorizontalBounds(tempNewHorizontalBounds);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tFSBL.Clients.Logger.error(`Error removing widget: ${id} from dashbar`);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\tconst reorganizeWidgets = () => {\r\n\t\t\t\t// Each view needs to be resituated to fill any holes\r\n\t\t\t\t// left by views that have been removed. Use a tempBounds\r\n\t\t\t\t// int to keep track of new widths and set the overall width\r\n\t\t\t\t// once everything is re-seated\r\n\t\t\t\tlet tempBounds = 0;\r\n\t\t\t\tdashbarItems.map((item) => {\r\n\t\t\t\t\tconst widget = _widgets[item.id];\r\n\r\n\t\t\t\t\twidget.bounds = {\r\n\t\t\t\t\t\theight: cachedWidgetHeight || widget.bounds.height,\r\n\t\t\t\t\t\twidth: widget.bounds.width,\r\n\t\t\t\t\t\ttop: cachedWidgetTop || verticalBounds,\r\n\t\t\t\t\t\tleft: tempBounds,\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\twidget.view.setBounds(widget.bounds);\r\n\r\n\t\t\t\t\tdelete _widgets[item.id];\r\n\t\t\t\t\t_widgets[item.id] = widget;\r\n\r\n\t\t\t\t\ttempBounds = tempBounds + item.width;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tsetReorganized(false);\r\n\t\t\t\tsetWidgets(_widgets);\r\n\t\t\t\tsetHorizontalBounds(tempBounds);\r\n\t\t\t};\r\n\r\n\t\t\tif (dashbarItems.length > WIDGET_COUNT) {\r\n\t\t\t\t//Items have been added\r\n\t\t\t\tawait addWidgets();\r\n\t\t\t\tsetTotalWidgetsWidth(getTotalWidth());\r\n\t\t\t} else if (dashbarItems.length < WIDGET_COUNT) {\r\n\t\t\t\t//Items have been removed\r\n\t\t\t\tremoveWidgets();\r\n\t\t\t\tsetTotalWidgetsWidth(getTotalWidth());\r\n\t\t\t} else if (wasReorganized) {\r\n\t\t\t\tif (movingIndex) return;\r\n\t\t\t\t// Length is the same, order has changed\r\n\t\t\t\treorganizeWidgets();\r\n\t\t\t}\r\n\r\n\t\t\tsetWidgetsPositions(true);\r\n\t\t\tsetIsUpdatingState(false);\r\n\t\t};\r\n\r\n\t\tif (isUpdatingState === false) {\r\n\t\t\tsetIsUpdatingState(true);\r\n\t\t\tdoUpdate();\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * When the distributed store's 'dashbaritems' is updated it will cause this hook to\r\n\t * execute. The local representation of widgets will be mutated, then a call to\r\n\t * setWidgets will re-render the component\r\n\t *\r\n\t * DashbarItems can be changed very quickly before all widgets will be initialized.\r\n\t * Double-calling updateItems() for \"isUpdatingState\" fixes a bug.\r\n\t */\r\n\tuseEffect(() => {\r\n\t\tupdateItems();\r\n\t}, [dashbarItems, isUpdatingState]);\r\n\r\n\t/**\r\n\t * Sets the title height as determined by the DashbarItem\r\n\t * component, since the CSS can be changed by the user\r\n\t * the component will render the title and pass back\r\n\t * computed height of that title, then the Dashbar will\r\n\t * make room for item\r\n\t *\r\n\t * @param {number} titleHeight The height of the span containing the title\r\n\t * @param {string} id The key'ed id of the view\r\n\t */\r\n\tconst setTitleHeight = (titleHeight: number, id: string) => {\r\n\t\tconst _widgets: DashbarViews = widgets;\r\n\t\tconst widget = _widgets[id];\r\n\t\tif (cachedWidgetTop) {\r\n\t\t\ttitleHeight = 0;\r\n\t\t}\r\n\r\n\t\tconst newBounds = {\r\n\t\t\ttop: cachedWidgetTop || widget.bounds.top + titleHeight,\r\n\t\t\tleft: widget.bounds.left,\r\n\t\t\theight: cachedWidgetHeight || widget.bounds.height - titleHeight,\r\n\t\t\twidth: widget.bounds.width,\r\n\t\t};\r\n\t\tcachedWidgetTop = newBounds.top;\r\n\t\tcachedWidgetHeight = newBounds.height;\r\n\r\n\t\twidget.view.setBounds(newBounds);\r\n\t\twidget.bounds = newBounds;\r\n\t\tsetWidgets(_widgets);\r\n\t};\r\n\r\n\t/**\r\n\t * When a view starts moving, bring it to the front\r\n\t *\r\n\t * @param {MouseEvent} event The event passed by react-sortable-hoc\r\n\t */\r\n\tconst startMove = (node: any, event: any) => {\r\n\t\tmovingIndex = node.index;\r\n\t\tif (offsetX === null && titleGrabPosition !== null) {\r\n\t\t\toffsetX = event.clientX - titleGrabPosition;\r\n\t\t}\r\n\t\tconst widget = Object.values(widgets)[node.index] as DashbarView;\r\n\t\twidget.view.bringToFront();\r\n\t};\r\n\r\n\t/**\r\n\t * Event triggered by view movement\r\n\t *\r\n\t * @param {MouseEvent} event\r\n\t */\r\n\tconst moveItem = (event: any) => {\r\n\t\t// if (movingIndex !== null && titleGrabPosition !== null) {\r\n\t\t// \t//@ts-ignore: Checked above if movingIndex is null, will always have a value below\r\n\t\tif (movingIndex !== null) {\r\n\t\t\tconst movingWidget = Object.values(widgets)[movingIndex] as DashbarView;\r\n\r\n\t\t\tmovingWidget.view.setBounds({\r\n\t\t\t\ttop: movingWidget.bounds.top,\r\n\t\t\t\theight: movingWidget.bounds.height,\r\n\t\t\t\twidth: movingWidget.bounds.width,\r\n\t\t\t\tleft: event.clientX - (offsetX || 0),\r\n\t\t\t});\r\n\r\n\t\t\t// Some completely not react very hacky stuff to make browserviews move in conjunction with the titles\r\n\t\t\tconst elements = document.getElementsByClassName(\"dashbar-item-frame\");\r\n\t\t\tfor (const element of elements) {\r\n\t\t\t\tconst rect = element.getBoundingClientRect();\r\n\t\t\t\tconst widget = (widgets as any)[element.id];\r\n\t\t\t\tif (widget !== movingWidget && widget.bounds.left !== rect.left) {\r\n\t\t\t\t\twidget.bounds.left = rect.left;\r\n\t\t\t\t\twidget.view.setBounds(widget.bounds);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tconst setGrabLocation = (location: number) => {\r\n\t\ttitleGrabPosition = location;\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div className={wrapperClasses} style={{ height: dashbarHeight }}>\r\n\t\t\t{WIDGET_COUNT > 0 && (\r\n\t\t\t\t<FinsembleDnDContext\r\n\t\t\t\t\tonDragEnd={reorderItems}\r\n\t\t\t\t\tonDragStart={startMove}\r\n\t\t\t\t\tonDragMove={moveItem}\r\n\t\t\t\t\tonLayoutUpdate={setWidgetsPositions}\r\n\t\t\t\t\tclassName=\"finsemble-dashbar-section rearrange-region\"\r\n\t\t\t\t\tid=\"dashbar-container\"\r\n\t\t\t\t\taxis={AllowableDnDAxis.x}\r\n\t\t\t\t\tlockAxis={AllowableDnDAxis.x}\r\n\t\t\t\t\tallowHorizontalScroll={true}\r\n\t\t\t\t\tshowScrollButtonsTooltip={true}\r\n\t\t\t\t\tleftButtonTooltip={leftButtonTooltip}\r\n\t\t\t\t\trightButtonTooltip={rightButtonTooltip}\r\n\t\t\t\t>\r\n\t\t\t\t\t{Object.values(widgets).map((widget, i) => (\r\n\t\t\t\t\t\t<DashbarItem\r\n\t\t\t\t\t\t\tkey={i}\r\n\t\t\t\t\t\t\tid={Object.keys(widgets)[i]}\r\n\t\t\t\t\t\t\tindex={i}\r\n\t\t\t\t\t\t\twidgetTitleGenerator={titleGenerator}\r\n\t\t\t\t\t\t\twidget={widget as DashbarView}\r\n\t\t\t\t\t\t\tdashbarHeight={dashbar.height}\r\n\t\t\t\t\t\t\twidgetDividerWidth={widgetDividerWidth}\r\n\t\t\t\t\t\t\tsetTitleHeight={setTitleHeight}\r\n\t\t\t\t\t\t\tsetGrabLocation={setGrabLocation}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</FinsembleDnDContext>\r\n\t\t\t)}\r\n\t\t\t{WIDGET_COUNT === 0 && (\r\n\t\t\t\t<div className=\"add-dashbar-item-button\" onClick={launchDashbar}>\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t<i className=\"ff-plus\"></i>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t\t{children}\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}

package/react/components/toolbar/dashbar/DashbarItem.js

@@ -13,7 +13,7 @@ export const DashbarItem = ({ id, index, className, widget, height, dashbarHeigh
             setTitleHeight(titleHeight, id);
         }
     });
-    const _setGrabLocation = (event) => {
+    const _setGrabLocation = () => {
         if (divRef && divRef.current) {
             const rect = divRef.current.getBoundingClientRect();
             setGrabLocation(rect.left);

package/react/components/toolbar/dashbar/DashbarItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashbarItem.js","sourceRoot":"","sources":["../../../../src/components/toolbar/dashbar/DashbarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,eAAe,EAAa,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAG7E,OAAO,iCAAiC,CAAC;AAezC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,SAAS,EACT,MAAM,EACN,MAAM,EACN,aAAa,EACb,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,oBAAoB,GACF,EAAE,EAAE;IACtB,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE5B,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,uBAAuB,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;IAEpE,eAAe,CAAC,GAAG,EAAE;QACpB,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,IAAI,aAAa,EAAE;YAGlD,MAAM,EAAE,YAAY,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;YAE1C,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC;YAClE,cAAc,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;SAChC;IACF,CAAC,CAAC,CAAC;IAOH,MAAM,gBAAgB,GAAG,CAAC,KAAmD,EAAE,EAAE;QAChF,IAAI,MAAM,IAAI,MAAM,CAAC,OAAO,EAAE;YAE7B,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YACpD,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC3B;IACF,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,0BAA0B,SAAS,IAAI,EAAE,EAAE,CAAC;IACjE,MAAM,SAAS,GAAG;QACjB,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,WAAW,EAAE,GAAG,kBAAkB,uCAAuC;KACzE,CAAC;IAEF,MAAM,KAAK,GAAG,oBAAoB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAErD,OAAO,CACN,oBAAC,kBAAkB,IAAC,WAAW,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,YAAY,EAAE,YAAY;QACrF,6BAAK,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,SAAS;YACvG,iCAAM,KAAK,CAAO;YAClB,6BAAK,SAAS,EAAC,aAAa,GAAO,CAC9B,CACc,CACrB,CAAC;AACH,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { useRef, useLayoutEffect, useEffect } from \"react\";\r\nimport { FinsembleDraggable } from \"../../legacyControls/FinsembleDraggable\";\r\nimport { DashbarView } from \"../../../types/dashbarTypes\";\r\n\r\nimport \"../../../assets/css/dashbar.css\";\r\n\r\ntype DashbarItemProps = {\r\n\tid?: string;\r\n\tindex: number;\r\n\tclassName?: string;\r\n\theight?: number;\r\n\twidget: DashbarView;\r\n\tdashbarHeight?: number;\r\n\twidgetDividerWidth?: number;\r\n\tsetTitleHeight: Function;\r\n\tsetGrabLocation: Function;\r\n\twidgetTitleGenerator: Function;\r\n};\r\n\r\nexport const DashbarItem = ({\r\n\tid,\r\n\tindex,\r\n\tclassName,\r\n\twidget,\r\n\theight,\r\n\tdashbarHeight,\r\n\twidgetDividerWidth,\r\n\tsetTitleHeight,\r\n\tsetGrabLocation,\r\n\twidgetTitleGenerator,\r\n}: DashbarItemProps) => {\r\n\tconst titleRef = useRef(null);\r\n\tconst divRef = useRef(null);\r\n\r\n\tid = id ? id : `finsemble-draggable-${Date.now()}-${Math.random()}`;\r\n\r\n\tuseLayoutEffect(() => {\r\n\t\tif (titleRef && titleRef.current && dashbarHeight) {\r\n\t\t\t// The following ignore is safe because we just checked whether titleRef and titleRef.current are defined\r\n\t\t\t// @ts-ignore: Object is possibly 'null'.\r\n\t\t\tconst { offsetHeight } = titleRef.current;\r\n\r\n\t\t\tconst titleHeight = height ? height + offsetHeight : offsetHeight;\r\n\t\t\tsetTitleHeight(titleHeight, id);\r\n\t\t}\r\n\t});\r\n\r\n\t/**\r\n\t * Sets the location the titlebar of a view is clicked on when a user grabs a dashbar item\r\n\t *\r\n\t * @param event\r\n\t */\r\n\tconst _setGrabLocation = (event: React.MouseEvent<HTMLDivElement> | undefined) => {\r\n\t\tif (divRef && divRef.current) {\r\n\t\t\t//@ts-ignore: Won't access object unless it is defined\r\n\t\t\tconst rect = divRef.current.getBoundingClientRect();\r\n\t\t\tsetGrabLocation(rect.left);\r\n\t\t}\r\n\t};\r\n\r\n\tconst wrapperClass = `finsemble-dashbar-item ${className || \"\"}`;\r\n\tconst itemStyle = {\r\n\t\tdisplay: \"flex\",\r\n\t\twidth: widget.width,\r\n\t\tborderRight: `${widgetDividerWidth}px solid var(--dashbar-divider-color)`,\r\n\t};\r\n\r\n\tconst title = widgetTitleGenerator(widget, titleRef);\r\n\r\n\treturn (\r\n\t\t<FinsembleDraggable draggableId={id} index={index} key={id} wrapperClass={wrapperClass}>\r\n\t\t\t<div ref={divRef} id={id} onMouseDown={_setGrabLocation} className=\"dashbar-item-frame\" style={itemStyle}>\r\n\t\t\t\t<div>{title}</div>\r\n\t\t\t\t<div className=\"empty-space\"></div>\r\n\t\t\t</div>\r\n\t\t</FinsembleDraggable>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"DashbarItem.js","sourceRoot":"","sources":["../../../../src/components/toolbar/dashbar/DashbarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAG7E,OAAO,iCAAiC,CAAC;AAezC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,SAAS,EACT,MAAM,EACN,MAAM,EACN,aAAa,EACb,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,oBAAoB,GACF,EAAE,EAAE;IACtB,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE5B,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,uBAAuB,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;IAEpE,eAAe,CAAC,GAAG,EAAE;QACpB,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,IAAI,aAAa,EAAE;YAGlD,MAAM,EAAE,YAAY,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;YAE1C,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC;YAClE,cAAc,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;SAChC;IACF,CAAC,CAAC,CAAC;IAOH,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC7B,IAAI,MAAM,IAAI,MAAM,CAAC,OAAO,EAAE;YAE7B,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YACpD,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC3B;IACF,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,0BAA0B,SAAS,IAAI,EAAE,EAAE,CAAC;IACjE,MAAM,SAAS,GAAG;QACjB,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,WAAW,EAAE,GAAG,kBAAkB,uCAAuC;KACzE,CAAC;IAEF,MAAM,KAAK,GAAG,oBAAoB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAErD,OAAO,CACN,oBAAC,kBAAkB,IAAC,WAAW,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,YAAY,EAAE,YAAY;QACrF,6BAAK,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,SAAS;YACvG,iCAAM,KAAK,CAAO;YAClB,6BAAK,SAAS,EAAC,aAAa,GAAO,CAC9B,CACc,CACrB,CAAC;AACH,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { useRef, useLayoutEffect } from \"react\";\r\nimport { FinsembleDraggable } from \"../../legacyControls/FinsembleDraggable\";\r\nimport { DashbarView } from \"../../../types/dashbarTypes\";\r\n\r\nimport \"../../../assets/css/dashbar.css\";\r\n\r\ntype DashbarItemProps = {\r\n\tid?: string;\r\n\tindex: number;\r\n\tclassName?: string;\r\n\theight?: number;\r\n\twidget: DashbarView;\r\n\tdashbarHeight?: number;\r\n\twidgetDividerWidth?: number;\r\n\tsetTitleHeight: Function;\r\n\tsetGrabLocation: Function;\r\n\twidgetTitleGenerator: Function;\r\n};\r\n\r\nexport const DashbarItem = ({\r\n\tid,\r\n\tindex,\r\n\tclassName,\r\n\twidget,\r\n\theight,\r\n\tdashbarHeight,\r\n\twidgetDividerWidth,\r\n\tsetTitleHeight,\r\n\tsetGrabLocation,\r\n\twidgetTitleGenerator,\r\n}: DashbarItemProps) => {\r\n\tconst titleRef = useRef(null);\r\n\tconst divRef = useRef(null);\r\n\r\n\tid = id ? id : `finsemble-draggable-${Date.now()}-${Math.random()}`;\r\n\r\n\tuseLayoutEffect(() => {\r\n\t\tif (titleRef && titleRef.current && dashbarHeight) {\r\n\t\t\t// The following ignore is safe because we just checked whether titleRef and titleRef.current are defined\r\n\t\t\t// @ts-ignore: Object is possibly 'null'.\r\n\t\t\tconst { offsetHeight } = titleRef.current;\r\n\r\n\t\t\tconst titleHeight = height ? height + offsetHeight : offsetHeight;\r\n\t\t\tsetTitleHeight(titleHeight, id);\r\n\t\t}\r\n\t});\r\n\r\n\t/**\r\n\t * Sets the location the titlebar of a view is clicked on when a user grabs a dashbar item\r\n\t *\r\n\t * @param event\r\n\t */\r\n\tconst _setGrabLocation = () => {\r\n\t\tif (divRef && divRef.current) {\r\n\t\t\t//@ts-ignore: Won't access object unless it is defined\r\n\t\t\tconst rect = divRef.current.getBoundingClientRect();\r\n\t\t\tsetGrabLocation(rect.left);\r\n\t\t}\r\n\t};\r\n\r\n\tconst wrapperClass = `finsemble-dashbar-item ${className || \"\"}`;\r\n\tconst itemStyle = {\r\n\t\tdisplay: \"flex\",\r\n\t\twidth: widget.width,\r\n\t\tborderRight: `${widgetDividerWidth}px solid var(--dashbar-divider-color)`,\r\n\t};\r\n\r\n\tconst title = widgetTitleGenerator(widget, titleRef);\r\n\r\n\treturn (\r\n\t\t<FinsembleDraggable draggableId={id} index={index} key={id} wrapperClass={wrapperClass}>\r\n\t\t\t<div ref={divRef} id={id} onMouseDown={_setGrabLocation} className=\"dashbar-item-frame\" style={itemStyle}>\r\n\t\t\t\t<div>{title}</div>\r\n\t\t\t\t<div className=\"empty-space\"></div>\r\n\t\t\t</div>\r\n\t\t</FinsembleDraggable>\r\n\t);\r\n};\r\n"]}

package/react/components/toolbar/workspaceManagementMenu/WorkspaceManagementMenu.d.ts

@@ -1,8 +1,31 @@
-export class WorkspaceManagementMenu extends React.Component<any, any, any> {
-    constructor();
-    store: any;
+import React from "react";
+import { Workspace as WorkspaceType } from "@finsemble/finsemble-core/src/common/workspace";
+import "./workspaceManagementMenu.css";
+import StoreModel from "@finsemble/finsemble-core/types/clients/StoreModel";
+interface IProps {
+    id?: string;
+    className?: string;
+    width?: number;
+    height?: number;
+    maxHeight?: number;
+    title?: React.ReactNode;
+    openHotkey?: Array<string>;
+    closeHotkey?: Array<string>;
+}
+interface IState {
+    WorkspaceList: WorkspaceType[];
+    activeWorkspace: WorkspaceType | null;
+    initialized: boolean;
+    isSwitchingWorkspaces: boolean;
+}
+export declare class WorkspaceManagementMenu extends React.Component<IProps, IState> {
+    store: StoreModel | null;
+    constructor(props: IProps);
     bindCorrectContext(): void;
+    onInitialized(store: StoreModel): void;
     onStoreChange(): void;
-    onInitialized(store: any): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
 }
-import React from "react";
+export {};

package/react/components/toolbar/workspaceManagementMenu/WorkspaceManagementMenu.js

@@ -6,14 +6,15 @@ import { Menu } from "../../menu/Menu";
 import { storeManager } from "./stores/workspaceManagementMenuStore";
 import "./workspaceManagementMenu.css";
 export class WorkspaceManagementMenu extends React.Component {
-    constructor() {
-        super();
+    constructor(props) {
+        super(props);
         this.bindCorrectContext();
         this.store = null;
         this.state = {
             WorkspaceList: [],
             activeWorkspace: null,
             initialized: false,
+            isSwitchingWorkspaces: false,
         };
     }
     bindCorrectContext() {
@@ -22,11 +23,9 @@ export class WorkspaceManagementMenu extends React.Component {
     }
     onInitialized(store) {
         this.store = store;
-        this.store.addListeners([
-            { field: "WorkspaceList", listener: this.onStoreChange },
-            { field: "activeWorkspace", listener: this.onStoreChange },
-            { field: "isSwitchingWorkspaces", listener: this.onStoreChange },
-        ]);
+        this.store.addListener({ field: "WorkspaceList" }, this.onStoreChange);
+        this.store.addListener({ field: "activeWorkspace" }, this.onStoreChange);
+        this.store.addListener({ field: "isSwitchingWorkspaces" }, this.onStoreChange);
         this.onStoreChange();
         this.setState({
             initialized: true,
@@ -36,7 +35,7 @@ export class WorkspaceManagementMenu extends React.Component {
         this.setState({
             WorkspaceList: WorkspaceManagementMenuActions.getWorkspaceList(),
             activeWorkspace: WorkspaceManagementMenuActions.getActiveWorkspace(),
-            isSwitchingWorksapces: WorkspaceManagementMenuActions.getIsSwitchingWorkspaces(),
+            isSwitchingWorkspaces: WorkspaceManagementMenuActions.getIsSwitchingWorkspaces(),
         });
     }
     componentDidMount() {
@@ -44,25 +43,20 @@ export class WorkspaceManagementMenu extends React.Component {
         storeManager.initialize();
     }
     componentWillUnmount() {
+        var _a, _b, _c;
         storeManager.removeInitializedListener(this.onInitialized);
-        if (this.state.initialized)
-            this.store.removeListeners([
-                { field: "WorkspaceList", listener: this.onStoreChange },
-                { field: "activeWorkspace", listener: this.onStoreChange },
-                { field: "isSwitchingWorkspaces", listener: this.onStoreChange },
-            ]);
+        if (this.state.initialized) {
+            (_a = this.store) === null || _a === void 0 ? void 0 : _a.removeListener({ field: "WorkspaceList" }, this.onStoreChange);
+            (_b = this.store) === null || _b === void 0 ? void 0 : _b.removeListener({ field: "activeWorkspace" }, this.onStoreChange);
+            (_c = this.store) === null || _c === void 0 ? void 0 : _c.removeListener({ field: "isSwitchingWorkspaces" }, this.onStoreChange);
+        }
     }
     render() {
-        let completeProps = {
-            ...this.props,
-            width: this.props.width ?? 330,
-            className: this.props.className ?? "workspace-management-menu",
-            id: this.props.id ?? "WorkspaceMenu",
-            title: this.state.activeWorkspace?.name,
-        };
-        return (React.createElement(Menu, { ...completeProps }, this.state.initialized ? (React.createElement(React.Fragment, null,
+        var _a, _b, _c, _d;
+        let completeProps = Object.assign(Object.assign({}, this.props), { width: (_a = this.props.width) !== null && _a !== void 0 ? _a : 330, className: (_b = this.props.className) !== null && _b !== void 0 ? _b : "workspace-management-menu", id: (_c = this.props.id) !== null && _c !== void 0 ? _c : "WorkspaceMenu", title: (_d = this.state.activeWorkspace) === null || _d === void 0 ? void 0 : _d.name });
+        return (React.createElement(Menu, Object.assign({}, completeProps), this.state.initialized && this.state.activeWorkspace ? (React.createElement(React.Fragment, null,
             React.createElement(WorkspaceActions, null),
-            React.createElement(WorkspaceList, { isSwitchingWorkspaces: this.state.isSwitchingWorksapces, activeWorkspace: this.state.activeWorkspace, workspaces: this.state.WorkspaceList }))) : null));
+            React.createElement(WorkspaceList, { isSwitchingWorkspaces: this.state.isSwitchingWorkspaces, activeWorkspace: this.state.activeWorkspace, workspaces: this.state.WorkspaceList }))) : null));
     }
 }
 //# sourceMappingURL=WorkspaceManagementMenu.js.map

package/react/components/toolbar/workspaceManagementMenu/WorkspaceManagementMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceManagementMenu.js","sourceRoot":"","sources":["../../../../src/components/toolbar/workspaceManagementMenu/WorkspaceManagementMenu.jsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport React from \"react\";\r\nimport { Actions as WorkspaceManagementMenuActions } from \"./stores/workspaceManagementMenuStore\";\r\nimport WorkspaceActions from \"./components/WorkspaceActions\";\r\nimport WorkspaceList from \"./components/WorkspaceList\";\r\nimport { Menu } from \"../../menu/Menu\";\r\nimport { storeManager } from \"./stores/workspaceManagementMenuStore\";\r\n\r\nimport \"./workspaceManagementMenu.css\";\r\n\r\n/**\r\n * A button that opens the workspace management menu when clicked.\r\n */\r\nexport class WorkspaceManagementMenu extends React.Component {\r\n\tconstructor() {\r\n\t\tsuper();\r\n\t\tthis.bindCorrectContext();\r\n\t\tthis.store = null;\r\n\t\tthis.state = {\r\n\t\t\tWorkspaceList: [],\r\n\t\t\tactiveWorkspace: null,\r\n\t\t\tinitialized: false,\r\n\t\t};\r\n\t}\r\n\r\n\tbindCorrectContext() {\r\n\t\tthis.onStoreChange = this.onStoreChange.bind(this);\r\n\t\tthis.onInitialized = this.onInitialized.bind(this);\r\n\t}\r\n\r\n\tonInitialized(store) {\r\n\t\tthis.store = store;\r\n\t\tthis.store.addListeners([\r\n\t\t\t{ field: \"WorkspaceList\", listener: this.onStoreChange },\r\n\t\t\t{ field: \"activeWorkspace\", listener: this.onStoreChange },\r\n\t\t\t{ field: \"isSwitchingWorkspaces\", listener: this.onStoreChange },\r\n\t\t]);\r\n\t\tthis.onStoreChange();\r\n\t\tthis.setState({\r\n\t\t\tinitialized: true,\r\n\t\t});\r\n\t}\r\n\r\n\tonStoreChange() {\r\n\t\tthis.setState({\r\n\t\t\tWorkspaceList: WorkspaceManagementMenuActions.getWorkspaceList(),\r\n\t\t\tactiveWorkspace: WorkspaceManagementMenuActions.getActiveWorkspace(),\r\n\t\t\tisSwitchingWorksapces: WorkspaceManagementMenuActions.getIsSwitchingWorkspaces(),\r\n\t\t});\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tstoreManager.addInitializedListener(this.onInitialized);\r\n\t\tstoreManager.initialize();\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tstoreManager.removeInitializedListener(this.onInitialized);\r\n\t\tif (this.state.initialized)\r\n\t\t\tthis.store.removeListeners([\r\n\t\t\t\t{ field: \"WorkspaceList\", listener: this.onStoreChange },\r\n\t\t\t\t{ field: \"activeWorkspace\", listener: this.onStoreChange },\r\n\t\t\t\t{ field: \"isSwitchingWorkspaces\", listener: this.onStoreChange },\r\n\t\t\t]);\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet completeProps = {\r\n\t\t\t...this.props,\r\n\t\t\twidth: this.props.width ?? 330,\r\n\t\t\tclassName: this.props.className ?? \"workspace-management-menu\",\r\n\t\t\tid: this.props.id ?? \"WorkspaceMenu\",\r\n\t\t\ttitle: this.state.activeWorkspace?.name,\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\t<Menu {...completeProps}>\r\n\t\t\t\t{this.state.initialized ? (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<WorkspaceActions />\r\n\t\t\t\t\t\t<WorkspaceList\r\n\t\t\t\t\t\t\tisSwitchingWorkspaces={this.state.isSwitchingWorksapces}\r\n\t\t\t\t\t\t\tactiveWorkspace={this.state.activeWorkspace}\r\n\t\t\t\t\t\t\tworkspaces={this.state.WorkspaceList}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</>\r\n\t\t\t\t) : null}\r\n\t\t\t</Menu>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
+{"version":3,"file":"WorkspaceManagementMenu.js","sourceRoot":"","sources":["../../../../src/components/toolbar/workspaceManagementMenu/WorkspaceManagementMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport React from \"react\";\r\nimport { Actions as WorkspaceManagementMenuActions } from \"./stores/workspaceManagementMenuStore\";\r\nimport WorkspaceActions from \"./components/WorkspaceActions\";\r\nimport WorkspaceList from \"./components/WorkspaceList\";\r\nimport { Menu } from \"../../menu/Menu\";\r\nimport { storeManager } from \"./stores/workspaceManagementMenuStore\";\r\nimport { Workspace as WorkspaceType } from \"@finsemble/finsemble-core/src/common/workspace\";\r\n\r\nimport \"./workspaceManagementMenu.css\";\r\nimport StoreModel from \"@finsemble/finsemble-core/types/clients/StoreModel\";\r\n\r\ninterface IProps {\r\n\tid?: string;\r\n\tclassName?: string;\r\n\twidth?: number;\r\n\theight?: number;\r\n\tmaxHeight?: number;\r\n\ttitle?: React.ReactNode;\r\n\topenHotkey?: Array<string>;\r\n\tcloseHotkey?: Array<string>;\r\n}\r\ninterface IState {\r\n\tWorkspaceList: WorkspaceType[];\r\n\tactiveWorkspace: WorkspaceType | null;\r\n\tinitialized: boolean;\r\n\tisSwitchingWorkspaces: boolean;\r\n}\r\n\r\n/**\r\n * A button that opens the workspace management menu when clicked.\r\n */\r\nexport class WorkspaceManagementMenu extends React.Component<IProps, IState> {\r\n\tstore: StoreModel | null;\r\n\r\n\tconstructor(props: IProps) {\r\n\t\tsuper(props);\r\n\t\tthis.bindCorrectContext();\r\n\t\tthis.store = null;\r\n\t\tthis.state = {\r\n\t\t\tWorkspaceList: [],\r\n\t\t\tactiveWorkspace: null,\r\n\t\t\tinitialized: false,\r\n\t\t\tisSwitchingWorkspaces: false,\r\n\t\t};\r\n\t}\r\n\r\n\tbindCorrectContext() {\r\n\t\tthis.onStoreChange = this.onStoreChange.bind(this);\r\n\t\tthis.onInitialized = this.onInitialized.bind(this);\r\n\t}\r\n\r\n\tonInitialized(store: StoreModel) {\r\n\t\tthis.store = store;\r\n\t\tthis.store.addListener({ field: \"WorkspaceList\" }, this.onStoreChange);\r\n\t\tthis.store.addListener({ field: \"activeWorkspace\" }, this.onStoreChange);\r\n\t\tthis.store.addListener({ field: \"isSwitchingWorkspaces\" }, this.onStoreChange);\r\n\t\tthis.onStoreChange();\r\n\t\tthis.setState({\r\n\t\t\tinitialized: true,\r\n\t\t});\r\n\t}\r\n\r\n\tonStoreChange() {\r\n\t\tthis.setState({\r\n\t\t\tWorkspaceList: WorkspaceManagementMenuActions.getWorkspaceList(),\r\n\t\t\tactiveWorkspace: WorkspaceManagementMenuActions.getActiveWorkspace(),\r\n\t\t\tisSwitchingWorkspaces: WorkspaceManagementMenuActions.getIsSwitchingWorkspaces(),\r\n\t\t});\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tstoreManager.addInitializedListener(this.onInitialized);\r\n\t\tstoreManager.initialize();\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tstoreManager.removeInitializedListener(this.onInitialized);\r\n\t\tif (this.state.initialized) {\r\n\t\t\tthis.store?.removeListener({ field: \"WorkspaceList\" }, this.onStoreChange);\r\n\t\t\tthis.store?.removeListener({ field: \"activeWorkspace\" }, this.onStoreChange);\r\n\t\t\tthis.store?.removeListener({ field: \"isSwitchingWorkspaces\" }, this.onStoreChange);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet completeProps = {\r\n\t\t\t...this.props,\r\n\t\t\twidth: this.props.width ?? 330,\r\n\t\t\tclassName: this.props.className ?? \"workspace-management-menu\",\r\n\t\t\tid: this.props.id ?? \"WorkspaceMenu\",\r\n\t\t\ttitle: this.state.activeWorkspace?.name,\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\t<Menu {...completeProps}>\r\n\t\t\t\t{this.state.initialized && this.state.activeWorkspace ? (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<WorkspaceActions />\r\n\t\t\t\t\t\t<WorkspaceList\r\n\t\t\t\t\t\t\tisSwitchingWorkspaces={this.state.isSwitchingWorkspaces}\r\n\t\t\t\t\t\t\tactiveWorkspace={this.state.activeWorkspace}\r\n\t\t\t\t\t\t\tworkspaces={this.state.WorkspaceList}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</>\r\n\t\t\t\t) : null}\r\n\t\t\t</Menu>\r\n\t\t);\r\n\t}\r\n}\r\n"]}

package/react/components/toolbar/workspaceManagementMenu/components/Workspace.d.ts

@@ -1,6 +1,28 @@
-export default class Workspace extends React.Component<any, any, any> {
-    constructor(props: any);
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ * This is a single workspace. When clicked, it requests that the app switch to the clicked workspace.
+ */
+import React from "react";
+import { Workspace as WorkspaceType } from "@finsemble/finsemble-core/src/common/workspace";
+declare type WorkspaceActionType = WorkspaceType & {
+    permanent?: boolean;
+};
+interface IProps {
+    isSwitchingWorkspaces: boolean;
+    isActiveWorkspace: boolean;
+    dragHandle: {
+        iconClass: string;
+    };
+    workspace: WorkspaceActionType;
+    mainAction: (data: {
+        name: string;
+    }) => void;
+}
+export default class Workspace extends React.Component<IProps> {
+    constructor(props: IProps);
     bindCorrectContext(): void;
     onClick(): void;
+    render(): JSX.Element;
 }
-import React from "react";
+export {};

package/react/components/toolbar/workspaceManagementMenu/components/Workspace.js.map

@@ -1 +1 @@
-{"version":3,"file":"Workspace.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/workspaceManagementMenu/components/Workspace.jsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AACnG,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,EAAE;IACjC,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;IACvD,MAAM,uBAAuB,GAAG,CAAC,CAAC,EAAE,EAAE;QACrC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QAIpB,8BAA8B,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,UAAU,EAAE,EAAE;YACxE,IAAI,UAAU,IAAI,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;gBAC9C,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;aAC/B;QACF,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACN,8BAAM,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAC,gBAAgB;QACjE,2BAAG,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAC,QAAQ,GAAK,CACjD,CACP,CAAC;AACH,CAAC,CAAC;AACF,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAS;IACrD,YAAY,KAAK;QAChB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC3B,CAAC;IAOD,kBAAkB;QACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC;IAOD,OAAO;QACN,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;YACrB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI;SAC/B,CAAC,CAAC;IACJ,CAAC;IAQD,MAAM;QACL,MAAM,EAAE,qBAAqB,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAIvF,MAAM,WAAW,GAAG,qBAAqB,IAAI,iBAAiB,CAAC;QAE/D,IAAI,OAAO,GAAG,iBAAiB,CAAC,CAAC,CAAC,2CAA2C,CAAC,CAAC,CAAC,0BAA0B,CAAC;QAE3G,OAAO,CACN,oBAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO;YAClD,6BAAK,SAAS,EAAC,eAAe;gBAC5B,WAAW,IAAI,8BAAM,SAAS,EAAC,aAAa,iBAAkB;gBAC9D,CAAC,WAAW,IAAI,UAAU,IAAI,UAAU,CAAC,SAAS,IAAI,8BAAM,SAAS,EAAE,UAAU,CAAC,SAAS,GAAS;gBACrG,8BAAM,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,SAAS,CAAC,IAAI,IACpD,SAAS,CAAC,IAAI,CACT;gBACP,6BAAK,SAAS,EAAC,0BAA0B;oBACvC,CAAC,iBAAiB,IAAI,CAAC,SAAS,CAAC,SAAS,IAAI,oBAAC,eAAe,IAAC,SAAS,EAAE,SAAS,GAAI;oBACxF,oBAAC,aAAa,IACb,EAAE,EAAE,SAAS,CAAC,IAAI,EAClB,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,QAAQ,EAAE,WAAW,EACrB,SAAS,EAAC,gBAAgB,GACzB,CACG,CACD,CACI,CACX,CAAC;IACH,CAAC;CACD","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n * This is a single workspace. When clicked, it requests that the app switch to the clicked workspace.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { MenuItem } from \"../../../menu/MenuItem\";\r\nimport { Actions as WorkspaceManagementMenuActions } from \"../stores/workspaceManagementMenuStore\";\r\nimport { FavoriteMaker } from \"../../../favorites/FavoriteMaker\";\r\nimport { useFavorites } from \"../../../../hooks/useFavorites\";\r\nconst RemoveWorkspace = (props) => {\r\n\tconst { workspace } = props;\r\n\tconst { isFavorited, removeFavorite } = useFavorites();\r\n\tconst actuallyRemoveWorkspace = (e) => {\r\n\t\te.preventDefault();\r\n\t\te.stopPropagation();\r\n\t\t// Trigger the remove. This will throw a dialog. It will return a boolean\r\n\t\t// for whether it was or was not deleted.\r\n\t\t// If the thing was deleted, remove it from favorites.\r\n\t\tWorkspaceManagementMenuActions.removeWorkspace(workspace, (wasDeleted) => {\r\n\t\t\tif (wasDeleted && isFavorited(workspace.name)) {\r\n\t\t\t\tremoveFavorite(workspace.name);\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\treturn (\r\n\t\t<span onClick={actuallyRemoveWorkspace} className=\"menu-item-icon\">\r\n\t\t\t<i className=\"ff-adp-trash-outline\" title=\"Delete\"></i>\r\n\t\t</span>\r\n\t);\r\n};\r\nexport default class Workspace extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.bindCorrectContext();\r\n\t}\r\n\r\n\t/**\r\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\r\n\t *\r\n\t * @memberof LinkerButton\r\n\t */\r\n\tbindCorrectContext() {\r\n\t\tthis.onClick = this.onClick.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * When the main body of the component is clicked, we fire off the mainAction. By default this is to switch workspaces.\r\n\t *\r\n\t * @memberof Workspace\r\n\t */\r\n\tonClick() {\r\n\t\tthis.props.mainAction({\r\n\t\t\tname: this.props.workspace.name,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Render method.\r\n\t *\r\n\t * @returns\r\n\t * @memberof Workspace\r\n\t */\r\n\trender() {\r\n\t\tconst { isSwitchingWorkspaces, workspace, isActiveWorkspace, dragHandle } = this.props;\r\n\r\n\t\t// Actions are remove and pin workspace.\r\n\r\n\t\tconst showSpinner = isSwitchingWorkspaces && isActiveWorkspace;\r\n\r\n\t\tlet classes = isActiveWorkspace ? \"menu-item active-workspace workspace-name\" : \"menu-item workspace-name\";\r\n\r\n\t\treturn (\r\n\t\t\t<MenuItem onClick={this.onClick} className={classes}>\r\n\t\t\t\t<div className=\"menu-item-row\">\r\n\t\t\t\t\t{showSpinner && <span className=\"fsbl-loader\">Loading...</span>}\r\n\t\t\t\t\t{!showSpinner && dragHandle && dragHandle.iconClass && <span className={dragHandle.iconClass}></span>}\r\n\t\t\t\t\t<span className=\"workspace-name\" title={workspace.name}>\r\n\t\t\t\t\t\t{workspace.name}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<div className=\"menu-item-row-push-right\">\r\n\t\t\t\t\t\t{!isActiveWorkspace && !workspace.permanent && <RemoveWorkspace workspace={workspace} />}\r\n\t\t\t\t\t\t<FavoriteMaker\r\n\t\t\t\t\t\t\tid={workspace.name}\r\n\t\t\t\t\t\t\tname={workspace.name}\r\n\t\t\t\t\t\t\tcategory={\"Workspace\"}\r\n\t\t\t\t\t\t\tclassName=\"menu-item-icon\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</MenuItem>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
+{"version":3,"file":"Workspace.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/workspaceManagementMenu/components/Workspace.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AACnG,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAW9D,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;IACvD,MAAM,uBAAuB,GAAG,CAAC,CAAmB,EAAE,EAAE;QACvD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QAIpB,8BAA8B,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,UAAU,EAAE,EAAE;YACxE,IAAI,UAAU,IAAI,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;gBAC9C,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;aAC/B;QACF,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACN,8BAAM,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAC,gBAAgB;QACjE,2BAAG,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAC,QAAQ,GAAK,CACjD,CACP,CAAC;AACH,CAAC,CAAC;AAUF,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAiB;IAC7D,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC3B,CAAC;IAOD,kBAAkB;QACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC;IAOD,OAAO;QACN,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;YACrB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI;SAC/B,CAAC,CAAC;IACJ,CAAC;IAQD,MAAM;QACL,MAAM,EAAE,qBAAqB,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAIvF,MAAM,WAAW,GAAG,qBAAqB,IAAI,iBAAiB,CAAC;QAE/D,IAAI,OAAO,GAAG,iBAAiB,CAAC,CAAC,CAAC,2CAA2C,CAAC,CAAC,CAAC,0BAA0B,CAAC;QAE3G,OAAO,CACN,oBAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO;YAClD,6BAAK,SAAS,EAAC,eAAe;gBAC5B,WAAW,IAAI,8BAAM,SAAS,EAAC,aAAa,iBAAkB;gBAC9D,CAAC,WAAW,IAAI,UAAU,IAAI,UAAU,CAAC,SAAS,IAAI,8BAAM,SAAS,EAAE,UAAU,CAAC,SAAS,GAAS;gBACrG,8BAAM,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,SAAS,CAAC,IAAI,IACpD,SAAS,CAAC,IAAI,CACT;gBACP,6BAAK,SAAS,EAAC,0BAA0B;oBACvC,CAAC,iBAAiB,IAAI,CAAC,SAAS,CAAC,SAAS,IAAI,oBAAC,eAAe,IAAC,SAAS,EAAE,SAAS,GAAI;oBACxF,oBAAC,aAAa,IACb,EAAE,EAAE,SAAS,CAAC,IAAI,EAClB,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,QAAQ,EAAE,WAAW,EACrB,SAAS,EAAC,gBAAgB,GACzB,CACG,CACD,CACI,CACX,CAAC;IACH,CAAC;CACD","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n * This is a single workspace. When clicked, it requests that the app switch to the clicked workspace.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { MenuItem } from \"../../../menu/MenuItem\";\r\nimport { Actions as WorkspaceManagementMenuActions } from \"../stores/workspaceManagementMenuStore\";\r\nimport { FavoriteMaker } from \"../../../favorites/FavoriteMaker\";\r\nimport { useFavorites } from \"../../../../hooks/useFavorites\";\r\nimport { Workspace as WorkspaceType } from \"@finsemble/finsemble-core/src/common/workspace\";\r\n\r\ntype WorkspaceActionType = WorkspaceType & {\r\n\tpermanent?: boolean;\r\n};\r\n\r\ninterface RemoveWorkspaceProps {\r\n\tworkspace: WorkspaceActionType;\r\n}\r\n\r\nconst RemoveWorkspace = (props: RemoveWorkspaceProps) => {\r\n\tconst { workspace } = props;\r\n\tconst { isFavorited, removeFavorite } = useFavorites();\r\n\tconst actuallyRemoveWorkspace = (e: React.MouseEvent) => {\r\n\t\te.preventDefault();\r\n\t\te.stopPropagation();\r\n\t\t// Trigger the remove. This will throw a dialog. It will return a boolean\r\n\t\t// for whether it was or was not deleted.\r\n\t\t// If the thing was deleted, remove it from favorites.\r\n\t\tWorkspaceManagementMenuActions.removeWorkspace(workspace, (wasDeleted) => {\r\n\t\t\tif (wasDeleted && isFavorited(workspace.name)) {\r\n\t\t\t\tremoveFavorite(workspace.name);\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\treturn (\r\n\t\t<span onClick={actuallyRemoveWorkspace} className=\"menu-item-icon\">\r\n\t\t\t<i className=\"ff-adp-trash-outline\" title=\"Delete\"></i>\r\n\t\t</span>\r\n\t);\r\n};\r\n\r\ninterface IProps {\r\n\tisSwitchingWorkspaces: boolean;\r\n\tisActiveWorkspace: boolean;\r\n\tdragHandle: { iconClass: string };\r\n\tworkspace: WorkspaceActionType;\r\n\tmainAction: (data: { name: string }) => void;\r\n}\r\n\r\nexport default class Workspace extends React.Component<IProps> {\r\n\tconstructor(props: IProps) {\r\n\t\tsuper(props);\r\n\t\tthis.bindCorrectContext();\r\n\t}\r\n\r\n\t/**\r\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\r\n\t *\r\n\t * @memberof Workspace\r\n\t */\r\n\tbindCorrectContext() {\r\n\t\tthis.onClick = this.onClick.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * When the main body of the component is clicked, we fire off the mainAction. By default this is to switch workspaces.\r\n\t *\r\n\t * @memberof Workspace\r\n\t */\r\n\tonClick() {\r\n\t\tthis.props.mainAction({\r\n\t\t\tname: this.props.workspace.name,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Render method.\r\n\t *\r\n\t * @returns\r\n\t * @memberof Workspace\r\n\t */\r\n\trender() {\r\n\t\tconst { isSwitchingWorkspaces, workspace, isActiveWorkspace, dragHandle } = this.props;\r\n\r\n\t\t// Actions are remove and pin workspace.\r\n\r\n\t\tconst showSpinner = isSwitchingWorkspaces && isActiveWorkspace;\r\n\r\n\t\tlet classes = isActiveWorkspace ? \"menu-item active-workspace workspace-name\" : \"menu-item workspace-name\";\r\n\r\n\t\treturn (\r\n\t\t\t<MenuItem onClick={this.onClick} className={classes}>\r\n\t\t\t\t<div className=\"menu-item-row\">\r\n\t\t\t\t\t{showSpinner && <span className=\"fsbl-loader\">Loading...</span>}\r\n\t\t\t\t\t{!showSpinner && dragHandle && dragHandle.iconClass && <span className={dragHandle.iconClass}></span>}\r\n\t\t\t\t\t<span className=\"workspace-name\" title={workspace.name}>\r\n\t\t\t\t\t\t{workspace.name}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<div className=\"menu-item-row-push-right\">\r\n\t\t\t\t\t\t{!isActiveWorkspace && !workspace.permanent && <RemoveWorkspace workspace={workspace} />}\r\n\t\t\t\t\t\t<FavoriteMaker\r\n\t\t\t\t\t\t\tid={workspace.name}\r\n\t\t\t\t\t\t\tname={workspace.name}\r\n\t\t\t\t\t\t\tcategory={\"Workspace\"}\r\n\t\t\t\t\t\t\tclassName=\"menu-item-icon\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</MenuItem>\r\n\t\t);\r\n\t}\r\n}\r\n"]}

package/react/components/toolbar/workspaceManagementMenu/components/WorkspaceActions.d.ts

@@ -1,13 +1,18 @@
-export default class WorkspaceActions extends React.Component<any, any, any> {
-    constructor();
-    userActions: {
-        method: () => void;
-        label: string;
-        id: string;
-    }[];
+import React from "react";
+interface IProps {
+}
+declare type UserActionsType = {
+    method: () => void;
+    label: string;
+    id: string;
+};
+export default class WorkspaceActions extends React.Component<IProps> {
+    userActions: UserActionsType[];
+    constructor(props: IProps);
     createWorkspace(): void;
     saveWorkspace(): void;
     saveWorkspaceAs(): void;
     showPreferences(): void;
+    render(): JSX.Element;
 }
-import React from "react";
+export {};

package/react/components/toolbar/workspaceManagementMenu/components/WorkspaceActions.js

@@ -2,8 +2,8 @@ import React from "react";
 import { Actions as WorkspaceManagementMenuActions } from "../stores/workspaceManagementMenuStore";
 import { MenuItem } from "../../../menu/MenuItem";
 export default class WorkspaceActions extends React.Component {
-    constructor() {
-        super();
+    constructor(props) {
+        super(props);
         this.userActions = [
             {
                 method: this.createWorkspace,

package/react/components/toolbar/workspaceManagementMenu/components/WorkspaceActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceActions.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/workspaceManagementMenu/components/WorkspaceActions.jsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAY,OAAO,IAAI,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AAC7G,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,KAAK,CAAC,SAAS;IAC5D;QACC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,WAAW,GAAG;YAClB;gBACC,MAAM,EAAE,IAAI,CAAC,eAAe;gBAC5B,KAAK,EAAE,eAAe;gBACtB,EAAE,EAAE,cAAc;aAClB;YACD;gBACC,MAAM,EAAE,IAAI,CAAC,aAAa;gBAC1B,KAAK,EAAE,MAAM;gBACb,EAAE,EAAE,eAAe;aACnB;YACD;gBACC,MAAM,EAAE,IAAI,CAAC,eAAe;gBAC5B,KAAK,EAAE,SAAS;gBAChB,EAAE,EAAE,iBAAiB;aACrB;SACD,CAAC;IACH,CAAC;IAOD,eAAe;QACd,8BAA8B,CAAC,UAAU,EAAE,CAAC;QAC5C,8BAA8B,CAAC,YAAY,EAAE,CAAC;IAC/C,CAAC;IAOD,aAAa;QACZ,8BAA8B,CAAC,UAAU,EAAE,CAAC;QAC5C,8BAA8B,CAAC,aAAa,EAAE,CAAC;IAChD,CAAC;IAOD,eAAe;QACd,8BAA8B,CAAC,UAAU,EAAE,CAAC;QAC5C,8BAA8B,CAAC,eAAe,EAAE,CAAC;IAClD,CAAC;IAED,eAAe;QACd,8BAA8B,CAAC,UAAU,EAAE,CAAC;QAC5C,8BAA8B,CAAC,eAAe,EAAE,CAAC;IAClD,CAAC;IAQD,MAAM;QAIL,OAAO,CACN,6BAAK,SAAS,EAAC,kCAAkC,IAC/C,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACxC,oBAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,IAC1C,MAAM,CAAC,KAAK,CACH,CACX,CAAC,CACG,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n * This is the list of actions the user can take; it's placed above the list of workspaces..\r\n */\r\nimport React from \"react\";\r\nimport { getStore, Actions as WorkspaceManagementMenuActions } from \"../stores/workspaceManagementMenuStore\";\r\nimport { MenuItem } from \"../../../menu/MenuItem\";\r\nexport default class WorkspaceActions extends React.Component {\r\n\tconstructor() {\r\n\t\tsuper();\r\n\t\tthis.userActions = [\r\n\t\t\t{\r\n\t\t\t\tmethod: this.createWorkspace,\r\n\t\t\t\tlabel: \"New workspace\",\r\n\t\t\t\tid: \"NewWorkspace\",\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tmethod: this.saveWorkspace,\r\n\t\t\t\tlabel: \"Save\",\r\n\t\t\t\tid: \"SaveWorkspace\",\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tmethod: this.saveWorkspaceAs,\r\n\t\t\t\tlabel: \"Save as\",\r\n\t\t\t\tid: \"SaveWorkspaceAs\",\r\n\t\t\t},\r\n\t\t];\r\n\t}\r\n\r\n\t/**\r\n\t * Blurs window. Pops up a dialog asking for a name for the new workspace.\r\n\t *\r\n\t * @memberof WorkspaceActions\r\n\t */\r\n\tcreateWorkspace() {\r\n\t\tWorkspaceManagementMenuActions.blurWindow();\r\n\t\tWorkspaceManagementMenuActions.newWorkspace();\r\n\t}\r\n\r\n\t/**\r\n\t * Blurs window. Persists activeWorkspace to the storage.\r\n\t *\r\n\t * @memberof WorkspaceActions\r\n\t */\r\n\tsaveWorkspace() {\r\n\t\tWorkspaceManagementMenuActions.blurWindow();\r\n\t\tWorkspaceManagementMenuActions.saveWorkspace();\r\n\t}\r\n\r\n\t/**\r\n\t * Blurs window. Pops up a dialog asking for a name for the new workspace.\r\n\t *\r\n\t * @memberof WorkspaceActions\r\n\t */\r\n\tsaveWorkspaceAs() {\r\n\t\tWorkspaceManagementMenuActions.blurWindow();\r\n\t\tWorkspaceManagementMenuActions.saveWorkspaceAs();\r\n\t}\r\n\r\n\tshowPreferences() {\r\n\t\tWorkspaceManagementMenuActions.blurWindow();\r\n\t\tWorkspaceManagementMenuActions.showPreferences();\r\n\t}\r\n\r\n\t/**\r\n\t * Render method.\r\n\t *\r\n\t * @returns\r\n\t * @memberof WorkspaceActions\r\n\t */\r\n\trender() {\r\n\t\t/**\r\n\t\t * Iterates through the list of actions defined in the constructor, creating an `li` for each.\r\n\t\t */\r\n\t\treturn (\r\n\t\t\t<div className=\"menu-secondary workspace-actions\">\r\n\t\t\t\t{this.userActions.map((action, index) => (\r\n\t\t\t\t\t<MenuItem key={index} onClick={action.method}>\r\n\t\t\t\t\t\t{action.label}\r\n\t\t\t\t\t</MenuItem>\r\n\t\t\t\t))}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
+{"version":3,"file":"WorkspaceActions.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/workspaceManagementMenu/components/WorkspaceActions.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AACnG,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAQlD,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,KAAK,CAAC,SAAiB;IAGpE,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,WAAW,GAAG;YAClB;gBACC,MAAM,EAAE,IAAI,CAAC,eAAe;gBAC5B,KAAK,EAAE,eAAe;gBACtB,EAAE,EAAE,cAAc;aAClB;YACD;gBACC,MAAM,EAAE,IAAI,CAAC,aAAa;gBAC1B,KAAK,EAAE,MAAM;gBACb,EAAE,EAAE,eAAe;aACnB;YACD;gBACC,MAAM,EAAE,IAAI,CAAC,eAAe;gBAC5B,KAAK,EAAE,SAAS;gBAChB,EAAE,EAAE,iBAAiB;aACrB;SACD,CAAC;IACH,CAAC;IAOD,eAAe;QACd,8BAA8B,CAAC,UAAU,EAAE,CAAC;QAC5C,8BAA8B,CAAC,YAAY,EAAE,CAAC;IAC/C,CAAC;IAOD,aAAa;QACZ,8BAA8B,CAAC,UAAU,EAAE,CAAC;QAC5C,8BAA8B,CAAC,aAAa,EAAE,CAAC;IAChD,CAAC;IAOD,eAAe;QACd,8BAA8B,CAAC,UAAU,EAAE,CAAC;QAC5C,8BAA8B,CAAC,eAAe,EAAE,CAAC;IAClD,CAAC;IAED,eAAe;QACd,8BAA8B,CAAC,UAAU,EAAE,CAAC;QAC5C,8BAA8B,CAAC,eAAe,EAAE,CAAC;IAClD,CAAC;IAQD,MAAM;QAIL,OAAO,CACN,6BAAK,SAAS,EAAC,kCAAkC,IAC/C,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACxC,oBAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,IAC1C,MAAM,CAAC,KAAK,CACH,CACX,CAAC,CACG,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n * This is the list of actions the user can take; it's placed above the list of workspaces..\r\n */\r\nimport React from \"react\";\r\nimport { Actions as WorkspaceManagementMenuActions } from \"../stores/workspaceManagementMenuStore\";\r\nimport { MenuItem } from \"../../../menu/MenuItem\";\r\n\r\ninterface IProps {}\r\ntype UserActionsType = {\r\n\tmethod: () => void;\r\n\tlabel: string;\r\n\tid: string;\r\n};\r\nexport default class WorkspaceActions extends React.Component<IProps> {\r\n\tuserActions: UserActionsType[];\r\n\r\n\tconstructor(props: IProps) {\r\n\t\tsuper(props);\r\n\t\tthis.userActions = [\r\n\t\t\t{\r\n\t\t\t\tmethod: this.createWorkspace,\r\n\t\t\t\tlabel: \"New workspace\",\r\n\t\t\t\tid: \"NewWorkspace\",\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tmethod: this.saveWorkspace,\r\n\t\t\t\tlabel: \"Save\",\r\n\t\t\t\tid: \"SaveWorkspace\",\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tmethod: this.saveWorkspaceAs,\r\n\t\t\t\tlabel: \"Save as\",\r\n\t\t\t\tid: \"SaveWorkspaceAs\",\r\n\t\t\t},\r\n\t\t];\r\n\t}\r\n\r\n\t/**\r\n\t * Blurs window. Pops up a dialog asking for a name for the new workspace.\r\n\t *\r\n\t * @memberof WorkspaceActions\r\n\t */\r\n\tcreateWorkspace() {\r\n\t\tWorkspaceManagementMenuActions.blurWindow();\r\n\t\tWorkspaceManagementMenuActions.newWorkspace();\r\n\t}\r\n\r\n\t/**\r\n\t * Blurs window. Persists activeWorkspace to the storage.\r\n\t *\r\n\t * @memberof WorkspaceActions\r\n\t */\r\n\tsaveWorkspace() {\r\n\t\tWorkspaceManagementMenuActions.blurWindow();\r\n\t\tWorkspaceManagementMenuActions.saveWorkspace();\r\n\t}\r\n\r\n\t/**\r\n\t * Blurs window. Pops up a dialog asking for a name for the new workspace.\r\n\t *\r\n\t * @memberof WorkspaceActions\r\n\t */\r\n\tsaveWorkspaceAs() {\r\n\t\tWorkspaceManagementMenuActions.blurWindow();\r\n\t\tWorkspaceManagementMenuActions.saveWorkspaceAs();\r\n\t}\r\n\r\n\tshowPreferences() {\r\n\t\tWorkspaceManagementMenuActions.blurWindow();\r\n\t\tWorkspaceManagementMenuActions.showPreferences();\r\n\t}\r\n\r\n\t/**\r\n\t * Render method.\r\n\t *\r\n\t * @returns\r\n\t * @memberof WorkspaceActions\r\n\t */\r\n\trender() {\r\n\t\t/**\r\n\t\t * Iterates through the list of actions defined in the constructor, creating an `li` for each.\r\n\t\t */\r\n\t\treturn (\r\n\t\t\t<div className=\"menu-secondary workspace-actions\">\r\n\t\t\t\t{this.userActions.map((action, index) => (\r\n\t\t\t\t\t<MenuItem key={index} onClick={action.method}>\r\n\t\t\t\t\t\t{action.label}\r\n\t\t\t\t\t</MenuItem>\r\n\t\t\t\t))}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}

package/react/components/toolbar/workspaceManagementMenu/components/WorkspaceList.d.ts

@@ -1,9 +1,17 @@
-export default class WorkspaceList extends React.Component<any, any, any> {
-    constructor(props: any);
-    onDragEnd({ oldIndex, newIndex }: {
-        oldIndex: any;
-        newIndex: any;
-    }): void;
-    removeWorkspace(workspaceName: any): void;
-}
 import React from "react";
+import { Workspace as WorkspaceType } from "@finsemble/finsemble-core/src/common/workspace";
+interface IProps {
+    isSwitchingWorkspaces: boolean;
+    activeWorkspace: WorkspaceType;
+    workspaces: WorkspaceType[];
+}
+declare type ReorderType = {
+    oldIndex: number;
+    newIndex: number;
+};
+export default class WorkspaceList extends React.Component<IProps> {
+    constructor(props: IProps);
+    onDragEnd({ oldIndex, newIndex }: ReorderType): void;
+    render(): JSX.Element;
+}
+export {};

package/react/components/toolbar/workspaceManagementMenu/components/WorkspaceList.js

@@ -8,9 +8,6 @@ export default class WorkspaceList extends React.Component {
         super(props);
         this.onDragEnd = this.onDragEnd.bind(this);
     }
-    removeWorkspace(workspaceName) {
-        Actions.removeWorkspace(workspaceName);
-    }
     onDragEnd({ oldIndex, newIndex }) {
         Actions.reorderWorkspaceList({ oldIndex, newIndex });
     }

package/react/components/toolbar/workspaceManagementMenu/components/WorkspaceList.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceList.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/workspaceManagementMenu/components/WorkspaceList.jsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAGlF,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAS;IACzD,YAAY,KAAK;QAChB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;IAQD,eAAe,CAAC,aAAa;QAC5B,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;IACxC,CAAC;IAED,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE;QAC/B,OAAO,CAAC,oBAAoB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IACtD,CAAC;IAED,MAAM;QACL,MAAM,EAAE,qBAAqB,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC9D,IAAI,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,EAAE;YAE3D,IAAI,iBAAiB,GAAG,SAAS,CAAC,IAAI,KAAK,eAAe,CAAC,IAAI,CAAC;YAChE,MAAM,UAAU,GAAG,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;YAErD,OAAO,CACN,oBAAC,kBAAkB,IAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,WAAW,EAAE,SAAS,CAAC,IAAI;gBAChE,oBAAC,SAAS,IACT,GAAG,EAAE,CAAC,EACN,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,OAAO,CAAC,iBAAiB,EACrC,qBAAqB,EAAE,qBAAqB,GAC3C,CACkB,CACrB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,CACN,oBAAC,mBAAmB,IAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,SAAS,EAAC,gBAAgB,IACxE,UAAU,CACU,CACtB,CAAC;IACH,CAAC;CACD","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n * This is a list of workspaces that the user can click on, loading them.\r\n */\r\nimport React from \"react\";\r\nimport Workspace from \"./Workspace\";\r\nimport { Actions } from \"../stores/workspaceManagementMenuStore\";\r\nimport { FinsembleDraggable } from \"../../../legacyControls/FinsembleDraggable\";\r\nimport { FinsembleDnDContext } from \"../../../legacyControls/FinsembleDnDContext\";\r\nimport { FinsembleMenuSection } from \"../../../legacyControls/FinsembleMenuSection\";\r\n\r\nexport default class WorkspaceList extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.onDragEnd = this.onDragEnd.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * Removes a workspace.\r\n\t *\r\n\t * @param {any} workspaceName\r\n\t * @memberof WorkspaceManagementList\r\n\t */\r\n\tremoveWorkspace(workspaceName) {\r\n\t\tActions.removeWorkspace(workspaceName);\r\n\t}\r\n\r\n\tonDragEnd({ oldIndex, newIndex }) {\r\n\t\tActions.reorderWorkspaceList({ oldIndex, newIndex });\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { isSwitchingWorkspaces, activeWorkspace } = this.props;\r\n\t\tlet workspaces = this.props.workspaces.map((workspace, i) => {\r\n\t\t\t// Separate array for each workspace. This way, the activeWorkspace can be rendered without a trashcan.\r\n\t\t\tlet isActiveWorkspace = workspace.name === activeWorkspace.name;\r\n\t\t\tconst dragHandle = { iconClass: \"ff-adp-hamburger\" };\r\n\r\n\t\t\treturn (\r\n\t\t\t\t<FinsembleDraggable index={i} key={i} draggableId={workspace.name}>\r\n\t\t\t\t\t<Workspace\r\n\t\t\t\t\t\tkey={i}\r\n\t\t\t\t\t\tisActiveWorkspace={isActiveWorkspace}\r\n\t\t\t\t\t\tdragHandle={dragHandle}\r\n\t\t\t\t\t\tworkspace={workspace}\r\n\t\t\t\t\t\tmainAction={Actions.switchToWorkspace}\r\n\t\t\t\t\t\tisSwitchingWorkspaces={isSwitchingWorkspaces}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</FinsembleDraggable>\r\n\t\t\t);\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t<FinsembleDnDContext onDragEnd={this.onDragEnd} className=\"workspace-list\">\r\n\t\t\t\t{workspaces}\r\n\t\t\t</FinsembleDnDContext>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
+{"version":3,"file":"WorkspaceList.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/workspaceManagementMenu/components/WorkspaceList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAalF,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiB;IACjE,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;IAED,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAe;QAC5C,OAAO,CAAC,oBAAoB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IACtD,CAAC;IAED,MAAM;QACL,MAAM,EAAE,qBAAqB,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC9D,IAAI,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,EAAE;YAE3D,IAAI,iBAAiB,GAAG,SAAS,CAAC,IAAI,KAAK,eAAe,CAAC,IAAI,CAAC;YAChE,MAAM,UAAU,GAAG,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;YAErD,OAAO,CACN,oBAAC,kBAAkB,IAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,WAAW,EAAE,SAAS,CAAC,IAAI;gBAChE,oBAAC,SAAS,IACT,GAAG,EAAE,CAAC,EACN,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,OAAO,CAAC,iBAAiB,EACrC,qBAAqB,EAAE,qBAAqB,GAC3C,CACkB,CACrB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,CACN,oBAAC,mBAAmB,IAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,SAAS,EAAC,gBAAgB,IACxE,UAAU,CACU,CACtB,CAAC;IACH,CAAC;CACD","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n * This is a list of workspaces that the user can click on, loading them.\r\n */\r\nimport React from \"react\";\r\nimport Workspace from \"./Workspace\";\r\nimport { Actions } from \"../stores/workspaceManagementMenuStore\";\r\nimport { FinsembleDraggable } from \"../../../legacyControls/FinsembleDraggable\";\r\nimport { FinsembleDnDContext } from \"../../../legacyControls/FinsembleDnDContext\";\r\nimport { Workspace as WorkspaceType } from \"@finsemble/finsemble-core/src/common/workspace\";\r\n\r\ninterface IProps {\r\n\tisSwitchingWorkspaces: boolean;\r\n\tactiveWorkspace: WorkspaceType;\r\n\tworkspaces: WorkspaceType[];\r\n}\r\n\r\ntype ReorderType = {\r\n\toldIndex: number;\r\n\tnewIndex: number;\r\n};\r\nexport default class WorkspaceList extends React.Component<IProps> {\r\n\tconstructor(props: IProps) {\r\n\t\tsuper(props);\r\n\t\tthis.onDragEnd = this.onDragEnd.bind(this);\r\n\t}\r\n\r\n\tonDragEnd({ oldIndex, newIndex }: ReorderType) {\r\n\t\tActions.reorderWorkspaceList({ oldIndex, newIndex });\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { isSwitchingWorkspaces, activeWorkspace } = this.props;\r\n\t\tlet workspaces = this.props.workspaces.map((workspace, i) => {\r\n\t\t\t// Separate array for each workspace. This way, the activeWorkspace can be rendered without a trashcan.\r\n\t\t\tlet isActiveWorkspace = workspace.name === activeWorkspace.name;\r\n\t\t\tconst dragHandle = { iconClass: \"ff-adp-hamburger\" };\r\n\r\n\t\t\treturn (\r\n\t\t\t\t<FinsembleDraggable index={i} key={i} draggableId={workspace.name}>\r\n\t\t\t\t\t<Workspace\r\n\t\t\t\t\t\tkey={i}\r\n\t\t\t\t\t\tisActiveWorkspace={isActiveWorkspace}\r\n\t\t\t\t\t\tdragHandle={dragHandle}\r\n\t\t\t\t\t\tworkspace={workspace}\r\n\t\t\t\t\t\tmainAction={Actions.switchToWorkspace}\r\n\t\t\t\t\t\tisSwitchingWorkspaces={isSwitchingWorkspaces}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</FinsembleDraggable>\r\n\t\t\t);\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t<FinsembleDnDContext onDragEnd={this.onDragEnd} className=\"workspace-list\">\r\n\t\t\t\t{workspaces}\r\n\t\t\t</FinsembleDnDContext>\r\n\t\t);\r\n\t}\r\n}\r\n"]}

package/react/components/toolbar/workspaceManagementMenu/stores/workspaceManagementMenuStore.d.ts

@@ -1,16 +1,70 @@
-export const storeManager: StoreManager;
-declare let WorkspaceManagementGlobalStore: any;
-export function initialize(cb: any): void;
-declare let WorkspaceManagementStore: any;
-export let Actions: any;
-export function getStore(): any;
+import StoreModel from "@finsemble/finsemble-core/types/clients/StoreModel";
+import { StandardCallback, StandardError } from "@finsemble/finsemble-core/types/types";
+import { Workspace as WorkspaceType } from "@finsemble/finsemble-core/src/common/workspace";
+declare type StandardErrorCallback<R = any> = (err: StandardError, response?: R) => void;
+declare type UserInputResponseType = {
+    choice: string;
+    value?: string;
+};
+declare type SaveWorkspaceWaterfallParams = {
+    workspaceExists: boolean;
+    workspaceName: string;
+    template: any;
+};
+declare let WorkspaceManagementStore: StoreModel, WorkspaceManagementGlobalStore: StoreModel;
+declare const Actions: {
+    autoSave: (callback: StandardCallback) => void;
+    initialize: () => void;
+    getActiveWorkspace: () => WorkspaceType;
+    getWorkspaceBeingEdited: () => string;
+    getWorkspaceList: () => WorkspaceType[];
+    getIsSwitchingWorkspaces: () => boolean;
+    setIsSwitchingWorkspaces: (val: boolean) => void;
+    getIsPromptingUser: () => boolean;
+    setIsPromptingUser: (val: boolean) => void;
+    newWorkspace: () => void;
+    removeWorkspace: (data: {
+        name: string;
+        hideModalOnClose?: boolean;
+    }, cb?: (val: any) => void) => void;
+    saveWorkspace: (cb?: StandardErrorCallback<any> | undefined) => void;
+    reorderWorkspaceList: ({ oldIndex, newIndex }: {
+        oldIndex: number;
+        newIndex: number;
+    }) => void;
+    renameWorkspace: ({ oldName, newName }: {
+        oldName: string;
+        newName: string;
+    }) => void;
+    showPreferences: () => void;
+    saveWorkspaceAs: () => void;
+    switchToWorkspace: ({ name }: {
+        name: string;
+    }) => Promise<void>;
+    onAsyncComplete(err?: Error | null | undefined): void;
+    notifyUserOfNewWorkspace: () => void;
+    spawnDialog(type: "yesNo" | "singleInput" | "inputAndSelection", data: any, responseCallback: StandardErrorCallback): void;
+    spawnSaveAsDialog: (cb: StandardCallback) => void;
+    spawnWorkspaceInputField: (cb: StandardCallback) => void;
+    askIfUserWantsToSave: (callback: StandardCallback) => Promise<unknown>;
+    handleSaveDialogResponse(response: UserInputResponseType, callback: StandardErrorCallback): void;
+    validateWorkspaceInput(response: UserInputResponseType, callback: StandardErrorCallback): void;
+    askAboutOverwrite(params: SaveWorkspaceWaterfallParams, callback: StandardErrorCallback): void;
+    askIfUserWantsNewWorkspace(params: SaveWorkspaceWaterfallParams, callback: StandardErrorCallback): void;
+    checkIfWorkspaceAlreadyExists(response: any, callback: StandardErrorCallback): void;
+    blurWindow: () => void;
+};
+declare function initialize(cb: any): void;
+declare let getStore: () => StoreModel;
 declare class StoreManager {
     initialized: boolean;
     initializing: boolean;
-    callbacks: any[];
-    store: any;
+    callbacks: Function[];
+    store: StoreModel | null;
+    constructor();
     initialize(): void;
-    addInitializedListener(cb: any): any;
-    removeInitializedListener(cb: any): void;
+    addInitializedListener(cb: (store: StoreModel) => void): void;
+    removeInitializedListener(cb: Function): void;
 }
-export { WorkspaceManagementGlobalStore as GlobalStore, WorkspaceManagementStore as Store };
+declare const storeManager: StoreManager;
+export { storeManager, WorkspaceManagementGlobalStore as GlobalStore, initialize, WorkspaceManagementStore as Store, Actions, getStore, };