https://himberger.de/static/6549.0d7241932dbd97e0ddf8.js

1"use strict";(self.webpackChunkmattermost_webapp=self.webpackChunkmattermost_webapp||[]).push([[6549],{76549(e,t,a){a.r(t),a.d(t,{default:()=>v}),a(43617),a(93991);var n=a(71633),c=a.n(n),l=a(36418),r=a(26366),s=a(85873),u=a(24867);const o=(e,t,a)=>{const[n,c]=(0,l.useState)(t),r=(0,l.useCallback)((e=>c(e.target.value)),[]),s=(0,l.useMemo)((()=>{const t=a?l.createElement("textarea",{onChange:r,value:n}):l.createElement("input",{type:"text",onChange:r,value:n});return l.createElement("label",{className:"clInput"},`${e}: `,t)}),[r,n,e,a]);return[(0,l.useMemo)((()=>({[e]:n})),[e,n]),s]},m="ALL";function i(e){const t=Object.keys(e);if(!t.length)return[{}];const a=t[0],n={...e};delete n[a];const c=i(n),l=[];return e[a].forEach((e=>{c.forEach((t=>{l.push({...t,[a]:e})}))})),l}function p(e,t,a,n){const c=[];let r={...t};a.forEach((e=>{e&&(r={...r,...e})}));const s=i(r);let u={};return n.forEach((e=>{e&&(u={...u,...e})})),s.forEach((t=>{const a=function(e){const t=Object.keys(e);if(!t.length)return;const a=[l.createElement(l.Fragment,null,"PROPS: ")];return t.forEach((t=>{a.push(l.createElement(l.Fragment,null,l.createElement("b",null,t),`: ${e[t]}, `))})),a}(t);c.push(l.createElement(l.Fragment,null,Boolean(a)&&l.createElement("p",null,a),l.createElement(e,Object.assign({},u,t))))})),c}a(15724),a(99930);const k={},E=["danger","info","success","welcome","warning"],b={primaryButton:{onClick:()=>window.alert("primary!"),text:"Primary"}},d={secondaryButton:{onClick:()=>window.alert("secondary!"),text:"Secondary"}},h={linkButton:{onClick:()=>window.alert("link!"),text:"Link"}},g={"Section Notice":e=>{let{backgroundClass:t}=e;const[a,n]=o("text","Some text",!0),[r,s]=o("title","Some text",!1),[i,g]=(e=>{const[t,a]=(0,l.useState)(!0),n=(0,l.useCallback)((e=>a(e.target.checked)),[]),c=(0,l.useMemo)((()=>l.createElement("label",{className:"clInput"},`${e}: `,l.createElement("input",{type:"checkbox",onChange:n,checked:t}))),[n,e,t]);return[(0,l.useMemo)((()=>({[e]:t})),[e,t]),c]})("isDismissable"),[C,y,v]=((e,t,a,n)=>{const[c,r]=(0,l.useState)("danger"),s=(0,l.useCallback)((e=>r(e.target.value)),[]),u=(0,l.useMemo)((()=>{const e=a.map((e=>l.createElement("option",{key:e,value:e},e)));return e.unshift(l.createElement("option",{key:m,value:m},m)),e}),[a,n]),o=(0,l.useMemo)((()=>l.createElement("label",{className:"clInput"},`${e}: `,l.createElement("select",{onChange:s,value:c},u))),[s,e,u,c]);return[(0,l.useMemo)((()=>c===m?void 0:{[e]:c}),[e,c]),(0,l.useMemo)((()=>c===m?{[e]:a}:void 0),[e,c,a]),o]})("type",0,E,!0),[S,f]=(0,l.useState)(!1),w=(0,l.useCallback)((e=>f(e.target.checked)),[]),[M,N]=(0,l.useState)(!1),x=(0,l.useCallback)((e=>N(e.target.checked)),[]),[I,O]=(0,l.useState)(!1),j=(0,l.useCallback)((e=>O(e.target.checked)),[]),B=(0,l.useMemo)((()=>p(u.A,k,[y],[a,r,i,C,S?b:void 0,M?d:void 0,I?h:void 0,{onDismissClick:()=>window.alert("dismiss!")}])),[i,C,y,I,S,M,a,r]);return l.createElement(l.Fragment,null,n,s,g,v,l.createElement("label",{className:"clInput"},"Show primary button: ",l.createElement("input",{type:"checkbox",onChange:w,checked:S})),l.createElement("label",{className:"clInput"},"Show secondary button: ",l.createElement("input",{type:"checkbox",onChange:x,checked:M})),l.createElement("label",{className:"clInput"},"Show link button: ",l.createElement("input",{type:"checkbox",onChange:j,checked:I})),l.createElement("div",{className:c()("clWrapper",t)},B))}},C=Object.keys(g)[0],y=Object.keys(r.pm.THEMES)[0],v=()=>{const[e,t]=(0,l.useState)(C),a=(0,l.useCallback)((e=>{t(e.target.value)}),[]),[n,u]=(0,l.useState)(y),o=(0,l.useCallback)((e=>{u(e.target.value)}),[]),[m,i]=(0,l.useState)("center"),p=(0,l.useCallback)((e=>{i(e.currentTarget.value)}),[]);(0,l.useEffect)((()=>{(0,s.AZ)(r.pm.THEMES[n])}),[n]);const k=(0,l.useMemo)((()=>Object.keys(g).map((e=>l.createElement("option",{key:e,value:e},e)))),[]),E=(0,l.useMemo)((()=>Object.keys(r.pm.THEMES).map((e=>l.createElement("option",{key:e,value:e},e)))),[]),b=g[e];return l.createElement("div",{className:"clWrapper"},l.createElement("label",{className:"clInput"},"Component: ",l.createElement("select",{onChange:a,value:e},k)),l.createElement("label",{className:"clInput"},"Theme: ",l.createElement("select",{onChange:o,value:n},E)),l.createElement("label",{className:"clInput"}

1,"Background: ",l.createElement("label",null,"Center channel",l.createElement("input",{onChange:p,name:"background",value:"center",type:"radio",checked:"center"===m})),l.createElement("label",null,"Sidebar",l.createElement("input",{onChange:p,name:"background",value:"sidebar",type:"radio",checked:"sidebar"===m}))),l.createElement("div",{className:"clWrapper"},l.createElement(b,{backgroundClass:c()({clCenterBackground:"center"===m,clSidebarBackground:"sidebar"===m})})))}}}]);
2//# sourceMappingURL=6549.0d7241932dbd97e0ddf8.js.map