tocco-widget-showcase 3.8.7 → 3.8.9

package/changelog.md

@@ -1,3 +1,14 @@
+3.8.9
+- fix long lines in code edit being cut off by showing scrollbar
+- add id to ReactDatePicker
+- add default link target and protocol to html editor
+
+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))}}]);

package/dist/chunk-html-editor.48ec79b27f7ea4519a0f.js

@@ -0,0 +1,6 @@
+"use strict";(self.webpackChunktocco_widget_showcase=self.webpackChunktocco_widget_showcase||[]).push([[802],{27352:(e,t,n)=>{n.r(t),n.d(t,{default:()=>z});var r,o=n(4942),a=n(1024);function i(e,t){e.onload=function(){this.onerror=this.onload=null,t(null,e)},e.onerror=function(){this.onerror=this.onload=null,t(new Error("Failed to load "+this.src),e)}}function d(e,t){e.onreadystatechange=function(){"complete"!=this.readyState&&"loaded"!=this.readyState||(this.onreadystatechange=null,t(null,e))}}function c(e,t){return"NEW_CKEDITOR"in window?Promise.resolve(NEW_CKEDITOR):"string"!=typeof e||e.length<1?Promise.reject(new TypeError("CKEditor URL must be a non-empty string.")):(r||(r=c.scriptLoader(e).then((function(e){return t&&t(e),e}))),r)}c.scriptLoader=function(e){return new Promise((function(t,n){
+/**
+ * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+var o,a,c,l,u;o=e,a=function(e){return r=void 0,e?n(e):window.NEW_CKEDITOR?void t(NEW_CKEDITOR):n(new Error("Script loaded from editorUrl doesn't provide NEW_CKEDITOR namespace."))},l=document.head||document.getElementsByTagName("head")[0],u=document.createElement("script"),"function"==typeof a&&(c=a,a={}),a=a||{},c=c||function(){},u.type=a.type||"text/javascript",u.charset=a.charset||"utf8",u.async=!("async"in a)||!!a.async,u.src=o,a.attrs&&function(e,t){for(var n in t)e.setAttribute(n,t[n])}(u,a.attrs),a.text&&(u.text=String(a.text)),("onload"in u?i:d)(u,c),u.onload||i(u,c),l.appendChild(u)}))};var l=n(45697),u=function(){return u=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},u.apply(this,arguments)};function s(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}var f=["activeEnterModeChange","activeFilterChange","afterCommandExec","afterInsertHtml","afterPaste","afterPasteFromWord","afterSetData","afterUndoImage","ariaEditorHelpLabel","ariaWidget","autogrow","beforeCommandExec","beforeDestroy","beforeGetData","beforeModeUnload","beforeSetMode","beforeUndoImage","blur","change","configLoaded","contentDirChanged","contentDom","contentDomInvalidated","contentDomUnload","contentPreview","customConfigLoaded","dataFiltered","dataReady","destroy","dialogHide","dialogShow","dirChanged","doubleclick","dragend","dragstart","drop","elementsPathUpdate","exportPdf","fileUploadRequest","fileUploadResponse","floatingSpaceLayout","focus","getData","getSnapshot","insertElement","insertHtml","insertText","instanceReady","key","langLoaded","loadSnapshot","loaded","lockSnapshot","maximize","menuShow","mode","notificationHide","notificationShow","notificationUpdate","paste","pasteFromWord","pluginsLoaded","readOnly","removeFormatCleanup","required","resize","save","saveSnapshot","selectionChange","setData","stylesRemove","stylesSet","template","toDataFormat","toHtml","uiSpace","unlockSnapshot","updateSnapshot","widgetDefinition"],p=["beforeLoad","namespaceLoaded"],y=s(s([],f,!0),p,!0),g="__CKE__";function m(e){var t=e.substr(0,1).toUpperCase()+e.substr(1);return"on".concat(t)}function h(e){return e.substr(2,1).toLowerCase()+e.substr(3)}var v=s(s([],f,!0),p,!0).reduce((function(e,t){var n;return u(u({},e),((n={})[t]=function(e){return"".concat(g).concat(e)}(t),n))}),{});function b(e){return e.split(/(?=[A-Z])/).join("-").toLowerCase()}function O(e,t,n){var r={display:"none",visibility:"hidden"};return"classic"===e?r:"ready"===t?null!=n?n:void 0:r}function S(e){var t=e.debug,n=e.editor,r=e.evtName,o=e.handler,a=e.listenerData,i=e.priority,d=t&&Math.random().toString(36).replace(/[^a-z]+/g,"").substr(0,5),c=o;return t&&(c=function(e){console.log({operation:"invoke",editor:n.name,evtName:r,handlerId:d,data:e.data,listenerData:e.listenerData}),o(e)}),t&&console.log({operation:"register",editor:n.name,evtName:r,handlerId:d}),n.on(r,c,null,a,i),function(){t&&console.log({operation:"unregister",editor:n.name,evtName:r,handlerId:d}),n.removeListener(r,c)}}var k=a.useEffect,w=a.useReducer,C=a.useRef,E="https://cdn.ckeditor.com/4.22.1/standard-all/ckeditor.js",D={};function j(e,t){switch(t.type){case"init":return u(u({},e),{hookStatus:"init"});case"loading":return u(u({},e),{hookStatus:"loading"});case"unloaded":return{editor:t.payload,hookStatus:"unloaded"};case"loaded":return u(u({},e),{hookStatus:"loaded"});case"ready":return u(u({},e),{hookStatus:"ready"});case"destroyed":return{editor:void 0,hookStatus:"destroyed"};case"error":return{editor:void 0,hookStatus:"error"};default:return e}}var L=a.useEffect,P=a.useRef,x=a.useState;function T(e){var t=e.config,n=void 0===t?{}:t,r=e.debug,o=e.editorUrl,i=e.initData,d=e.name,l=e.readOnly,u=e.style,s=e.type,f=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["config","debug","editorUrl","initData","name","readOnly","style","type"]),T=x(null),U=T[0],_=T[1],R=P(f);n&&"boolean"==typeof l&&(n.readOnly=l);var N=function(e){var t=e.config,n=e.debug,r=e.dispatchEvent,o=e.subscribeTo,a=void 0===o?y:o,i=e.editorUrl,d=e.element,l=e.initContent,u=e.type,s=void 0===u?"classic":u,f=C(i||E),m=C(null!=a?a:y),h=C(n),b=C(r),O=C(l),L=C(t||D),P=C(s),x=w(j,{editor:void 0,hookStatus:"init"}),T=x[0],U=T.editor,_=T.hookStatus,R=x[1];return k((function(){return d&&!U&&(R({type:"loading"}),c(f.current,(function(e){var t;-1!==m.current.indexOf("namespaceLoaded")&&(null===(t=b.current)||void 0===t||t.call(b,{type:v.namespaceLoaded,payload:e}))})).then((function(e){var t,n="inline"===P.current,r=L.current.readOnly;-1!==m.current.indexOf("beforeLoad")&&(null===(t=b.current)||void 0===t||t.call(b,{type:v.beforeLoad,payload:e}));var o=e[n?"inline":"replace"](d,L.current);m.current.filter((function(e){return-1===p.indexOf(e)})).forEach((function(e){S({debug:h.current,editor:o,evtName:e,handler:function(t){var n;null===(n=b.current)||void 0===n||n.call(b,{type:"".concat(g).concat(e),payload:t})}})})),S({debug:h.current,editor:o,evtName:"loaded",handler:function(){R({type:"loaded"})},priority:-1}),S({debug:h.current,editor:o,evtName:"instanceReady",handler:function(e){var t=e.editor;R({type:"ready"}),n&&!r&&t.setReadOnly(!1),O.current&&t.setData(O.current,{noSnapshot:!0,callback:function(){t.resetUndo()}})},priority:-1}),S({debug:h.current,editor:o,evtName:"destroy",handler:function(){R({type:"destroyed"})},priority:-1}),R({type:"unloaded",payload:o})})).catch((function(e){console.error(e),R({type:"error"})}))),function(){U&&U.destroy()}}),[U,d]),{editor:U,status:null==U?void 0:U.status,error:"error"===_,loading:"loading"===_}}({config:n,dispatchEvent:function(e){var t=e.type,n=e.payload,r=m(t.substr(g.length)),o=R.current[r];o&&o(n)},debug:r,editorUrl:o,element:U,initContent:"string"==typeof i?i:void 0,subscribeTo:Object.keys(f).filter((function(e){return 0===e.indexOf("on")})).map(h),type:s}),I=N.editor,F=N.status;return L((function(){var e="inline"!==s&&I&&("loaded"===F||"ready"===F);return u&&e&&I.container.setStyles(u),function(){u&&e&&Object.keys(u).map(b).forEach((function(e){I.container.removeStyle(e)}))}}),[I,F,u,s]),L((function(){I&&"ready"===F&&"boolean"==typeof l&&I.setReadOnly(l)}),[I,F,l]),a.createElement("div",{id:null!=d?d:void 0,ref:_,style:O(null!=s?s:"classic",F,u)},"string"==typeof i?null:i)}var U=u({config:l.object,debug:l.bool,editorUrl:l.string,initData:l.node,name:l.string,readOnly:l.bool,style:l.object,type:l.oneOf(["classic","inline"])},y.reduce((function(e,t){var n;return u(u({},e),((n={})[m(t)]=l.func,n))}),{}));T.propTypes=U;var _,R=n(86896),N=n(44759),I=n(30168),F=n(67165),H=n(56822),K=F.ZP.div.withConfig({displayName:"StyledHtmlEditor"})(_||(_=(0,I.Z)(["\n  && {\n    .ck-editor {\n      --ck-border-radius: 0.27rem;\n      ","\n\n      .ck.ck-list__item .ck-button.ck-fontsize-option .ck-button__label {\n        line-height: 1;\n      }\n\n      .ck-editor__editable {\n        min-height: 100px;\n      }\n    }\n  }\n"])),(function(e){return(0,H.L)(e,"ckeditor")})),W=n(85893);function A(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}window.NEW_CKEDITOR_BASEPATH="".concat(n.p,"ckeditor4/");var B=function(e){switch(e){case"fr-CH":return"fr";case"it-CH":return"it";case"en-US":return"en";case"fr":case"en":case"it":case"de":return e;case"de-CH":return"de-ch";default:return"de"}},Z=function(e){var t=e.value,r=e.onChange,a=e.contentLang,i=e.defaultLinkTarget,d=e.ckEditorConfig,c=(0,R.Z)().locale,l=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({language:B(c),contentsLanguage:a,entities:!1,allowedContent:!0,toolbar:[["Bold","Italic","Underline","Strike","RemoveFormat"],["Format","Font","FontSize","TextColor"],["NumberedList","BulletedList"],["Link","Unlink"],["Table","SpecialChar","Image"],["PasteText"],["Source"]],extraPlugins:["colorbutton","colordialog","dialogadvtab","font","codemirror"],removeButtons:[],removeDialogTabs:"",removePlugins:["elementspath"],codemirror:{mode:"htmlmixed",enableCodeFormatting:!0,autoFormatOnStart:!0}},d),u=function(e){try{var t=e.data.name,n=e.data.definition;if("link"===t)n.getContents("info").get("protocol").default="https://",n.getContents("target").get("linkTargetType").default=i||"notSet"}catch(e){N.Z.logError("Could not set default link attributes.")}};return(0,W.jsx)(K,{children:(0,W.jsx)(T,{config:l,initData:t,onBeforeLoad:function(e){return e.on("dialogDefinition",u)},type:"classic",onChange:function(e){var t=e.editor.getData();r(t)},onKey:function(e){"source"===e.editor.mode&&setTimeout((function(){var t=e.editor.editable().getValue();r(t)}),0)},editorUrl:"".concat(n.p,"ckeditor4/ckeditor-new.js")})})};Z.defaultProps={value:"",contentLang:"de"};const z=Z}}]);