@decafhub/decaf-react-webapp 0.0.9 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/index.js +1 -1
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.modern.mjs +1 -1
  5. package/dist/index.modern.mjs.map +1 -1
  6. package/dist/index.module.js +1 -1
  7. package/dist/index.module.js.map +1 -1
  8. package/dist/index.umd.js +1 -1
  9. package/dist/index.umd.js.map +1 -1
  10. package/dist/utils.d.ts +3 -2
  11. package/dist/utils.d.ts.map +1 -1
  12. package/package.json +1 -1
package/dist/index.umd.js CHANGED
@@ -1,2 +1,2 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@ant-design/icons"),require("@decafhub/decaf-react"),require("@emotion/react"),require("@emotion/styled"),require("antd"),require("antd/dist/reset.css"),require("react"),require("react-router-dom"),require("html2canvas")):"function"==typeof define&&define.amd?define(["exports","@ant-design/icons","@decafhub/decaf-react","@emotion/react","@emotion/styled","antd","antd/dist/reset.css","react","react-router-dom","html2canvas"],t):t((e||self).decafReactWebapp={},e.icons,e.decafReact,e.react,e.styled,e.antd,0,e.react,e.reactRouterDom,e.html2Canvas)}(this,function(e,t,n,o,l,a,r,c,i,d){function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=/*#__PURE__*/u(l),f=/*#__PURE__*/u(c),m=/*#__PURE__*/u(d);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},p.apply(this,arguments)}function g(){return f.default.createElement(a.Result,{status:"404",title:"404",subTitle:"Sorry, the page you visited does not exist."})}function b(){return f.default.createElement(a.Result,{status:"500",title:"Error",subTitle:f.default.createElement(f.default.Fragment,null,f.default.createElement(a.Typography,null,"Something went wrong. Please try again later. If the problem persists, please contact the administrator."),f.default.createElement(i.Link,{to:"/"},f.default.createElement(a.Button,{style:{marginTop:20}},"Back Home")))})}function h(){return f.default.createElement("div",null,f.default.createElement(a.Button,{title:"Scroll to top",type:"text",size:"small",onClick:function(){return window.scrollTo({top:0,behavior:"smooth"})},icon:f.default.createElement(t.UpOutlined,null)}),f.default.createElement(a.Button,{title:"Scroll to bottom",type:"text",size:"small",onClick:function(){return window.scrollTo({top:document.body.scrollHeight,behavior:"smooth"})},icon:f.default.createElement(t.DownOutlined,null)}))}function E(e){var n=function(){try{var e=document.getElementById("decaf-footer");return null==e||e.style.setProperty("display","none"),Promise.resolve(m.default(document.body)).then(function(t){var n=t.toDataURL("image/png");null==e||e.style.setProperty("display","block");var o=document.createElement("a");o.download="screenshot.png",o.href=n,o.click(),o.remove()})}catch(e){return Promise.reject(e)}};return e.triggerNode?f.default.cloneElement(e.triggerNode,{onClick:n}):f.default.createElement(a.Button,{title:"Take a screenshot of the current page",type:"text",size:"small",icon:f.default.createElement(t.CameraOutlined,null),onClick:n})}function w(e){var t=e.split("/"),n=t.indexOf("webapps");return-1===n?"":t.slice(n+3).join("/")}function y(){var e,n,o,l=-1===(n=(e=window.location.href.split("/")).indexOf("webapps"))?"":e[n+1],r=function(e){var t=window.location.href.split("/"),n=t.indexOf("webapps");return-1===n?"":t[n+2]}(),c=function(e){return e.startsWith("preview-")&&e.length>8}(o=r)?"preview":function(e){return e.startsWith("v")&&e.length>1}(o)?"release":o,i=[{code:"development",name:"Development Version",color:"red",url:"/webapps/"+l+"/development/"+w(window.location.href),show:"development"===process.env.NODE_ENV},{code:"testing",name:"Testing Version",color:"orange",url:"/webapps/"+l+"/testing/"+w(window.location.href),show:!0},{code:"staging",name:"Staging Version",color:"yellow",url:"/webapps/"+l+"/staging/"+w(window.location.href),show:!0},{code:"production",name:"Production Version",color:"green",url:"/webapps/"+l+"/production/"+w(window.location.href),show:!0},{code:"preview",name:"Preview Version",color:"grey",url:"/",show:!1},{code:"release",name:"Release Version",color:"grey",url:"/",show:!1}],d=i.find(function(e){return e.code===c});return d?f.default.createElement(a.Dropdown,{placement:"top",arrow:!0,menu:{items:i.filter(function(e){return e.show}).map(function(e){return{key:e.name,label:f.default.createElement("span",null,f.default.createElement("i",{className:"dot "+e.color})," ",e.name),onClick:function(){window.location.href=e.url}}})}},f.default.createElement(a.Button,{type:"text",size:"small"},f.default.createElement("div",{style:{display:"flex",alignItems:"center"}},f.default.createElement("i",{className:"dot "+(null==d?void 0:d.color),style:{marginRight:5}}),"production"!==d.code&&f.default.createElement("span",{style:{marginRight:5}},"You are on ",f.default.createElement("b",null,d.name)),f.default.createElement(t.CaretUpOutlined,null)))):null}function v(){var e=n.useDecaf(),o=e.me,l=e.publicConfig,r=c.useState(!1),i=r[0],d=r[1];return c.useEffect(function(){if(l.zendesk&&"undefined"!=typeof document){var e=document.createElement("script");return e.src="https://static.zdassets.com/ekr/snippet.js?key="+l.zendesk,e.async=!0,e.id="ze-snippet",e.onload=function(){window.zE("webWidget","hide"),window.zE("webWidget:on","open",function(){window.zE("webWidget","show"),d(!0)}),window.zE("webWidget:on","close",function(){window.zE("webWidget","hide"),d(!1)})},document.body.appendChild(e),window.zESettings={webWidget:{offset:{horizontal:-7,vertical:20}},contactForm:{subject:!0,fields:[{id:"name",prefill:{"*":o.fullname}},{id:"email",prefill:{"*":o.email}}]}},function(){document.body.removeChild(e)}}},[l,o]),l.zendesk?f.default.createElement(a.Button,{size:"small",icon:f.default.createElement(t.QuestionCircleOutlined,null),onClick:function(){i?null==window.zE||window.zE("webWidget","close"):null==window.zE||window.zE("webWidget","open"),d(!i)}},"Support"):null}function k(){return f.default.createElement("svg",{version:"1.1",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 649.6 767.9",enableBackground:"new 0 0 649.6 767.9",xmlSpace:"preserve",width:50,height:50},f.default.createElement("g",null,f.default.createElement("path",{fill:"#52CEF4",d:"M324,767.9c-6.6-5.1-14.2-8.6-21.3-12.9c-22-13-44.3-25.6-66.4-38.5c-21.3-12.4-42.5-25-63.8-37.4\n c-33.5-19.5-67.1-39-100.7-58.5c-22.7-13.2-45.3-26.5-68-39.6c-2.8-1.6-3.8-3.3-3.8-6.5c0.2-58.6-0.2-117.3,0.4-175.9\n C1,333,0.7,267.3,1,201.6c0-1.8-0.6-3.7,0.6-5.4c6.4,3.8,12.7,7.6,19.1,11.3c23.8,13.9,47.7,27.9,71.5,41.8\n c4.9,2.9,9.6,6.2,14.9,8.4c-1.2,5.2-0.2,10.3-0.1,15.5c0.5,56.1-0.2,112.2,0.9,168.3c0.3,18.4,0.2,36.8,0.2,55.2\n c0,3,0.7,4.9,3.5,6.4c6.3,3.4,12.3,7.3,18.5,11c26.1,15.7,52.3,31.5,78.4,47.2c33,19.8,66,39.6,99,59.3c5.7,3.4,10.9,7.5,17.2,9.7\n c0,1.5,0.1,2.9,0.1,4.4c0,42.4,0,84.8,0,127.3c0,1.8-0.7,3.7,0.8,5.3c0,0.2,0,0.4,0,0.7C325.1,767.9,324.5,767.9,324,767.9z"}),f.default.createElement("path",{fill:"#227EC3",d:"M107.1,257.6c-5.3-2.2-10-5.5-14.9-8.4c-23.8-13.9-47.7-27.8-71.5-41.8c-6.4-3.7-12.7-7.6-19.1-11.3\n c8.2-6,17.1-10.7,25.7-16c28.7-17.5,57.5-34.9,86.3-52.4c39.2-23.8,78.5-47.6,117.7-71.4c27-16.3,53.9-32.7,80.9-49\n c4-2.4,8.1-4.6,11.7-7.4c1.3,0,2.7,0,4,0c0.3,1.6,1.9,1.8,2.9,2.4c31,18.9,62,37.8,93.1,56.4c4.2,2.5,5.9,5.2,5.9,10.3\n c-0.3,38.3-0.1,76.7-0.1,115c0,2.7-0.1,5.3-0.2,8c-10.5-6.3-21-12.5-31.4-18.9c-23.1-14-46.2-28-69.3-42c-1.6-1-2.8-1.6-5-0.4\n c-26.8,15.8-53.7,31.5-80.6,47.2c-26.1,15.2-52.2,30.4-78.3,45.7C145.7,235,126.4,246.3,107.1,257.6z"}),f.default.createElement("path",{fill:"#409DD5",d:"M324.7,630.2c5.2-4.2,11-7.4,16.7-10.9c32.6-20.3,65.3-40.6,98-60.8c30.8-19,61.6-38,92.4-57\n c7.5-4.6,7.5-4.6,7.5-13.6c0-58.6,0.1-117.3,0.1-175.9c0-1.6-0.1-3.2-0.1-4.8c0.8-1.5,0.4-3.1,0.4-4.7c0.1-14.7,0.2-29.5,0.3-44.2\n c1.3,0.1,2.4-0.4,3.4-1c8.7-5.1,17.4-10.2,26.1-15.3c15.8-9.2,31.7-18.3,47.6-27.5c10.5-6.1,21.1-12.3,31.6-18.4\n c1.5,0.9,0.8,2.4,0.8,3.6c0,124.2,0,248.4,0.1,372.6c0,2.7-0.9,4-3.1,5.3c-35.3,20.8-70.5,41.7-105.8,62.6\n c-27.2,16.1-54.5,32.2-81.7,48.4c-27,16-54,32.1-81,48c-17.4,10.3-34.8,20.4-52.3,30.7c-1.5-1.6-0.8-3.5-0.8-5.3\n c0-42.4,0-84.8,0-127.3C324.8,633.2,324.7,631.7,324.7,630.2z"}),f.default.createElement("path",{fill:"#227EC3",d:"M648.7,196.1c-10.5,6.1-21,12.3-31.6,18.4c-15.8,9.2-31.7,18.3-47.6,27.5c-8.7,5.1-17.4,10.2-26.1,15.3\n c-1,0.6-2.1,1.1-3.4,1c0-12.4-0.1-24.8-0.1-37.2c0-30.2,0-60.5,0-91c2.8,0.3,4.5,2,6.5,3.1c28.4,17.3,56.8,34.7,85.2,52\n C637.3,188.8,643.4,191.8,648.7,196.1z"}),f.default.createElement("path",{fill:"#227EC3",d:"M216.2,322.3c-0.3-1.6-0.4-2.9,1.4-4c29.2-18,58.4-36.1,87.5-54.1c4.7-2.9,9.5-5.8,14.2-8.9\n c1.5-1,2.7-1.1,4.3-0.2c26.9,15.9,53.8,31.8,80.7,47.7c7.1,4.2,14.1,8.5,21.4,12.4c3.5,1.9,4.8,4.3,3.9,8c-1.7,1.1-3.3,2.2-5,3.2\n c-20.5,11.9-41.1,23.8-61.6,35.7c-13,7.6-26.1,15.2-39.1,22.8c-7-4-14-8.1-21-12.1c-21.7-12.7-43.2-25.5-65-38\n C230.7,330.5,223.8,325.8,216.2,322.3z"}),f.default.createElement("path",{fill:"#52CEF4",d:"M216.2,322.3c7.6,3.5,14.5,8.2,21.8,12.4c21.7,12.5,43.3,25.3,65,38c7,4.1,14,8.1,21,12.1\n c0,39.3,0.1,78.6,0.1,117.9c-1.5,0.9-2.5-0.4-3.6-1c-21.3-12.8-42.5-25.5-63.7-38.3c-13.3-8-26.5-16.1-39.8-24\n c-1.8-1.1-2.5-2.3-2.5-4.4c0.4-26.9,0.4-53.8,1.1-80.7C215.8,343.6,215.4,332.9,216.2,322.3z"}),f.default.createElement("path",{fill:"#409DD5",d:"M324,502.6c0-39.3-0.1-78.6-0.1-117.9c13-7.6,26.1-15.2,39.1-22.8c20.5-11.9,41.1-23.8,61.6-35.7\n c1.7-1,3.3-2.1,5-3.2c0.1,7.6,0.1,15.2,0.1,22.8c0,30.5,0,61,0,91.5c0,2.6-0.4,4.4-2.9,5.8c-31.6,18.2-63,36.5-94.5,54.8\n C329.6,499.6,327.2,501.8,324,502.6z"})))}function C(e){var t=[];return e.forEach(function(e){var n={key:"to"in e?e.to:e.label,label:e.label,icon:e.icon};"to"in e&&e.to?n.label=f.default.createElement(i.NavLink,{to:e.to,end:"/"===e.to},e.label):"href"in e&&e.href?n.label=f.default.createElement("a",{href:e.href},e.label):e.children&&(n.label=e.label,n.children=C(e.children||[])),t.push(n)}),t}function B(e){var o=C(e.menu),l=i.useMatches().map(function(e){return e.pathname}),r=n.useDecaf().me;return f.default.createElement(a.Layout,{style:{height:"100%"}},f.default.createElement(a.Layout.Header,{id:"decaf-header"},f.default.createElement("div",{style:{paddingInline:20,display:"flex",justifyContent:"space-between",alignItems:"center"}},f.default.createElement(i.Link,{to:"/",style:{display:"flex",alignItems:"center",gap:10}},f.default.createElement(k,null),f.default.createElement(a.Typography.Title,{level:4,style:{margin:0}},e.appName)),f.default.createElement(a.Menu,{style:{justifyContent:"flex-end",backgroundColor:"transparent",border:"none",flex:1},mode:"horizontal",items:o,selectedKeys:l}))),f.default.createElement(a.Layout.Content,{id:"decaf-content"},e.children),f.default.createElement(a.Layout.Footer,{id:"decaf-footer"},f.default.createElement(a.Row,{justify:"space-between",align:"middle"},f.default.createElement(a.Col,{span:10},f.default.createElement(v,null)),f.default.createElement(a.Col,{span:4,style:{textAlign:"center"}},f.default.createElement(a.Typography.Text,{type:"secondary"},"Powered by"," ",f.default.createElement("b",null,f.default.createElement("a",{href:"https://teloscube.com",target:"_blank",rel:"noreferrer"},"Teloscube")))),f.default.createElement(a.Col,{span:10,style:{justifyContent:"flex-end",display:"flex",gap:10}},f.default.createElement(a.Button,{size:"small",icon:f.default.createElement(t.UserOutlined,null)},r.username),f.default.createElement(y,null),f.default.createElement(E,null),f.default.createElement(h,null)))))}function x(e){var t=n.useDecaf().client,o=c.useState(void 0),l=o[0],r=o[1];return c.useEffect(function(){t.barista.get("/version/").then(function(e){return r(e.data.version)})},[t]),f.default.createElement(a.Space,{direction:"vertical",size:"middle",style:{width:"100%"}},f.default.createElement(a.Descriptions,{title:"About",column:1,bordered:!0},f.default.createElement(a.Descriptions.Item,{label:"Web Application Name"},e.appName),f.default.createElement(a.Descriptions.Item,{label:"Web Application Description"},e.appDescription),f.default.createElement(a.Descriptions.Item,{label:"Web Application Version"},"v"+e.appVersion),f.default.createElement(a.Descriptions.Item,{label:"DECAF Barista Version"},"v"+l)),e.content)}var z,D="#10161d",I={colorBorder:D,colorBorderSecondary:D},L="#2c3d50",S={hashed:!0,components:{Layout:{colorBgHeader:D},Button:{boxShadow:"none",boxShadowSecondary:"none",colorBgContainer:L},Input:p({},I,{colorBgContainer:L}),Select:p({},I,{colorBgContainer:L}),Dropdown:p({},I,{colorBgElevated:D,controlItemBgActive:D}),DatePicker:p({},I,{colorBgContainer:L,colorBgElevated:L}),InputNumber:p({},I,{colorBgContainer:L}),Menu:{colorItemText:"rgba(255, 255, 255, 0.5)"}},token:{fontFamily:"Lato, sans-serif",colorPrimary:"#344961",colorBgBase:"#1a242f",colorBgContainer:D,colorBgElevated:"#1a242f",colorBorderSecondary:"#1a242f",colorBorder:"#1a242f",colorBgLayout:"#1a242f",borderRadius:0,green:"#48734d",red:"#b03a38",blue:"#0d6efd",yellow:"#ffc107",orange:"#fd7e14",colorWhite:"#fff",colorLink:"#a4bfff",colorLinkHover:"#7199fb",colorLinkActive:"#7199fb"},algorithm:[a.theme.darkAlgorithm]};function W(e,t){var n=[];return t.forEach(function(t){var o,l=p({},t);t.children?(l.element=null!=(o=t.element)?o:f.default.createElement(i.Outlet,null),l.children=W(e,t.children),l.errorElement=t.errorElement||f.default.createElement(b,null)):l.element=f.default.createElement(B,{menu:e.menuItems,appName:e.appName},t.element),n.push(l)}),n}function O(e,t,n){var o=[].concat(e);return t.forEach(function(e){var t=o.findIndex(function(t){return t[n]===e[n]});t>=0?o[t]=e:o.push(e)}),o}Object.defineProperty(e,"GlobalStyle",{enumerable:!0,get:function(){return o.Global}}),Object.defineProperty(e,"css",{enumerable:!0,get:function(){return o.css}}),Object.defineProperty(e,"styled",{enumerable:!0,get:function(){return s.default}}),e.DecafWebapp=function(e){var l,r,d;c.useEffect(function(){var e=document.createElement("script");return e.defer=!0,e.setAttribute("data-domain",location.hostname),e.src="https://webax.svc.sys.decafhub.com/js/plausible.js",document.body.appendChild(e),function(){document.body.removeChild(e)}},[]);var u=O(e.routes,[{path:"/about",element:f.default.createElement(x,{appName:e.appName,appVersion:null==(l=e.config)?void 0:l.currentVersion,appDescription:e.appDescription,content:e.aboutPageContent})},{path:"*",element:f.default.createElement(g,null)}],"path");u=W(p({},e,{menuItems:O(e.menuItems,[{label:"About",to:"/about",icon:f.default.createElement(t.InfoCircleOutlined,null)}],"to")}),u);var s=i.createBrowserRouter(u,{basename:null==(r=e.config)?void 0:r.basePath}),m=null!=(d=e.theme)?d:S,b=e.controller||n.DecafWebappController;b.disableZendeskWidget=!0;var h,E,w=function(e){var t,n,o,l,a,r;return{body:{background:null==(t=e.token)?void 0:t.colorBgBase,fontFamily:"Lato, sans-serif",margin:0},"*":{"&::-webkit-scrollbar":{width:10,height:10},"&::-webkit-scrollbar-track":{background:null==(n=e.token)?void 0:n.colorBgBase},"&::-webkit-scrollbar-thumb":{background:null==(o=e.token)?void 0:o.colorPrimary}},button:{boxShadow:"none !important"},".ant-page-header-back-button, .ant-page-header-heading-title":{color:(null==(l=e.token)?void 0:l.colorWhite)+" !important"},".ant-badge-count":{color:(null==(a=e.token)?void 0:a.colorWhite)+" !important"},".ant-table-thead > tr > th":{background:"#0c1014 !important","&:hover":{background:"#10161d !important"}},".ant-menu-light.ant-menu-horizontal >.ant-menu-item-selected":{color:"#fff !important"},".ant-tabs-tab":{color:"rgba(255, 255, 255, 0.5) !important"},".ant-tabs-tab-active":{".ant-tabs-tab-btn":{color:"#fff !important"}},".ant-table-body":{overflow:"auto !important"},"#decaf-header":{position:"fixed",zIndex:999,right:0,left:0,paddingInline:0},"#decaf-content":{paddingInline:20,paddingTop:"5rem",paddingBottom:"5rem"},"#decaf-footer":{position:"fixed",bottom:0,right:0,left:0,background:null==(r=e.token)?void 0:r.colorBgContainer,paddingBlock:0,paddingInline:0,zIndex:999,button:{height:34}},".dot":{borderRadius:"50%",width:10,height:10,display:"inline-block",backgroundColor:"rgba(255,255,255,.25)","&.green":{backgroundColor:"#80ff00 !important"},"&.yellow":{backgroundColor:"#ff0 !important"},"&.orange":{backgroundColor:"#ff7000 !important"},"&.red":{backgroundColor:"#ff0000 !important"}}}}(m);return f.default.createElement(a.ConfigProvider,{theme:m},f.default.createElement(o.Global,{styles:o.css(z||(h=["\n @import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);\n "],E||(E=h.slice(0)),h.raw=E,z=h))}),f.default.createElement(o.Global,{styles:w}),f.default.createElement(n.DecafApp,{config:e.config,controller:b},f.default.createElement(i.RouterProvider,{router:s})))},e.decafTheme=S,e.useTableMaxHeight=function(e){var t=c.useState(400),n=t[0],o=t[1],l=document.getElementById(e);return c.useLayoutEffect(function(){var e=function(){if(l){var e=70,t=l.parentElement;t&&(e=parseFloat(getComputedStyle(t,null).paddingBottom),e=isNaN(e)||e<10?50:e);var n=e+40,a=l.getBoundingClientRect(),r=window.innerHeight-a.top-n;o(r>350?r:"100%")}};return e(),null==l||l.addEventListener("resize",e),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e),null==l||l.removeEventListener("resize",e)}},[e,l]),n}});
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@ant-design/icons"),require("@decafhub/decaf-react"),require("@emotion/react"),require("@emotion/styled"),require("antd"),require("antd/dist/reset.css"),require("react"),require("react-router-dom"),require("html2canvas")):"function"==typeof define&&define.amd?define(["exports","@ant-design/icons","@decafhub/decaf-react","@emotion/react","@emotion/styled","antd","antd/dist/reset.css","react","react-router-dom","html2canvas"],t):t((e||self).decafReactWebapp={},e.icons,e.decafReact,e.react,e.styled,e.antd,0,e.react,e.reactRouterDom,e.html2Canvas)}(this,function(e,t,n,o,l,a,r,c,i,d){function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=/*#__PURE__*/u(l),f=/*#__PURE__*/u(c),m=/*#__PURE__*/u(d);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},p.apply(this,arguments)}function g(){return f.default.createElement(a.Result,{status:"404",title:"404",subTitle:"Sorry, the page you visited does not exist."})}function b(){return f.default.createElement(a.Result,{status:"500",title:"Error",subTitle:f.default.createElement(f.default.Fragment,null,f.default.createElement(a.Typography,null,"Something went wrong. Please try again later. If the problem persists, please contact the administrator."),f.default.createElement(i.Link,{to:"/"},f.default.createElement(a.Button,{style:{marginTop:20}},"Back Home")))})}function h(){return f.default.createElement("div",null,f.default.createElement(a.Button,{title:"Scroll to top",type:"text",size:"small",onClick:function(){return window.scrollTo({top:0,behavior:"smooth"})},icon:f.default.createElement(t.UpOutlined,null)}),f.default.createElement(a.Button,{title:"Scroll to bottom",type:"text",size:"small",onClick:function(){return window.scrollTo({top:document.body.scrollHeight,behavior:"smooth"})},icon:f.default.createElement(t.DownOutlined,null)}))}function E(e){var n=function(){try{var e=document.getElementById("decaf-footer");return null==e||e.style.setProperty("display","none"),Promise.resolve(m.default(document.body)).then(function(t){var n=t.toDataURL("image/png");null==e||e.style.setProperty("display","block");var o=document.createElement("a");o.download="screenshot.png",o.href=n,o.click(),o.remove()})}catch(e){return Promise.reject(e)}};return e.triggerNode?f.default.cloneElement(e.triggerNode,{onClick:n}):f.default.createElement(a.Button,{title:"Take a screenshot of the current page",type:"text",size:"small",icon:f.default.createElement(t.CameraOutlined,null),onClick:n})}function w(e){var t=e.split("/"),n=t.indexOf("webapps");return-1===n?"":t.slice(n+3).join("/")}function y(){var e,n,o,l=-1===(n=(e=window.location.href.split("/")).indexOf("webapps"))?"":e[n+1],r=function(e){var t=window.location.href.split("/"),n=t.indexOf("webapps");return-1===n?"":t[n+2]}(),c=function(e){return e.startsWith("preview-")&&e.length>8}(o=r)?"preview":function(e){return e.startsWith("v")&&e.length>1}(o)?"release":o,i=[{code:"development",name:"Development Version",color:"red",url:"/webapps/"+l+"/development/"+w(window.location.href),show:"development"===process.env.NODE_ENV},{code:"testing",name:"Testing Version",color:"orange",url:"/webapps/"+l+"/testing/"+w(window.location.href),show:!0},{code:"staging",name:"Staging Version",color:"yellow",url:"/webapps/"+l+"/staging/"+w(window.location.href),show:!0},{code:"production",name:"Production Version",color:"green",url:"/webapps/"+l+"/production/"+w(window.location.href),show:!0},{code:"preview",name:"Preview Version",color:"grey",url:"/",show:!1},{code:"release",name:"Release Version",color:"grey",url:"/",show:!1}],d=i.find(function(e){return e.code===c});return d?f.default.createElement(a.Dropdown,{placement:"top",arrow:!0,menu:{items:i.filter(function(e){return e.show}).map(function(e){return{key:e.name,label:f.default.createElement("span",null,f.default.createElement("i",{className:"dot "+e.color})," ",e.name),onClick:function(){window.location.href=e.url}}})}},f.default.createElement(a.Button,{type:"text",size:"small"},f.default.createElement("div",{style:{display:"flex",alignItems:"center"}},f.default.createElement("i",{className:"dot "+(null==d?void 0:d.color),style:{marginRight:5}}),"production"!==d.code&&f.default.createElement("span",{style:{marginRight:5}},"You are on ",f.default.createElement("b",null,d.name)),f.default.createElement(t.CaretUpOutlined,null)))):null}function v(){var e=n.useDecaf(),o=e.me,l=e.publicConfig,r=c.useState(!1),i=r[0],d=r[1];return c.useEffect(function(){if(l.zendesk&&"undefined"!=typeof document){var e=document.createElement("script");return e.src="https://static.zdassets.com/ekr/snippet.js?key="+l.zendesk,e.async=!0,e.id="ze-snippet",e.onload=function(){window.zE("webWidget","hide"),window.zE("webWidget:on","open",function(){window.zE("webWidget","show"),d(!0)}),window.zE("webWidget:on","close",function(){window.zE("webWidget","hide"),d(!1)})},document.body.appendChild(e),window.zESettings={webWidget:{offset:{horizontal:-7,vertical:20}},contactForm:{subject:!0,fields:[{id:"name",prefill:{"*":o.fullname}},{id:"email",prefill:{"*":o.email}}]}},function(){document.body.removeChild(e)}}},[l,o]),l.zendesk?f.default.createElement(a.Button,{size:"small",icon:f.default.createElement(t.QuestionCircleOutlined,null),onClick:function(){i?null==window.zE||window.zE("webWidget","close"):null==window.zE||window.zE("webWidget","open"),d(!i)}},"Support"):null}function k(){return f.default.createElement("svg",{version:"1.1",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 649.6 767.9",enableBackground:"new 0 0 649.6 767.9",xmlSpace:"preserve",width:50,height:50},f.default.createElement("g",null,f.default.createElement("path",{fill:"#52CEF4",d:"M324,767.9c-6.6-5.1-14.2-8.6-21.3-12.9c-22-13-44.3-25.6-66.4-38.5c-21.3-12.4-42.5-25-63.8-37.4\n c-33.5-19.5-67.1-39-100.7-58.5c-22.7-13.2-45.3-26.5-68-39.6c-2.8-1.6-3.8-3.3-3.8-6.5c0.2-58.6-0.2-117.3,0.4-175.9\n C1,333,0.7,267.3,1,201.6c0-1.8-0.6-3.7,0.6-5.4c6.4,3.8,12.7,7.6,19.1,11.3c23.8,13.9,47.7,27.9,71.5,41.8\n c4.9,2.9,9.6,6.2,14.9,8.4c-1.2,5.2-0.2,10.3-0.1,15.5c0.5,56.1-0.2,112.2,0.9,168.3c0.3,18.4,0.2,36.8,0.2,55.2\n c0,3,0.7,4.9,3.5,6.4c6.3,3.4,12.3,7.3,18.5,11c26.1,15.7,52.3,31.5,78.4,47.2c33,19.8,66,39.6,99,59.3c5.7,3.4,10.9,7.5,17.2,9.7\n c0,1.5,0.1,2.9,0.1,4.4c0,42.4,0,84.8,0,127.3c0,1.8-0.7,3.7,0.8,5.3c0,0.2,0,0.4,0,0.7C325.1,767.9,324.5,767.9,324,767.9z"}),f.default.createElement("path",{fill:"#227EC3",d:"M107.1,257.6c-5.3-2.2-10-5.5-14.9-8.4c-23.8-13.9-47.7-27.8-71.5-41.8c-6.4-3.7-12.7-7.6-19.1-11.3\n c8.2-6,17.1-10.7,25.7-16c28.7-17.5,57.5-34.9,86.3-52.4c39.2-23.8,78.5-47.6,117.7-71.4c27-16.3,53.9-32.7,80.9-49\n c4-2.4,8.1-4.6,11.7-7.4c1.3,0,2.7,0,4,0c0.3,1.6,1.9,1.8,2.9,2.4c31,18.9,62,37.8,93.1,56.4c4.2,2.5,5.9,5.2,5.9,10.3\n c-0.3,38.3-0.1,76.7-0.1,115c0,2.7-0.1,5.3-0.2,8c-10.5-6.3-21-12.5-31.4-18.9c-23.1-14-46.2-28-69.3-42c-1.6-1-2.8-1.6-5-0.4\n c-26.8,15.8-53.7,31.5-80.6,47.2c-26.1,15.2-52.2,30.4-78.3,45.7C145.7,235,126.4,246.3,107.1,257.6z"}),f.default.createElement("path",{fill:"#409DD5",d:"M324.7,630.2c5.2-4.2,11-7.4,16.7-10.9c32.6-20.3,65.3-40.6,98-60.8c30.8-19,61.6-38,92.4-57\n c7.5-4.6,7.5-4.6,7.5-13.6c0-58.6,0.1-117.3,0.1-175.9c0-1.6-0.1-3.2-0.1-4.8c0.8-1.5,0.4-3.1,0.4-4.7c0.1-14.7,0.2-29.5,0.3-44.2\n c1.3,0.1,2.4-0.4,3.4-1c8.7-5.1,17.4-10.2,26.1-15.3c15.8-9.2,31.7-18.3,47.6-27.5c10.5-6.1,21.1-12.3,31.6-18.4\n c1.5,0.9,0.8,2.4,0.8,3.6c0,124.2,0,248.4,0.1,372.6c0,2.7-0.9,4-3.1,5.3c-35.3,20.8-70.5,41.7-105.8,62.6\n c-27.2,16.1-54.5,32.2-81.7,48.4c-27,16-54,32.1-81,48c-17.4,10.3-34.8,20.4-52.3,30.7c-1.5-1.6-0.8-3.5-0.8-5.3\n c0-42.4,0-84.8,0-127.3C324.8,633.2,324.7,631.7,324.7,630.2z"}),f.default.createElement("path",{fill:"#227EC3",d:"M648.7,196.1c-10.5,6.1-21,12.3-31.6,18.4c-15.8,9.2-31.7,18.3-47.6,27.5c-8.7,5.1-17.4,10.2-26.1,15.3\n c-1,0.6-2.1,1.1-3.4,1c0-12.4-0.1-24.8-0.1-37.2c0-30.2,0-60.5,0-91c2.8,0.3,4.5,2,6.5,3.1c28.4,17.3,56.8,34.7,85.2,52\n C637.3,188.8,643.4,191.8,648.7,196.1z"}),f.default.createElement("path",{fill:"#227EC3",d:"M216.2,322.3c-0.3-1.6-0.4-2.9,1.4-4c29.2-18,58.4-36.1,87.5-54.1c4.7-2.9,9.5-5.8,14.2-8.9\n c1.5-1,2.7-1.1,4.3-0.2c26.9,15.9,53.8,31.8,80.7,47.7c7.1,4.2,14.1,8.5,21.4,12.4c3.5,1.9,4.8,4.3,3.9,8c-1.7,1.1-3.3,2.2-5,3.2\n c-20.5,11.9-41.1,23.8-61.6,35.7c-13,7.6-26.1,15.2-39.1,22.8c-7-4-14-8.1-21-12.1c-21.7-12.7-43.2-25.5-65-38\n C230.7,330.5,223.8,325.8,216.2,322.3z"}),f.default.createElement("path",{fill:"#52CEF4",d:"M216.2,322.3c7.6,3.5,14.5,8.2,21.8,12.4c21.7,12.5,43.3,25.3,65,38c7,4.1,14,8.1,21,12.1\n c0,39.3,0.1,78.6,0.1,117.9c-1.5,0.9-2.5-0.4-3.6-1c-21.3-12.8-42.5-25.5-63.7-38.3c-13.3-8-26.5-16.1-39.8-24\n c-1.8-1.1-2.5-2.3-2.5-4.4c0.4-26.9,0.4-53.8,1.1-80.7C215.8,343.6,215.4,332.9,216.2,322.3z"}),f.default.createElement("path",{fill:"#409DD5",d:"M324,502.6c0-39.3-0.1-78.6-0.1-117.9c13-7.6,26.1-15.2,39.1-22.8c20.5-11.9,41.1-23.8,61.6-35.7\n c1.7-1,3.3-2.1,5-3.2c0.1,7.6,0.1,15.2,0.1,22.8c0,30.5,0,61,0,91.5c0,2.6-0.4,4.4-2.9,5.8c-31.6,18.2-63,36.5-94.5,54.8\n C329.6,499.6,327.2,501.8,324,502.6z"})))}function C(e){var t=[];return e.forEach(function(e){var n={key:"to"in e?e.to:e.label,label:e.label,icon:e.icon};"to"in e&&e.to?n.label=f.default.createElement(i.NavLink,{to:e.to,end:"/"===e.to},e.label):"href"in e&&e.href?n.label=f.default.createElement("a",{href:e.href},e.label):e.children&&(n.label=e.label,n.children=C(e.children||[])),t.push(n)}),t}function B(e){var o=C(e.menu),l=i.useMatches().map(function(e){return e.pathname}),r=n.useDecaf().me;return f.default.createElement(a.Layout,{style:{height:"100%"}},f.default.createElement(a.Layout.Header,{id:"decaf-header"},f.default.createElement("div",{style:{paddingInline:20,display:"flex",justifyContent:"space-between",alignItems:"center"}},f.default.createElement(i.Link,{to:"/",style:{display:"flex",alignItems:"center",gap:10}},f.default.createElement(k,null),f.default.createElement(a.Typography.Title,{level:4,style:{margin:0}},e.appName)),f.default.createElement(a.Menu,{style:{justifyContent:"flex-end",backgroundColor:"transparent",border:"none",flex:1},mode:"horizontal",items:o,selectedKeys:l}))),f.default.createElement(a.Layout.Content,{id:"decaf-content"},e.children),f.default.createElement(a.Layout.Footer,{id:"decaf-footer"},f.default.createElement(a.Row,{justify:"space-between",align:"middle"},f.default.createElement(a.Col,{span:10},f.default.createElement(v,null)),f.default.createElement(a.Col,{span:4,style:{textAlign:"center"}},f.default.createElement(a.Typography.Text,{type:"secondary"},"Powered by"," ",f.default.createElement("b",null,f.default.createElement("a",{href:"https://teloscube.com",target:"_blank",rel:"noreferrer"},"Teloscube")))),f.default.createElement(a.Col,{span:10,style:{justifyContent:"flex-end",display:"flex",gap:10}},f.default.createElement(a.Button,{size:"small",icon:f.default.createElement(t.UserOutlined,null)},r.username),f.default.createElement(y,null),f.default.createElement(E,null),f.default.createElement(h,null)))))}function x(e){var t=n.useDecaf().client,o=c.useState(void 0),l=o[0],r=o[1];return c.useEffect(function(){t.barista.get("/version/").then(function(e){return r(e.data.version)})},[t]),f.default.createElement(a.Space,{direction:"vertical",size:"middle",style:{width:"100%"}},f.default.createElement(a.Descriptions,{title:"About",column:1,bordered:!0},f.default.createElement(a.Descriptions.Item,{label:"Web Application Name"},e.appName),f.default.createElement(a.Descriptions.Item,{label:"Web Application Description"},e.appDescription),f.default.createElement(a.Descriptions.Item,{label:"Web Application Version"},"v"+e.appVersion),f.default.createElement(a.Descriptions.Item,{label:"DECAF Barista Version"},"v"+l)),e.content)}var z,D="#10161d",I={colorBorder:D,colorBorderSecondary:D},L="#2c3d50",S={hashed:!0,components:{Layout:{colorBgHeader:D},Button:{boxShadow:"none",boxShadowSecondary:"none",colorBgContainer:L},Input:p({},I,{colorBgContainer:L}),Select:p({},I,{colorBgContainer:L}),Dropdown:p({},I,{colorBgElevated:D,controlItemBgActive:D}),DatePicker:p({},I,{colorBgContainer:L,colorBgElevated:L}),InputNumber:p({},I,{colorBgContainer:L}),Menu:{colorItemText:"rgba(255, 255, 255, 0.5)"}},token:{fontFamily:"Lato, sans-serif",colorPrimary:"#344961",colorBgBase:"#1a242f",colorBgContainer:D,colorBgElevated:"#1a242f",colorBorderSecondary:"#1a242f",colorBorder:"#1a242f",colorBgLayout:"#1a242f",borderRadius:0,green:"#48734d",red:"#b03a38",blue:"#0d6efd",yellow:"#ffc107",orange:"#fd7e14",colorWhite:"#fff",colorLink:"#a4bfff",colorLinkHover:"#7199fb",colorLinkActive:"#7199fb"},algorithm:[a.theme.darkAlgorithm]};function W(e,t){var n=[];return t.forEach(function(t){var o,l=p({},t);t.children?(l.element=null!=(o=t.element)?o:f.default.createElement(i.Outlet,null),l.children=W(e,t.children),l.errorElement=t.errorElement||f.default.createElement(b,null)):l.element=f.default.createElement(B,{menu:e.menuItems,appName:e.appName},t.element),n.push(l)}),n}function O(e,t,n){var o=[].concat(e);return t.forEach(function(e){var t=o.findIndex(function(t){return t[n]===e[n]});t>=0?o[t]=e:o.push(e)}),o}Object.defineProperty(e,"GlobalStyle",{enumerable:!0,get:function(){return o.Global}}),Object.defineProperty(e,"css",{enumerable:!0,get:function(){return o.css}}),Object.defineProperty(e,"styled",{enumerable:!0,get:function(){return s.default}}),e.DecafWebapp=function(e){var l,r,d;c.useEffect(function(){var e=document.createElement("script");return e.defer=!0,e.setAttribute("data-domain",location.hostname),e.src="https://webax.svc.sys.decafhub.com/js/plausible.js",document.body.appendChild(e),function(){document.body.removeChild(e)}},[]);var u=O(e.routes,[{path:"/about",element:f.default.createElement(x,{appName:e.appName,appVersion:null==(l=e.config)?void 0:l.currentVersion,appDescription:e.appDescription,content:e.aboutPageContent})},{path:"*",element:f.default.createElement(g,null)}],"path");u=W(p({},e,{menuItems:O(e.menuItems,[{label:"About",to:"/about",icon:f.default.createElement(t.InfoCircleOutlined,null)}],"to")}),u);var s=i.createBrowserRouter(u,{basename:null==(r=e.config)?void 0:r.basePath}),m=null!=(d=e.theme)?d:S,b=e.controller||n.DecafWebappController;b.disableZendeskWidget=!0;var h,E,w=function(e){var t,n,o,l,a,r;return{body:{background:null==(t=e.token)?void 0:t.colorBgBase,fontFamily:"Lato, sans-serif",margin:0},"*":{"&::-webkit-scrollbar":{width:10,height:10},"&::-webkit-scrollbar-track":{background:null==(n=e.token)?void 0:n.colorBgBase},"&::-webkit-scrollbar-thumb":{background:null==(o=e.token)?void 0:o.colorPrimary}},button:{boxShadow:"none !important"},".ant-page-header-back-button, .ant-page-header-heading-title":{color:(null==(l=e.token)?void 0:l.colorWhite)+" !important"},".ant-badge-count":{color:(null==(a=e.token)?void 0:a.colorWhite)+" !important"},".ant-table-thead > tr > th":{background:"#0c1014 !important","&:hover":{background:"#10161d !important"}},".ant-menu-light.ant-menu-horizontal >.ant-menu-item-selected":{color:"#fff !important"},".ant-tabs-tab":{color:"rgba(255, 255, 255, 0.5) !important"},".ant-tabs-tab-active":{".ant-tabs-tab-btn":{color:"#fff !important"}},".ant-table-body":{overflow:"auto !important"},"#decaf-header":{position:"fixed",zIndex:999,right:0,left:0,paddingInline:0},"#decaf-content":{paddingInline:20,paddingTop:"5rem",paddingBottom:"5rem"},"#decaf-footer":{position:"fixed",bottom:0,right:0,left:0,background:null==(r=e.token)?void 0:r.colorBgContainer,paddingBlock:0,paddingInline:0,zIndex:999,button:{height:34}},".dot":{borderRadius:"50%",width:10,height:10,display:"inline-block",backgroundColor:"rgba(255,255,255,.25)","&.green":{backgroundColor:"#80ff00 !important"},"&.yellow":{backgroundColor:"#ff0 !important"},"&.orange":{backgroundColor:"#ff7000 !important"},"&.red":{backgroundColor:"#ff0000 !important"}}}}(m);return f.default.createElement(a.ConfigProvider,{theme:m},f.default.createElement(o.Global,{styles:o.css(z||(h=["\n @import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);\n "],E||(E=h.slice(0)),h.raw=E,z=h))}),f.default.createElement(o.Global,{styles:w}),f.default.createElement(n.DecafApp,{config:e.config,controller:b},f.default.createElement(i.RouterProvider,{router:s})))},e.decafTheme=S,e.useTableMaxHeight=function(e,t){var n=c.useState(400),o=n[0],l=n[1],a=document.getElementById(e);return c.useLayoutEffect(function(){var e=function(){if(a){var e=80,n=a.parentElement;n&&(e=parseFloat(getComputedStyle(n,null).paddingBottom),e=isNaN(e)||e<10?80:e);var o=e+50+(t||0),r=a.getBoundingClientRect(),c=window.innerHeight-r.top-o;l(c>350?c:"100%")}};return e(),null==a||a.addEventListener("resize",e),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e),null==a||a.removeEventListener("resize",e)}},[e,a,t]),o}});
2
2
  //# sourceMappingURL=index.umd.js.map
package/dist/index.umd.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.umd.js","sources":["../src/components/Error.tsx","../src/components/PageScroller.tsx","../src/components/Screenshotter.tsx","../src/components/VersionSelector.tsx","../src/components/ZendeskWidget.tsx","../src/components/Logo.tsx","../src/components/Layout.tsx","../src/components/PageAbout.tsx","../src/theme.ts","../src/index.tsx","../src/style.ts","../src/utils.tsx"],"sourcesContent":["import { Button, Result, Typography } from 'antd';\nimport React from 'react';\nimport { Link } from 'react-router-dom';\n\nexport function Page404() {\n return <Result status=\"404\" title={'404'} subTitle={'Sorry, the page you visited does not exist.'} />;\n}\n\nexport function ErrorElement() {\n return (\n <Result\n status=\"500\"\n title={'Error'}\n subTitle={\n <>\n <Typography>\n Something went wrong. Please try again later. If the problem persists, please contact the administrator.\n </Typography>\n <Link to=\"/\">\n <Button style={{ marginTop: 20 }}>Back Home</Button>\n </Link>\n </>\n }\n />\n );\n}\n","import { DownOutlined, UpOutlined } from '@ant-design/icons';\nimport { Button } from 'antd';\nimport React from 'react';\n\nexport default function PageScroller() {\n return (\n <div>\n <Button\n title=\"Scroll to top\"\n type=\"text\"\n size=\"small\"\n onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}\n icon={<UpOutlined />}\n />\n <Button\n title=\"Scroll to bottom\"\n type=\"text\"\n size=\"small\"\n onClick={() => window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' })}\n icon={<DownOutlined />}\n />\n </div>\n );\n}\n","import { CameraOutlined } from '@ant-design/icons';\nimport { Button } from 'antd';\nimport html2canvas from 'html2canvas';\nimport React from 'react';\n\nexport interface ScreenShotterProps {\n triggerNode?: React.ReactNode;\n}\nexport default function ScreenShotter(props: ScreenShotterProps) {\n async function handleScreenshot() {\n // hide footer before taking screenshot\n const footer = document.getElementById('decaf-footer');\n footer?.style.setProperty('display', 'none');\n\n const canvas = await html2canvas(document.body);\n const dataUrl = canvas.toDataURL('image/png');\n\n // show footer after taking screenshot\n footer?.style.setProperty('display', 'block');\n\n const link = document.createElement('a');\n link.download = 'screenshot.png';\n link.href = dataUrl;\n link.click();\n link.remove();\n }\n\n if (props.triggerNode) {\n return React.cloneElement(props.triggerNode as React.ReactElement, {\n onClick: handleScreenshot,\n });\n } else {\n return (\n <Button\n title=\"Take a screenshot of the current page\"\n type=\"text\"\n size=\"small\"\n icon={<CameraOutlined />}\n onClick={handleScreenshot}\n />\n );\n }\n}\n","import { CaretUpOutlined } from '@ant-design/icons';\nimport { Button, Dropdown } from 'antd';\nimport React from 'react';\n\ntype VersionCode = 'production' | 'staging' | 'testing' | 'development' | 'preview' | 'release';\nexport type Version = {\n code: VersionCode;\n name: string;\n color: string;\n url: string;\n show: boolean;\n};\n\nfunction getAppNameFromUrl(url: string) {\n const parts = url.split('/');\n const indexOfWebapps = parts.indexOf('webapps');\n if (indexOfWebapps === -1) {\n return '';\n } else {\n return parts[indexOfWebapps + 1];\n }\n}\n\nfunction getAppVersionFromUrl(url: string) {\n const parts = url.split('/');\n const indexOfWebapps = parts.indexOf('webapps');\n if (indexOfWebapps === -1) {\n return '';\n } else {\n return parts[indexOfWebapps + 2];\n }\n}\n\nfunction isPreviewVersion(version: string) {\n return version.startsWith('preview-') && version.length > 8;\n}\n\nfunction isReleaseVersion(version: string) {\n return version.startsWith('v') && version.length > 1;\n}\n\nfunction getAppVersionCode(version: string) {\n if (isPreviewVersion(version)) {\n return 'preview';\n } else if (isReleaseVersion(version)) {\n return 'release';\n } else {\n return version;\n }\n}\n\nfunction getCurrentAppPath(url: string) {\n const parts = url.split('/');\n const indexOfWebapps = parts.indexOf('webapps');\n if (indexOfWebapps === -1) {\n return '';\n } else {\n return parts.slice(indexOfWebapps + 3).join('/');\n }\n}\n\nexport default function VersionSelector() {\n const appName = getAppNameFromUrl(window.location.href);\n const appVersion = getAppVersionFromUrl(window.location.href); // development, staging, preview-123, v1.0.0\n const appVersionCode = getAppVersionCode(appVersion); // development, staging, preview, release\n\n const versions: Version[] = [\n {\n code: 'development',\n name: 'Development Version',\n color: 'red',\n url: `/webapps/${appName}/development/${getCurrentAppPath(window.location.href)}`,\n show: process.env.NODE_ENV === 'development',\n },\n {\n code: 'testing',\n name: 'Testing Version',\n color: 'orange',\n url: `/webapps/${appName}/testing/${getCurrentAppPath(window.location.href)}`,\n show: true,\n },\n {\n code: 'staging',\n name: 'Staging Version',\n color: 'yellow',\n url: `/webapps/${appName}/staging/${getCurrentAppPath(window.location.href)}`,\n show: true,\n },\n {\n code: 'production',\n name: 'Production Version',\n color: 'green',\n url: `/webapps/${appName}/production/${getCurrentAppPath(window.location.href)}`,\n show: true,\n },\n {\n code: 'preview',\n name: 'Preview Version',\n color: 'grey',\n url: `/`,\n show: false,\n },\n {\n code: 'release',\n name: 'Release Version',\n color: 'grey',\n url: `/`,\n show: false,\n },\n ];\n\n const currentVersion = versions.find((v) => v.code === appVersionCode);\n\n if (!currentVersion) {\n return null;\n }\n\n return (\n <Dropdown\n placement=\"top\"\n arrow\n menu={{\n items: versions\n .filter((v) => v.show)\n .map((version) => ({\n key: version.name,\n label: (\n <span>\n <i className={`dot ${version.color}`} /> {version.name}\n </span>\n ),\n onClick: () => {\n window.location.href = version.url;\n },\n })),\n }}\n >\n <Button type=\"text\" size=\"small\">\n <div style={{ display: 'flex', alignItems: 'center' }}>\n <i className={`dot ${currentVersion?.color}`} style={{ marginRight: 5 }} />\n {currentVersion.code !== 'production' && (\n <span style={{ marginRight: 5 }}>\n You are on <b>{currentVersion.name}</b>\n </span>\n )}\n <CaretUpOutlined />\n </div>\n </Button>\n </Dropdown>\n );\n}\n","import { QuestionCircleOutlined } from '@ant-design/icons';\nimport { useDecaf } from '@decafhub/decaf-react';\nimport { Button } from 'antd';\nimport React, { useEffect, useState } from 'react';\n\nconst ZENDESK_WIDGET_SCRIPT = 'https://static.zdassets.com/ekr/snippet.js';\n\ndeclare global {\n // eslint-disable-next-line no-unused-vars\n interface Window {\n zE: any;\n zESettings: any;\n }\n}\n\nexport default function ZendeskWidget() {\n const { me, publicConfig } = useDecaf();\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n if (!publicConfig.zendesk || typeof document === 'undefined') return;\n const script = document.createElement('script');\n script.src = ZENDESK_WIDGET_SCRIPT + '?key=' + publicConfig.zendesk;\n script.async = true;\n script.id = 'ze-snippet'; // do not change this. zendesk expects this to be ze-snippet\n script.onload = () => {\n window.zE('webWidget', 'hide');\n window.zE('webWidget:on', 'open', () => {\n window.zE('webWidget', 'show');\n setOpen(true);\n });\n window.zE('webWidget:on', 'close', () => {\n window.zE('webWidget', 'hide');\n setOpen(false);\n });\n };\n\n document.body.appendChild(script);\n window.zESettings = {\n webWidget: {\n offset: {\n horizontal: -7,\n vertical: 20,\n },\n },\n contactForm: {\n subject: true,\n fields: [\n {\n id: 'name',\n prefill: { '*': me.fullname },\n },\n {\n id: 'email',\n prefill: { '*': me.email },\n },\n ],\n },\n };\n\n return () => {\n document.body.removeChild(script);\n };\n }, [publicConfig, me]);\n\n function toggle() {\n if (open) {\n window.zE?.('webWidget', 'close');\n } else {\n window.zE?.('webWidget', 'open');\n }\n setOpen(!open);\n }\n\n if (!publicConfig.zendesk) return null;\n\n return (\n <Button size=\"small\" icon={<QuestionCircleOutlined />} onClick={toggle}>\n Support\n </Button>\n );\n}\n","import React from 'react';\n\nexport default function Logo() {\n return (\n <svg\n version=\"1.1\"\n id=\"Layer_1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 649.6 767.9\"\n enableBackground={'new 0 0 649.6 767.9'}\n xmlSpace=\"preserve\"\n width={50}\n height={50}\n >\n <g>\n <path\n fill=\"#52CEF4\"\n d=\"M324,767.9c-6.6-5.1-14.2-8.6-21.3-12.9c-22-13-44.3-25.6-66.4-38.5c-21.3-12.4-42.5-25-63.8-37.4\n c-33.5-19.5-67.1-39-100.7-58.5c-22.7-13.2-45.3-26.5-68-39.6c-2.8-1.6-3.8-3.3-3.8-6.5c0.2-58.6-0.2-117.3,0.4-175.9\n C1,333,0.7,267.3,1,201.6c0-1.8-0.6-3.7,0.6-5.4c6.4,3.8,12.7,7.6,19.1,11.3c23.8,13.9,47.7,27.9,71.5,41.8\n c4.9,2.9,9.6,6.2,14.9,8.4c-1.2,5.2-0.2,10.3-0.1,15.5c0.5,56.1-0.2,112.2,0.9,168.3c0.3,18.4,0.2,36.8,0.2,55.2\n c0,3,0.7,4.9,3.5,6.4c6.3,3.4,12.3,7.3,18.5,11c26.1,15.7,52.3,31.5,78.4,47.2c33,19.8,66,39.6,99,59.3c5.7,3.4,10.9,7.5,17.2,9.7\n c0,1.5,0.1,2.9,0.1,4.4c0,42.4,0,84.8,0,127.3c0,1.8-0.7,3.7,0.8,5.3c0,0.2,0,0.4,0,0.7C325.1,767.9,324.5,767.9,324,767.9z\"\n />\n <path\n fill=\"#227EC3\"\n d=\"M107.1,257.6c-5.3-2.2-10-5.5-14.9-8.4c-23.8-13.9-47.7-27.8-71.5-41.8c-6.4-3.7-12.7-7.6-19.1-11.3\n c8.2-6,17.1-10.7,25.7-16c28.7-17.5,57.5-34.9,86.3-52.4c39.2-23.8,78.5-47.6,117.7-71.4c27-16.3,53.9-32.7,80.9-49\n c4-2.4,8.1-4.6,11.7-7.4c1.3,0,2.7,0,4,0c0.3,1.6,1.9,1.8,2.9,2.4c31,18.9,62,37.8,93.1,56.4c4.2,2.5,5.9,5.2,5.9,10.3\n c-0.3,38.3-0.1,76.7-0.1,115c0,2.7-0.1,5.3-0.2,8c-10.5-6.3-21-12.5-31.4-18.9c-23.1-14-46.2-28-69.3-42c-1.6-1-2.8-1.6-5-0.4\n c-26.8,15.8-53.7,31.5-80.6,47.2c-26.1,15.2-52.2,30.4-78.3,45.7C145.7,235,126.4,246.3,107.1,257.6z\"\n />\n <path\n fill=\"#409DD5\"\n d=\"M324.7,630.2c5.2-4.2,11-7.4,16.7-10.9c32.6-20.3,65.3-40.6,98-60.8c30.8-19,61.6-38,92.4-57\n c7.5-4.6,7.5-4.6,7.5-13.6c0-58.6,0.1-117.3,0.1-175.9c0-1.6-0.1-3.2-0.1-4.8c0.8-1.5,0.4-3.1,0.4-4.7c0.1-14.7,0.2-29.5,0.3-44.2\n c1.3,0.1,2.4-0.4,3.4-1c8.7-5.1,17.4-10.2,26.1-15.3c15.8-9.2,31.7-18.3,47.6-27.5c10.5-6.1,21.1-12.3,31.6-18.4\n c1.5,0.9,0.8,2.4,0.8,3.6c0,124.2,0,248.4,0.1,372.6c0,2.7-0.9,4-3.1,5.3c-35.3,20.8-70.5,41.7-105.8,62.6\n c-27.2,16.1-54.5,32.2-81.7,48.4c-27,16-54,32.1-81,48c-17.4,10.3-34.8,20.4-52.3,30.7c-1.5-1.6-0.8-3.5-0.8-5.3\n c0-42.4,0-84.8,0-127.3C324.8,633.2,324.7,631.7,324.7,630.2z\"\n />\n <path\n fill=\"#227EC3\"\n d=\"M648.7,196.1c-10.5,6.1-21,12.3-31.6,18.4c-15.8,9.2-31.7,18.3-47.6,27.5c-8.7,5.1-17.4,10.2-26.1,15.3\n c-1,0.6-2.1,1.1-3.4,1c0-12.4-0.1-24.8-0.1-37.2c0-30.2,0-60.5,0-91c2.8,0.3,4.5,2,6.5,3.1c28.4,17.3,56.8,34.7,85.2,52\n C637.3,188.8,643.4,191.8,648.7,196.1z\"\n />\n <path\n fill=\"#227EC3\"\n d=\"M216.2,322.3c-0.3-1.6-0.4-2.9,1.4-4c29.2-18,58.4-36.1,87.5-54.1c4.7-2.9,9.5-5.8,14.2-8.9\n c1.5-1,2.7-1.1,4.3-0.2c26.9,15.9,53.8,31.8,80.7,47.7c7.1,4.2,14.1,8.5,21.4,12.4c3.5,1.9,4.8,4.3,3.9,8c-1.7,1.1-3.3,2.2-5,3.2\n c-20.5,11.9-41.1,23.8-61.6,35.7c-13,7.6-26.1,15.2-39.1,22.8c-7-4-14-8.1-21-12.1c-21.7-12.7-43.2-25.5-65-38\n C230.7,330.5,223.8,325.8,216.2,322.3z\"\n />\n <path\n fill=\"#52CEF4\"\n d=\"M216.2,322.3c7.6,3.5,14.5,8.2,21.8,12.4c21.7,12.5,43.3,25.3,65,38c7,4.1,14,8.1,21,12.1\n c0,39.3,0.1,78.6,0.1,117.9c-1.5,0.9-2.5-0.4-3.6-1c-21.3-12.8-42.5-25.5-63.7-38.3c-13.3-8-26.5-16.1-39.8-24\n c-1.8-1.1-2.5-2.3-2.5-4.4c0.4-26.9,0.4-53.8,1.1-80.7C215.8,343.6,215.4,332.9,216.2,322.3z\"\n />\n <path\n fill=\"#409DD5\"\n d=\"M324,502.6c0-39.3-0.1-78.6-0.1-117.9c13-7.6,26.1-15.2,39.1-22.8c20.5-11.9,41.1-23.8,61.6-35.7\n c1.7-1,3.3-2.1,5-3.2c0.1,7.6,0.1,15.2,0.1,22.8c0,30.5,0,61,0,91.5c0,2.6-0.4,4.4-2.9,5.8c-31.6,18.2-63,36.5-94.5,54.8\n C329.6,499.6,327.2,501.8,324,502.6z\"\n />\n </g>\n </svg>\n );\n}\n","import { UserOutlined } from '@ant-design/icons';\nimport { useDecaf } from '@decafhub/decaf-react';\nimport { Button, Col, Layout, Menu, Row, Typography } from 'antd';\nimport { ItemType, SubMenuType } from 'antd/es/menu/hooks/useItems';\nimport React from 'react';\nimport { Link, NavLink, useMatches } from 'react-router-dom';\nimport PageScroller from './PageScroller';\nimport ScreenShotter from './Screenshotter';\nimport VersionSelector from './VersionSelector';\nimport ZendeskWidget from './ZendeskWidget';\nimport Logo from './Logo';\n\ninterface BaseDecafMenuItem {\n label: any;\n icon?: React.ReactNode;\n children?: DecafMenuItem[];\n}\n\nexport type DecafMenuItem = BaseDecafMenuItem & ({ to?: string } | { href?: string });\n\nexport interface DecafLayoutProps {\n menu: DecafMenuItem[];\n appName: string;\n children: React.ReactNode;\n}\n\nfunction buildAntMenuFromDecafMenu(routes: DecafMenuItem[]): ItemType[] {\n const result: ItemType[] = [];\n routes.forEach((route) => {\n const item: ItemType = {\n key: 'to' in route ? route.to : route.label,\n label: route.label,\n icon: route.icon,\n };\n if ('to' in route && route.to) {\n item.label = (\n <NavLink to={route.to} end={route.to === '/'}>\n {route.label}\n </NavLink>\n );\n } else if ('href' in route && route.href) {\n item.label = <a href={route.href}>{route.label}</a>;\n } else if (route.children) {\n item.label = route.label;\n (item as SubMenuType).children = buildAntMenuFromDecafMenu(route.children || []);\n }\n result.push(item);\n });\n\n return result;\n}\n\nexport default function DecafLayout(props: DecafLayoutProps) {\n const menuItems = buildAntMenuFromDecafMenu(props.menu);\n const matches = useMatches();\n const matchedMenuItems = matches.map((match) => match.pathname);\n const { me } = useDecaf();\n\n return (\n <Layout style={{ height: '100%' }}>\n <Layout.Header id=\"decaf-header\">\n <div style={{ paddingInline: 20, display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>\n <Link to=\"/\" style={{ display: 'flex', alignItems: 'center', gap: 10 }}>\n <Logo />\n <Typography.Title level={4} style={{ margin: 0 }}>\n {props.appName}\n </Typography.Title>\n </Link>\n <Menu\n style={{ justifyContent: 'flex-end', backgroundColor: 'transparent', border: 'none', flex: 1 }}\n mode=\"horizontal\"\n items={menuItems}\n selectedKeys={matchedMenuItems}\n />\n </div>\n </Layout.Header>\n <Layout.Content id=\"decaf-content\">{props.children}</Layout.Content>\n <Layout.Footer id=\"decaf-footer\">\n <Row justify=\"space-between\" align={'middle'}>\n <Col span={10}>\n <ZendeskWidget />\n </Col>\n <Col span={4} style={{ textAlign: 'center' }}>\n <Typography.Text type=\"secondary\">\n Powered by{' '}\n <b>\n <a href=\"https://teloscube.com\" target=\"_blank\" rel=\"noreferrer\">\n Teloscube\n </a>\n </b>\n </Typography.Text>\n </Col>\n <Col span={10} style={{ justifyContent: 'flex-end', display: 'flex', gap: 10 }}>\n <Button size=\"small\" icon={<UserOutlined />}>\n {me.username}\n </Button>\n <VersionSelector />\n <ScreenShotter />\n <PageScroller />\n </Col>\n </Row>\n </Layout.Footer>\n </Layout>\n );\n}\n","import { useDecaf } from '@decafhub/decaf-react';\nimport { Descriptions, Space } from 'antd';\nimport React, { useEffect, useState } from 'react';\n\nexport interface AboutPageProps {\n appName?: string;\n appVersion?: string;\n appDescription?: string;\n content?: React.ReactNode;\n}\nexport default function PageAbout(props: AboutPageProps) {\n const { client } = useDecaf();\n const [versionBarista, setVersionBarista] = useState<string | undefined>(undefined);\n\n useEffect(() => {\n client.barista.get<{ version: string }>('/version/').then(({ data }) => setVersionBarista(data.version));\n }, [client]);\n\n return (\n <Space direction=\"vertical\" size=\"middle\" style={{ width: '100%' }}>\n <Descriptions title=\"About\" column={1} bordered>\n <Descriptions.Item label=\"Web Application Name\">{props.appName}</Descriptions.Item>\n <Descriptions.Item label=\"Web Application Description\">{props.appDescription}</Descriptions.Item>\n <Descriptions.Item label=\"Web Application Version\">{`v${props.appVersion}`}</Descriptions.Item>\n <Descriptions.Item label=\"DECAF Barista Version\">{`v${versionBarista}`}</Descriptions.Item>\n </Descriptions>\n {props.content}\n </Space>\n );\n}\n","import { theme } from 'antd';\nimport { ThemeConfig } from 'antd/es/config-provider/context';\n\nexport const MAIN_BLACK = '#10161d';\n\nconst BORDER_COLORS_TRANSPARENT = {\n colorBorder: MAIN_BLACK,\n colorBorderSecondary: MAIN_BLACK,\n};\n\nconst INPUT_BG_COLOR = '#2c3d50';\n\nexport const decafTheme: ThemeConfig = {\n hashed: true,\n components: {\n Layout: {\n colorBgHeader: MAIN_BLACK,\n },\n Button: {\n boxShadow: 'none',\n boxShadowSecondary: 'none',\n colorBgContainer: INPUT_BG_COLOR,\n },\n Input: {\n ...BORDER_COLORS_TRANSPARENT,\n colorBgContainer: INPUT_BG_COLOR,\n },\n Select: {\n ...BORDER_COLORS_TRANSPARENT,\n colorBgContainer: INPUT_BG_COLOR,\n },\n Dropdown: {\n ...BORDER_COLORS_TRANSPARENT,\n colorBgElevated: MAIN_BLACK,\n controlItemBgActive: MAIN_BLACK,\n },\n DatePicker: {\n ...BORDER_COLORS_TRANSPARENT,\n colorBgContainer: INPUT_BG_COLOR,\n colorBgElevated: INPUT_BG_COLOR,\n },\n InputNumber: {\n ...BORDER_COLORS_TRANSPARENT,\n colorBgContainer: INPUT_BG_COLOR,\n },\n Menu: {\n colorItemText: 'rgba(255, 255, 255, 0.5)',\n },\n },\n token: {\n fontFamily: 'Lato, sans-serif',\n colorPrimary: '#344961',\n colorBgBase: '#1a242f',\n colorBgContainer: MAIN_BLACK,\n colorBgElevated: '#1a242f',\n colorBorderSecondary: '#1a242f',\n colorBorder: '#1a242f',\n colorBgLayout: '#1a242f',\n borderRadius: 0,\n green: '#48734d',\n red: '#b03a38',\n blue: '#0d6efd',\n yellow: '#ffc107',\n orange: '#fd7e14',\n colorWhite: '#fff',\n colorLink: '#a4bfff',\n colorLinkHover: '#7199fb',\n colorLinkActive: '#7199fb',\n },\n\n algorithm: [theme.darkAlgorithm],\n};\n","import { InfoCircleOutlined } from '@ant-design/icons';\nimport { DecafApp, DecafAppConfig, DecafAppController, DecafWebappController } from '@decafhub/decaf-react';\nimport { css, Global } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { ConfigProvider } from 'antd';\nimport 'antd/dist/reset.css';\nimport { ThemeConfig } from 'antd/es/config-provider/context';\nimport React, { useEffect } from 'react';\nimport { createBrowserRouter, Outlet, RouteObject, RouterProvider } from 'react-router-dom';\nimport { ErrorElement, Page404 } from './components/Error';\nimport DecafLayout, { DecafMenuItem } from './components/Layout';\nimport PageAbout from './components/PageAbout';\nimport { getStyles } from './style';\nimport { decafTheme } from './theme';\nimport { useTableMaxHeight } from './utils';\n\nexport type DecafRoute = RouteObject;\n\nexport interface DecafWebappProps {\n config?: DecafAppConfig;\n controller?: DecafAppController;\n theme?: ThemeConfig;\n /**\n * App routes.<br />\n * About page and 404 page will be added automatically.<br />\n * See https://reactrouter.com/en/main/routers/create-browser-router#routes\n */\n routes: DecafRoute[];\n /**\n * App menu.<br />\n * About page will be added automatically.\n */\n menuItems: DecafMenuItem[];\n appName: string;\n appDescription?: string;\n /**\n * The extra content to show on the about page.\n */\n aboutPageContent?: React.ReactNode;\n}\n\nfunction buildRoutes(props: DecafWebappProps, routes: DecafRoute[]): RouteObject[] {\n const result: RouteObject[] = [];\n\n routes.forEach((route) => {\n const item: RouteObject = { ...route };\n if (route.children) {\n item.element = route.element ?? <Outlet />;\n item.children = buildRoutes(props, route.children);\n item.errorElement = route.errorElement || <ErrorElement />;\n } else {\n item.element = (\n <DecafLayout menu={props.menuItems} appName={props.appName}>\n {route.element}\n </DecafLayout>\n );\n }\n result.push(item);\n });\n\n return result;\n}\n\nfunction addTo<T>(array: T[], items: T[], key: keyof T): T[] {\n const result: T[] = [...array];\n items.forEach((item) => {\n const index = result.findIndex((r) => r[key] === item[key]);\n if (index >= 0) {\n result[index] = item;\n } else {\n result.push(item);\n }\n });\n return result;\n}\n\nfunction DecafWebapp(props: DecafWebappProps) {\n useEffect(() => {\n // add plausible analytics\n const script = document.createElement('script');\n script.defer = true;\n script.setAttribute('data-domain', location.hostname);\n script.src = 'https://webax.svc.sys.decafhub.com/js/plausible.js';\n document.body.appendChild(script);\n\n return () => {\n document.body.removeChild(script);\n };\n }, []);\n\n let routes = addTo<RouteObject>(\n props.routes,\n [\n {\n path: '/about',\n element: (\n <PageAbout\n appName={props.appName}\n appVersion={props.config?.currentVersion}\n appDescription={props.appDescription}\n content={props.aboutPageContent}\n />\n ),\n },\n { path: '*', element: <Page404 /> },\n ],\n 'path'\n );\n const menuWithAboutPage = addTo(\n props.menuItems,\n [\n {\n label: 'About',\n to: '/about',\n icon: <InfoCircleOutlined />,\n },\n ],\n 'to' as any\n );\n routes = buildRoutes({ ...props, menuItems: menuWithAboutPage }, routes);\n\n const router = createBrowserRouter(routes, {\n basename: props.config?.basePath,\n });\n\n const theme = props.theme ?? decafTheme;\n\n const controller = props.controller || DecafWebappController;\n controller.disableZendeskWidget = true;\n\n const globalStyles = getStyles(theme);\n\n return (\n <ConfigProvider theme={theme}>\n <Global\n styles={css`\n @import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);\n `}\n />\n <Global styles={globalStyles} />\n <DecafApp config={props.config} controller={controller}>\n <RouterProvider router={router} />\n </DecafApp>\n </ConfigProvider>\n );\n}\nexport { DecafWebapp, Global as GlobalStyle, css, styled, decafTheme, useTableMaxHeight };\n","import { Interpolation, Theme } from '@emotion/react';\nimport { ThemeConfig } from 'antd/es/config-provider/context';\nimport { MAIN_BLACK } from './theme';\n\nexport function getStyles(theme: ThemeConfig): Interpolation<Theme> {\n return {\n body: {\n background: theme.token?.colorBgBase,\n fontFamily: 'Lato, sans-serif',\n margin: 0,\n },\n '*': {\n '&::-webkit-scrollbar': {\n width: 10,\n height: 10,\n },\n '&::-webkit-scrollbar-track': {\n background: theme.token?.colorBgBase,\n },\n '&::-webkit-scrollbar-thumb': {\n background: theme.token?.colorPrimary,\n },\n },\n // antd overrides\n button: {\n boxShadow: 'none !important',\n },\n '.ant-page-header-back-button, .ant-page-header-heading-title': {\n color: `${theme.token?.colorWhite} !important`,\n },\n '.ant-badge-count': {\n color: `${theme.token?.colorWhite} !important`,\n },\n '.ant-table-thead > tr > th': {\n background: `#0c1014 !important`,\n '&:hover': {\n background: `${MAIN_BLACK} !important`,\n },\n },\n '.ant-menu-light.ant-menu-horizontal >.ant-menu-item-selected': {\n color: '#fff !important',\n },\n '.ant-tabs-tab': {\n color: 'rgba(255, 255, 255, 0.5) !important',\n },\n '.ant-tabs-tab-active': {\n '.ant-tabs-tab-btn': {\n color: '#fff !important',\n },\n },\n '.ant-table-body': {\n overflow: 'auto !important',\n },\n // end antd overrides\n '#decaf-header': {\n position: 'fixed',\n zIndex: 999,\n right: 0,\n left: 0,\n paddingInline: 0,\n },\n '#decaf-content': {\n paddingInline: 20,\n paddingTop: '5rem',\n paddingBottom: '5rem',\n },\n '#decaf-footer': {\n position: 'fixed',\n bottom: 0,\n right: 0,\n left: 0,\n background: theme.token?.colorBgContainer,\n paddingBlock: 0,\n paddingInline: 0,\n zIndex: 999,\n\n button: {\n height: 34,\n },\n },\n '.dot': {\n borderRadius: '50%',\n width: 10,\n height: 10,\n display: 'inline-block',\n backgroundColor: 'rgba(255,255,255,.25)',\n '&.green': {\n backgroundColor: `#80ff00 !important`,\n },\n '&.yellow': {\n backgroundColor: `#ff0 !important`,\n },\n '&.orange': {\n backgroundColor: `#ff7000 !important`,\n },\n '&.red': {\n backgroundColor: `#ff0000 !important`,\n },\n },\n };\n}\n","import { useLayoutEffect, useState } from 'react';\n\n/**\n * This hook is used to calculate the max possible height of a table.\n * It is used to set the height of the table to make it scrollable\n * when the content is too large.\n * @param elementId the id of the element that contains the table.\n * @returns the max height of the table.\n * @example\n * ```tsx\n * const maxHeight = useTableMaxHeight('table-container');\n * return (\n * <Table\n {...tableProps}\n id={'table-container'}\n scroll={{\n x: 'max-content',\n y: maxHeight,\n }}\n />\n* );\n* ```\n**/\nexport function useTableMaxHeight(elementId: string): string | number {\n const [maxHeight, setMaxHeight] = useState<string | number>(400);\n const w = document.getElementById(elementId);\n\n useLayoutEffect(() => {\n const calculate = () => {\n if (!w) {\n return;\n }\n const footerHeight = 40; // height of the footer with some padding\n let parentPaddingBottom = 70; // default padding bottom of the container element\n const closestContainer = w.parentElement; // get the closest container element\n if (closestContainer) {\n parentPaddingBottom = parseFloat(getComputedStyle(closestContainer, null).paddingBottom);\n parentPaddingBottom = isNaN(parentPaddingBottom) || parentPaddingBottom < 10 ? 50 : parentPaddingBottom;\n }\n const bottomMargin = parentPaddingBottom + footerHeight;\n const boundingRect = w.getBoundingClientRect(); // get area and offset information.\n const max = window.innerHeight - boundingRect.top - bottomMargin; // this is the height of the our table content.\n setMaxHeight(max > 350 ? max : '100%');\n };\n\n calculate();\n w?.addEventListener('resize', calculate);\n window.addEventListener('resize', calculate);\n\n return () => {\n window.removeEventListener('resize', calculate);\n w?.removeEventListener('resize', calculate);\n };\n }, [elementId, w]);\n\n return maxHeight;\n}\n"],"names":["Page404","React","createElement","Result","status","title","subTitle","ErrorElement","Fragment","Typography","Link","to","Button","style","marginTop","PageScroller","type","size","onClick","window","scrollTo","top","behavior","icon","UpOutlined","document","body","scrollHeight","DownOutlined","ScreenShotter","props","handleScreenshot","getElementById","footer","setProperty","Promise","resolve","html2canvas","canvas","dataUrl","toDataURL","link","download","href","click","remove","e","reject","triggerNode","cloneElement","CameraOutlined","url","parts","split","indexOfWebapps","indexOf","slice","join","VersionSelector","version","appName","location","appVersion","getAppVersionFromUrl","startsWith","length","isPreviewVersion","isReleaseVersion","versions","code","name","color","getCurrentAppPath","show","process","env","NODE_ENV","currentVersion","find","v","appVersionCode","Dropdown","placement","arrow","menu","items","filter","map","key","label","className","display","alignItems","marginRight","CaretUpOutlined","ZendeskWidget","useDecaf","me","_useDecaf","publicConfig","useState","open","_useState","setOpen","useEffect","zendesk","script","src","ZENDESK_WIDGET_SCRIPT","async","id","onload","zE","appendChild","zESettings","webWidget","offset","horizontal","vertical","contactForm","subject","fields","prefill","fullname","email","removeChild","QuestionCircleOutlined","Logo","xmlns","xmlnsXlink","x","y","viewBox","enableBackground","xmlSpace","width","height","fill","d","buildAntMenuFromDecafMenu","routes","result","forEach","route","item","NavLink","end","children","push","DecafLayout","useMatches","match","pathname","Layout","Header","paddingInline","justifyContent","gap","Title","level","margin","Menu","backgroundColor","border","flex","mode","menuItems","selectedKeys","matchedMenuItems","Content","Footer","Row","justify","align","Col","span","textAlign","Text","target","rel","UserOutlined","username","PageAbout","client","undefined","versionBarista","setVersionBarista","barista","get","then","data","Space","direction","Descriptions","column","bordered","Item","appDescription","content","MAIN_BLACK","_templateObject","colorBorder","colorBorderSecondary","hashed","components","colorBgHeader","boxShadow","boxShadowSecondary","colorBgContainer","INPUT_BG_COLOR","Input","BORDER_COLORS_TRANSPARENT","Select","_extends","colorBgElevated","controlItemBgActive","DatePicker","InputNumber","colorItemText","token","fontFamily","colorPrimary","colorBgBase","colorBgLayout","borderRadius","green","red","blue","yellow","orange","colorWhite","colorLink","colorLinkHover","colorLinkActive","algorithm","theme","darkAlgorithm","_route$element","element","Outlet","buildRoutes","errorElement","addTo","array","index","findIndex","r","defer","setAttribute","hostname","path","config","_props$config","aboutPageContent","InfoCircleOutlined","router","createBrowserRouter","basename","_props$config2","basePath","decafTheme","_props$theme","controller","DecafWebappController","disableZendeskWidget","globalStyles","getStyles","_theme$token","_theme$token2","_theme$token3","_theme$token4","_theme$token5","_theme$token6","background","button","overflow","position","zIndex","right","left","paddingTop","paddingBottom","bottom","paddingBlock","ConfigProvider","Global","styles","css","DecafApp","RouterProvider","elementId","maxHeight","setMaxHeight","w","useLayoutEffect","closestContainer","parentElement","parentPaddingBottom","parseFloat","getComputedStyle","isNaN","bottomMargin","boundingRect","getBoundingClientRect","max","innerHeight","calculate","addEventListener","removeEventListener"],"mappings":"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"}
1
+ {"version":3,"file":"index.umd.js","sources":["../src/components/Error.tsx","../src/components/PageScroller.tsx","../src/components/Screenshotter.tsx","../src/components/VersionSelector.tsx","../src/components/ZendeskWidget.tsx","../src/components/Logo.tsx","../src/components/Layout.tsx","../src/components/PageAbout.tsx","../src/theme.ts","../src/index.tsx","../src/style.ts","../src/utils.tsx"],"sourcesContent":["import { Button, Result, Typography } from 'antd';\nimport React from 'react';\nimport { Link } from 'react-router-dom';\n\nexport function Page404() {\n return <Result status=\"404\" title={'404'} subTitle={'Sorry, the page you visited does not exist.'} />;\n}\n\nexport function ErrorElement() {\n return (\n <Result\n status=\"500\"\n title={'Error'}\n subTitle={\n <>\n <Typography>\n Something went wrong. Please try again later. If the problem persists, please contact the administrator.\n </Typography>\n <Link to=\"/\">\n <Button style={{ marginTop: 20 }}>Back Home</Button>\n </Link>\n </>\n }\n />\n );\n}\n","import { DownOutlined, UpOutlined } from '@ant-design/icons';\nimport { Button } from 'antd';\nimport React from 'react';\n\nexport default function PageScroller() {\n return (\n <div>\n <Button\n title=\"Scroll to top\"\n type=\"text\"\n size=\"small\"\n onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}\n icon={<UpOutlined />}\n />\n <Button\n title=\"Scroll to bottom\"\n type=\"text\"\n size=\"small\"\n onClick={() => window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' })}\n icon={<DownOutlined />}\n />\n </div>\n );\n}\n","import { CameraOutlined } from '@ant-design/icons';\nimport { Button } from 'antd';\nimport html2canvas from 'html2canvas';\nimport React from 'react';\n\nexport interface ScreenShotterProps {\n triggerNode?: React.ReactNode;\n}\nexport default function ScreenShotter(props: ScreenShotterProps) {\n async function handleScreenshot() {\n // hide footer before taking screenshot\n const footer = document.getElementById('decaf-footer');\n footer?.style.setProperty('display', 'none');\n\n const canvas = await html2canvas(document.body);\n const dataUrl = canvas.toDataURL('image/png');\n\n // show footer after taking screenshot\n footer?.style.setProperty('display', 'block');\n\n const link = document.createElement('a');\n link.download = 'screenshot.png';\n link.href = dataUrl;\n link.click();\n link.remove();\n }\n\n if (props.triggerNode) {\n return React.cloneElement(props.triggerNode as React.ReactElement, {\n onClick: handleScreenshot,\n });\n } else {\n return (\n <Button\n title=\"Take a screenshot of the current page\"\n type=\"text\"\n size=\"small\"\n icon={<CameraOutlined />}\n onClick={handleScreenshot}\n />\n );\n }\n}\n","import { CaretUpOutlined } from '@ant-design/icons';\nimport { Button, Dropdown } from 'antd';\nimport React from 'react';\n\ntype VersionCode = 'production' | 'staging' | 'testing' | 'development' | 'preview' | 'release';\nexport type Version = {\n code: VersionCode;\n name: string;\n color: string;\n url: string;\n show: boolean;\n};\n\nfunction getAppNameFromUrl(url: string) {\n const parts = url.split('/');\n const indexOfWebapps = parts.indexOf('webapps');\n if (indexOfWebapps === -1) {\n return '';\n } else {\n return parts[indexOfWebapps + 1];\n }\n}\n\nfunction getAppVersionFromUrl(url: string) {\n const parts = url.split('/');\n const indexOfWebapps = parts.indexOf('webapps');\n if (indexOfWebapps === -1) {\n return '';\n } else {\n return parts[indexOfWebapps + 2];\n }\n}\n\nfunction isPreviewVersion(version: string) {\n return version.startsWith('preview-') && version.length > 8;\n}\n\nfunction isReleaseVersion(version: string) {\n return version.startsWith('v') && version.length > 1;\n}\n\nfunction getAppVersionCode(version: string) {\n if (isPreviewVersion(version)) {\n return 'preview';\n } else if (isReleaseVersion(version)) {\n return 'release';\n } else {\n return version;\n }\n}\n\nfunction getCurrentAppPath(url: string) {\n const parts = url.split('/');\n const indexOfWebapps = parts.indexOf('webapps');\n if (indexOfWebapps === -1) {\n return '';\n } else {\n return parts.slice(indexOfWebapps + 3).join('/');\n }\n}\n\nexport default function VersionSelector() {\n const appName = getAppNameFromUrl(window.location.href);\n const appVersion = getAppVersionFromUrl(window.location.href); // development, staging, preview-123, v1.0.0\n const appVersionCode = getAppVersionCode(appVersion); // development, staging, preview, release\n\n const versions: Version[] = [\n {\n code: 'development',\n name: 'Development Version',\n color: 'red',\n url: `/webapps/${appName}/development/${getCurrentAppPath(window.location.href)}`,\n show: process.env.NODE_ENV === 'development',\n },\n {\n code: 'testing',\n name: 'Testing Version',\n color: 'orange',\n url: `/webapps/${appName}/testing/${getCurrentAppPath(window.location.href)}`,\n show: true,\n },\n {\n code: 'staging',\n name: 'Staging Version',\n color: 'yellow',\n url: `/webapps/${appName}/staging/${getCurrentAppPath(window.location.href)}`,\n show: true,\n },\n {\n code: 'production',\n name: 'Production Version',\n color: 'green',\n url: `/webapps/${appName}/production/${getCurrentAppPath(window.location.href)}`,\n show: true,\n },\n {\n code: 'preview',\n name: 'Preview Version',\n color: 'grey',\n url: `/`,\n show: false,\n },\n {\n code: 'release',\n name: 'Release Version',\n color: 'grey',\n url: `/`,\n show: false,\n },\n ];\n\n const currentVersion = versions.find((v) => v.code === appVersionCode);\n\n if (!currentVersion) {\n return null;\n }\n\n return (\n <Dropdown\n placement=\"top\"\n arrow\n menu={{\n items: versions\n .filter((v) => v.show)\n .map((version) => ({\n key: version.name,\n label: (\n <span>\n <i className={`dot ${version.color}`} /> {version.name}\n </span>\n ),\n onClick: () => {\n window.location.href = version.url;\n },\n })),\n }}\n >\n <Button type=\"text\" size=\"small\">\n <div style={{ display: 'flex', alignItems: 'center' }}>\n <i className={`dot ${currentVersion?.color}`} style={{ marginRight: 5 }} />\n {currentVersion.code !== 'production' && (\n <span style={{ marginRight: 5 }}>\n You are on <b>{currentVersion.name}</b>\n </span>\n )}\n <CaretUpOutlined />\n </div>\n </Button>\n </Dropdown>\n );\n}\n","import { QuestionCircleOutlined } from '@ant-design/icons';\nimport { useDecaf } from '@decafhub/decaf-react';\nimport { Button } from 'antd';\nimport React, { useEffect, useState } from 'react';\n\nconst ZENDESK_WIDGET_SCRIPT = 'https://static.zdassets.com/ekr/snippet.js';\n\ndeclare global {\n // eslint-disable-next-line no-unused-vars\n interface Window {\n zE: any;\n zESettings: any;\n }\n}\n\nexport default function ZendeskWidget() {\n const { me, publicConfig } = useDecaf();\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n if (!publicConfig.zendesk || typeof document === 'undefined') return;\n const script = document.createElement('script');\n script.src = ZENDESK_WIDGET_SCRIPT + '?key=' + publicConfig.zendesk;\n script.async = true;\n script.id = 'ze-snippet'; // do not change this. zendesk expects this to be ze-snippet\n script.onload = () => {\n window.zE('webWidget', 'hide');\n window.zE('webWidget:on', 'open', () => {\n window.zE('webWidget', 'show');\n setOpen(true);\n });\n window.zE('webWidget:on', 'close', () => {\n window.zE('webWidget', 'hide');\n setOpen(false);\n });\n };\n\n document.body.appendChild(script);\n window.zESettings = {\n webWidget: {\n offset: {\n horizontal: -7,\n vertical: 20,\n },\n },\n contactForm: {\n subject: true,\n fields: [\n {\n id: 'name',\n prefill: { '*': me.fullname },\n },\n {\n id: 'email',\n prefill: { '*': me.email },\n },\n ],\n },\n };\n\n return () => {\n document.body.removeChild(script);\n };\n }, [publicConfig, me]);\n\n function toggle() {\n if (open) {\n window.zE?.('webWidget', 'close');\n } else {\n window.zE?.('webWidget', 'open');\n }\n setOpen(!open);\n }\n\n if (!publicConfig.zendesk) return null;\n\n return (\n <Button size=\"small\" icon={<QuestionCircleOutlined />} onClick={toggle}>\n Support\n </Button>\n );\n}\n","import React from 'react';\n\nexport default function Logo() {\n return (\n <svg\n version=\"1.1\"\n id=\"Layer_1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 649.6 767.9\"\n enableBackground={'new 0 0 649.6 767.9'}\n xmlSpace=\"preserve\"\n width={50}\n height={50}\n >\n <g>\n <path\n fill=\"#52CEF4\"\n d=\"M324,767.9c-6.6-5.1-14.2-8.6-21.3-12.9c-22-13-44.3-25.6-66.4-38.5c-21.3-12.4-42.5-25-63.8-37.4\n c-33.5-19.5-67.1-39-100.7-58.5c-22.7-13.2-45.3-26.5-68-39.6c-2.8-1.6-3.8-3.3-3.8-6.5c0.2-58.6-0.2-117.3,0.4-175.9\n C1,333,0.7,267.3,1,201.6c0-1.8-0.6-3.7,0.6-5.4c6.4,3.8,12.7,7.6,19.1,11.3c23.8,13.9,47.7,27.9,71.5,41.8\n c4.9,2.9,9.6,6.2,14.9,8.4c-1.2,5.2-0.2,10.3-0.1,15.5c0.5,56.1-0.2,112.2,0.9,168.3c0.3,18.4,0.2,36.8,0.2,55.2\n c0,3,0.7,4.9,3.5,6.4c6.3,3.4,12.3,7.3,18.5,11c26.1,15.7,52.3,31.5,78.4,47.2c33,19.8,66,39.6,99,59.3c5.7,3.4,10.9,7.5,17.2,9.7\n c0,1.5,0.1,2.9,0.1,4.4c0,42.4,0,84.8,0,127.3c0,1.8-0.7,3.7,0.8,5.3c0,0.2,0,0.4,0,0.7C325.1,767.9,324.5,767.9,324,767.9z\"\n />\n <path\n fill=\"#227EC3\"\n d=\"M107.1,257.6c-5.3-2.2-10-5.5-14.9-8.4c-23.8-13.9-47.7-27.8-71.5-41.8c-6.4-3.7-12.7-7.6-19.1-11.3\n c8.2-6,17.1-10.7,25.7-16c28.7-17.5,57.5-34.9,86.3-52.4c39.2-23.8,78.5-47.6,117.7-71.4c27-16.3,53.9-32.7,80.9-49\n c4-2.4,8.1-4.6,11.7-7.4c1.3,0,2.7,0,4,0c0.3,1.6,1.9,1.8,2.9,2.4c31,18.9,62,37.8,93.1,56.4c4.2,2.5,5.9,5.2,5.9,10.3\n c-0.3,38.3-0.1,76.7-0.1,115c0,2.7-0.1,5.3-0.2,8c-10.5-6.3-21-12.5-31.4-18.9c-23.1-14-46.2-28-69.3-42c-1.6-1-2.8-1.6-5-0.4\n c-26.8,15.8-53.7,31.5-80.6,47.2c-26.1,15.2-52.2,30.4-78.3,45.7C145.7,235,126.4,246.3,107.1,257.6z\"\n />\n <path\n fill=\"#409DD5\"\n d=\"M324.7,630.2c5.2-4.2,11-7.4,16.7-10.9c32.6-20.3,65.3-40.6,98-60.8c30.8-19,61.6-38,92.4-57\n c7.5-4.6,7.5-4.6,7.5-13.6c0-58.6,0.1-117.3,0.1-175.9c0-1.6-0.1-3.2-0.1-4.8c0.8-1.5,0.4-3.1,0.4-4.7c0.1-14.7,0.2-29.5,0.3-44.2\n c1.3,0.1,2.4-0.4,3.4-1c8.7-5.1,17.4-10.2,26.1-15.3c15.8-9.2,31.7-18.3,47.6-27.5c10.5-6.1,21.1-12.3,31.6-18.4\n c1.5,0.9,0.8,2.4,0.8,3.6c0,124.2,0,248.4,0.1,372.6c0,2.7-0.9,4-3.1,5.3c-35.3,20.8-70.5,41.7-105.8,62.6\n c-27.2,16.1-54.5,32.2-81.7,48.4c-27,16-54,32.1-81,48c-17.4,10.3-34.8,20.4-52.3,30.7c-1.5-1.6-0.8-3.5-0.8-5.3\n c0-42.4,0-84.8,0-127.3C324.8,633.2,324.7,631.7,324.7,630.2z\"\n />\n <path\n fill=\"#227EC3\"\n d=\"M648.7,196.1c-10.5,6.1-21,12.3-31.6,18.4c-15.8,9.2-31.7,18.3-47.6,27.5c-8.7,5.1-17.4,10.2-26.1,15.3\n c-1,0.6-2.1,1.1-3.4,1c0-12.4-0.1-24.8-0.1-37.2c0-30.2,0-60.5,0-91c2.8,0.3,4.5,2,6.5,3.1c28.4,17.3,56.8,34.7,85.2,52\n C637.3,188.8,643.4,191.8,648.7,196.1z\"\n />\n <path\n fill=\"#227EC3\"\n d=\"M216.2,322.3c-0.3-1.6-0.4-2.9,1.4-4c29.2-18,58.4-36.1,87.5-54.1c4.7-2.9,9.5-5.8,14.2-8.9\n c1.5-1,2.7-1.1,4.3-0.2c26.9,15.9,53.8,31.8,80.7,47.7c7.1,4.2,14.1,8.5,21.4,12.4c3.5,1.9,4.8,4.3,3.9,8c-1.7,1.1-3.3,2.2-5,3.2\n c-20.5,11.9-41.1,23.8-61.6,35.7c-13,7.6-26.1,15.2-39.1,22.8c-7-4-14-8.1-21-12.1c-21.7-12.7-43.2-25.5-65-38\n C230.7,330.5,223.8,325.8,216.2,322.3z\"\n />\n <path\n fill=\"#52CEF4\"\n d=\"M216.2,322.3c7.6,3.5,14.5,8.2,21.8,12.4c21.7,12.5,43.3,25.3,65,38c7,4.1,14,8.1,21,12.1\n c0,39.3,0.1,78.6,0.1,117.9c-1.5,0.9-2.5-0.4-3.6-1c-21.3-12.8-42.5-25.5-63.7-38.3c-13.3-8-26.5-16.1-39.8-24\n c-1.8-1.1-2.5-2.3-2.5-4.4c0.4-26.9,0.4-53.8,1.1-80.7C215.8,343.6,215.4,332.9,216.2,322.3z\"\n />\n <path\n fill=\"#409DD5\"\n d=\"M324,502.6c0-39.3-0.1-78.6-0.1-117.9c13-7.6,26.1-15.2,39.1-22.8c20.5-11.9,41.1-23.8,61.6-35.7\n c1.7-1,3.3-2.1,5-3.2c0.1,7.6,0.1,15.2,0.1,22.8c0,30.5,0,61,0,91.5c0,2.6-0.4,4.4-2.9,5.8c-31.6,18.2-63,36.5-94.5,54.8\n C329.6,499.6,327.2,501.8,324,502.6z\"\n />\n </g>\n </svg>\n );\n}\n","import { UserOutlined } from '@ant-design/icons';\nimport { useDecaf } from '@decafhub/decaf-react';\nimport { Button, Col, Layout, Menu, Row, Typography } from 'antd';\nimport { ItemType, SubMenuType } from 'antd/es/menu/hooks/useItems';\nimport React from 'react';\nimport { Link, NavLink, useMatches } from 'react-router-dom';\nimport PageScroller from './PageScroller';\nimport ScreenShotter from './Screenshotter';\nimport VersionSelector from './VersionSelector';\nimport ZendeskWidget from './ZendeskWidget';\nimport Logo from './Logo';\n\ninterface BaseDecafMenuItem {\n label: any;\n icon?: React.ReactNode;\n children?: DecafMenuItem[];\n}\n\nexport type DecafMenuItem = BaseDecafMenuItem & ({ to?: string } | { href?: string });\n\nexport interface DecafLayoutProps {\n menu: DecafMenuItem[];\n appName: string;\n children: React.ReactNode;\n}\n\nfunction buildAntMenuFromDecafMenu(routes: DecafMenuItem[]): ItemType[] {\n const result: ItemType[] = [];\n routes.forEach((route) => {\n const item: ItemType = {\n key: 'to' in route ? route.to : route.label,\n label: route.label,\n icon: route.icon,\n };\n if ('to' in route && route.to) {\n item.label = (\n <NavLink to={route.to} end={route.to === '/'}>\n {route.label}\n </NavLink>\n );\n } else if ('href' in route && route.href) {\n item.label = <a href={route.href}>{route.label}</a>;\n } else if (route.children) {\n item.label = route.label;\n (item as SubMenuType).children = buildAntMenuFromDecafMenu(route.children || []);\n }\n result.push(item);\n });\n\n return result;\n}\n\nexport default function DecafLayout(props: DecafLayoutProps) {\n const menuItems = buildAntMenuFromDecafMenu(props.menu);\n const matches = useMatches();\n const matchedMenuItems = matches.map((match) => match.pathname);\n const { me } = useDecaf();\n\n return (\n <Layout style={{ height: '100%' }}>\n <Layout.Header id=\"decaf-header\">\n <div style={{ paddingInline: 20, display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>\n <Link to=\"/\" style={{ display: 'flex', alignItems: 'center', gap: 10 }}>\n <Logo />\n <Typography.Title level={4} style={{ margin: 0 }}>\n {props.appName}\n </Typography.Title>\n </Link>\n <Menu\n style={{ justifyContent: 'flex-end', backgroundColor: 'transparent', border: 'none', flex: 1 }}\n mode=\"horizontal\"\n items={menuItems}\n selectedKeys={matchedMenuItems}\n />\n </div>\n </Layout.Header>\n <Layout.Content id=\"decaf-content\">{props.children}</Layout.Content>\n <Layout.Footer id=\"decaf-footer\">\n <Row justify=\"space-between\" align={'middle'}>\n <Col span={10}>\n <ZendeskWidget />\n </Col>\n <Col span={4} style={{ textAlign: 'center' }}>\n <Typography.Text type=\"secondary\">\n Powered by{' '}\n <b>\n <a href=\"https://teloscube.com\" target=\"_blank\" rel=\"noreferrer\">\n Teloscube\n </a>\n </b>\n </Typography.Text>\n </Col>\n <Col span={10} style={{ justifyContent: 'flex-end', display: 'flex', gap: 10 }}>\n <Button size=\"small\" icon={<UserOutlined />}>\n {me.username}\n </Button>\n <VersionSelector />\n <ScreenShotter />\n <PageScroller />\n </Col>\n </Row>\n </Layout.Footer>\n </Layout>\n );\n}\n","import { useDecaf } from '@decafhub/decaf-react';\nimport { Descriptions, Space } from 'antd';\nimport React, { useEffect, useState } from 'react';\n\nexport interface AboutPageProps {\n appName?: string;\n appVersion?: string;\n appDescription?: string;\n content?: React.ReactNode;\n}\nexport default function PageAbout(props: AboutPageProps) {\n const { client } = useDecaf();\n const [versionBarista, setVersionBarista] = useState<string | undefined>(undefined);\n\n useEffect(() => {\n client.barista.get<{ version: string }>('/version/').then(({ data }) => setVersionBarista(data.version));\n }, [client]);\n\n return (\n <Space direction=\"vertical\" size=\"middle\" style={{ width: '100%' }}>\n <Descriptions title=\"About\" column={1} bordered>\n <Descriptions.Item label=\"Web Application Name\">{props.appName}</Descriptions.Item>\n <Descriptions.Item label=\"Web Application Description\">{props.appDescription}</Descriptions.Item>\n <Descriptions.Item label=\"Web Application Version\">{`v${props.appVersion}`}</Descriptions.Item>\n <Descriptions.Item label=\"DECAF Barista Version\">{`v${versionBarista}`}</Descriptions.Item>\n </Descriptions>\n {props.content}\n </Space>\n );\n}\n","import { theme } from 'antd';\nimport { ThemeConfig } from 'antd/es/config-provider/context';\n\nexport const MAIN_BLACK = '#10161d';\n\nconst BORDER_COLORS_TRANSPARENT = {\n colorBorder: MAIN_BLACK,\n colorBorderSecondary: MAIN_BLACK,\n};\n\nconst INPUT_BG_COLOR = '#2c3d50';\n\nexport const decafTheme: ThemeConfig = {\n hashed: true,\n components: {\n Layout: {\n colorBgHeader: MAIN_BLACK,\n },\n Button: {\n boxShadow: 'none',\n boxShadowSecondary: 'none',\n colorBgContainer: INPUT_BG_COLOR,\n },\n Input: {\n ...BORDER_COLORS_TRANSPARENT,\n colorBgContainer: INPUT_BG_COLOR,\n },\n Select: {\n ...BORDER_COLORS_TRANSPARENT,\n colorBgContainer: INPUT_BG_COLOR,\n },\n Dropdown: {\n ...BORDER_COLORS_TRANSPARENT,\n colorBgElevated: MAIN_BLACK,\n controlItemBgActive: MAIN_BLACK,\n },\n DatePicker: {\n ...BORDER_COLORS_TRANSPARENT,\n colorBgContainer: INPUT_BG_COLOR,\n colorBgElevated: INPUT_BG_COLOR,\n },\n InputNumber: {\n ...BORDER_COLORS_TRANSPARENT,\n colorBgContainer: INPUT_BG_COLOR,\n },\n Menu: {\n colorItemText: 'rgba(255, 255, 255, 0.5)',\n },\n },\n token: {\n fontFamily: 'Lato, sans-serif',\n colorPrimary: '#344961',\n colorBgBase: '#1a242f',\n colorBgContainer: MAIN_BLACK,\n colorBgElevated: '#1a242f',\n colorBorderSecondary: '#1a242f',\n colorBorder: '#1a242f',\n colorBgLayout: '#1a242f',\n borderRadius: 0,\n green: '#48734d',\n red: '#b03a38',\n blue: '#0d6efd',\n yellow: '#ffc107',\n orange: '#fd7e14',\n colorWhite: '#fff',\n colorLink: '#a4bfff',\n colorLinkHover: '#7199fb',\n colorLinkActive: '#7199fb',\n },\n\n algorithm: [theme.darkAlgorithm],\n};\n","import { InfoCircleOutlined } from '@ant-design/icons';\nimport { DecafApp, DecafAppConfig, DecafAppController, DecafWebappController } from '@decafhub/decaf-react';\nimport { css, Global } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { ConfigProvider } from 'antd';\nimport 'antd/dist/reset.css';\nimport { ThemeConfig } from 'antd/es/config-provider/context';\nimport React, { useEffect } from 'react';\nimport { createBrowserRouter, Outlet, RouteObject, RouterProvider } from 'react-router-dom';\nimport { ErrorElement, Page404 } from './components/Error';\nimport DecafLayout, { DecafMenuItem } from './components/Layout';\nimport PageAbout from './components/PageAbout';\nimport { getStyles } from './style';\nimport { decafTheme } from './theme';\nimport { useTableMaxHeight } from './utils';\n\nexport type DecafRoute = RouteObject;\n\nexport interface DecafWebappProps {\n config?: DecafAppConfig;\n controller?: DecafAppController;\n theme?: ThemeConfig;\n /**\n * App routes.<br />\n * About page and 404 page will be added automatically.<br />\n * See https://reactrouter.com/en/main/routers/create-browser-router#routes\n */\n routes: DecafRoute[];\n /**\n * App menu.<br />\n * About page will be added automatically.\n */\n menuItems: DecafMenuItem[];\n appName: string;\n appDescription?: string;\n /**\n * The extra content to show on the about page.\n */\n aboutPageContent?: React.ReactNode;\n}\n\nfunction buildRoutes(props: DecafWebappProps, routes: DecafRoute[]): RouteObject[] {\n const result: RouteObject[] = [];\n\n routes.forEach((route) => {\n const item: RouteObject = { ...route };\n if (route.children) {\n item.element = route.element ?? <Outlet />;\n item.children = buildRoutes(props, route.children);\n item.errorElement = route.errorElement || <ErrorElement />;\n } else {\n item.element = (\n <DecafLayout menu={props.menuItems} appName={props.appName}>\n {route.element}\n </DecafLayout>\n );\n }\n result.push(item);\n });\n\n return result;\n}\n\nfunction addTo<T>(array: T[], items: T[], key: keyof T): T[] {\n const result: T[] = [...array];\n items.forEach((item) => {\n const index = result.findIndex((r) => r[key] === item[key]);\n if (index >= 0) {\n result[index] = item;\n } else {\n result.push(item);\n }\n });\n return result;\n}\n\nfunction DecafWebapp(props: DecafWebappProps) {\n useEffect(() => {\n // add plausible analytics\n const script = document.createElement('script');\n script.defer = true;\n script.setAttribute('data-domain', location.hostname);\n script.src = 'https://webax.svc.sys.decafhub.com/js/plausible.js';\n document.body.appendChild(script);\n\n return () => {\n document.body.removeChild(script);\n };\n }, []);\n\n let routes = addTo<RouteObject>(\n props.routes,\n [\n {\n path: '/about',\n element: (\n <PageAbout\n appName={props.appName}\n appVersion={props.config?.currentVersion}\n appDescription={props.appDescription}\n content={props.aboutPageContent}\n />\n ),\n },\n { path: '*', element: <Page404 /> },\n ],\n 'path'\n );\n const menuWithAboutPage = addTo(\n props.menuItems,\n [\n {\n label: 'About',\n to: '/about',\n icon: <InfoCircleOutlined />,\n },\n ],\n 'to' as any\n );\n routes = buildRoutes({ ...props, menuItems: menuWithAboutPage }, routes);\n\n const router = createBrowserRouter(routes, {\n basename: props.config?.basePath,\n });\n\n const theme = props.theme ?? decafTheme;\n\n const controller = props.controller || DecafWebappController;\n controller.disableZendeskWidget = true;\n\n const globalStyles = getStyles(theme);\n\n return (\n <ConfigProvider theme={theme}>\n <Global\n styles={css`\n @import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);\n `}\n />\n <Global styles={globalStyles} />\n <DecafApp config={props.config} controller={controller}>\n <RouterProvider router={router} />\n </DecafApp>\n </ConfigProvider>\n );\n}\nexport { DecafWebapp, Global as GlobalStyle, css, styled, decafTheme, useTableMaxHeight };\n","import { Interpolation, Theme } from '@emotion/react';\nimport { ThemeConfig } from 'antd/es/config-provider/context';\nimport { MAIN_BLACK } from './theme';\n\nexport function getStyles(theme: ThemeConfig): Interpolation<Theme> {\n return {\n body: {\n background: theme.token?.colorBgBase,\n fontFamily: 'Lato, sans-serif',\n margin: 0,\n },\n '*': {\n '&::-webkit-scrollbar': {\n width: 10,\n height: 10,\n },\n '&::-webkit-scrollbar-track': {\n background: theme.token?.colorBgBase,\n },\n '&::-webkit-scrollbar-thumb': {\n background: theme.token?.colorPrimary,\n },\n },\n // antd overrides\n button: {\n boxShadow: 'none !important',\n },\n '.ant-page-header-back-button, .ant-page-header-heading-title': {\n color: `${theme.token?.colorWhite} !important`,\n },\n '.ant-badge-count': {\n color: `${theme.token?.colorWhite} !important`,\n },\n '.ant-table-thead > tr > th': {\n background: `#0c1014 !important`,\n '&:hover': {\n background: `${MAIN_BLACK} !important`,\n },\n },\n '.ant-menu-light.ant-menu-horizontal >.ant-menu-item-selected': {\n color: '#fff !important',\n },\n '.ant-tabs-tab': {\n color: 'rgba(255, 255, 255, 0.5) !important',\n },\n '.ant-tabs-tab-active': {\n '.ant-tabs-tab-btn': {\n color: '#fff !important',\n },\n },\n '.ant-table-body': {\n overflow: 'auto !important',\n },\n // end antd overrides\n '#decaf-header': {\n position: 'fixed',\n zIndex: 999,\n right: 0,\n left: 0,\n paddingInline: 0,\n },\n '#decaf-content': {\n paddingInline: 20,\n paddingTop: '5rem',\n paddingBottom: '5rem',\n },\n '#decaf-footer': {\n position: 'fixed',\n bottom: 0,\n right: 0,\n left: 0,\n background: theme.token?.colorBgContainer,\n paddingBlock: 0,\n paddingInline: 0,\n zIndex: 999,\n\n button: {\n height: 34,\n },\n },\n '.dot': {\n borderRadius: '50%',\n width: 10,\n height: 10,\n display: 'inline-block',\n backgroundColor: 'rgba(255,255,255,.25)',\n '&.green': {\n backgroundColor: `#80ff00 !important`,\n },\n '&.yellow': {\n backgroundColor: `#ff0 !important`,\n },\n '&.orange': {\n backgroundColor: `#ff7000 !important`,\n },\n '&.red': {\n backgroundColor: `#ff0000 !important`,\n },\n },\n };\n}\n","import { useLayoutEffect, useState } from 'react';\n\n/**\n * This hook is used to calculate the max possible height of a table.\n * It is used to set the height of the table to make it scrollable\n * when the content is too large.\n * @param elementId the id of the element that contains the table.\n * @param bottomSpace extra space to be added to the bottom of the table container.\n * @returns the max height of the table.\n * @example\n * ```tsx\n * const maxHeight = useTableMaxHeight('table-container', 50);\n * return (\n * <Table\n {...tableProps}\n id={'table-container'}\n scroll={{\n x: 'max-content',\n y: maxHeight,\n }}\n />\n* );\n* ```\n**/\nexport function useTableMaxHeight(elementId: string, bottomSpace?: number): string | number {\n const [maxHeight, setMaxHeight] = useState<string | number>(400);\n const w = document.getElementById(elementId);\n\n useLayoutEffect(() => {\n const calculate = () => {\n if (!w) {\n return;\n }\n const footerHeight = 50; // height of the footer with some padding\n let parentPaddingBottom = 80; // default padding bottom of the container element\n const closestContainer = w.parentElement; // get the closest container element\n if (closestContainer) {\n parentPaddingBottom = parseFloat(getComputedStyle(closestContainer, null).paddingBottom);\n parentPaddingBottom = isNaN(parentPaddingBottom) || parentPaddingBottom < 10 ? 80 : parentPaddingBottom;\n }\n const bottomMargin = parentPaddingBottom + footerHeight + (bottomSpace || 0);\n const boundingRect = w.getBoundingClientRect(); // get area and offset information.\n const max = window.innerHeight - boundingRect.top - bottomMargin; // this is the height of the our table content.\n setMaxHeight(max > 350 ? max : '100%');\n };\n\n calculate();\n w?.addEventListener('resize', calculate);\n window.addEventListener('resize', calculate);\n\n return () => {\n window.removeEventListener('resize', calculate);\n w?.removeEventListener('resize', calculate);\n };\n }, [elementId, w, bottomSpace]);\n\n return maxHeight;\n}\n"],"names":["Page404","React","createElement","Result","status","title","subTitle","ErrorElement","Fragment","Typography","Link","to","Button","style","marginTop","PageScroller","type","size","onClick","window","scrollTo","top","behavior","icon","UpOutlined","document","body","scrollHeight","DownOutlined","ScreenShotter","props","handleScreenshot","getElementById","footer","setProperty","Promise","resolve","html2canvas","canvas","dataUrl","toDataURL","link","download","href","click","remove","e","reject","triggerNode","cloneElement","CameraOutlined","url","parts","split","indexOfWebapps","indexOf","slice","join","VersionSelector","version","appName","location","appVersion","getAppVersionFromUrl","startsWith","length","isPreviewVersion","isReleaseVersion","versions","code","name","color","getCurrentAppPath","show","process","env","NODE_ENV","currentVersion","find","v","appVersionCode","Dropdown","placement","arrow","menu","items","filter","map","key","label","className","display","alignItems","marginRight","CaretUpOutlined","ZendeskWidget","useDecaf","me","_useDecaf","publicConfig","useState","open","_useState","setOpen","useEffect","zendesk","script","src","ZENDESK_WIDGET_SCRIPT","async","id","onload","zE","appendChild","zESettings","webWidget","offset","horizontal","vertical","contactForm","subject","fields","prefill","fullname","email","removeChild","QuestionCircleOutlined","Logo","xmlns","xmlnsXlink","x","y","viewBox","enableBackground","xmlSpace","width","height","fill","d","buildAntMenuFromDecafMenu","routes","result","forEach","route","item","NavLink","end","children","push","DecafLayout","useMatches","match","pathname","Layout","Header","paddingInline","justifyContent","gap","Title","level","margin","Menu","backgroundColor","border","flex","mode","menuItems","selectedKeys","matchedMenuItems","Content","Footer","Row","justify","align","Col","span","textAlign","Text","target","rel","UserOutlined","username","PageAbout","client","undefined","versionBarista","setVersionBarista","barista","get","then","data","Space","direction","Descriptions","column","bordered","Item","appDescription","content","MAIN_BLACK","_templateObject","colorBorder","colorBorderSecondary","hashed","components","colorBgHeader","boxShadow","boxShadowSecondary","colorBgContainer","INPUT_BG_COLOR","Input","BORDER_COLORS_TRANSPARENT","Select","_extends","colorBgElevated","controlItemBgActive","DatePicker","InputNumber","colorItemText","token","fontFamily","colorPrimary","colorBgBase","colorBgLayout","borderRadius","green","red","blue","yellow","orange","colorWhite","colorLink","colorLinkHover","colorLinkActive","algorithm","theme","darkAlgorithm","_route$element","element","Outlet","buildRoutes","errorElement","addTo","array","index","findIndex","r","defer","setAttribute","hostname","path","config","_props$config","aboutPageContent","InfoCircleOutlined","router","createBrowserRouter","basename","_props$config2","basePath","decafTheme","_props$theme","controller","DecafWebappController","disableZendeskWidget","globalStyles","getStyles","_theme$token","_theme$token2","_theme$token3","_theme$token4","_theme$token5","_theme$token6","background","button","overflow","position","zIndex","right","left","paddingTop","paddingBottom","bottom","paddingBlock","ConfigProvider","Global","styles","css","DecafApp","RouterProvider","useTableMaxHeight","elementId","bottomSpace","maxHeight","setMaxHeight","w","useLayoutEffect","parentPaddingBottom","closestContainer","parentElement","parseFloat","getComputedStyle","isNaN","bottomMargin","getBoundingClientRect","max","innerHeight","boundingRect","calculate","addEventListener","removeEventListener"],"mappings":"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"}
package/dist/utils.d.ts CHANGED
@@ -3,10 +3,11 @@
3
3
  * It is used to set the height of the table to make it scrollable
4
4
  * when the content is too large.
5
5
  * @param elementId the id of the element that contains the table.
6
+ * @param bottomSpace extra space to be added to the bottom of the table container.
6
7
  * @returns the max height of the table.
7
8
  * @example
8
9
  * ```tsx
9
- * const maxHeight = useTableMaxHeight('table-container');
10
+ * const maxHeight = useTableMaxHeight('table-container', 50);
10
11
  * return (
11
12
  * <Table
12
13
  {...tableProps}
@@ -19,5 +20,5 @@
19
20
  * );
20
21
  * ```
21
22
  **/
22
- export declare function useTableMaxHeight(elementId: string): string | number;
23
+ export declare function useTableMaxHeight(elementId: string, bottomSpace?: number): string | number;
23
24
  //# sourceMappingURL=utils.d.ts.map
package/dist/utils.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAiCpE"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAiC1F"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@decafhub/decaf-react-webapp",
3
- "version": "0.0.9",
3
+ "version": "0.0.10",
4
4
  "keywords": [
5
5
  "decafhub",
6
6
  "react"