jamespot-react-core 1.1.107 → 1.1.109
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/706.bundle.js +6 -6
- package/build/706.bundle.js.map +1 -1
- package/build/app.bundle.js +1164 -924
- package/build/app.bundle.js.map +1 -1
- package/build/assets/ai.0bd1828cb6ec10ad92d900c710079cac.png +0 -0
- package/build/assets/default.2ca3180f8cdd6f14c4184439f06173cb.png +0 -0
- package/build/assets/docx.d99aeeb833c328dc360bb2dc1d99126f.png +0 -0
- package/build/assets/mp3.c4f6cf8e048c8d1fd70ea5676f9e35bb.png +0 -0
- package/build/assets/mp4.c631e40ab77a5009bec629505396f88b.png +0 -0
- package/build/assets/pdf.25c19fbb11dacc87994bdce830d7e5ed.png +0 -0
- package/build/assets/pptx.fc266e95afba9abd862da4d909e1ad68.png +0 -0
- package/build/assets/psd.cca4c1ac52e6e24770486bf5bc6d6ff9.png +0 -0
- package/build/assets/svg.21a77099744d94b9214c52043ef39d95.png +0 -0
- package/build/assets/ttf.28668a6c059779e01fe7dc66dd70ef40.png +0 -0
- package/build/assets/txt.d0b32e515641b99e8e31165279361eb4.png +0 -0
- package/build/assets/xlsx.a3b00a8cd84f504b94d1cfc617b4080f.png +0 -0
- package/build/assets/zip.b8f8ab347fc92f763a2d44617a82b66e.png +0 -0
- package/build/{socket.sharedworker.bb25eb0781ce40fec4a2.js → socket.sharedworker.9cc9b5b3f5d4700f41ee.js} +2 -2
- package/build/socket.sharedworker.9cc9b5b3f5d4700f41ee.js.map +1 -0
- package/build/src/displayer/DisplayForm.component.d.ts +1 -0
- package/build/src/displayer/types.d.ts +1 -0
- package/build/src/registry/ext-component-list.d.ts +2 -0
- package/build/src/utils/router.d.ts +2 -2
- package/build/src/utils/types.d.ts +5 -7
- package/package.json +5 -4
- package/pnpm-lock.yaml +11173 -0
- package/script/traduction-react.php +17 -9
- package/build/socket.sharedworker.bb25eb0781ce40fec4a2.js.map +0 -1
package/build/706.bundle.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[706],{9706:(e,t,n)=>{n.r(t),n.d(t,{DisplayForm:()=>r,EditorsPortal:()=>Fe,Empty:()=>c,TwoColLayout:()=>E,WidgetList:()=>Q,WidgetWrapperCore:()=>V});var i=n(7363),l=n.n(i),o=n(3230),a=n(7375);const r=i.forwardRef(((e,t)=>{const n=i.useRef(null),[l,r]=(0,a.GF)(e.fields,e.type),{handleSubmit:c,control:s,reset:d}=(0,o.useForm)({defaultValues:Object.assign(Object.assign({},r),e.defaultValues),criteriaMode:"all"});return i.useImperativeHandle(t,(()=>({reset:()=>{var e;null===(e=null==n?void 0:n.current)||void 0===e||e.scrollTo(0,0),d()}})),[]),i.createElement("form",{onSubmit:c(e.onSubmit),ref:n},l.map((t=>{var{Input:n}=t,l=function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(i=Object.getOwnPropertySymbols(e);l<i.length;l++)t.indexOf(i[l])<0&&Object.prototype.propertyIsEnumerable.call(e,i[l])&&(n[i[l]]=e[i[l]])}return n}(t,["Input"]);return i.createElement(n,Object.assign({key:l.name,control:s},l,{dataCy:`${e.dataCy}-${l.name}
|
|
1
|
+
"use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[706],{9706:(e,t,n)=>{n.r(t),n.d(t,{DisplayForm:()=>r,EditorsPortal:()=>Fe,Empty:()=>c,TwoColLayout:()=>E,WidgetList:()=>Q,WidgetWrapperCore:()=>V});var i=n(7363),l=n.n(i),o=n(3230),a=n(7375);const r=i.forwardRef(((e,t)=>{const n=i.useRef(null),[l,r]=(0,a.GF)(e.fields,e.type),{handleSubmit:c,control:s,reset:d}=(0,o.useForm)({defaultValues:Object.assign(Object.assign({},r),e.defaultValues),criteriaMode:"all"});return i.useImperativeHandle(t,(()=>({reset:()=>{var e;null===(e=null==n?void 0:n.current)||void 0===e||e.scrollTo(0,0),d()}})),[]),i.createElement("form",{onSubmit:c(e.onSubmit),ref:n},l.map((t=>{var{Input:n}=t,l=function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(i=Object.getOwnPropertySymbols(e);l<i.length;l++)t.indexOf(i[l])<0&&Object.prototype.propertyIsEnumerable.call(e,i[l])&&(n[i[l]]=e[i[l]])}return n}(t,["Input"]);return i.createElement(n,Object.assign({key:l.name,control:s},l,{dataCy:`${e.dataCy}-${l.name}`,readOnly:e.readOnly}))})),e.extraInputs&&e.extraInputs(s),e.buttons)})),c=()=>i.createElement(i.Fragment,null);var s=n(2248),d=n(5181),u=n(5550);const m=u.default.registry.getLazyComponent("Container"),g=u.default.registry.getLazyComponent("AppColumn"),p=u.default.registry.getLazyComponent("MainColumn");function E({extensionRoute:e,routes:t,description:n,mode:l="center"}){var o;const a=(0,d.useIntl)(),{pathname:r}=(0,s.useLocation)(),c=Object.values(t),[u,E]=i.useState(null===(o=null==c?void 0:c[0])||void 0===o?void 0:o.key),y=c.map((t=>Object.assign(Object.assign({},t),{label:a.formatMessage({id:t.label}),href:`/ng/rr/${e}/${t.path}`,group:t.group?a.formatMessage({id:t.group}):void 0})));return i.useEffect((()=>{const t=c.find((t=>r===`/ng/rr/${e}/${t.path}`));t&&E(t.key)}),[r]),i.createElement(i.Suspense,{fallback:i.createElement(i.Fragment,null)},i.createElement(m,{mode:l},i.createElement(g,{mode:l,description:n,tabs:y,activeTab:u||""}),i.createElement(p,{mode:l},i.createElement(s.Outlet,null))))}var y=n(855),f=n(1773);const v=u.default.registry.getLazyComponent("Loader"),w=({name:e,uniqid:t,inplace:n})=>{const i=(0,y.useSelector)((e=>f.$L.selectors.selectWidgetState(e,t))),o=f.$L.definition(e);return(null==i?void 0:i.loading)?l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"rgba(255,255,255,.7)",display:"flex",flex:1,justifyContent:"center",alignItems:"center"}},l().createElement(v,null)):(null==i?void 0:i.hover)?l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"rgba(255,255,255,.7)",display:"flex",flex:1,justifyContent:"center",alignItems:"center"}}):!(null==i?void 0:i.initialized)&&n||(null==i?void 0:i.initialized)||n?l().createElement(l().Fragment,null):l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"rgba(255,255,255,1)",display:"flex",flex:1,justifyContent:"center",alignItems:"center"}},l().createElement("img",{src:o.img}))},h=u.default.registry.getLazyComponent("WidgetArticleButton"),C=u.default.registry.getLazyComponent("WidgetArticleGallery"),b=u.default.registry.getLazyComponent("WidgetArticleAttachment"),x=u.default.registry.getLazyComponent("WidgetArticleImage"),L=u.default.registry.getLazyComponent("WidgetArticleTitle"),q=u.default.registry.getLazyComponent("WidgetArticleText"),T=({widget:e,width:t,inplace:n=!1,isComponentVisible:i=!1,mode:o="view",onClick:a})=>{const r=(0,y.useDispatch)(),{name:c,uniqid:s}=e,d=(0,y.useSelector)(f.$L.selectors.selectToken),u=(e,t)=>r(f.$L.slice.actions.updateWidget({uniqid:s,content:e,override:t})),m=e=>r(f.$L.slice.actions.setWidgetState(Object.assign({uniqid:s},e)));switch(c){default:return l().createElement(l().Fragment,null,"cannot display widget (",c,")");case f.$L.const.WIDGET_ARTICLE_BUTTON:return l().createElement(h,{isComponentVisible:i,content:e.content,inplace:n,mode:o,onChange:u,onClick:a,onStateChange:m});case f.$L.const.WIDGET_ARTICLE_GALLERY:return l().createElement(C,{width:t,token:d,isComponentVisible:i,content:e.content,inplace:n,mode:o,onChange:u,onStateChange:m});case f.$L.const.WIDGET_ARTICLE_ATTACHMENT:return l().createElement(b,{token:d,content:e.content,isComponentVisible:i,inplace:n,mode:o,onChange:u,onStateChange:m});case f.$L.const.WIDGET_ARTICLE_IMAGE:return l().createElement(x,{width:null!=t?t:800,token:d,content:e.content,isComponentVisible:i,inplace:n,mode:o,onChange:u,onClick:a,onStateChange:m});case f.$L.const.WIDGET_ARTICLE_TITLE:return l().createElement(L,{isComponentVisible:i,content:e.content,inplace:n,mode:o,onChange:u,onStateChange:m});case f.$L.const.WIDGET_ARTICLE_TEXT:return l().createElement(q,{content:e.content,isComponentVisible:i,inplace:n,mode:o,onChange:u,onStateChange:m})}};var W=n(3904),I=n(6754),$=n.n(I);const k={"widget-article-image":{accept:"image/png, image/jpeg, image/jpg",multiple:!1,label:"WIDGET_Article_Image_Empty_Label",description:"WIDGET_Article_Image_Empty_Description"},"widget-article-gallery":{accept:"image/png, image/jpeg, image/jpg",multiple:!0,label:"WIDGET_Article_Gallery_Empty_Label",description:"WIDGET_Article_Attachment_Empty_Description"},"widget-article-attachment":{accept:"*",multiple:!0,label:"WIDGET_Article_Attachment_Empty_Label",description:"WIDGET_Article_Attachment_Empty_Description"}};var S=n(6),_=n(997);const A=u.default.registry.getLazyComponent("DEPRECATEDFormInputFile"),D=({uniqid:e,initialFiles:t,accept:n,label:i,description:o,multiple:a,token:r,allowAutoOpening:c,onChange:s})=>{const d=(0,y.useDispatch)(),u=(0,y.useSelector)((t=>t.widgets.currentEditableWidgetId===e),y.shallowEqual),m=l().useRef(null),[g,p]=l().useState(0),[E,v]=l().useState(0),[w,h]=l().useState(null!=t?t:[]);return l().useEffect((()=>{g===E&&d(f.$L.slice.actions.setWidgetState({uniqid:e,loading:!1}))}),[g]),l().useEffect((()=>{s(w.map((e=>e)))}),[w]),l().useEffect((()=>{var t;u&&c&&(null===(t=m.current)||void 0===t||t.click(),d(f.$L.slice.actions.setWidgetState({uniqid:e,mounted:!0})))}),[u]),l().createElement(l().Fragment,null,l().createElement(_.JRCWidgetEmptyInplace,{url:"widget-article-image-placeholder.png",label:i,description:o,onClick:()=>{var e;u&&(null===(e=m.current)||void 0===e||e.click())}}),l().createElement("div",{style:{height:0,width:0,overflow:"hidden"}},l().createElement(A,{ref:m,id:"widget-upload-file",name:"editorFiles",content:"",accept:n,multiple:a,token:r,onUploadStart:t=>{void 0!==t&&v((e=>e+t)),d(f.$L.slice.actions.setWidgetState({uniqid:e,loading:!0}))},onUploadSuccess:t=>{p((e=>e+1)),void 0!==t&&h((e=>[...e,(0,S.apiFileToWidgetFile)(t)])),a||d(f.$L.slice.actions.setWidgetState({uniqid:e,loading:!1}))}})))},F=$().div`
|
|
2
2
|
position: relative;
|
|
3
3
|
inset: 0;
|
|
4
4
|
display: flex;
|
|
5
5
|
flex: 1;
|
|
6
6
|
min-height: 180px;
|
|
7
|
-
`,R=({uniqid:e,mode:t})=>{var n;const i=(0,
|
|
7
|
+
`,R=({uniqid:e,mode:t})=>{var n;const i=(0,y.useDispatch)(),o=(0,y.useSelector)((t=>f.$L.selectors.selectWidget(t,e))),a=(0,y.useSelector)((t=>t.widgets.currentEditableWidgetId===e),y.shallowEqual),r=(0,y.useSelector)(f.$L.selectors.selectToken);if(l().useEffect((()=>{a&&(null==o?void 0:o.widget.name)&&(i(f.Wq.slice.actions.flushAllEditor()),i(f.Wq.slice.actions.registerEditor({uniqid:e,name:null==o?void 0:o.widget.name})))}),[a]),void 0===o)return l().createElement(l().Fragment,null);const c=k&&k[null==o?void 0:o.widget.name]?k[null==o?void 0:o.widget.name].label:"",s=k&&k[null==o?void 0:o.widget.name]?k[null==o?void 0:o.widget.name].description:"",d=k&&k[null==o?void 0:o.widget.name]?k[null==o?void 0:o.widget.name].accept:"",u=!(!k||!k[null==o?void 0:o.widget.name])&&k[null==o?void 0:o.widget.name].multiple;switch(null==o?void 0:o.widget.name){case"widget-article-gallery":const a=o.widget.content.files;return void 0!==r&&"edit"===t?l().createElement("div",{style:{marginTop:(null==a?void 0:a.length)?24:0}},l().createElement(F,null,l().createElement(D,{label:c,description:s,initialFiles:[],accept:d,multiple:u,uniqid:e,token:r,allowAutoOpening:!(null==a?void 0:a.length),onChange:t=>{Array.isArray(t)&&t.forEach((t=>{i(f.$L.slice.actions.updateWidget({uniqid:e,content:{files:a?[...a,t]:[t]}}))}))}}))):l().createElement(l().Fragment,null);case"widget-article-attachment":const m=o.widget.content.files;return void 0!==r&&"edit"===t?l().createElement("div",{style:{marginTop:(null==m?void 0:m.length)?24:0}},l().createElement(F,null,l().createElement(D,{label:c,description:s,initialFiles:null!=m?m:[],accept:d,multiple:u,uniqid:e,token:r,allowAutoOpening:!(null==m?void 0:m.length),onChange:t=>{Array.isArray(t)&&i(f.$L.slice.actions.updateWidget({uniqid:e,content:{files:t}}))}}))):l().createElement(l().Fragment,null);case"widget-article-image":return void 0===r||"edit"!==t||o.widget.content.file?l().createElement("div",{style:{position:"absolute",inset:0},onClick:()=>{i(f.Wq.slice.actions.flushAllEditor()),i(f.Wq.slice.actions.registerEditor({uniqid:e,name:null==o?void 0:o.widget.name}))}}):l().createElement(l().Fragment,null,l().createElement(F,null,l().createElement(D,{label:c,description:s,initialFiles:null!==(n=o.widget.content.file)&&void 0!==n?n:[],accept:d,multiple:!1,uniqid:e,token:r,allowAutoOpening:!o.widget.content.file,onChange:t=>{t&&t[0]&&i(f.$L.slice.actions.updateWidget({uniqid:e,content:{file:t[0]}}))}})))}return l().createElement(l().Fragment,null)},G=$().div`
|
|
8
8
|
position: absolute;
|
|
9
9
|
inset: 0;
|
|
10
10
|
opacity: ${e=>e.opacity};
|
|
11
11
|
background-color: ${e=>e.backgroundColor};
|
|
12
12
|
pointer-events: ${e=>e.pointerEvents};
|
|
13
|
-
`,O=({uniqid:e,mode:t})=>{const n=(0,
|
|
13
|
+
`,O=({uniqid:e,mode:t})=>{const n=(0,y.useSelector)((t=>t.widgets.ids[e].widget.layers),y.shallowEqual);return l().createElement(l().Fragment,null,null==n?void 0:n.map(((e,t)=>l().createElement(j,{uniqid:e,key:t,mode:"edit"}))))},j=({uniqid:e,mode:t})=>{const n=(0,y.useSelector)((t=>t.widgets.layers[e]));return"view"===t?l().createElement(G,{opacity:1,backgroundColor:"transparent",pointerEvents:"none"},n.widgets.map(((e,t)=>l().createElement(z,{key:t,layerId:n.uniqid,uniqid:e.widget.uniqid,mode:"view"})))):l().createElement(G,{opacity:n.visible?1:0,backgroundColor:n.visible?"rgba(255,255,255,.1)":"transparent",pointerEvents:n.locked?"none":"all"},n.widgets.map(((e,t)=>l().createElement(z,{key:t,layerId:n.uniqid,uniqid:e.widget.uniqid,mode:"edit"}))))},z=({uniqid:e,layerId:t,mode:n})=>{const i=(0,y.useDispatch)(),o=(0,y.useSelector)((t=>t.widgets.ids[e]),y.shallowEqual),a=(0,y.useSelector)((e=>e.widgets.layers[t]));return o&&a&&a.position?"view"===n?l().createElement("div",{style:{position:"absolute",top:a.position.y,left:a.position.x}},l().createElement(B,{uniqid:e,widget:o,mode:n,inplace:!0})):l().createElement(M,{position:{x:a.position.x,y:a.position.y},onMouseUp:e=>{(a.position&&a.position.x!==e.x||a.position&&a.position.y!==e.y)&&(e=>{i(f.$L.slice.actions.updateLayer({uniqid:t,props:{position:e}}))})(e)}},l().createElement(_.BETA_JRCDoubleClick,{onDoubleTap:()=>((e,t)=>{i(f.Wq.slice.actions.registerEditor({uniqid:e,name:t}))})(o.widget.uniqid,o.widget.name)},l().createElement(B,{uniqid:e,widget:o,mode:n,inplace:!0}))):l().createElement(l().Fragment,null)},M=({position:e,children:t,onMouseUp:n})=>{const[i,o]=l().useState(!1),[a,r]=l().useState({x:0,y:0}),[c,s]=l().useState({x:0,y:0}),[d,u]=l().useState({x:e.x,y:e.y}),m=l().useRef(null),g=l().useCallback((e=>{if(i&&m.current){const t=c.x+(e.clientX-a.x),n=c.y+(e.clientY-a.y);u({x:t,y:n})}}),[i]),p=()=>{o(!1),n({x:d.x,y:d.y})};return l().useEffect((()=>(document.addEventListener("mousemove",g),document.addEventListener("mouseup",p),()=>{document.removeEventListener("mousemove",g),document.removeEventListener("mouseup",p)})),[g]),l().createElement("div",{style:{position:"absolute",top:d.y,left:d.x},ref:m,onMouseDown:e=>{o(!0),m.current&&(r({x:e.nativeEvent.clientX,y:e.nativeEvent.clientY}),s({x:d.x,y:d.y}))}},t)},V=({uniqid:e,widget:t,inplace:n=!0,mode:i,width:o})=>{const a=(0,y.useDispatch)(),r=(0,y.useSelector)((t=>f.$L.selectors.selectWidget(t,e))),c=(0,y.useSelector)((t=>{var n;return null===(n=f.$L.selectors.selectWidgetState(t,e))||void 0===n?void 0:n.busy}),y.shallowEqual),s=(0,y.useSelector)((t=>t.widgets.editableMap[e]),y.shallowEqual),d=(0,y.useSelector)((e=>e.widgets.currentEditableWidgetId),y.shallowEqual),u=(0,y.useSelector)((t=>t.widgets.currentEditableWidgetId===e),y.shallowEqual),{ref:m,isComponentVisible:g,setIsComponentVisible:p}=(0,W.I)(!1);if(l().useEffect((()=>{t&&a(f.$L.slice.actions.registerWidget({uniqid:e,widget:t}))}),[]),l().useEffect((()=>{g||e===d&&a(f.$L.slice.actions.setEditableWidgetId({uniqid:void 0}))}),[g]),l().useEffect((()=>{g!==u&&p(u)}),[u]),void 0===r)return l().createElement(l().Fragment,null,"This widget cannot be desplayed");const E=()=>{"edit"===i?v():"widget-article-button"===r.widget.name&&"link"===r.widget.content.openingType&&r.widget.content.openingTypeLink&&window.open(r.widget.content.openingTypeLink.url,r.widget.content.openingTypeLink.target)},v=()=>{if("view"===i)return;const{widget:e}=r;a(f.Wq.slice.actions.registerEditor({uniqid:e.uniqid,name:e.name}))};return n&&"view"!==i?l().createElement("div",{style:{minWidth:void 0!==o?o:"100%"},ref:m,onClick:()=>{p(!0),s&&(a(f.$L.slice.actions.setEditableIndex({index:s.index})),a(f.$L.slice.actions.setEditableWidgetId({uniqid:e})))}},l().createElement(T,{width:o,widget:r.widget,inplace:n,isComponentVisible:!!(g||c||u),mode:i,onClick:E}),l().createElement(R,{uniqid:e,mode:i}),l().createElement(O,{uniqid:e,mode:i}),l().createElement(w,{name:r.widget.name,uniqid:r.widget.uniqid,inplace:n})):l().createElement("div",{style:{flex:1,display:"flex",minWidth:void 0!==o?o:"100%"},onClick:v},l().createElement(T,{widget:r.widget,isComponentVisible:!1,inplace:n,mode:i,width:o,onClick:E}),l().createElement(O,{uniqid:e,mode:i}),l().createElement(w,{name:r.widget.name,uniqid:r.widget.uniqid,inplace:n}))},B=V,J=$().div`
|
|
14
14
|
display: flex;
|
|
15
15
|
flex-direction: row;
|
|
16
16
|
flex-wrap: wrap;
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
border-radius: 8px;
|
|
75
75
|
transition: opacity 0.4s ease ${e=>40*e.index}ms;
|
|
76
76
|
opacity: ${e=>e.open?1:0};
|
|
77
|
-
`,Y=u.default.registry.getLazyComponent("Button"),K=u.default.registry.getLazyComponent("Modal"),Q=({mode:e,children:t,namespace:n="default",onChange:i})=>{const[o,a]=l().useState(!1),r=function(e){return"widget-article-image"===e?[
|
|
77
|
+
`,Y=u.default.registry.getLazyComponent("Button"),K=u.default.registry.getLazyComponent("Modal"),Q=({mode:e,children:t,namespace:n="default",onChange:i})=>{const[o,a]=l().useState(!1),r=function(e){return"widget-article-image"===e?[f.$L.definition(f.$L.const.WIDGET_ARTICLE_TITLE),f.$L.definition(f.$L.const.WIDGET_ARTICLE_BUTTON)]:[f.$L.definition(f.$L.const.WIDGET_ARTICLE_TITLE),f.$L.definition(f.$L.const.WIDGET_ARTICLE_TEXT),f.$L.definition(f.$L.const.WIDGET_ARTICLE_IMAGE),f.$L.definition(f.$L.const.WIDGET_ARTICLE_BUTTON),f.$L.definition(f.$L.const.WIDGET_ARTICLE_GALLERY),f.$L.definition(f.$L.const.WIDGET_ARTICLE_ATTACHMENT)]}(n),c=(0,d.useIntl)(),s={open:o,title:"widget builder",showIconClose:!0,portalId:"react-modal",isFullHeight:!0,closeHandler:()=>a(!1)},u=e=>{i(f.$L.factory(e)),a(!1)};return l().createElement(l().Fragment,null,l().createElement(K,Object.assign({},s),l().createElement(J,null,r.map(((e,t)=>l().createElement(N,{key:t,onClick:()=>u(e.name),available:e.available},l().createElement("img",{src:e.img}),l().createElement("div",{className:"show-on-hover"},c.formatMessage({id:e.label}))))))),"custom"===e&&t?l().createElement("div",{onClick:()=>a(!0)},t):l().createElement(l().Fragment,null),"button"===e?l().createElement(Y,{onClick:()=>a(!0),variant:"outlined",minWidth:"100%"},c.formatMessage({id:"WIDGET_Add_Widget"})):l().createElement(l().Fragment,null),"gallery"===e?l().createElement(J,null,r.map(((e,t)=>l().createElement(N,{key:t,onClick:()=>u(e.name),available:e.available},l().createElement("img",{src:e.img}),l().createElement("div",{className:"show-on-hover"},c.formatMessage({id:e.label})))))):l().createElement(l().Fragment,null),"article"===e?l().createElement(Z,{widgets:r,onClick:u}):l().createElement(l().Fragment,null))},Z=({widgets:e,onClick:t})=>{const[n,i]=l().useState(!1),o=(0,d.useIntl)();return l().createElement(l().Fragment,null,l().createElement(P,{open:n},l().createElement(H,{onClick:()=>i(!n)},o.formatMessage({id:"WIDGET_Add_Widget"})),l().createElement(U,null,e.map(((e,i)=>l().createElement(X,{key:e.name,open:n,index:i,onClick:()=>t(e.name)},o.formatMessage({id:e.label})))))))},ee=($().div`
|
|
78
78
|
margin-bottom: 24px;
|
|
79
79
|
`,$().div`
|
|
80
80
|
margin-bottom: 4px;
|
|
@@ -172,7 +172,7 @@
|
|
|
172
172
|
flex: 1;
|
|
173
173
|
display: flex;
|
|
174
174
|
align-items: center;
|
|
175
|
-
`,({uniqid:e})=>{const t=(0,
|
|
175
|
+
`,({uniqid:e})=>{const t=(0,y.useDispatch)(),n=(0,y.useSelector)((t=>f.Wq.selectors.selectEditor(t,e)));return n&&n.popup&&n.view?l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",backgroundColor:"white",marginTop:90}},l().createElement(te,null,l().createElement(ne,null),l().createElement(ie,null,"Popup"),l().createElement(ne,null,l().createElement(re,{onClick:()=>{t(f.Wq.slice.actions.flushEditorPopup({uniqid:e}))}},l().createElement(_.JRCIcon,{name:"icon-times",color:"grey2"})))),l().createElement("div",{style:{flex:1,display:"flex"}},n.view),l().createElement(te,null,l().createElement(_.JRCButton,{onClick:()=>{t(f.Wq.slice.actions.flushEditorPopup({uniqid:e}))}},"Save"))):l().createElement(l().Fragment,null)}),me=u.default.registry.getLazyComponent("WidgetArticleTitleEditor"),ge=u.default.registry.getLazyComponent("WidgetArticleImageEditor"),pe=u.default.registry.getLazyComponent("WidgetArticleTextEditor"),Ee=u.default.registry.getLazyComponent("WidgetArticleGalleryEditor"),ye=u.default.registry.getLazyComponent("WidgetArticleButtonEditor"),fe=u.default.registry.getLazyComponent("WidgetArticleAttachmentEditor"),ve=({uniqid:e})=>{const t=(0,y.useDispatch)(),n=(0,y.useSelector)(f.$L.selectors.selectToken),i=(0,y.useSelector)((t=>f.$L.selectors.selectWidget(t,e))),o=n=>{i&&t(f.$L.slice.actions.updateWidget({uniqid:e,content:n})),t(f.Wq.slice.actions.flushEditor({uniqid:e}))},a=(n,i)=>t(f.$L.slice.actions.updateWidget({uniqid:e,content:n,override:i})),r=(n,i)=>{t(void 0!==i?f.$L.slice.actions.setWidgetState(Object.assign({uniqid:i},n)):f.$L.slice.actions.setWidgetState(Object.assign({uniqid:e},n)))},c=n=>{t(f.Wq.slice.actions.registerEditorPopup({uniqid:e,view:n}))};switch(null==i?void 0:i.widget.name){default:return l().createElement(l().Fragment,null,"cannot display editor");case f.$L.const.WIDGET_ARTICLE_BUTTON:return l().createElement(ye,{content:i.widget.content,onChange:a,onSave:o,onStateChange:r});case f.$L.const.WIDGET_ARTICLE_ATTACHMENT:return l().createElement(fe,{token:n,content:i.widget.content,onChange:a,onSave:o,onStateChange:r,onOpen:c});case f.$L.const.WIDGET_ARTICLE_GALLERY:return l().createElement(Ee,{token:n,content:i.widget.content,onChange:a,onSave:o,onStateChange:r});case f.$L.const.WIDGET_ARTICLE_TEXT:return l().createElement(pe,{onChange:a,onSave:o,content:i.widget.content});case f.$L.const.WIDGET_ARTICLE_IMAGE:return l().createElement(ge,{content:i.widget.content,token:n,onChange:a,onSave:o,onStateChange:r});case f.$L.const.WIDGET_ARTICLE_TITLE:return l().createElement(me,{onChange:a,onSave:o,content:i.widget.content,onOpen:c})}},we=({uniqid:e})=>{const t=(0,y.useDispatch)(),n=(0,d.useIntl)(),i=(0,y.useSelector)((t=>f.$L.selectors.selectWidgetContent(t,e)));return l().createElement("div",{style:{flex:1}},l().createElement(he,{uniqid:e}),i&&i.widgets?i.widgets.map(((o,a)=>{const r=f.$L.definition(o.widget.name);return l().createElement("div",{key:a},l().createElement(ce,null,l().createElement(se,{onClick:()=>((e,n)=>{t(f.Wq.slice.actions.registerEditor({uniqid:e,name:n}))})(o.widget.uniqid,o.widget.name)},n.formatMessage({id:r.label})),l().createElement(de,{onClick:()=>{i.widgets&&t(f.$L.slice.actions.updateWidget({uniqid:e,content:Object.assign(Object.assign({},i),{widgets:[...i.widgets.filter(((e,t)=>t!==a))]})}))}},l().createElement(_.JRCIcon,{name:"icon-trash"}))))})):l().createElement(l().Fragment,null))},he=({uniqid:e})=>{const t=(0,y.useDispatch)(),n=(0,y.useSelector)((t=>t.widgets.ids[e].widget.layers),y.shallowEqual);return l().createElement(l().Fragment,null,l().createElement(_.BETA_JRCDragAndDrop,{onDrag:()=>{},renderEl:(e,t)=>l().createElement(Le,{uniqid:e,key:t}),elms:n||[]}),l().createElement(Q,{namespace:"default",onChange:n=>{t(f.$L.slice.actions.registerLayer({uniqid:e,widget:n}))},mode:"button"}))},Ce=({uniqid:e})=>{const t=(0,y.useDispatch)(),n=(0,y.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(f.$L.slice.actions.updateLayer({uniqid:e,props:{locked:!n.locked}}))}},l().createElement(_.JRCIcon,{name:n.locked?"icon-lock":"icon-unlock"}))},be=({uniqid:e})=>{const t=(0,y.useDispatch)(),n=(0,y.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(f.$L.slice.actions.updateLayer({uniqid:e,props:{visible:!n.visible}}))}},l().createElement(_.JRCIcon,{name:n.visible?"icon-eye":"icon-eye-slash"}))},xe=({uniqid:e,layerId:t})=>{const n=(0,y.useDispatch)();return l().createElement("div",{onClick:()=>{n(f.$L.slice.actions.flushLayer({uniqid:e,layerId:t}))}},l().createElement(_.JRCIcon,{name:"icon-trash"}))},Le=({uniqid:e})=>{const t=(0,y.useSelector)((t=>t.widgets.layers[e]));return l().createElement(l().Fragment,null,t.title,t.widgets.map(((n,i)=>{const o=f.$L.definition(n.widget.name);return l().createElement("div",{style:{flexDirection:"row",display:"flex"},key:i},l().createElement("div",{style:{flex:1,alignItems:"center"}},o.label),l().createElement(Ce,{uniqid:e}),l().createElement(be,{uniqid:e}),l().createElement(xe,{uniqid:n.widget.uniqid,layerId:t.uniqid}))})))},qe=u.default.registry.getLazyComponent("Button"),Te=({uniqid:e})=>{const t=(0,d.useIntl)(),n=(0,y.useDispatch)(),i=(0,y.useSelector)((t=>f.$L.selectors.selectWidget(t,e))),[a,r]=l().useState(null==i?void 0:i.title),{control:c,watch:s}=(0,o.useForm)({defaultValues:{text:null!=a?a:""},criteriaMode:"all"});return l().useEffect((()=>{const e=s((e=>{r(e.text)}));return()=>e.unsubscribe()}),[s]),i?l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column"}},l().createElement(_.JRCInputText,{name:"text",control:c,placeholder:t.formatMessage({id:"EDITOR_Widget_Wrapper_Title"})}),l().createElement(qe,{onClick:()=>{void 0!==a&&(n(f.$L.slice.actions.updateWidgetWrapper({uniqid:e,title:a})),n(f.Wq.slice.actions.flushEditor({uniqid:e})))},variant:"outlined",minWidth:"100%"},t.formatMessage({id:"EDITOR_Save_Widget"}))):l().createElement(l().Fragment,null,"No wrapper")},We=u.default.registry.getLazyComponent("Icon"),Ie=({uniqid:e})=>{const t=(0,d.useIntl)(),n=(0,y.useDispatch)(),i=(0,y.useSelector)((t=>f.Wq.selectors.selectEditor(t,e))),o=f.$L.definition(null==i?void 0:i.name),[a,r]=l().useState(!1),[c,s]=l().useState("default");return l().useEffect((()=>{setTimeout((()=>{r(!0)}),0)})),i?l().createElement("div",{style:{width:440,position:"relative"}},l().createElement(le,{visible:a},l().createElement(ae,null,o.panel.useWrapper?l().createElement(re,{on:"wrapper"===c,onClick:()=>s("wrapper")},l().createElement(We,{name:"icon-font",color:"grey2"})):l().createElement(l().Fragment,null),o.panel.useEditor?l().createElement(re,{on:"default"===c,onClick:()=>s("default")},l().createElement(We,{name:"icon-pen",color:"grey2"})):l().createElement(l().Fragment,null),o.panel.useWidgets?l().createElement(ke,{uniqid:e},l().createElement(re,{on:"widgets"===c,onClick:()=>s("widgets")},l().createElement(We,{name:"icon-sliders",color:"grey2"}))):l().createElement(l().Fragment,null)),l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column"}},l().createElement(te,null,l().createElement($e,{uniqid:e,position:i.position}),l().createElement(ie,null,t.formatMessage({id:o.label})),l().createElement(ne,null,l().createElement(re,{onClick:()=>{n(f.Wq.slice.actions.flushEditor({uniqid:e}))}},l().createElement(We,{name:"icon-times",color:"grey2"})))),l().createElement(oe,null,"default"===c&&o.panel.useEditor?l().createElement(ve,{uniqid:i.uniqid}):l().createElement(l().Fragment,null),"wrapper"===c&&o.panel.useWrapper?l().createElement(Te,{uniqid:i.uniqid}):l().createElement(l().Fragment,null),"widgets"===c&&o.panel.useWidgets?l().createElement(we,{uniqid:e,namespace:o.name}):l().createElement(l().Fragment,null)))),(null==i?void 0:i.popup)?l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"#000",opacity:".7"}}):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null)},$e=({uniqid:e,position:t})=>{const n=(0,y.useDispatch)();return l().createElement(ne,null,l().createElement(re,{onClick:()=>{n(f.Wq.slice.actions.setEditorPosition({uniqid:e,position:"left"===t?"right":"left"}))}},l().createElement(We,{name:"left"===t?"icon-angle-right":"icon-angle-left",color:"grey2"})))},ke=({uniqid:e,children:t})=>{const n=(0,y.useSelector)((t=>f.$L.selectors.selectWidgetState(t,e)));return(null==n?void 0:n.initialized)?t:l().createElement(l().Fragment,null)},Se=$().div`
|
|
176
176
|
position: absolute;
|
|
177
177
|
inset: 0;
|
|
178
178
|
pointer-events: none;
|
|
@@ -190,5 +190,5 @@
|
|
|
190
190
|
`,De=$().div`
|
|
191
191
|
width: ${440}px;
|
|
192
192
|
pointer-events: none;
|
|
193
|
-
`,Fe=()=>{const e=(0,
|
|
193
|
+
`,Fe=()=>{const e=(0,y.useSelector)(f.Wq.selectors.selectEditors);return l().createElement(Se,null,e.map(((e,t)=>"left"===e.position?l().createElement(ee,{on:!1,key:t},l().createElement(Ae,null,l().createElement(Ie,{uniqid:e.uniqid}),l().createElement(_e,{on:void 0!==e.popup},l().createElement(ue,{uniqid:e.uniqid})),l().createElement(De,null))):l().createElement(ee,{on:!1,key:t},l().createElement(Ae,null,l().createElement(De,null),l().createElement(_e,{on:void 0!==e.popup},l().createElement(ue,{uniqid:e.uniqid})),l().createElement(Ie,{uniqid:e.uniqid}))))))}}}]);
|
|
194
194
|
//# sourceMappingURL=706.bundle.js.map
|