tocco-widget-showcase 3.16.20 → 3.16.22
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.
package/changelog.md
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(this.webpackChunktocco_widget_showcase=this.webpackChunktocco_widget_showcase||[]).push([[9231],{653(e,n,t){t.r(n),t.d(n,{default:()=>Ge});var i=t(71468),o=t(62128),s=t(64467),r=t(4883),a=t(87046),c=t(6192),d=t(88208),l=t(56375),g=t(30157),u=t(33150);const p=t.p+"imgs/tocco-circle.7ab925bf473f813493f0.svg";var h=t(89168),f=t(52381),w=t(10467),y=t(60436),m=t(5544),x=t(54756),A=t.n(x),b=t(55364),j=t.n(b),v=t(90986),C=t(97067),k=t(33829),S=t(36949),O=t(90720),W="widget-container",N="widget";function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function T(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){(0,s.A)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var E,M,z,D,F,I,H,q,L=function(){return document.getElementById(W)},R=function(){var e=(0,w.A)(A().mark((function e(n,t,i,o,s){var r,a,c,d,l,g,u,p;return A().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=i.packageName,a=i.appName,c=i.locale,d=i.config,l=S.A.getBackendUrl(),e.next=1,O.A.loadScriptAsync("".concat(l).concat(O.A.getEntryFilePath(r,a)));case 1:return g=T(T(T({backendUrl:l,locale:c},o?{customTheme:o}:{}),d),{},{appContext:{embedType:"widget",widgetConfigKey:t,widgetShowcase:!0}},s),u="".concat(l,"/js/tocco-").concat(r,"/dist/"),p=window.reactRegistry.render(a,n,N,g,{},u),e.abrupt("return",{methods:p,input:g});case 2:case"end":return e.stop()}}),e)})));return function(n,t,i,o,s){return e.apply(this,arguments)}}(),B=t(81845),_=t(57528),U=t(51510),V=t(57488),Y=t(26166),J=t(85431),K=U.Ay.div.withConfig({displayName:"Container"})(E||(E=(0,_.A)(["\n max-width: 1600px;\n margin: 0 auto;\n"]))),G=U.Ay.div.withConfig({displayName:"StyledToolboxContainer"})(M||(M=(0,_.A)(["\n display: flex;\n margin-bottom: 20px;\n"]))),Q=U.Ay.div.withConfig({displayName:"StyledFullscreenWidgetContainer"})(z||(z=(0,_.A)(["\n background-color: ",";\n z-index: 1;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n padding: 0 "," ",";\n position: absolute;\n box-sizing: border-box;\n overflow: auto;\n"])),V.t7.color("paper"),Y.A.space(.5),Y.A.space(.5)),X=U.Ay.div.withConfig({displayName:"StyledFullscreenToolboxContainer"})(D||(D=(0,_.A)(["\n padding: "," 0 ",";\n display: flex;\n"])),Y.A.space(.5),Y.A.space(1)),Z=U.Ay.div.withConfig({displayName:"StyledWidgetContainer"})(F||(F=(0,_.A)(["\n & * {\n ","\n }\n"])),(0,J.A)({color:"inherit"})),$=U.Ay.span.withConfig({displayName:"StyledEmptyInput"})(I||(I=(0,_.A)(["\n ","\n min-height: 2.6rem;\n display: flex;\n align-items: center;\n"])),(0,J.A)()),ee=U.Ay.div.withConfig({displayName:"StyledSection"})(H||(H=(0,_.A)(["\n margin: 20px 0;\n border-top: 1px solid ",";\n padding: 40px 0 20px;\n"])),V.t7.color("borderLight")),ne=U.Ay.span.withConfig({displayName:"StyledVisibilityStatus"})(q||(q=(0,_.A)(["\n ","\n border: 1px solid #e6e6e6;\n background-color: #e6e6e6;\n border-radius: ",";\n padding: "," ",";\n margin-right: ",";\n"])),(0,J.A)(),V.t7.radii("button"),Y.A.space(-2.1),Y.A.space(0),Y.A.space(-1.38)),te=t(74848);const ie=function(e){var n=e.children,t=e.onExit,i=e.fullscreen,o=void 0!==i&&i,s=e.toolbox,r=(0,a.tz)();return o?(0,B.createPortal)((0,te.jsxs)(Q,{children:[(0,te.jsxs)(X,{children:[(0,te.jsx)(u.A,{type:"button",onClick:function(){return t()},look:"raised",icon:"arrows-minimize",label:r.formatMessage({id:"client.widget-showcase.exitFullscreen"})}),s]}),n]}),document.body):(0,te.jsx)(te.Fragment,{children:n})};var oe;const se=function(e){var n,t=e.label,i=e.onClick,o=(0,a.tz)(),s=(0,r.useState)("[]"),c=(0,m.A)(s,2),d=c[0],g=c[1];return(0,te.jsxs)(te.Fragment,{children:[(0,te.jsx)(l.Ay.H3,{children:t}),(0,te.jsx)(v.A,{label:(n="client.widget-showcase.methodArguments",o.formatMessage({id:n})),children:(0,te.jsx)(C.A,{type:"code",value:d,events:{onChange:g},options:{autoFocusOnMount:!1,mode:"json"}})}),(0,te.jsx)(u.A,{type:"button",onClick:function(){return i.apply(void 0,(0,y.A)(JSON.parse(d)))},look:"raised",children:oe||(oe=(0,te.jsx)(a.sA,{id:"client.widget-showcase.execute"}))})]})},re={name:"wk-widget",colors:{primary:"#0057ad",backgroundPanelHeaderFooter:"#ededed"},radii:{button:"16px",buttonLarge:"24px",form:"8px",dashboard:0,modal:"8px",menu:"16px"}};var ae,ce,de,le,ge,ue,pe,he;const fe=function(e){var n=e.selectedWidget,t=e.setSelectedWidget,i=e.selectedWidgetConfig,o=e.setSelectedWidgetConfig,s=e.loadWidgets,c=e.widgets,d=e.widgetConfigs,g=e.widgetConfig,p=e.editWidgetConfig,f=e.theme,x=e.editTheme,b=e.setTheme,S=e.resetTheme,O=e.viewWidgetInput,P=e.isWidgetManager,T=e.mode,E=(0,a.tz)(),M=function(e){return E.formatMessage({id:e})};(0,r.useEffect)((function(){s()}),[s]);var z=c.map((function(e){return{key:e.key,display:e.label}})),D=d.map((function(e){return{key:e.key,uniqueId:e.uniqueId,display:"".concat(e.uniqueId," - ").concat(e.label)}})),F=(0,r.useState)([]),I=(0,m.A)(F,2),H=I[0],q=I[1],B=(0,r.useState)([]),_=(0,m.A)(B,2),U=_[0],V=_[1],Y=(0,r.useState)(null),J=(0,m.A)(Y,2),Q=J[0],X=J[1],oe=(0,r.useState)(null),fe=(0,m.A)(oe,2),we=fe[0],ye=fe[1],me=(0,r.useState)(!1),xe=(0,m.A)(me,2),Ae=xe[0],be=xe[1],je=function(e,n){return V((function(t){return[].concat((0,y.A)(t),[{key:(0,k.A)(),name:e,args:n}])}))},ve=null==i?void 0:i.uniqueId,Ce=(0,r.useCallback)((0,w.A)(A().mark((function e(){var n,t,i,o,s,r;return A().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=L(),t=f,i={onVisibilityStatusChange:function(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];var i=n[0].status;q(i),je("onVisibilityStatusChange",n)}},e.next=1,R(n,ve,g,t,i);case 1:o=e.sent,s=o.input,r=o.methods,X(r),ye(s);case 2:case"end":return e.stop()}}),e)}))),[f,ve,g]),ke=(0,r.useCallback)((0,w.A)(A().mark((function e(){return A().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return history.pushState("",document.title,window.location.pathname+window.location.search),q([]),V([]),X(null),ye(null),e.next=1,new Promise((function(e){var n=L();n&&0!==n.children.length?setTimeout((function(){window.reactRegistry.unmount(N),e()}),0):e()}));case 1:case"end":return e.stop()}}),e)}))),[]),Se=(0,r.useCallback)((0,w.A)(A().mark((function e(){return A().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=1,ke();case 1:Ce();case 2:case"end":return e.stop()}}),e)}))),[Ce,ke]),Oe=f.name===re.name;(0,r.useEffect)((function(){g?Se():ke()}),[g,Ae,ke,Se]);var We=(0,te.jsx)(te.Fragment,{children:H&&H.length>0&&(0,te.jsxs)(ne,{children:[ae||(ae=(0,te.jsx)(a.sA,{id:"client.widget-showcase.visibilityStatus"})),": ",H.join(",")]})});return(0,te.jsxs)(K,{children:[(0,te.jsx)(v.A,{label:M("client.widget-showcase.widget"),children:(0,te.jsx)(C.A,{type:"single-select",value:n,options:{options:z},events:{onChange:t}})}),(0,te.jsx)(v.A,{label:M("client.widget-showcase.widgetConfiguration"),children:n?(0,te.jsx)(C.A,{type:"single-select",value:i,options:{options:D},events:{onChange:o}}):ce||(ce=(0,te.jsx)($,{children:(0,te.jsx)(a.sA,{id:"client.widget-showcase.selectWidget"})}))}),i&&(0,te.jsxs)(te.Fragment,{children:[(0,te.jsxs)(ee,{children:[de||(de=(0,te.jsx)(l.Ay.H2,{children:(0,te.jsx)(a.sA,{id:"client.widget-showcase.settings"})})),P&&(0,te.jsx)(u.A,{type:"button",onClick:p,ink:"primary",look:"raised",icon:"gear",label:M("client.widget-showcase.widgetConfiguration.edit")}),Oe&&(0,te.jsx)(u.A,{type:"button",onClick:function(){return S()},look:"raised",label:M("client.widget-showcase.theme.resetWpTheme")}),!Oe&&(0,te.jsx)(u.A,{type:"button",onClick:function(){b(j()({},f,re))},look:"raised",label:M("client.widget-showcase.theme.applyWpTheme")}),(0,h.f6)(T)&&(0,te.jsx)(u.A,{type:"button",onClick:x,look:"raised",icon:"pen",label:M("client.widget-showcase.theme.edit")}),(0,h.f6)(T)&&(0,te.jsx)(u.A,{type:"button",icon:"info",look:"raised",onClick:function(){return O(we)},label:M("client.widget-showcase.widgetInput.view")})]}),(0,te.jsxs)(ee,{children:[(0,te.jsxs)(l.Ay.H2,{children:[le||(le=(0,te.jsx)(a.sA,{id:"client.widget-showcase.widget"})),": ",i.display]}),(0,te.jsxs)(G,{children:[(0,te.jsx)(u.A,{type:"button",onClick:function(){return be(!0)},look:"raised",icon:"arrows-maximize",label:M("client.widget-showcase.fullscreen")}),We]}),(0,te.jsx)(ie,{fullscreen:Ae,onExit:function(){return be(!1)},toolbox:We,children:ge||(ge=(0,te.jsx)(Z,{id:W}))})]}),(0,h.f6)(T)&&(0,te.jsxs)(ee,{children:[ue||(ue=(0,te.jsx)(l.Ay.H2,{children:(0,te.jsx)(a.sA,{id:"client.widget-showcase.events"})})),U.length>0?(0,te.jsx)("pre",{children:U.map((function(e){var n=e.key,t=e.name,i=e.args;return(0,te.jsxs)(r.Fragment,{children:[t," - ",JSON.stringify(i),pe||(pe=(0,te.jsx)("br",{}))]},n)}))}):"-"]}),(0,h.f6)(T)&&(0,te.jsxs)(ee,{children:[he||(he=(0,te.jsx)(l.Ay.H2,{children:(0,te.jsx)(a.sA,{id:"client.widget-showcase.methods"})})),Q?(0,te.jsx)(te.Fragment,{children:Object.keys(Q).map((function(e){return(0,te.jsx)(se,{label:e,onClick:Q[e]},e)}))}):"-"]})]})]})};var we={setSelectedWidget:o.qN,setSelectedWidgetConfig:o.qK,loadWidgets:o.ow,setWidgetConfig:o.pE,editWidgetConfig:f.dT,editTheme:f.at,setTheme:o.Yl,resetTheme:o.hm,viewWidgetInput:f.Yz};const ye=(0,i.Ng)((function(e){return{selectedWidget:e.showcase.selectedWidget,selectedWidgetConfig:e.showcase.selectedWidgetConfig,widgets:e.showcase.widgets,widgetConfigs:e.showcase.widgetConfigs,widgetConfig:e.showcase.widgetConfig,theme:e.showcase.theme,isWidgetManager:e.showcase.access.isWidgetManager,mode:e.showcase.mode}}),we)(fe);var me,xe,Ae,be,je,ve,Ce,ke,Se,Oe,We,Ne,Pe,Te,Ee,Me,ze=(0,U.DU)(me||(me=(0,_.A)(["\n html,\n body {\n ","\n font-size: 14px !important;\n }\n"])),(0,J.A)()),De=t(28888),Fe=U.Ay.div.withConfig({displayName:"StyledWidgetShowcaseWrapper"})(xe||(xe=(0,_.A)(["\n background-color: ",";\n display: flex;\n flex-direction: column;\n height: 100%;\n ","\n"])),V.t7.color("paper"),(0,J.A)()),Ie=U.Ay.img.withConfig({displayName:"StyledLogo"})(Ae||(Ae=(0,_.A)(["\n width: 40px;\n height: auto;\n"]))),He=U.Ay.div.withConfig({displayName:"StyledBrand"})(be||(be=(0,_.A)(["\n display: flex;\n gap: ",";\n align-items: center;\n\n "," {\n margin-top: 0;\n ","\n }\n"])),Y.A.space(0),De.rd,(0,J.A)({fontSize:Y.A.font(9),fontWeight:V.t7.fontWeight("bold")})),qe=U.Ay.div.withConfig({displayName:"StyledModeWrapper"})(je||(je=(0,_.A)(["\n display: flex;\n justify-content: flex-end;\n max-width: 1600px;\n margin: 0 auto ",";\n"])),Y.A.space(1)),Le=U.Ay.span.withConfig({displayName:"StyledBoldText"})(ve||(ve=(0,_.A)(["\n font-weight: 500;\n"]))),Re=U.Ay.span.withConfig({displayName:"StyledLightText"})(Ce||(Ce=(0,_.A)(["\n ","\n"])),(0,J.A)({color:V.t7.color("textLight"),fontSize:Y.A.font(9)})),Be=U.Ay.header.withConfig({displayName:"StyledHeader"})(ke||(ke=(0,_.A)(["\n position: sticky;\n top: 0;\n z-index: 1;\n background-color: ",";\n box-shadow: 0 0 10px rgb(0 0 0 / 30%);\n border-bottom: 1px solid ",";\n"])),V.t7.color("paper"),V.t7.color("borderLight")),_e=U.Ay.nav.withConfig({displayName:"StyledNavigationWrapper"})(Se||(Se=(0,_.A)(["\n min-height: 50px;\n max-width: 1600px;\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: "," "," "," 0;\n box-sizing: border-box;\n margin: 0 auto;\n"])),Y.A.space(-.5),Y.A.space(.5),Y.A.space(-.5)),Ue=(U.Ay.ul.withConfig({displayName:"StyledNavigationList"})(Oe||(Oe=(0,_.A)(["\n list-style: none;\n display: flex;\n"]))),U.Ay.main.withConfig({displayName:"StyledMain"})(We||(We=(0,_.A)(["\n flex: 1;\n padding: "," ",";\n overflow: auto;\n"])),Y.A.space(1),Y.A.space(.5)));function Ve(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function Ye(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Ve(Object(t),!0).forEach((function(n){(0,s.A)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Ve(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const Je=function(e){var n=e.init,t=e.isDevelopmentRunEnv,i=e.isWidgetManager,o=e.mode,s=e.setMode,f=(0,a.tz)();(0,r.useEffect)((function(){n()}),[n]);var w=(0,h.pn)(o)?{ink:"secondary"}:{},y=(0,h.f6)(o)?{ink:"secondary"}:{};return(0,te.jsxs)(d.A,{required:[void 0!==i&&"undefined"!==t],children:[Ne||(Ne=(0,te.jsx)(ze,{})),i||t?(0,te.jsxs)(Fe,{children:[Pe||(Pe=(0,te.jsx)(Be,{children:(0,te.jsx)(_e,{children:(0,te.jsxs)(He,{children:[(0,te.jsx)(Ie,{src:p,alt:"tocco-logo"}),(0,te.jsxs)(l.Ay.H1,{children:[(0,te.jsx)(Le,{children:"Tocco"})," ",(0,te.jsx)(Re,{children:"Widget Showcase"})]})]})})})),Te||(Te=(0,te.jsx)(c.A.Notifications,{})),(0,te.jsxs)(Ue,{children:[(0,te.jsx)(qe,{children:(0,te.jsxs)(g.A,{children:[(0,te.jsx)(u.A,Ye({look:"raised",onClick:function(){return s(h.nI.simple)},label:f.formatMessage({id:"client.widget-showcase.mode.simple"})},w)),(0,te.jsx)(u.A,Ye({look:"raised",onClick:function(){return s(h.nI.advanced)},label:f.formatMessage({id:"client.widget-showcase.mode.advanced"})},y))]})}),Ee||(Ee=(0,te.jsx)(ye,{}))]})]}):Me||(Me=(0,te.jsx)(l.Ay.P,{children:(0,te.jsx)(a.sA,{id:"client.widget-showcase.noAccess"})}))]})};var Ke={init:o.Ts,setMode:o.iY};const Ge=(0,i.Ng)((function(e){return{isDevelopmentRunEnv:e.showcase.access.isDevelopmentRunEnv,isWidgetManager:e.showcase.access.isWidgetManager,mode:e.showcase.mode}}),Ke)(Je)}}]);
|
|
1
|
+
"use strict";(this.webpackChunktocco_widget_showcase=this.webpackChunktocco_widget_showcase||[]).push([[9231],{653(e,n,t){t.r(n),t.d(n,{default:()=>Ge});var i=t(71468),o=t(62128),s=t(64467),r=t(4883),a=t(87046),c=t(6192),d=t(88208),l=t(56375),g=t(30157),u=t(33150);const p=t.p+"imgs/tocco-circle.7ab925bf473f813493f0.svg";var h=t(89168),f=t(52381),w=t(10467),y=t(60436),m=t(5544),x=t(54756),A=t.n(x),b=t(55364),j=t.n(b),v=t(90986),C=t(70407),k=t(33829),S=t(36949),O=t(90720),W="widget-container",N="widget";function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function T(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){(0,s.A)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var E,M,z,D,F,I,H,q,L=function(){return document.getElementById(W)},R=function(){var e=(0,w.A)(A().mark((function e(n,t,i,o,s){var r,a,c,d,l,g,u,p;return A().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=i.packageName,a=i.appName,c=i.locale,d=i.config,l=S.A.getBackendUrl(),e.next=1,O.A.loadScriptAsync("".concat(l).concat(O.A.getEntryFilePath(r,a)));case 1:return g=T(T(T({backendUrl:l,locale:c},o?{customTheme:o}:{}),d),{},{appContext:{embedType:"widget",widgetConfigKey:t,widgetShowcase:!0}},s),u="".concat(l,"/js/tocco-").concat(r,"/dist/"),p=window.reactRegistry.render(a,n,N,g,{},u),e.abrupt("return",{methods:p,input:g});case 2:case"end":return e.stop()}}),e)})));return function(n,t,i,o,s){return e.apply(this,arguments)}}(),B=t(81845),_=t(57528),U=t(51510),V=t(57488),Y=t(26166),J=t(85431),K=U.Ay.div.withConfig({displayName:"Container"})(E||(E=(0,_.A)(["\n max-width: 1600px;\n margin: 0 auto;\n"]))),G=U.Ay.div.withConfig({displayName:"StyledToolboxContainer"})(M||(M=(0,_.A)(["\n display: flex;\n margin-bottom: 20px;\n"]))),Q=U.Ay.div.withConfig({displayName:"StyledFullscreenWidgetContainer"})(z||(z=(0,_.A)(["\n background-color: ",";\n z-index: 1;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n padding: 0 "," ",";\n position: absolute;\n box-sizing: border-box;\n overflow: auto;\n"])),V.t7.color("paper"),Y.A.space(.5),Y.A.space(.5)),X=U.Ay.div.withConfig({displayName:"StyledFullscreenToolboxContainer"})(D||(D=(0,_.A)(["\n padding: "," 0 ",";\n display: flex;\n"])),Y.A.space(.5),Y.A.space(1)),Z=U.Ay.div.withConfig({displayName:"StyledWidgetContainer"})(F||(F=(0,_.A)(["\n & * {\n ","\n }\n"])),(0,J.A)({color:"inherit"})),$=U.Ay.span.withConfig({displayName:"StyledEmptyInput"})(I||(I=(0,_.A)(["\n ","\n min-height: 2.6rem;\n display: flex;\n align-items: center;\n"])),(0,J.A)()),ee=U.Ay.div.withConfig({displayName:"StyledSection"})(H||(H=(0,_.A)(["\n margin: 20px 0;\n border-top: 1px solid ",";\n padding: 40px 0 20px;\n"])),V.t7.color("borderLight")),ne=U.Ay.span.withConfig({displayName:"StyledVisibilityStatus"})(q||(q=(0,_.A)(["\n ","\n border: 1px solid #e6e6e6;\n background-color: #e6e6e6;\n border-radius: ",";\n padding: "," ",";\n margin-right: ",";\n"])),(0,J.A)(),V.t7.radii("button"),Y.A.space(-2.1),Y.A.space(0),Y.A.space(-1.38)),te=t(74848);const ie=function(e){var n=e.children,t=e.onExit,i=e.fullscreen,o=void 0!==i&&i,s=e.toolbox,r=(0,a.tz)();return o?(0,B.createPortal)((0,te.jsxs)(Q,{children:[(0,te.jsxs)(X,{children:[(0,te.jsx)(u.A,{type:"button",onClick:function(){return t()},look:"raised",icon:"arrows-minimize",label:r.formatMessage({id:"client.widget-showcase.exitFullscreen"})}),s]}),n]}),document.body):(0,te.jsx)(te.Fragment,{children:n})};var oe;const se=function(e){var n,t=e.label,i=e.onClick,o=(0,a.tz)(),s=(0,r.useState)("[]"),c=(0,m.A)(s,2),d=c[0],g=c[1];return(0,te.jsxs)(te.Fragment,{children:[(0,te.jsx)(l.Ay.H3,{children:t}),(0,te.jsx)(v.A,{label:(n="client.widget-showcase.methodArguments",o.formatMessage({id:n})),children:(0,te.jsx)(C.A,{type:"code",value:d,events:{onChange:g},options:{autoFocusOnMount:!1,mode:"json"}})}),(0,te.jsx)(u.A,{type:"button",onClick:function(){return i.apply(void 0,(0,y.A)(JSON.parse(d)))},look:"raised",children:oe||(oe=(0,te.jsx)(a.sA,{id:"client.widget-showcase.execute"}))})]})},re={name:"wk-widget",colors:{primary:"#0057ad",backgroundPanelHeaderFooter:"#ededed"},radii:{button:"16px",buttonLarge:"24px",form:"8px",dashboard:0,modal:"8px",menu:"16px"}};var ae,ce,de,le,ge,ue,pe,he;const fe=function(e){var n=e.selectedWidget,t=e.setSelectedWidget,i=e.selectedWidgetConfig,o=e.setSelectedWidgetConfig,s=e.loadWidgets,c=e.widgets,d=e.widgetConfigs,g=e.widgetConfig,p=e.editWidgetConfig,f=e.theme,x=e.editTheme,b=e.setTheme,S=e.resetTheme,O=e.viewWidgetInput,P=e.isWidgetManager,T=e.mode,E=(0,a.tz)(),M=function(e){return E.formatMessage({id:e})};(0,r.useEffect)((function(){s()}),[s]);var z=c.map((function(e){return{key:e.key,display:e.label}})),D=d.map((function(e){return{key:e.key,uniqueId:e.uniqueId,display:"".concat(e.uniqueId," - ").concat(e.label)}})),F=(0,r.useState)([]),I=(0,m.A)(F,2),H=I[0],q=I[1],B=(0,r.useState)([]),_=(0,m.A)(B,2),U=_[0],V=_[1],Y=(0,r.useState)(null),J=(0,m.A)(Y,2),Q=J[0],X=J[1],oe=(0,r.useState)(null),fe=(0,m.A)(oe,2),we=fe[0],ye=fe[1],me=(0,r.useState)(!1),xe=(0,m.A)(me,2),Ae=xe[0],be=xe[1],je=function(e,n){return V((function(t){return[].concat((0,y.A)(t),[{key:(0,k.A)(),name:e,args:n}])}))},ve=null==i?void 0:i.uniqueId,Ce=(0,r.useCallback)((0,w.A)(A().mark((function e(){var n,t,i,o,s,r;return A().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=L(),t=f,i={onVisibilityStatusChange:function(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];var i=n[0].status;q(i),je("onVisibilityStatusChange",n)}},e.next=1,R(n,ve,g,t,i);case 1:o=e.sent,s=o.input,r=o.methods,X(r),ye(s);case 2:case"end":return e.stop()}}),e)}))),[f,ve,g]),ke=(0,r.useCallback)((0,w.A)(A().mark((function e(){return A().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return history.pushState("",document.title,window.location.pathname+window.location.search),q([]),V([]),X(null),ye(null),e.next=1,new Promise((function(e){var n=L();n&&0!==n.children.length?setTimeout((function(){window.reactRegistry.unmount(N),e()}),0):e()}));case 1:case"end":return e.stop()}}),e)}))),[]),Se=(0,r.useCallback)((0,w.A)(A().mark((function e(){return A().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=1,ke();case 1:Ce();case 2:case"end":return e.stop()}}),e)}))),[Ce,ke]),Oe=f.name===re.name;(0,r.useEffect)((function(){g?Se():ke()}),[g,Ae,ke,Se]);var We=(0,te.jsx)(te.Fragment,{children:H&&H.length>0&&(0,te.jsxs)(ne,{children:[ae||(ae=(0,te.jsx)(a.sA,{id:"client.widget-showcase.visibilityStatus"})),": ",H.join(",")]})});return(0,te.jsxs)(K,{children:[(0,te.jsx)(v.A,{label:M("client.widget-showcase.widget"),children:(0,te.jsx)(C.A,{type:"single-select",value:n,options:{options:z},events:{onChange:t}})}),(0,te.jsx)(v.A,{label:M("client.widget-showcase.widgetConfiguration"),children:n?(0,te.jsx)(C.A,{type:"single-select",value:i,options:{options:D},events:{onChange:o}}):ce||(ce=(0,te.jsx)($,{children:(0,te.jsx)(a.sA,{id:"client.widget-showcase.selectWidget"})}))}),i&&(0,te.jsxs)(te.Fragment,{children:[(0,te.jsxs)(ee,{children:[de||(de=(0,te.jsx)(l.Ay.H2,{children:(0,te.jsx)(a.sA,{id:"client.widget-showcase.settings"})})),P&&(0,te.jsx)(u.A,{type:"button",onClick:p,ink:"primary",look:"raised",icon:"gear",label:M("client.widget-showcase.widgetConfiguration.edit")}),Oe&&(0,te.jsx)(u.A,{type:"button",onClick:function(){return S()},look:"raised",label:M("client.widget-showcase.theme.resetWpTheme")}),!Oe&&(0,te.jsx)(u.A,{type:"button",onClick:function(){b(j()({},f,re))},look:"raised",label:M("client.widget-showcase.theme.applyWpTheme")}),(0,h.f6)(T)&&(0,te.jsx)(u.A,{type:"button",onClick:x,look:"raised",icon:"pen",label:M("client.widget-showcase.theme.edit")}),(0,h.f6)(T)&&(0,te.jsx)(u.A,{type:"button",icon:"info",look:"raised",onClick:function(){return O(we)},label:M("client.widget-showcase.widgetInput.view")})]}),(0,te.jsxs)(ee,{children:[(0,te.jsxs)(l.Ay.H2,{children:[le||(le=(0,te.jsx)(a.sA,{id:"client.widget-showcase.widget"})),": ",i.display]}),(0,te.jsxs)(G,{children:[(0,te.jsx)(u.A,{type:"button",onClick:function(){return be(!0)},look:"raised",icon:"arrows-maximize",label:M("client.widget-showcase.fullscreen")}),We]}),(0,te.jsx)(ie,{fullscreen:Ae,onExit:function(){return be(!1)},toolbox:We,children:ge||(ge=(0,te.jsx)(Z,{id:W}))})]}),(0,h.f6)(T)&&(0,te.jsxs)(ee,{children:[ue||(ue=(0,te.jsx)(l.Ay.H2,{children:(0,te.jsx)(a.sA,{id:"client.widget-showcase.events"})})),U.length>0?(0,te.jsx)("pre",{children:U.map((function(e){var n=e.key,t=e.name,i=e.args;return(0,te.jsxs)(r.Fragment,{children:[t," - ",JSON.stringify(i),pe||(pe=(0,te.jsx)("br",{}))]},n)}))}):"-"]}),(0,h.f6)(T)&&(0,te.jsxs)(ee,{children:[he||(he=(0,te.jsx)(l.Ay.H2,{children:(0,te.jsx)(a.sA,{id:"client.widget-showcase.methods"})})),Q?(0,te.jsx)(te.Fragment,{children:Object.keys(Q).map((function(e){return(0,te.jsx)(se,{label:e,onClick:Q[e]},e)}))}):"-"]})]})]})};var we={setSelectedWidget:o.qN,setSelectedWidgetConfig:o.qK,loadWidgets:o.ow,setWidgetConfig:o.pE,editWidgetConfig:f.dT,editTheme:f.at,setTheme:o.Yl,resetTheme:o.hm,viewWidgetInput:f.Yz};const ye=(0,i.Ng)((function(e){return{selectedWidget:e.showcase.selectedWidget,selectedWidgetConfig:e.showcase.selectedWidgetConfig,widgets:e.showcase.widgets,widgetConfigs:e.showcase.widgetConfigs,widgetConfig:e.showcase.widgetConfig,theme:e.showcase.theme,isWidgetManager:e.showcase.access.isWidgetManager,mode:e.showcase.mode}}),we)(fe);var me,xe,Ae,be,je,ve,Ce,ke,Se,Oe,We,Ne,Pe,Te,Ee,Me,ze=(0,U.DU)(me||(me=(0,_.A)(["\n html,\n body {\n ","\n font-size: 14px !important;\n }\n"])),(0,J.A)()),De=t(28888),Fe=U.Ay.div.withConfig({displayName:"StyledWidgetShowcaseWrapper"})(xe||(xe=(0,_.A)(["\n background-color: ",";\n display: flex;\n flex-direction: column;\n height: 100%;\n ","\n"])),V.t7.color("paper"),(0,J.A)()),Ie=U.Ay.img.withConfig({displayName:"StyledLogo"})(Ae||(Ae=(0,_.A)(["\n width: 40px;\n height: auto;\n"]))),He=U.Ay.div.withConfig({displayName:"StyledBrand"})(be||(be=(0,_.A)(["\n display: flex;\n gap: ",";\n align-items: center;\n\n "," {\n margin-top: 0;\n ","\n }\n"])),Y.A.space(0),De.rd,(0,J.A)({fontSize:Y.A.font(9),fontWeight:V.t7.fontWeight("bold")})),qe=U.Ay.div.withConfig({displayName:"StyledModeWrapper"})(je||(je=(0,_.A)(["\n display: flex;\n justify-content: flex-end;\n max-width: 1600px;\n margin: 0 auto ",";\n"])),Y.A.space(1)),Le=U.Ay.span.withConfig({displayName:"StyledBoldText"})(ve||(ve=(0,_.A)(["\n font-weight: 500;\n"]))),Re=U.Ay.span.withConfig({displayName:"StyledLightText"})(Ce||(Ce=(0,_.A)(["\n ","\n"])),(0,J.A)({color:V.t7.color("textLight"),fontSize:Y.A.font(9)})),Be=U.Ay.header.withConfig({displayName:"StyledHeader"})(ke||(ke=(0,_.A)(["\n position: sticky;\n top: 0;\n z-index: 1;\n background-color: ",";\n box-shadow: 0 0 10px rgb(0 0 0 / 30%);\n border-bottom: 1px solid ",";\n"])),V.t7.color("paper"),V.t7.color("borderLight")),_e=U.Ay.nav.withConfig({displayName:"StyledNavigationWrapper"})(Se||(Se=(0,_.A)(["\n min-height: 50px;\n max-width: 1600px;\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: "," "," "," 0;\n box-sizing: border-box;\n margin: 0 auto;\n"])),Y.A.space(-.5),Y.A.space(.5),Y.A.space(-.5)),Ue=(U.Ay.ul.withConfig({displayName:"StyledNavigationList"})(Oe||(Oe=(0,_.A)(["\n list-style: none;\n display: flex;\n"]))),U.Ay.main.withConfig({displayName:"StyledMain"})(We||(We=(0,_.A)(["\n flex: 1;\n padding: "," ",";\n overflow: auto;\n"])),Y.A.space(1),Y.A.space(.5)));function Ve(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function Ye(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Ve(Object(t),!0).forEach((function(n){(0,s.A)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Ve(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const Je=function(e){var n=e.init,t=e.isDevelopmentRunEnv,i=e.isWidgetManager,o=e.mode,s=e.setMode,f=(0,a.tz)();(0,r.useEffect)((function(){n()}),[n]);var w=(0,h.pn)(o)?{ink:"secondary"}:{},y=(0,h.f6)(o)?{ink:"secondary"}:{};return(0,te.jsxs)(d.A,{required:[void 0!==i&&"undefined"!==t],children:[Ne||(Ne=(0,te.jsx)(ze,{})),i||t?(0,te.jsxs)(Fe,{children:[Pe||(Pe=(0,te.jsx)(Be,{children:(0,te.jsx)(_e,{children:(0,te.jsxs)(He,{children:[(0,te.jsx)(Ie,{src:p,alt:"tocco-logo"}),(0,te.jsxs)(l.Ay.H1,{children:[(0,te.jsx)(Le,{children:"Tocco"})," ",(0,te.jsx)(Re,{children:"Widget Showcase"})]})]})})})),Te||(Te=(0,te.jsx)(c.A.Notifications,{})),(0,te.jsxs)(Ue,{children:[(0,te.jsx)(qe,{children:(0,te.jsxs)(g.A,{children:[(0,te.jsx)(u.A,Ye({look:"raised",onClick:function(){return s(h.nI.simple)},label:f.formatMessage({id:"client.widget-showcase.mode.simple"})},w)),(0,te.jsx)(u.A,Ye({look:"raised",onClick:function(){return s(h.nI.advanced)},label:f.formatMessage({id:"client.widget-showcase.mode.advanced"})},y))]})}),Ee||(Ee=(0,te.jsx)(ye,{}))]})]}):Me||(Me=(0,te.jsx)(l.Ay.P,{children:(0,te.jsx)(a.sA,{id:"client.widget-showcase.noAccess"})}))]})};var Ke={init:o.Ts,setMode:o.iY};const Ge=(0,i.Ng)((function(e){return{isDevelopmentRunEnv:e.showcase.access.isDevelopmentRunEnv,isWidgetManager:e.showcase.access.isWidgetManager,mode:e.showcase.mode}}),Ke)(Je)}}]);
|