tocco-widget-showcase 3.8.7 → 3.8.8

package/changelog.md

@@ -1,3 +1,9 @@
+3.8.8
+- fix disabled button and menu item styles
+- fix broken prop types
+- do not use array index in keys
+- fix legacy styles being applied to status labels
+
 3.8.7
 - change fields separator
 - change fields separator

package/dist/chunk-675.8b1579105b72d15e51ad.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunktocco_widget_showcase=self.webpackChunktocco_widget_showcase||[]).push([[675],{94675:(e,n,t)=>{t.r(n),t.d(n,{default:()=>De});var i=t(74806),s=t(50558),o=t(16973),a=t(1024),c=t(44012),r=t(30604),d=t(35728),l=t(34206);const g=t.p+"imgs/tocco-circle.7ab925bf473f813493f00f069ed9746e.svg";var u=t(47874),h=t(15861),p=t(93433),f=t(29439),w=t(64687),Z=t.n(w),x=t(30006),y=t(42846),m=t(65035),j=t(28721),b=t(4942),v=t(28002),C=t(15019),S="widget-container",k="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 W(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,b.Z)(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 N,O=function(){return document.getElementById(S)},E=function(){var e=(0,h.Z)(Z().mark((function e(n,t,i,s,o){var a,c,r,d,l,g,u,h;return Z().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=i.packageName,c=i.appName,r=i.locale,d=i.config,l=v.Z.getBackendUrl(),e.next=4,C.Z.loadScriptAsync("".concat(l).concat(C.Z.getEntryFilePath(a,c)));case 4:return g=W(W(W({backendUrl:l,locale:r},s?{customTheme:s}:{}),d),{},{appContext:{embedType:"widget",widgetConfigKey:t}},o),u="".concat(l,"/js/tocco-").concat(a,"/dist/"),h=window.reactRegistry.render(c,n,k,g,{},u),e.abrupt("return",{methods:h,input:g});case 8:case"end":return e.stop()}}),e)})));return function(n,t,i,s,o){return e.apply(this,arguments)}}(),F=t(85893);const I=function(e){var n,t=e.label,i=e.onClick,s=e.intl,o=(0,a.useState)("[]"),r=(0,f.Z)(o,2),d=r[0],g=r[1];return(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(l.ZP.H3,{children:t}),(0,F.jsx)(x.Z,{label:(n="client.widget-showcase.methodArguments",s.formatMessage({id:n})),children:(0,F.jsx)(y.Z,{type:"code",value:d,events:{onChange:g},options:{autoFocusOnMount:!1,mode:"json"}})}),(0,F.jsx)(m.Z,{type:"button",onClick:function(){return i.apply(void 0,(0,p.Z)(JSON.parse(d)))},look:"raised",children:N||(N=(0,F.jsx)(c.Z,{id:"client.widget-showcase.execute"}))})]})};var M,D,R,A,H,T,q,z,B,L,V,_,J,U,K,G,X,Q,Y=t(30168),$=t(67165),ee=t(30759),ne=t(24875),te=t(7281),ie=$.ZP.div.withConfig({displayName:"Container"})(M||(M=(0,Y.Z)(["\n  max-width: 1600px;\n  margin: 0 auto;\n"]))),se=$.ZP.div.withConfig({displayName:"StyledWidgetContainer"})(D||(D=(0,Y.Z)(["\n  & * {\n    ","\n  }\n"])),(0,ee.Z)({color:"inherit"})),oe=$.ZP.span.withConfig({displayName:"StyledEmptyInput"})(R||(R=(0,Y.Z)(["\n  ","\n  min-height: 2.6rem;\n  display: flex;\n  align-items: center;\n"])),(0,ee.Z)()),ae=$.ZP.div.withConfig({displayName:"StyledSection"})(A||(A=(0,Y.Z)(["\n  margin: 40px 0;\n"]))),ce=((0,$.ZP)(m.Z).withConfig({displayName:"StyledRefreshButton"})(H||(H=(0,Y.Z)(["\n  margin: 15px 0 0;\n"]))),(0,$.ZP)(m.Z).withConfig({displayName:"StyledInputViewButton"})(T||(T=(0,Y.Z)(["\n  margin-left: 15px;\n"])))),re=$.ZP.span.withConfig({displayName:"StyledVisibilityStatus"})(q||(q=(0,Y.Z)(["\n  ","\n  border: 1px solid #e6e6e6;\n  background-color: #e6e6e6;\n  border-radius: ",";\n  padding: "," ",";\n"])),(0,ee.Z)(),ne.FS.radii("button"),te.Z.space(-2.1),te.Z.space(0));const de=function(e){var n=e.selectedWidget,t=e.setSelectedWidget,i=e.selectedWidgetConfig,s=e.setSelectedWidgetConfig,o=e.loadWidgets,r=e.widgets,d=e.widgetConfigs,g=e.widgetConfig,u=e.editWidgetConfig,w=e.theme,b=e.editTheme,v=e.viewWidgetInput,C=e.isWidgetManager,P=e.intl,W=function(e){return P.formatMessage({id:e})};(0,a.useEffect)((function(){o()}),[o]);var N=r.map((function(e){return{key:e.key,display:e.label}})),M=d.map((function(e){return{key:e.key,uniqueId:e.uniqueId,display:"".concat(e.uniqueId," - ").concat(e.label)}})),D=(0,a.useState)([]),R=(0,f.Z)(D,2),A=R[0],H=R[1],T=(0,a.useState)([]),q=(0,f.Z)(T,2),Y=q[0],$=q[1],ee=(0,a.useState)(null),ne=(0,f.Z)(ee,2),te=ne[0],de=ne[1],le=(0,a.useState)(null),ge=(0,f.Z)(le,2),ue=ge[0],he=ge[1],pe=function(e,n){return $((function(t){return[].concat((0,p.Z)(t),[{key:(0,j.Z)(),name:e,args:n}])}))},fe=null==i?void 0:i.uniqueId,we=(0,a.useCallback)((0,h.Z)(Z().mark((function e(){var n,t,i,s,o,a;return Z().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=O(),t=w,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;H(i),pe("onVisibilityStatusChange",n)}},e.next=5,E(n,fe,g,t,i);case 5:s=e.sent,o=s.input,a=s.methods,de(a),he(o);case 9:case"end":return e.stop()}}),e)}))),[w,fe,g]),Ze=(0,a.useCallback)((0,h.Z)(Z().mark((function e(){return Z().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return history.pushState("",document.title,window.location.pathname+window.location.search),H([]),$([]),de(null),he(null),e.next=7,new Promise((function(e){0!==O().children.length?setTimeout((function(){window.reactRegistry.unmount(k),e()}),0):e()}));case 7:case"end":return e.stop()}}),e)}))),[]),xe=(0,a.useCallback)((0,h.Z)(Z().mark((function e(){return Z().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Ze();case 2:we();case 3:case"end":return e.stop()}}),e)}))),[we,Ze]);return(0,a.useEffect)((function(){g?xe():Ze()}),[g,Ze,xe]),(0,F.jsxs)(ie,{children:[z||(z=(0,F.jsx)(l.ZP.H1,{children:(0,F.jsx)(c.Z,{id:"client.widget-showcase.showcase"})})),(0,F.jsx)(x.Z,{label:W("client.widget-showcase.widget"),children:(0,F.jsx)(y.Z,{type:"single-select",value:n,options:{options:N},events:{onChange:t}})}),(0,F.jsx)(x.Z,{label:W("client.widget-showcase.widgetConfiguration"),children:n?(0,F.jsx)(y.Z,{type:"single-select",value:i,options:{options:M},events:{onChange:s}}):B||(B=(0,F.jsx)(oe,{children:(0,F.jsx)(c.Z,{id:"client.widget-showcase.selectWidget"})}))}),C?(0,F.jsx)(m.Z,{type:"button",onClick:u,ink:"primary",look:"raised",disabled:!i,children:L||(L=(0,F.jsx)(c.Z,{id:"client.widget-showcase.widgetConfiguration.edit"}))}):null,(0,F.jsx)(m.Z,{type:"button",onClick:b,ink:"primary",look:"raised",disabled:!i,children:V||(V=(0,F.jsx)(c.Z,{id:"client.widget-showcase.theme.edit"}))}),(0,F.jsxs)(ae,{children:[(0,F.jsxs)(l.ZP.H2,{children:[_||(_=(0,F.jsx)(c.Z,{id:"client.widget-showcase.widget"})),i&&(0,F.jsx)(ce,{type:"button",icon:"info",look:"raised",onClick:function(){return v(ue)},children:J||(J=(0,F.jsx)(c.Z,{id:"client.widget-showcase.widgetInput.view"}))}),A&&A.length>0&&(0,F.jsxs)(re,{children:[U||(U=(0,F.jsx)(c.Z,{id:"client.widget-showcase.visibilityStatus"})),": ",A.join(",")]})]}),K||(K=(0,F.jsx)(se,{id:S}))]}),(0,F.jsxs)(ae,{children:[G||(G=(0,F.jsx)(l.ZP.H2,{children:(0,F.jsx)(c.Z,{id:"client.widget-showcase.events"})})),Y.length>0?(0,F.jsx)("pre",{children:Y.map((function(e){var n=e.key,t=e.name,i=e.args;return(0,F.jsxs)(a.Fragment,{children:[t," - ",JSON.stringify(i),X||(X=(0,F.jsx)("br",{}))]},n)}))}):"-"]}),(0,F.jsxs)(ae,{children:[Q||(Q=(0,F.jsx)(l.ZP.H2,{children:(0,F.jsx)(c.Z,{id:"client.widget-showcase.methods"})})),te?(0,F.jsx)(F.Fragment,{children:Object.keys(te).map((function(e){return(0,F.jsx)(I,{label:e,onClick:te[e],intl:P},e)}))}):"-"]})]})};var le={setSelectedWidget:o.yA,setSelectedWidgetConfig:o.sR,loadWidgets:o.G1,setWidgetConfig:o.EK,editWidgetConfig:u.gk,editTheme:u.dD,viewWidgetInput:u.R2};const ge=(0,s.connect)((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}}),le)((0,i.ZP)(de));var ue,he,pe,fe,we,Ze,xe,ye,me,je,be,ve,Ce=(0,$.vJ)(ue||(ue=(0,Y.Z)(["\n  html,\n  body {\n    ","\n    font-size: 14px !important;\n  }\n"])),(0,ee.Z)()),Se=t(54608),ke=$.ZP.div.withConfig({displayName:"StyledWidgetShowcaseWrapper"})(he||(he=(0,Y.Z)(["\n  background-color: ",";\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  ","\n"])),ne.FS.color("paper"),(0,ee.Z)()),Pe=$.ZP.img.withConfig({displayName:"StyledLogo"})(pe||(pe=(0,Y.Z)(["\n  width: 40px;\n  height: auto;\n"]))),We=$.ZP.div.withConfig({displayName:"StyledBrand"})(fe||(fe=(0,Y.Z)(["\n  display: flex;\n  gap: ",";\n  align-items: center;\n\n  "," {\n    margin-top: 0;\n    ","\n  }\n"])),te.Z.space(0),Se.XU,(0,ee.Z)({fontSize:te.Z.font(9),fontWeight:ne.FS.fontWeight("bold")})),Ne=$.ZP.span.withConfig({displayName:"StyledLightText"})(we||(we=(0,Y.Z)(["\n  ","\n"])),(0,ee.Z)({color:ne.FS.color("textLight"),fontSize:te.Z.font(9)})),Oe=$.ZP.header.withConfig({displayName:"StyledHeader"})(Ze||(Ze=(0,Y.Z)(["\n  position: sticky;\n  top: 0;\n  z-index: 9999;\n  background-color: ",";\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\n  border-bottom: 1px solid ",";\n"])),ne.FS.color("paper"),ne.FS.color("borderLight")),Ee=$.ZP.nav.withConfig({displayName:"StyledNavigationWrapper"})(xe||(xe=(0,Y.Z)(["\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: "," ",";\n  box-sizing: border-box;\n  margin: 0 auto;\n"])),te.Z.space(-.5),te.Z.space(.5)),Fe=($.ZP.ul.withConfig({displayName:"StyledNavigationList"})(ye||(ye=(0,Y.Z)(["\n  list-style: none;\n  display: flex;\n"]))),$.ZP.main.withConfig({displayName:"StyledMain"})(me||(me=(0,Y.Z)(["\n  flex: 1;\n  padding: "," ",";\n  overflow: auto;\n"])),te.Z.space(1),te.Z.space(.5)));const Ie=function(e){var n=e.checkAccess,t=e.isDevelopmentRunEnv,i=e.isWidgetManager;return(0,a.useEffect)((function(){n()}),[n]),(0,F.jsxs)(d.Z,{required:[void 0!==i&&"undefined"!==t],children:[je||(je=(0,F.jsx)(Ce,{})),i||t?be||(be=(0,F.jsxs)(ke,{children:[(0,F.jsx)(Oe,{children:(0,F.jsx)(Ee,{children:(0,F.jsxs)(We,{children:[(0,F.jsx)(Pe,{src:g,alt:"tocco-logo"}),(0,F.jsxs)(l.ZP.H1,{children:["Tocco ",(0,F.jsx)(Ne,{children:"Widget Showcase"})]})]})})}),(0,F.jsx)(r.Z.Notifications,{}),(0,F.jsx)(Fe,{children:(0,F.jsx)(ge,{})})]})):ve||(ve=(0,F.jsx)(l.ZP.P,{children:(0,F.jsx)(c.Z,{id:"client.widget-showcase.noAccess"})}))]})};var Me={checkAccess:o.WD};const De=(0,s.connect)((function(e){return{isDevelopmentRunEnv:e.showcase.access.isDevelopmentRunEnv,isWidgetManager:e.showcase.access.isWidgetManager}}),Me)((0,i.ZP)(Ie))}}]);