@cocalc/static
Version:
CoCalc's static frontend Webpack-based build system and framework
1 lines • 26.7 kB
JavaScript
;(self.webpackChunk_cocalc_static=self.webpackChunk_cocalc_static||[]).push([[5382],{43711:(e,t,n)=>{n.d(t,{O:()=>s});var r=n(80101),o=n(429),a=n(63505);function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){l(e,t,n[t])}))}return e}var c={padding:"10px 25px 5px",overflowY:"auto"},u={border:"1px solid rgb(207, 207, 207)",borderRadius:"2px",padding:"5px 25px"};function s(e){var t,n,l=e.font_size,s=(0,o.M2)(["introspect"]);return a.createElement("div",{style:c},a.createElement("div",{style:(t=i({},u),n={fontSize:l},n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})),t)},function(){if(null!=s){var e=s.get("found");return null==e||e?a.createElement(r.p,{message:s}):a.createElement("div",null,"Nothing found")}}()))}},49794:(e,t,n)=>{n.d(t,{o:()=>a});var r=n(32295),o=n(19990),a=r.React.memo((function(e){var t=e.font_size,n=e.actions;(0,r.useEffect)((function(){setTimeout((function(){return n.updateTableOfContents(!0)}))}),[]);var a=(0,r.useRedux)([n.name,"contents"]);return r.React.createElement(o.TableOfContents,{contents:a,style:{fontSize:"".concat(t-6,"px")},scrollTo:n.scrollToHeading.bind(n)})}))},35382:(e,t,n)=>{n.r(t),n.d(t,{EDITOR_SPEC:()=>Pt,Editor:()=>St,whiteboardButtons:()=>jt});var r=n(28459),o=n(24620),a=n(96396),l=n(63697),i=n(43711),c=n(49794),u=n(63505),s=n(32295),f=n(19990),p=n(29534),d=n(64677),m=n(572),y=n(5411),v=n(36134),b=n(15690),h=n(72490),g=n(4160),w=n(63505);function O(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){O(e,t,n[t])}))}return e}function E(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}var j="note";function P(){return w.createElement(v.ZP,{tool:j,presetManager:z,Preview:k,ButtonPreview:C,buttonTitle:function(e){var t=e.fontSize,n=e.fontFamily,r=e.color;return"Font size: ".concat(null!=t?t:b.n5,"px")+(n?"; Font family: ".concat(n):"")+(r?"; Color: ".concat(r):"")},style:{width:"138px"},editParamsStyle:{left:"145px"},editableParams:new Set(["fontSize","fontFamily","color"])})}for(var S=[],_=0;_<b.F$.length;_++)S.push({color:b.F$[_]});var z=(0,v.An)(j,S);function k(e){var t=e.fontSize,n=e.fontFamily,r=e.color;return w.createElement("div",{style:E(x({},h.B),{margin:"auto",padding:"15px",background:r,width:"200px",height:"125px",fontSize:"".concat(null!=t?t:b.n5,"px"),fontFamily:n,color:(0,g.d)(r),overflow:"hidden"})},"Note")}function C(e){var t=e.fontFamily,n=e.color;return w.createElement("div",{style:E(x({},h.B),{padding:0,margin:0,background:n,width:"50px",height:"25px",fontSize:"14px",fontFamily:t,color:(0,g.d)(n),overflow:"hidden"})},"Note")}var T=n(63505),A="text";function D(){return T.createElement(v.ZP,{tool:A,presetManager:Z,Preview:R,ButtonPreview:I,buttonTitle:function(e){var t=e.fontSize,n=e.fontFamily,r=e.color;return"Font size: ".concat(t,"px")+(n?"; Font family: ".concat(n):"")+(r?"; Color: ".concat(r):"")},style:{width:"120px"},editParamsStyle:{left:"129px"},editableParams:new Set(["fontSize","fontFamily","color"])})}for(var F=[],M=0;M<y.DM.length;M++)F.push({color:y.DM[M]});var Z=(0,v.An)(A,F);function R(e){var t=e.fontSize,n=e.fontFamily,r=e.color,o=null!=t?t:b.n5;return T.createElement("div",{style:{margin:"auto",width:"200px",height:"".concat(o+20,"px"),fontSize:"".concat(o,"px"),fontFamily:n,color:r,textAlign:"center"}},"Text")}function I(e){var t=e.fontFamily,n=e.color;return T.createElement("div",{style:{width:"40px",fontSize:"14px",fontWeight:"bold",fontFamily:t,color:n}},"Text")}var B=n(63505),J=["#ccc"].concat(y.DM.slice(0,y.DM.length-1)),N="code";function W(){return B.createElement(v.ZP,{tool:N,presetManager:$,Preview:U,ButtonPreview:Y,buttonTitle:function(e){var t=e.fontSize,n=e.radius,r=e.color;return"Font size: ".concat(null!=t?t:b.n5,"px")+(r?"; Border: ".concat(r):"")+(n?"; Width: ".concat(2*n,"px"):"")},style:{width:"138px"},editParamsStyle:{left:"145px"},editableParams:new Set(["fontSize","radius","color"])})}for(var L=[],V=0;V<J.length;V++)L.push({color:J[V],radius:.5});var $=(0,v.An)(N,L);function U(e){var t=e.fontSize,n=e.radius,r=void 0===n?1:n,o=e.color;return B.createElement("div",{style:{border:"".concat(2*r,"px solid ").concat(o),borderRadius:"3px",margin:"auto",padding:"5px",width:"200px",fontSize:"".concat(null!=t?t:b.n5,"px"),overflow:"hidden"}},B.createElement("pre",null,"a = 2\nb = 3\na + b"))}function Y(e){var t=e.radius,n=void 0===t?1:t,r=e.color;return B.createElement("div",{style:{padding:0,margin:0,border:"".concat(2*n,"px solid ").concat(r),width:"50px",height:"25px",fontSize:"14px",overflow:"hidden"}},"2+3")}for(var H=n(52224),q=n(63505),G=["thumbs-up","thumbs-down","question-circle","heart","star","plus-one","jupyter","smile","frown","fire","sagemath","tex","bolt","graduation-cap","python","r","calculator","cocalc-ring","hand","exchange","exclamation-triangle","user","cube","dot-circle"],K=[],Q=0;Q<G.length;Q++)K.push({icon:G[Q],fontSize:24});var X="icon";function ee(){return q.createElement(v.ZP,{tool:X,presetManager:te,Preview:ne,ButtonPreview:re,buttonTitle:function(e){var t=e.icon,n=e.fontSize;return"".concat((0,o.capitalize)(t))+(n?", Size: ".concat(n,"px"):"")},editableParams:new Set(["icon","fontSize","color"]),style:{width:"145px"},editParamsStyle:{width:"350px",left:"154px"}})}var te=(0,v.An)(X,K);function ne(e){var t=e.icon,n=e.fontSize,r=e.color;return q.createElement("div",{style:{textAlign:"center"}},q.createElement(H.JO,{name:t,style:{color:r,fontSize:n}}))}function re(e){var t=e.icon,n=e.color;return q.createElement("div",{style:{color:n,width:"30px",height:"30px",textAlign:"center"}},q.createElement(H.JO,{name:t,style:{fontSize:"24px"}}))}var oe=n(71308),ae=n(63505);function le(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ie(){return ie=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ie.apply(this,arguments)}function ce(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){le(e,t,n[t])}))}return e}for(var ue=["#252937","#db482d","#002bdb"],se=[],fe=0,pe=[null,60];fe<pe.length;fe++){var de=pe[fe],me=!0,ye=!1,ve=void 0;try{for(var be,he=ue[Symbol.iterator]();!(me=(be=he.next()).done);me=!0){var ge=be.value;se.push(ce({color:ge},de?{countdown:de}:void 0))}}catch(e){ye=!0,ve=e}finally{try{me||null==he.return||he.return()}finally{if(ye)throw ve}}}var we="timer";function Oe(){return ae.createElement(v.ZP,{tool:we,presetManager:xe,Preview:Ee,ButtonPreview:je,buttonTitle:function(e){return null!=e.countdown?"Countdown Timer":"Stopwatch"},editableParams:new Set(["fontSize","fontFamily","color","countdown"]),style:{width:"110px"},editParamsStyle:{left:"120px"}})}var xe=(0,v.An)(we,se);function Ee(e){var t=e.fontFamily,n=e.fontSize,r=e.color,o=e.countdown;return ae.createElement("div",{style:{textAlign:"center",fontSize:n?"".concat(n,"px"):void 0,color:r}},ae.createElement(oe.A,{countdown:o})," ",ae.createElement(oe.J,{style:{fontFamily:t},amount:null==o?0:1e3*o,compact:!0}))}function je(e){var t=e.fontFamily,n=e.color,r=e.countdown;return ae.createElement(Ee,ie({},{fontFamily:t,color:n,countdown:r}))}for(var Pe,Se,_e,ze=n(67304),ke=n(63505),Ce=["#252937","#95067a","#2b6855","#db3e00","#009ac1","#fcb900"],Te=[.5,2],Ae=Ce.length*Te.length,De=[],Fe=0;Fe<Ae;Fe++)De.push((void 0,void 0,{radius:null!==(Se=Te[(Pe=Fe)%Te.length])&&void 0!==Se?Se:b.O2,color:null!==(_e=Ce[Math.floor(Pe/Te.length)%Ce.length])&&void 0!==_e?_e:"#000"}));var Me="edge";function Ze(){return ke.createElement(v.ZP,{tool:Me,presetManager:Re,Preview:Ie,buttonTitle:function(e){var t=e.color,n=e.radius,r=e.opacity;return"Color: ".concat(t,", Radius: ").concat(n,"px")+(r?", Opacity: ".concat(r):"")},editableParams:new Set(["radius","color","opacity"]),style:{width:"100px"},presetStyle:{marginTop:"-14px"},editParamsStyle:{left:"108px"}})}var Re=(0,v.An)(Me,De);function Ie(e){var t=e.radius,n=e.color,r=e.opacity;return ke.createElement("div",{style:{width:"".concat(2*(b.C7+1),"px"),height:"".concat(2*(b.C7+1),"px"),paddingTop:"".concat(b.C7+1-t,"px"),opacity:r}},ke.createElement("div",{style:{width:"100%",height:"".concat(2*Math.min(t,b.C7),"px"),background:n}}))}var Be=n(50330),Je=n(54822),Ne=n(19146),We=n(56393),Le=n(63505);function Ve(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function $e(e){var t=e.children,n=e.evtToDataRef,r=e.readOnly,a=(0,Je.s)(),l=a.actions,i=a.path,c=a.project_id,s=a.id,f=(0,u.useRef)(null);if(r)return Le.createElement(Le.Fragment,null,t);var p=(0,o.aux_file)(i,"upload"),d=p.lastIndexOf("/"),m=-1==d?p:p.slice(d+1),y={sending:function(e){var t=e.name;l.set_status("Uploading ".concat(t,"..."))},complete:function(e,t){var r,o;l.set_status("");var a,i,c,u=null!==(o=null===(r=n.current)||void 0===r?void 0:r.call(n,t))&&void 0!==o?o:{x:0,y:0},f=(0,We.join)(m,e.name);a=-1==e.type.indexOf("image")?'<a href="'.concat(f,'">').concat(f,"</a>"):'<img src="'.concat(f,'" style="object-fit:cover"/>'),l.createElement(s,(i=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){Ve(e,t,n[t])}))}return e}({},u),c=null!=(c={type:"text",str:a})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(c)):function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(c)).forEach((function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(c,e))})),i))}};return Le.createElement(Ne.DT,{className:"smc-vfill",project_id:c,dest_path:p,event_handlers:y,style:{height:"100%",width:"100%"},dropzone_ref:f,show_upload:!1,trackMouse:!0},t)}var Ue=n(86871),Ye=n(24809),He=n(77441),qe=n(80719),Ge=n(13414),Ke=n(83772),Qe=n(63505);function Xe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function et(e,t,n,r,o,a,l){try{var i=e[a](l),c=i.value}catch(e){return void n(e)}i.done?t(c):Promise.resolve(c).then(r,o)}function tt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function nt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){tt(e,t,n[t])}))}return e}function rt(){var e,t,n=(0,He.Z)(),r=(0,Je.s)(),o=r.project_id,a=r.path,l=r.desc,i=r.id,c=r.actions,s=(e=(0,u.useState)(null),t=2,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);l=!0);}catch(e){i=!0,o=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Xe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Xe(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),f=s[0],p=s[1];if((0,u.useEffect)((function(){var e;(e=function(){var e;return function(e,t){var n,r,o,a,l={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function i(a){return function(i){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;l;)try{if(n=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return l.label++,{value:a[1],done:!1};case 5:l.label++,r=a[1],a=[0];continue;case 7:a=l.ops.pop(),l.trys.pop();continue;default:if(!((o=(o=l.trys).length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){l=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){l.label=a[1];break}if(6===a[0]&&l.label<o[1]){l.label=o[1],o=a;break}if(o&&l.label<o[2]){l.label=o[2],l.ops.push(a);break}o[2]&&l.ops.pop(),l.trys.pop();continue}a=t.call(e,l)}catch(e){a=[6,e],r=0}finally{n=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,i])}}}(this,(function(t){switch(t.label){case 0:return[4,(0,Ge.Po)({project_id:o,path:a})];case 1:return e=t.sent(),n.current?(p(e.jupyter_actions),[2]):[2]}}))},function(){var t=this,n=arguments;return new Promise((function(r,o){var a=e.apply(t,n);function l(e){et(a,r,o,l,i,"next",e)}function i(e){et(a,r,o,l,i,"throw",e)}l(void 0)}))})()}),[]),null==f)return null;var d=f.store.get("backend_state");return"code"==l.get("selectedTool")||null!=d&&"ready"!=d&&"init"!=d||c.selectionContainsCellOfType(i,"code")?Qe.createElement(ot,{actions:f}):null}function ot(e){var t,n,r=e.actions,o=(0,Je.s)(),a=o.project_id,l=o.path,i=(0,s.useRedux)([r.name,"show_kernel_selector"]);return Qe.createElement("div",{style:nt((t=nt({},m.Vv),n={maxWidth:"calc(100vw - 200px)",padding:"0 5px 2px 5px",fontSize:"14px",right:0},n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})),t),i?{bottom:"10px",top:"10px",overflowY:"auto"}:void 0)},Qe.createElement("div",{style:{display:"flex"}},Qe.createElement("div",{style:{flex:1}}),Qe.createElement("div",null,Qe.createElement(qe.M,{actions:r})),Qe.createElement(Ue.Z,{title:Qe.createElement(Qe.Fragment,null,Qe.createElement(H.JO,{name:"jupyter"})," Jupyter Notebook"),content:Qe.createElement("div",{style:{maxWidth:"300px"}},"Code in this whiteboard is copied to a Jupyter notebook and executed; click here to open that notebook. Do ",Qe.createElement("b",null,"not")," expect to be able to edit code in that notebook and have changes reflected in the whiteboard.")},Qe.createElement(Ye.Z,{style:{color:"#666"},size:"small",onClick:function(){(0,Ge.pz)({project_id:a,path:l})}},Qe.createElement(H.JO,{name:"external-link"})))),i&&Qe.createElement(Ke.L,{actions:r}))}var at=n(63505);function lt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var it=n(4668),ct=n(3455),ut=n(19303),st=n(93654),ft=n(90303),pt=n(39530),dt=n(20812),mt=n(75087),yt=n(63505);function vt(){return vt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},vt.apply(this,arguments)}var bt=n(83389),ht=n(63505);function gt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function wt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ot(){return Ot=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ot.apply(this,arguments)}function xt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){wt(e,t,n[t])}))}return e}function Et(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);l=!0);}catch(e){i=!0,o=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return gt(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?gt(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var jt=(0,o.set)(["decrease_font_size","increase_font_size","zoom_page_width","save","time_travel","undo","redo","cut","copy","paste","show_table_of_contents","help"]),Pt={whiteboard:{short:"Whiteboard",name:"Whiteboard",icon:"file-image",component:function(){var e,t,n=(0,Je.s)(),r=n.isFocused,o=n.path,a=n.project_id,l=n.desc,i=n.font_size,c=(0,s.useEditorRedux)({project_id:a,path:o}),v=c("is_loaded"),b=c("read_only"),h=c("pages"),g=c("elements"),w=(0,u.useMemo)((function(){var e,t;return null!==(t=(0,p.elementsList)(null==h?void 0:h.get(null!==(e=l.get("page"))&&void 0!==e?e:1)))&&void 0!==t?t:[]}),[null==h?void 0:h.get(null!==(t=l.get("page"))&&void 0!==t?t:1)]);(0,Je.T)(h);var O,x=c("cursors"),E=(0,u.useMemo)((function(){var e,t,n={},r=!0,o=!1,a=void 0;try{for(var l,i=x[Symbol.iterator]();!(r=(l=i.next()).done);r=!0){var c,u=(e=l.value,t=2,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);l=!0);}catch(e){i=!0,o=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return lt(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?lt(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),s=u[0],f=u[1],p=null==f?void 0:f.toJS(),d=null==p||null===(c=p[0])||void 0===c?void 0:c.id;null!=d&&(null==n[d]&&(n[d]={}),n[d][s]=p)}}catch(e){o=!0,a=e}finally{try{r||null==i.return||i.return()}finally{if(o)throw a}}return n}),[x]),j=null!==(O=l.get("selectedTool"))&&void 0!==O?O:"select",S=(0,u.useRef)(null),_=(0,u.useRef)(null);if(!v||null==w)return at.createElement("div",{style:{fontSize:"40px",textAlign:"center",padding:"15px",color:"#999"}},at.createElement(f.Loading,null));var z,k=l.get("selectedTool");return at.createElement("div",{className:"smc-vfill",style:{position:"relative"},ref:_},r&&at.createElement(at.Fragment,null,!b&&at.createElement(rt,null),at.createElement(m.ZP,{selectedTool:null!=k?k:"select",readOnly:b}),!l.get("selectedToolHidePanel")&&at.createElement(at.Fragment,null,"pen"==k&&at.createElement(y.ZP,null),"note"==k&&at.createElement(P,null),"text"==k&&at.createElement(D,null),"code"==k&&at.createElement(W,null),"icon"==k&&at.createElement(ee,null),"timer"==k&&at.createElement(Oe,null),"frame"==k&&at.createElement(ze.ZP,null),"edge"==k&&at.createElement(Ze,null)),at.createElement(Be.Z,{fontSize:i,elements:w,elementsMap:g,whiteboardDivRef:_})),at.createElement($e,{evtToDataRef:S,readOnly:b},at.createElement(d.Z,{elements:w,elementsMap:g,font_size:i,selection:"select"==j?new Set(null!==(z=null===(e=l.get("selection"))||void 0===e?void 0:e.toJS())&&void 0!==z?z:[]):void 0,selectedTool:j,evtToDataRef:S,readOnly:b,cursors:E})))},buttons:jt},search:{short:"Search",name:"Search",icon:"search",component:function(){var e=(0,Je.s)(),t=e.actions,n=e.id,r=e.project_id,o=e.path,a=e.desc,l=(0,s.useEditorRedux)({project_id:r,path:o}),i=(0,pt.eo)(a.get("font_size")),c=l("is_loaded"),p=l("read_only"),d=p?ft.Z:st.Z;(0,u.useEffect)((function(){null!=a.get("pages")&&t.setPages(n,null)}),[a]);var m,y=l("elements"),v=(0,u.useMemo)((function(){var e;if(null!=y){var t=null===(e=a.get("search"))||void 0===e?void 0:e.toLowerCase().trim();return(0,mt.Z)(y,t)}}),[y,a.get("search")]),b=(0,ut.Z)({cacheId:"whiteboard-search-".concat(r,"-").concat(o,"-").concat(a.get("id"))});return c?yt.createElement("div",{className:"smc-vfill"},yt.createElement(it.Z.Search,{allowClear:!0,placeholder:"Search (use /re/ for regexp)...",style:{width:"100%",padding:"10px 15px"},defaultValue:a.get("search"),onChange:(0,dt.debounce)((function(e){t.setSearch(n,e.target.value)}),250)}),yt.createElement("div",{style:{height:"100%"}},yt.createElement(ct.OO,vt({style:{marginBottom:"10px"},increaseViewportBy:500,totalCount:(null!==(m=null==v?void 0:v.length)&&void 0!==m?m:0)+1,itemContent:function(e){var n;if(e>=(null!==(n=null==v?void 0:v.length)&&void 0!==n?n:0))return yt.createElement("div",{style:{height:"".concat(50/i,"px")}});var r,o,a=null==v?void 0:v[e];return null==a?yt.createElement("div",{style:{height:"1px"}}):yt.createElement("div",{style:{height:"".concat(((null!==(r=a.h)&&void 0!==r?r:0)+20)*i,"px"),margin:"5px",overflow:"hidden"}},yt.createElement("div",{onClick:function(){var e=t.show_focused_frame_of_type("whiteboard");e&&(t.centerElement(a.id,e),t.zoom100(e))},style:{transform:"scale(".concat(i,")"),transformOrigin:"top left",cursor:"pointer",position:"relative",width:"".concat((null!==(o=a.w)&&void 0!==o?o:0)+5,"px")}},yt.createElement("div",{style:{pointerEvents:"none"}},yt.createElement(d,{element:a,canvasScale:i,readOnly:p}))))}},b)))):yt.createElement(f.Loading,{theme:"medium"})},buttons:(0,o.set)(["decrease_font_size","increase_font_size","set_zoom"])},pages:{short:"Pages",name:"Pages",icon:"files",component:function(){var e,t=(0,Je.s)(),n=t.actions,r=t.id,o=t.project_id,a=t.path,l=t.desc,i=(0,s.useEditorRedux)({project_id:o,path:a}),c=Et((0,u.useState)(200),2),d=c[0],m=c[1],y=Et((0,u.useState)(200),2),v=y[0],b=y[1],h=i("is_loaded"),g=i("pages"),w=i("elements"),O=null!==(e=null==g?void 0:g.size)&&void 0!==e?e:1,x=(0,ut.Z)({cacheId:"whiteboard-pages-".concat(o,"-").concat(a,"-").concat(l.get("id"))}),E=(0,u.useRef)(null),j=(0,bt.Z)({ref:E});if((0,u.useEffect)((function(){var e=E.current;if(null!=e){var t=e.getBoundingClientRect().width;b(t),m(t)}}),[j]),(0,u.useEffect)((function(){null!=l.get("viewport")&&n.saveViewport(r,null),null!=l.get("pages")&&n.setPages(r,null)}),[l]),!h)return ht.createElement(f.Loading,{theme:"medium"});var P={cursor:"pointer",width:"".concat(v-30,"px"),margin:"0 auto",padding:"".concat(20,"px 0"),position:"relative",overflow:"hidden"};return ht.createElement("div",{className:"smc-vfill",ref:E,style:{background:"#eee"}},ht.createElement(ct.OO,Ot({style:{width:"100%",height:"100%",marginBottom:"10px"},totalCount:O+1,increaseViewportBy:1.5*d,itemContent:function(e){if(e==(null!=O?O:1))return ht.createElement("div",{style:(t=xt({},P),r={textAlign:"center"},r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})),t)},ht.createElement(Ue.Z,{title:"Create a new page",content:ht.createElement("div",{style:{maxWidth:"400px"}},"Each page is an independent infinite whiteboard canvas. Click this button to create a new page. Easily jump between pages by clicking on a page here.")},ht.createElement(Ye.Z,{shape:"round",size:"large",onClick:function(){var e=n.show_focused_frame_of_type("whiteboard");n.newPage(e),setTimeout((function(){n.show_focused_frame_of_type("whiteboard")}),0)}},ht.createElement(H.JO,{name:"plus-circle"})," New")));var t,r,o,a=null!==(o=(0,p.elementsList)(null==g?void 0:g.get(e+1)))&&void 0!==o?o:[];return null==a?ht.createElement("div",{style:{height:"1px"}}):ht.createElement("div",{onClick:function(){var t=n.show_focused_frame_of_type("whiteboard");n.setPage(t,e+1)},style:xt({},P)},ht.createElement(Be.g,{margin:15,elements:a,elementsMap:w,width:v-30,navMap:"page",style:{pointerEvents:"none",background:"white",border:"1px solid #ccc",borderRadius:"5px"},maxScale:2}),ht.createElement("div",{style:{textAlign:"center",fontSize:"10pt"}},e+1))}},x)))}},terminal:a.terminal,time_travel:l.Y,introspect:{short:"Introspect",name:"Introspection",icon:"info",component:i.O,buttons:(0,o.set)(["decrease_font_size","increase_font_size","set_zoom"])},whiteboard_table_of_contents:{short:"Contents",name:"Table of Contents",icon:"align-right",component:c.o,buttons:(0,o.set)(["decrease_font_size","increase_font_size"])}},St=(0,r.J)({format_bar:!1,editor_spec:Pt,display_name:"Whiteboard"})}}]);