tocco-widget-showcase 3.14.22 → 3.14.23

package/changelog.md

@@ -1,3 +1,8 @@
+3.14.23
+- fix icon colors inside table cells
+- add widget showcase information to env
+- set showcase in app context
+
 3.14.22
 - fix signal box color
 

package/dist/chunk-9231.806ae5dfd6b6f03935ac.js

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