![]() System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory : /opt/mattermost/client/ |
Upload File : |
"use strict";(self.webpackChunkmattermost_webapp=self.webpackChunkmattermost_webapp||[]).push([[6549],{76549:(e,t,n)=>{n.r(t),n.d(t,{default:()=>P}),n(17046);var a=n(71633),c=n.n(a),r=n(97023),l=n.n(r),o=n(57898),s=n(85873),u=n(62688),i=n.n(u),m=n(24867);const p=(e,t,n)=>{const[a,c]=(0,r.useState)(t),o=(0,r.useCallback)((e=>c(e.target.value)),[]),s=(0,r.useMemo)((()=>{const t=n?l().createElement("textarea",{onChange:o,value:a}):l().createElement("input",{type:"text",onChange:o,value:a});return l().createElement("label",{className:"clInput"},"".concat(e,": "),t)}),[o,a,e,n]);return[(0,r.useMemo)((()=>({[e]:a})),[e,a]),s]},b="ALL";function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function d(e,t,n){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e){const t=Object.keys(e);if(!t.length)return[{}];const n=t[0],a=E({},e);delete a[n];const c=h(a),r=[];return e[n].forEach((e=>{c.forEach((t=>{r.push(E(E({},t),{},{[n]:e}))}))})),r}function g(e,t,n,a){const c=[];let r=E({},t);n.forEach((e=>{e&&(r=E(E({},r),e))}));const o=h(r);let s={};return a.forEach((e=>{e&&(s=E(E({},s),e))})),o.forEach((t=>{const n=function(e){const t=Object.keys(e);if(!t.length)return;const n=[l().createElement(l().Fragment,null,"PROPS: ")];return t.forEach((t=>{n.push(l().createElement(l().Fragment,null,l().createElement("b",null,t),": ".concat(e[t],", ")))})),n}(t);c.push(l().createElement(l().Fragment,null,Boolean(n)&&l().createElement("p",null,n),l().createElement(e,Object.assign({},s,t))))})),c}n(29206),n(4290);const y={},f=["danger","info","success","welcome","warning"],v={primaryButton:{onClick:()=>window.alert("primary!"),text:"Primary"}},C={secondaryButton:{onClick:()=>window.alert("secondary!"),text:"Secondary"}},w={linkButton:{onClick:()=>window.alert("link!"),text:"Link"}},O=e=>{let{backgroundClass:t}=e;const[n,a]=p("text","Some text",!0),[o,s]=p("title","Some text",!1),[u,i]=(e=>{const[t,n]=(0,r.useState)(!0),a=(0,r.useCallback)((e=>n(e.target.checked)),[]),c=(0,r.useMemo)((()=>l().createElement("label",{className:"clInput"},"".concat(e,": "),l().createElement("input",{type:"checkbox",onChange:a,checked:t}))),[a,e,t]);return[(0,r.useMemo)((()=>({[e]:t})),[e,t]),c]})("isDismissable"),[k,E,d]=((e,t,n,a)=>{const[c,o]=(0,r.useState)("danger"),s=(0,r.useCallback)((e=>o(e.target.value)),[]),u=(0,r.useMemo)((()=>{const e=n.map((e=>l().createElement("option",{key:e,value:e},e)));return e.unshift(l().createElement("option",{key:b,value:b},b)),e}),[n,a]),i=(0,r.useMemo)((()=>l().createElement("label",{className:"clInput"},"".concat(e,": "),l().createElement("select",{onChange:s,value:c},u))),[s,e,u,c]);return[(0,r.useMemo)((()=>c===b?void 0:{[e]:c}),[e,c]),(0,r.useMemo)((()=>c===b?{[e]:n}:void 0),[e,c,n]),i]})("type",0,f,!0),[h,O]=(0,r.useState)(!1),S=(0,r.useCallback)((e=>O(e.target.checked)),[]),[j,M]=(0,r.useState)(!1),P=(0,r.useCallback)((e=>M(e.target.checked)),[]),[N,x]=(0,r.useState)(!1),I=(0,r.useCallback)((e=>x(e.target.checked)),[]),B=(0,r.useMemo)((()=>g(m.A,y,[E],[n,o,u,k,h?v:void 0,j?C:void 0,N?w:void 0,{onDismissClick:()=>window.alert("dismiss!")}])),[u,k,E,N,h,j,n,o]);return l().createElement(l().Fragment,null,a,s,i,d,l().createElement("label",{className:"clInput"},"Show primary button: ",l().createElement("input",{type:"checkbox",onChange:S,checked:h})),l().createElement("label",{className:"clInput"},"Show secondary button: ",l().createElement("input",{type:"checkbox",onChange:P,checked:j})),l().createElement("label",{className:"clInput"},"Show link button: ",l().createElement("input",{type:"checkbox",onChange:I,checked:N})),l().createElement("div",{className:c()("clWrapper",t)},B))};O.propTypes={backgroundClass:i().string.isRequired};const S={"Section Notice":O},j=Object.keys(S)[0],M=Object.keys(o.pm.THEMES)[0],P=()=>{const[e,t]=(0,r.useState)(j),n=(0,r.useCallback)((e=>{t(e.target.value)}),[]),[a,u]=(0,r.useState)(M),i=(0,r.useCallback)((e=>{u(e.target.value)}),[]),[m,p]=(0,r.useState)("center"),b=(0,r.useCallback)((e=>{p(e.currentTarget.value)}),[]);(0,r.useEffect)((()=>{(0,s.AZ)(o.pm.THEMES[a])}),[a]);const k=(0,r.useMemo)((()=>Object.keys(S).map((e=>l().createElement("option",{key:e,value:e},e)))),[]),E=(0,r.useMemo)((()=>Object.keys(o.pm.THEMES).map((e=>l().createElement("option",{key:e,value:e},e)))),[]),d=S[e];return l().createElement("div",{className:"clWrapper"},l().createElement("label",{className:"clInput"},"Component: ",l().createElement("select",{onChange:n,value:e},k)),l().createElement("label",{className:"clInput"},"Theme: ",l().createElement("select",{onChange:i,value:a},E)),l().createElement("label",{className:"clInput"},"Background: ",l().createElement("label",null,"Center channel",l().createElement("input",{onChange:b,name:"background",value:"center",type:"radio",checked:"center"===m})),l().createElement("label",null,"Sidebar",l().createElement("input",{onChange:b,name:"background",value:"sidebar",type:"radio",checked:"sidebar"===m}))),l().createElement("div",{className:"clWrapper"},l().createElement(d,{backgroundClass:c()({clCenterBackground:"center"===m,clSidebarBackground:"sidebar"===m})})))}}}]); //# sourceMappingURL=6549.adf8e3cb32b364f47100.js.map