jamespot-react-core 1.1.163 → 1.1.165
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/854.bundle.js +100 -112
- package/build/854.bundle.js.map +1 -1
- package/build/app.bundle.js +1088 -1005
- package/build/app.bundle.js.map +1 -1
- package/build/src/components/editors/const.d.ts +1 -0
- package/build/src/components/widgets/Widget.d.ts +1 -2
- package/build/src/components/widgets/WidgetList/WidgetList.style.d.ts +4 -1
- package/build/src/components/widgets/WidgetWrapperCore.d.ts +1 -2
- package/build/src/components/widgets/wrapper/JRCWidgetCheckListWrapper.d.ts +1 -5
- package/build/src/components/widgets/wrapper/utils.d.ts +1 -1
- package/build/src/registry/ext-component-list.d.ts +1 -0
- package/package.json +4 -4
package/build/854.bundle.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[854],{854:(e,t,i)=>{i.r(t),i.d(t,{AIModal:()=>v,Audience:()=>p,Avatar:()=>u,CommentsBloc:()=>
|
|
1
|
+
"use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[854],{854:(e,t,i)=>{i.r(t),i.d(t,{AIModal:()=>v,Audience:()=>p,Avatar:()=>u,CommentsBloc:()=>Ct,DisplayForm:()=>Tt,EditorsPortal:()=>ki,Empty:()=>Wi,JRCInputTinyMCEWithExt:()=>Si,JRCInputTinyMCEWithExtRaw:()=>Ai,ModalAudience:()=>Mi,TwoColLayout:()=>Ri,WidgetList:()=>F,WidgetWrapperCore:()=>yt});var n=i(594),l=i.n(n),o=i(196),r=i.n(o),a=i(493),s=i(132),c=i(481),d=i(704);const u=e=>{var t;const i=(0,o.useTheme)(),n=(0,d.useSelector)(c.Bx.selectors.selectNetworkPublic);return e.uri===(null==n?void 0:n.uri)?l().createElement(s.JRCIcon,{name:"icon-fs-wall",size:8*(null!==(t=e.size)&&void 0!==t?t:3),color:i.color.primary,variant:"circle"}):l().createElement(s.JRCAvatar,Object.assign({},e))},m=r().div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
gap: 12px;
|
|
@@ -19,13 +19,13 @@
|
|
|
19
19
|
cursor: pointer;
|
|
20
20
|
`,p=({audience:e,limit:t=2})=>{const i=(0,a.useIntl)(),r=(0,o.useTheme)(),[c,d]=(0,n.useState)(!1);return l().createElement(l().Fragment,null,l().createElement(s.JRCFlexBox,null,[...e].splice(0,t).map(((e,t)=>l().createElement(g,{overlap:0!==t,href:e._url,target:"_blank",key:e.id},l().createElement(s.JRCTooltip,{description:void 0===e.title?" ":e.title,position:"left"},l().createElement(u,{uri:e.uri,size:4,variant:"circle",alt:"image",timestamp:e.dateModified?s.Utils.date.strToTimestamp(e.dateModified):void 0,focusable:!0}))))),e.length>t&&l().createElement(g,{onClick:()=>d(!0),overlap:!0},"+",e.length-t)),e.length>t&&l().createElement(s.JRCModalLayout,{closeHandler:()=>d(!1),enableClickAwayCloseModal:!0,open:c,variant:"fixed-height",maxHeight:"800px"},l().createElement(s.JRCModalContent,{title:i.formatMessage({id:"GLOBAL_Audience"}),overflow:"scroll",onClickIconClose:()=>d(!1)},l().createElement(m,null,e.map(((e,t)=>l().createElement(s.JRCFlexBox,{key:`audience-${t}`,y:"center",gap:r.space.l},l().createElement(u,{size:5,uri:`${e.type}/${e.id}`}),l().createElement(s.JRCStyledHref,{href:`${e.type}/${e.id}`},l().createElement(s.JRCTypography,null,e.title)))))))))};var f=i(833),E=i.n(f);const y=r().div`
|
|
21
21
|
padding: ${e=>e.theme.space.md}px;
|
|
22
|
-
`,h={response:void 0,loading:!0,error:void 0},v=({query:e})=>{const t=(0,a.useIntl)(),[i,r]=(0,n.useState)(h),c=(0,o.useTheme)(),d=(0,n.useCallback)((e=>{r(h),E().jia.textEnhancement({text:e.text,capacity:e.capability}).then((e=>{if(e.error)return void r({error:`${t.formatMessage({id:"JIA_ERROR_AI_CALL"})}${e.errorMsg&&": "+e.errorMsg}`,loading:!1,response:void 0});const i=e.result.text;r({error:void 0,loading:!1,response:i})})).catch((e=>{r({error:t.formatMessage({id:"JIA_ERROR_AI_CALL"}),loading:!1,response:void 0})}))}),[t]);return(0,n.useEffect)((()=>{e&&e.text.trim().length>0&&d(e)}),[e,d]),l().createElement(s.JRCModalLayout,{zIndex:c.zIndex.tinyMCEModal,open:!!e,closeHandler:()=>{null==e||e.reject()}},l().createElement(s.JRCModalContent,{overflow:"scroll",buttons:[{children:t.formatMessage({id:"GLOBAL_Try_Again"}),clickHandler:()=>{e&&d(e)}},{children:t.formatMessage({id:"GLOBAL_Validation"}),clickHandler:()=>i.response&&(null==e?void 0:e.resolve(i.response))},{children:t.formatMessage({id:"GLOBAL_Cancel"}),clickHandler:()=>null==e?void 0:e.reject()}],isFull:!0},l().createElement(y,null,i.loading&&l().createElement(l().Fragment,null,l().createElement(s.JRCLoader,null),l().createElement(s.JRCTypography,{align:"center"},t.formatMessage({id:"JIA_WAITING_WARNIG"}))),!i.loading&&i.error&&l().createElement("p",null,i.error),!i.loading&&i.response&&l().createElement("p",null,i.response))))};var x=i(623);const
|
|
22
|
+
`,h={response:void 0,loading:!0,error:void 0},v=({query:e})=>{const t=(0,a.useIntl)(),[i,r]=(0,n.useState)(h),c=(0,o.useTheme)(),d=(0,n.useCallback)((e=>{r(h),E().jia.textEnhancement({text:e.text,capacity:e.capability}).then((e=>{if(e.error)return void r({error:`${t.formatMessage({id:"JIA_ERROR_AI_CALL"})}${e.errorMsg&&": "+e.errorMsg}`,loading:!1,response:void 0});const i=e.result.text;r({error:void 0,loading:!1,response:i})})).catch((e=>{r({error:t.formatMessage({id:"JIA_ERROR_AI_CALL"}),loading:!1,response:void 0})}))}),[t]);return(0,n.useEffect)((()=>{e&&e.text.trim().length>0&&d(e)}),[e,d]),l().createElement(s.JRCModalLayout,{zIndex:c.zIndex.tinyMCEModal,open:!!e,closeHandler:()=>{null==e||e.reject()}},l().createElement(s.JRCModalContent,{overflow:"scroll",buttons:[{children:t.formatMessage({id:"GLOBAL_Try_Again"}),clickHandler:()=>{e&&d(e)}},{children:t.formatMessage({id:"GLOBAL_Validation"}),clickHandler:()=>i.response&&(null==e?void 0:e.resolve(i.response))},{children:t.formatMessage({id:"GLOBAL_Cancel"}),clickHandler:()=>null==e?void 0:e.reject()}],isFull:!0},l().createElement(y,null,i.loading&&l().createElement(l().Fragment,null,l().createElement(s.JRCLoader,null),l().createElement(s.JRCTypography,{align:"center"},t.formatMessage({id:"JIA_WAITING_WARNIG"}))),!i.loading&&i.error&&l().createElement("p",null,i.error),!i.loading&&i.response&&l().createElement("p",null,i.response))))};var x=i(623),b=i(601);var C=i(206),w=i(149);const k=J.react.registry.getLazyComponent("EditorsPortal"),W=J.react.registry.getLazyComponent("ThemeProvider"),q=()=>{const e=document.getElementById("react-portals"),t=(0,n.useMemo)((()=>e&&(e=>{let t=document.getElementById("react-portals");return t||(t=document.createElement("div"),t.id=(0,w.A)(),e.appendChild(t)),t})(e)),[e]);return t?(0,C.createPortal)(l().createElement(W,null,l().createElement(k,null)),t):null},S=r().div`
|
|
23
23
|
display: flex;
|
|
24
24
|
flex-direction: row;
|
|
25
25
|
flex-wrap: wrap;
|
|
26
26
|
gap: 10px;
|
|
27
27
|
justify-content: center;
|
|
28
|
-
`,
|
|
28
|
+
`,A=r().div`
|
|
29
29
|
border: 1px solid ${e=>e.theme.color.grey2};
|
|
30
30
|
border-radius: 8px;
|
|
31
31
|
cursor: pointer;
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
opacity: 1;
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
|
-
`,
|
|
53
|
+
`,M=r().div`
|
|
54
54
|
border: 2px solid ${e=>e.theme.color.primary};
|
|
55
55
|
height: ${e=>e.open?e.height:"54"}px;
|
|
56
56
|
border-radius: 8px;
|
|
@@ -60,13 +60,14 @@
|
|
|
60
60
|
transition: height 0.4s;
|
|
61
61
|
overflow: hidden;
|
|
62
62
|
flex-direction: column;
|
|
63
|
-
`,
|
|
63
|
+
`,T=r().div`
|
|
64
64
|
display: flex;
|
|
65
65
|
flex-direction: row;
|
|
66
66
|
flex-wrap: wrap;
|
|
67
67
|
justify-content: center;
|
|
68
68
|
gap: 10px;
|
|
69
|
-
|
|
69
|
+
${e=>e.column&&"flex-direction: column;"}
|
|
70
|
+
`,I=r().div`
|
|
70
71
|
min-height: 50px;
|
|
71
72
|
display: flex;
|
|
72
73
|
justify-content: center;
|
|
@@ -76,7 +77,7 @@
|
|
|
76
77
|
&:hover {
|
|
77
78
|
background-color: ${e=>e.theme.color.grey0};
|
|
78
79
|
}
|
|
79
|
-
`,
|
|
80
|
+
`,_=r().button`
|
|
80
81
|
height: 72px;
|
|
81
82
|
display: flex;
|
|
82
83
|
align-items: center;
|
|
@@ -90,59 +91,36 @@
|
|
|
90
91
|
img {
|
|
91
92
|
width: 40px;
|
|
92
93
|
}
|
|
93
|
-
${e=>e.full&&"flex: 1"}
|
|
94
|
-
|
|
94
|
+
${e=>e.full&&"flex: 1; width: 100%;"}
|
|
95
|
+
${e=>e.parentIsColumn&&"flex-basis: 72px;"}
|
|
96
|
+
`,L=r().div`
|
|
95
97
|
display: flex;
|
|
96
98
|
flex-direction: ${e=>"row"===e.direction?"row":"column"};
|
|
97
99
|
align-items: ${e=>"row"===e.direction?"center":"flex-start"};
|
|
98
100
|
justify-content: ${e=>"row"===e.direction?"flex-start":"center"};
|
|
99
101
|
flex: 1;
|
|
100
102
|
${e=>e.gap&&`gap:${e.gap}px`}
|
|
101
|
-
`,
|
|
102
|
-
position: absolute;
|
|
103
|
-
inset: 0;
|
|
104
|
-
display: flex;
|
|
105
|
-
flex-direction: column;
|
|
106
|
-
justify-content: center;
|
|
107
|
-
align-items: center;
|
|
108
|
-
gap: ${e=>e.theme.space.md}px;
|
|
109
|
-
`),H=r().div`
|
|
110
|
-
position: absolute;
|
|
111
|
-
inset: 0;
|
|
112
|
-
display: flex;
|
|
113
|
-
flex-direction: row;
|
|
114
|
-
justify-content: center;
|
|
115
|
-
align-items: center;
|
|
116
|
-
gap: ${e=>e.theme.space.md}px;
|
|
117
|
-
color: ${e=>e.theme.color.primary};
|
|
118
|
-
cursor: pointer;
|
|
119
|
-
opacity: 0;
|
|
120
|
-
border: 1px solid ${e=>e.theme.color.primary};
|
|
121
|
-
&:hover {
|
|
122
|
-
background-color: ${e=>e.theme.color.grey2};
|
|
123
|
-
opacity: 0.9;
|
|
124
|
-
}
|
|
125
|
-
`,N=({uniqid:e,uri:t,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:d,tableRowColor:u,tableRowTextColor:m,tableColumnsData:g=[],tableBorderRadius:p,tableSizedColumns:y,tableSizedColumnsWidth:h,mode:v})=>{const x=(0,a.useIntl)(),b=(0,j.jL)(),[C,w]=(0,n.useState)(!1),[k,W]=(0,n.useState)(!1),[q,S]=(0,n.useState)([]),[T,M]=(0,n.useState)([]),[A,I]=(0,n.useState)({order:"ascending",name:"unknown"}),[_,L]=(0,n.useState)(void 0),[R,O]=(0,n.useState)(""),D=(0,n.useMemo)((()=>c.x0.definition(f.WidgetsName.DatasourceTable)),[]),J=(0,n.useMemo)((()=>"studio"===_?[{type:[R]}]:[]),[_,R]),N=(0,n.useMemo)((()=>"doc"===_?[R]:[]),[_,R]),{rtLastObject:P}=(0,F.YL)(J,N),U=(0,n.useCallback)((()=>{t&&(W(!0),E().datasource.get(t,f.Format.VIEW).then((e=>{M(e.result.model),S(e.result.data),I(e.result.sort),L(e.result.datasource.datasourceType),O(e.result.datasource.datasourceIdentifier)})).finally((()=>W(!1))))}),[t]);(0,n.useEffect)((()=>{void 0!==t&&0!==g.length&&0===T.length&&U()}),[t,g,T,U]),(0,n.useEffect)((()=>{P&&U()}),[P,U]),(0,n.useEffect)((()=>{t||M([])}),[t]);const V=(0,n.useCallback)((()=>{b(c.cr.slice.actions.flushAllEditor()),setTimeout((()=>{b(c.cr.slice.actions.registerEditor({uniqid:e,name:f.WidgetsName.DatasourceTable}))}),0)}),[b,e]);(0,n.useEffect)((()=>{"view"!==v&&"preview"!==v||b(c.cr.slice.actions.flushAllEditor())}),[v,b]),(0,n.useEffect)((()=>{C||t||"edit"!==v||(V(),w(!0))}),[b,e,C,t,V,v]);const Q=(0,n.useMemo)((()=>$(g,T)),[g,T]);return 0!==g.length||k||"edit"!==v?k?l().createElement(B,null,l().createElement(G,null)):l().createElement(l().Fragment,null,k||0!==q.length?l().createElement(z,{rows:q,columns:Q,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:d,tableRowColor:u,tableRowTextColor:m,tableBorderRadius:p,tableColumnsData:g,tableSizedColumns:y,tableSizedColumnsWidth:h,tableDefaultSortOrder:A.order,tableDefaultSortName:A.name}):l().createElement(B,null,l().createElement("img",{src:`/img/fast-intranet/${f.WidgetsName.DatasourceTable}.png`,alt:""}),l().createElement(a.FormattedMessage,{id:"WIDGET_Datasource_No_Results"})),"edit"===v?l().createElement(H,{onClick:V},l().createElement(s.JRCHtml,{__html:`${x.formatMessage({id:"WIDGET_Set_Widget"})} <b>${x.formatMessage({id:D.label})}</b>`})):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null,l().createElement(B,{onClick:V},l().createElement("img",{src:`/img/fast-intranet/${f.WidgetsName.DatasourceTable}.png`,alt:""}),l().createElement(a.FormattedMessage,{id:D.label}),l().createElement(s.JRCButton,{label:"GLOBAL_Settings"})),l().createElement(H,{onClick:V},l().createElement(s.JRCHtml,{__html:`${x.formatMessage({id:"WIDGET_Set_Widget"})} <b>${x.formatMessage({id:D.label})}</b>`})))},P=r().div`
|
|
103
|
+
`,R=x.default.registry.getLazyComponent("Button"),O=x.default.registry.getLazyComponent("ModalLayout"),D=x.default.registry.getLazyComponent("ModalContent"),j=x.default.registry.getLazyComponent("Tooltip"),$=x.default.registry.getLazyComponent("IconButton"),F=({mode:e,view:t,children:i,namespace:n="default",onChange:o})=>{const[r,s]=l().useState(!1),d=function(e){switch(e){case"widget-article-image":return[c.x0.definition(f.WidgetsName.ArticleTitle),c.x0.definition(f.WidgetsName.ArticleButton)];case"comment":return[c.x0.definition(f.WidgetsName.CheckList),c.x0.definition(f.WidgetsName.Presence)];default:return[c.x0.definition(f.WidgetsName.ArticleTitle),c.x0.definition(f.WidgetsName.ArticleText),c.x0.definition(f.WidgetsName.ArticleImage),c.x0.definition(f.WidgetsName.ArticleButton),c.x0.definition(f.WidgetsName.ArticleSlider),c.x0.definition(f.WidgetsName.ArticleAttachment),c.x0.definition(f.WidgetsName.Presence)]}}(n),u=(0,a.useIntl)(),m={open:r,portalId:"react-modal",variant:"full-height",closeHandler:()=>s(!1)},g=e=>{o(c.x0.factory(e)),s(!1)};return l().createElement(l().Fragment,null,l().createElement(O,Object.assign({},m),l().createElement(D,{onClickIconClose:m.closeHandler,buttons:"comment"===e?[{children:l().createElement(a.FormattedMessage,{id:"GLOBAL_Close"}),color:"cancel",clickHandler:()=>s(!1)}]:void 0,title:u.formatMessage({id:"WIDGET_Builder"})},"comment"===e?l().createElement(T,{column:!0},d.map(((e,t)=>l().createElement(_,{key:e.name,open:!0,full:!0,parentIsColumn:!0,index:t,onClick:()=>g(e.name)},l().createElement(L,{direction:"row",gap:12},l().createElement("img",{src:e.img}),l().createElement(L,{direction:"column"},l().createElement("h3",null,u.formatMessage({id:e.label})),l().createElement("p",null,u.formatMessage({id:e.description})))))))):l().createElement(S,null,d.map(((e,t)=>l().createElement(A,{key:t,onClick:()=>g(e.name),available:e.available},l().createElement("img",{src:e.img}),l().createElement("div",{className:"show-on-hover"},u.formatMessage({id:e.label})))))))),"custom"===e&&i?l().createElement("div",{onClick:()=>s(!0)},i):l().createElement(l().Fragment,null),"button"===e&&"edit"===t?l().createElement(R,{onClick:()=>s(!0),variant:"outlined",minWidth:"100%"},u.formatMessage({id:"WIDGET_Add_Widget"})):l().createElement(l().Fragment,null),"gallery"===e&&"edit"===t?l().createElement(S,null,d.map(((e,t)=>l().createElement(A,{key:t,onClick:()=>g(e.name),available:e.available},l().createElement("img",{src:e.img}),l().createElement("div",{className:"show-on-hover"},u.formatMessage({id:e.label})))))):l().createElement(l().Fragment,null),"article"===e&&"edit"===t?l().createElement(z,{widgets:d,onClick:g}):l().createElement(l().Fragment,null),"comment"===e&&"edit"===t?l().createElement(G,{onClick:()=>{s(!0)}}):l().createElement(l().Fragment,null))},z=({widgets:e,onClick:t})=>{const[i,o]=l().useState(!1),r=(0,a.useIntl)(),s=(0,n.useMemo)((()=>80*Math.ceil(e.length/2)+50+10),[e]);return l().createElement(l().Fragment,null,l().createElement(M,{open:i,height:s},l().createElement(I,{onClick:()=>o(!i)},r.formatMessage({id:"WIDGET_Add_Widget"})),l().createElement(T,null,e.map(((e,n)=>l().createElement(_,{key:e.name,open:i,index:n,onClick:()=>t(e.name)},l().createElement("img",{src:e.img}),r.formatMessage({id:e.label})))))))},G=({onClick:e})=>{const t=(0,a.useIntl)();return l().createElement(l().Fragment,null,l().createElement(j,{description:t.formatMessage({id:"COMMENT_Add_Widget"})},l().createElement($,{bg:"grey1",bgHover:"grey2",color:"grey5",iconSize:22,onClick:()=>{e()},icon:"icon-fs-puzzle"})))};var B=i(347),H=i(655);const N=r().div`
|
|
126
104
|
width: 0;
|
|
127
105
|
height: 0;
|
|
128
106
|
overflow: hidden;
|
|
129
|
-
`,
|
|
107
|
+
`,P=({children:e,initialFiles:t,initialClick:i,multiple:n,accept:o,onUploadStart:r,onUploadEnd:a,onUploadSuccess:u})=>{const m=l().useRef(null),g=(0,d.useSelector)(c.x0.selectors.selectToken),[p,f]=l().useState(0),[E,y]=l().useState(t);return l().useEffect((()=>{var e;i&&(null===(e=m.current)||void 0===e||e.click())}),[i]),l().useEffect((()=>{t.length!==E.length&&y(t)}),[t]),l().useEffect((()=>{u(E)}),[E]),l().useEffect((()=>{0===p&&a()}),[p]),l().createElement(l().Fragment,null,l().createElement("div",{onClick:()=>{var e;i&&(null===(e=m.current)||void 0===e||e.click())}},e),l().createElement(N,null,l().createElement(s.JRCInputFileAdvancedRaw,{ref:m,id:"widget-upload-file",name:"editorFiles",content:"",accept:o,multiple:n,token:g,onUploadStart:e=>{void 0!==e&&f((t=>t+e)),"function"==typeof r&&0!==e&&r()},onUploadSuccess:e=>{void 0!==e&&(f((e=>void 0!==e?e-1:0)),y((t=>n?[...t,e]:[e])))}})))},U=x.default.registry.getLazyComponent("WidgetAttachment"),V=x.default.registry.getLazyComponent("FileViewer"),Q=r().div`
|
|
130
108
|
flex: 1;
|
|
131
|
-
`,
|
|
109
|
+
`,K=({widget:e,inplace:t,mode:i})=>{const o=(0,a.useIntl)(),{uniqid:r}=e,{files:u}=e.content,m=(0,d.useDispatch)(),g=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,r)),d.shallowEqual),p=e=>{m(c.y8.actions.error({label:null!=e?e:o.formatMessage({id:"GLOBAL_Error"})}))};(0,n.useEffect)((()=>{m(c.x0.slice.actions.setWidgetState({uniqid:r,mounted:!0}))}),[]),(0,n.useEffect)((()=>{m(c.x0.slice.actions.setWidgetState({uniqid:r,empty:!u||0===u.length}))}),[u]);const f=(0,d.useSelector)((e=>c.lg.selectors.selectById(e,"OnlyOfficeHook"))),y=[{label:o.formatMessage({id:"WIDGET_Open_With_Wedoc"}),onClick:e=>{e&&E().object.getAccessHash(`fileArticle/${e.id}`).then((t=>{if(""===t.result)throw new Error("result empty");const i=t.result;((e,t)=>{window.open(function(e,t){return`/ng/rr/file/${e}/${t}`}(e,t),void 0)})(e.id,i)})).catch((()=>{m(c.y8.actions.error({label:"WIDGET_Open_Failed"},6e3))}))}}],h=f?[{condition:e=>["application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/vnd.openxmlformats-officedocument.presentationml.presentation"].includes(e.mimetype),options:y}]:[];return void 0!==u?l().createElement(Q,null,"view"!==i?l().createElement(U,{files:u,onClick:()=>{},onError:p}):l().createElement(V,{files:u,openWithOptions:h},(e=>l().createElement(U,{files:u,onClick:t=>e(t),onError:p}))),t&&"view"!==i&&l().createElement(P,{initialFiles:u,initialClick:g,multiple:!0,accept:"*",onUploadSuccess:e=>{Array.isArray(e)&&m((0,c.vR)(r,{files:e}))},onUploadStart:()=>{m(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!0}))},onUploadEnd:()=>{m(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!1}))}},"edit"===i?l().createElement(s.JRCWidgetEmptyInplace,{label:"WIDGET_Article_Attachment_Empty_Label",description:"WIDGET_Article_Attachment_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{}}):l().createElement(l().Fragment,null))):l().createElement(l().Fragment,null)},Y=r().div`
|
|
132
110
|
display: flex;
|
|
133
111
|
flex: 1;
|
|
134
112
|
justify-content: center;
|
|
135
113
|
align-items: center;
|
|
136
|
-
`,
|
|
114
|
+
`,X=r().div`
|
|
137
115
|
pointer-events: ${e=>e.clickable?"all":"none"};
|
|
138
116
|
cursor: pointer;
|
|
139
117
|
display: flex;
|
|
140
118
|
flex: 1;
|
|
141
119
|
justify-content: center;
|
|
142
120
|
align-items: center;
|
|
143
|
-
`,
|
|
121
|
+
`,Z=({widget:e,mode:t})=>{const i=(0,d.useDispatch)(),{uniqid:o}=e,{text:r,url:a,target:u,color:m,backgroundColor:g,buttonSize:p,borderRadius:f,variant:E}=e.content;return(0,n.useEffect)((()=>{i(c.x0.slice.actions.setWidgetState({uniqid:o,empty:!r||0===r.length}))}),[r]),l().createElement(Y,{onClick:()=>{"edit"===t&&i(c.cr.slice.actions.registerEditor({uniqid:o,name:e.name}))}},l().createElement(X,{clickable:"edit"!==t},l().createElement(s.JRCWidgetButton,{text:r,url:a,target:u,color:m,backgroundColor:g,buttonSize:p,borderRadius:f,variant:E})))},ee=x.default.registry.getLazyComponent("WidgetArticleGallery"),te=x.default.registry.getLazyComponent("FileViewer"),ie=r().button`
|
|
144
122
|
cursor: pointer;
|
|
145
|
-
`,
|
|
123
|
+
`,ne=({widget:e,inplace:t,mode:i})=>{var n,o;const{uniqid:r}=e,{files:a}=e.content,u=(0,d.useDispatch)(),m=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,r)),d.shallowEqual);return l().useEffect((()=>{u(c.x0.slice.actions.setWidgetState({uniqid:r,mounted:!0}))}),[]),void 0!==a?l().createElement(l().Fragment,null,"edit"===i?l().createElement(ee,{files:a,maxWidth:800,gap:null!==(n=e.content.gap)&&void 0!==n?n:"10",column:null!==(o=e.content.column)&&void 0!==o?o:"3",onClick:()=>{}}):l().createElement(te,{files:a,openWithOptions:[]},(t=>{var i,n;return l().createElement(ie,null,l().createElement(ee,{files:a,maxWidth:600,gap:null!==(i=e.content.gap)&&void 0!==i?i:"10",column:null!==(n=e.content.column)&&void 0!==n?n:"3",onClick:e=>t(e)}))})),t&&"edit"===i?l().createElement(P,{initialFiles:a,initialClick:m,accept:"image/png, image/jpeg, image/jpg",multiple:!0,onUploadSuccess:e=>{Array.isArray(e)&&u((0,c.vR)(r,{files:e}))},onUploadStart:()=>{u(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!0}))},onUploadEnd:()=>{u(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!1}))}},l().createElement(s.JRCWidgetEmptyInplace,{label:"WIDGET_Article_Gallery_Empty_Label",description:"WIDGET_Article_Gallery_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{}})):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null)},le=x.default.registry.getLazyComponent("WidgetImage"),oe=x.default.registry.getLazyComponent("FileViewer"),re=r().div`
|
|
146
124
|
position: absolute;
|
|
147
125
|
inset: 0;
|
|
148
126
|
background-color: rgba(0, 0, 0, 0.4);
|
|
@@ -155,16 +133,16 @@
|
|
|
155
133
|
&:hover {
|
|
156
134
|
opacity: 1;
|
|
157
135
|
}
|
|
158
|
-
`,
|
|
136
|
+
`,ae=r().button`
|
|
159
137
|
cursor: pointer;
|
|
160
|
-
`,
|
|
138
|
+
`,se={id:0,type:"",title:"",uri:"",mimetype:"application/octet-stream",mainType:"",dateCreation:"",dateModified:"",_url:"",size:10},ce=e=>{if(e){const t=Date.parse(e);if(!isNaN(t))return new Date(t).getTime()/1e3}},de=({widget:e,width:t,inplace:i,mode:o})=>{const{uniqid:r}=e,{file:u,useFilter:m}=e.content,g=(0,d.useDispatch)(),p=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,r)),d.shallowEqual),[E,y]=(0,n.useState)(void 0),h=(0,a.useIntl)();return(0,n.useEffect)((()=>{g(c.x0.slice.actions.setWidgetState({uniqid:r,mounted:!0}))}),[]),(0,n.useEffect)((()=>{g(c.x0.slice.actions.setWidgetState({uniqid:r,empty:!u}))}),[u]),(0,n.useEffect)((()=>{u&&y((0,f.formatImgUrl)({timestamp:u.dateModified?ce(u.dateModified):Date.now(),from:"imagecache",size:"fitx1200",uri:u.uri}))}),[u]),l().createElement(l().Fragment,null,"edit"===o?void 0!==E?l().createElement(le,{maxWidth:null!=t?t:600,uri:E,useFilter:null!=m&&m}):l().createElement(l().Fragment,null):l().createElement(oe,{files:[Object.assign(Object.assign({},se),{path:E,mimetype:"image/png"})],openWithOptions:[]},(e=>l().createElement(ae,{onClick:()=>e(0)},l().createElement(le,{maxWidth:null!=t?t:600,uri:E,useFilter:null!=m&&m})))),i&&"edit"===o?l().createElement(P,{initialFiles:[],initialClick:p,accept:"image/png, image/jpeg, image/jpg",multiple:!1,onUploadSuccess:e=>{Array.isArray(e)&&void 0!==e[0]&&g((0,c.vR)(r,{file:e[0]}))},onUploadStart:()=>{g(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!0}))},onUploadEnd:()=>{g(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!1}))}},void 0!==u?l().createElement(re,null,h.formatMessage({id:"ARTICLE_Widget_Image_Change"})):l().createElement(s.JRCWidgetEmptyInplace,{label:"WIDGET_Article_Image_Empty_Label",description:"WIDGET_Article_Image_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{}})):l().createElement(l().Fragment,null))};var ue=i(355);const me=x.default.registry.getLazyComponent("FileViewer"),ge=r().div`
|
|
161
139
|
flex: 1;
|
|
162
140
|
display: flex;
|
|
163
141
|
flex-direction: row;
|
|
164
142
|
min-height: 60px;
|
|
165
143
|
align-items: center;
|
|
166
144
|
width: ${e=>e.maxWidth}px;
|
|
167
|
-
`,pe={id:0,type:"",title:"",uri:"",mimetype:"application/octet-stream",mainType:"",dateCreation:"",dateModified:"",_url:"",size:10},fe=e=>{if(e){const t=Date.parse(e);if(!isNaN(t))return new Date(t).getTime()/1e3}},Ee=({widget:e,mode:t,width:i})=>{const{uniqid:o}=e,r=(0,
|
|
145
|
+
`,pe={id:0,type:"",title:"",uri:"",mimetype:"application/octet-stream",mainType:"",dateCreation:"",dateModified:"",_url:"",size:10},fe=e=>{if(e){const t=Date.parse(e);if(!isNaN(t))return new Date(t).getTime()/1e3}},Ee=({widget:e,mode:t,width:i})=>{const{uniqid:o}=e,r=(0,ue.jL)(),a=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,o)),d.shallowEqual),u=null!=i?i:600,[m,g]=(0,n.useState)(void 0),p=(0,n.useRef)(null),E=(0,n.useMemo)((()=>e.content.slides?[...e.content.slides.map(((e,t)=>Object.assign(Object.assign({},pe),{id:e.file?e.file.id:t,mimetype:e.file?e.file.mimetype:pe.mimetype,path:(0,f.formatImgUrl)({size:"fitx1200",uri:e.file?e.file.uri:"",from:"imagecache",timestamp:e.file&&e.file.dateModified?fe(e.file.dateModified):Date.now()})})))]:[]),[e.content.slides]),y=(0,n.useMemo)((()=>void 0!==e.content.slides?[...e.content.slides.map((e=>e.file?Object.assign(Object.assign({},e),{uri:(0,f.formatImgUrl)({timestamp:e.file.dateModified?fe(e.file.dateModified):Date.now(),size:`fitx${m&&m<u?m:u}`,from:"imagecache",uri:e.file.uri})}):Object.assign(Object.assign({},e),{uri:""})))]:[]),[e.content.slides,m,u]);(0,n.useEffect)((()=>{a&&"edit"===t&&r(c.cr.slice.actions.registerEditor({uniqid:o,name:e.name}))}),[a]),(0,n.useEffect)((()=>{const e=()=>{p.current&&g(p.current?p.current.offsetWidth:u)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[p]),(0,n.useEffect)((()=>{g(p.current?p.current.offsetWidth:u)}),[p]),(0,n.useEffect)((()=>{r(c.x0.slice.actions.setWidgetState({uniqid:o,empty:!e.content.slides||0===e.content.slides.length}))}),[e.content.slides]);const h=(0,n.useMemo)((()=>"edit"===t&&Array.isArray(e.content.slides)&&0===e.content.slides.length),[e.content.slides,t]),v=(0,n.useCallback)((()=>{r(c.cr.slice.actions.registerEditor({uniqid:e.uniqid,name:e.name}))}),[r,e.uniqid,e.name]);return void 0===m?l().createElement("div",{ref:p,style:{width:"100%"}}):l().createElement(ge,{maxWidth:m&&m<u?m:u},l().createElement(me,{files:E,openWithOptions:[]},(i=>{var n,a;return l().createElement(s.JRCWidgetSlider,{slides:y,maxWidth:m&&m<u?m:u,useDots:null===(n=e.content.useDots)||void 0===n||n,loop:null!==(a=e.content.loop)&&void 0!==a&&a,startAt:0,onClickSlide:n=>{if("edit"!==t){if(e.content.slides){const t=e.content.slides[n];t&&t.file&&i(t.file.id)}}else r(c.cr.slice.actions.registerEditor({uniqid:o,name:e.name}))}})})),h?l().createElement(s.JRCWidgetEmptyInplace,{label:"WIDGET_Article_Slider_Empty_Label",description:"WIDGET_Article_Slider_Empty_Description",url:"widget-article-image-placeholder.png",onClick:v}):l().createElement(l().Fragment,null))},ye=x.default.registry.getLazyComponent("WidgetArticleText"),he=r().div`
|
|
168
146
|
cursor: text;
|
|
169
147
|
p {
|
|
170
148
|
word-wrap: break-word;
|
|
@@ -197,25 +175,13 @@
|
|
|
197
175
|
&:hover {
|
|
198
176
|
background-color: ${e=>e.theme.color.grey1};
|
|
199
177
|
}
|
|
200
|
-
`,ke=({widget:e,inplace:t,mode:i})=>{const{uniqid:o}=e,{text:r,color:a,heading:s}=e.content,u=(0,d.useDispatch)(),m=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,o)),d.shallowEqual);return(0,n.useEffect)((()=>{u(c.x0.slice.actions.setWidgetState({uniqid:o,empty:!r||0===r.length}))}),[r]),l().createElement(be,null,l().createElement(xe,{text:r,color:a,heading:s,autoFocus:m,inplace:t,mode:i,onChange:e=>{u((0,c.vR)(o,{text:e}))}}),m&&"edit"===i?l().createElement(We,{heading:s,onClick:e=>{u((0,c.vR)(o,{heading:e}))}}):l().createElement(l().Fragment,null))},We=({heading:e="h1",onClick:t})=>l().createElement(Ce,null,["h1","h2","h3","h4"].map(((i,n)=>l().createElement(we,{key:n,isActive:e===i,onClick:()=>t(i)},i)))),qe=J.react.registry.getLazyComponent("WidgetCheckList"),Se=J.react.registry.getLazyComponent("WidgetCheckListEditor"),
|
|
201
|
-
|
|
202
|
-
flex-direction: row;
|
|
203
|
-
justify-content: space-between;
|
|
204
|
-
align-items: center;
|
|
205
|
-
border: ${e=>e.border?`1px solid ${e.theme.color.grey2}`:"none"};
|
|
206
|
-
min-height: 24px;
|
|
207
|
-
border-radius: 4px;
|
|
208
|
-
padding: 4px 8px;
|
|
209
|
-
`,r().div`
|
|
178
|
+
`,ke=({widget:e,inplace:t,mode:i})=>{const{uniqid:o}=e,{text:r,color:a,heading:s}=e.content,u=(0,d.useDispatch)(),m=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,o)),d.shallowEqual);return(0,n.useEffect)((()=>{u(c.x0.slice.actions.setWidgetState({uniqid:o,empty:!r||0===r.length}))}),[r]),l().createElement(be,null,l().createElement(xe,{text:r,color:a,heading:s,autoFocus:m,inplace:t,mode:i,onChange:e=>{u((0,c.vR)(o,{text:e}))}}),m&&"edit"===i?l().createElement(We,{heading:s,onClick:e=>{u((0,c.vR)(o,{heading:e}))}}):l().createElement(l().Fragment,null))},We=({heading:e="h1",onClick:t})=>l().createElement(Ce,null,["h1","h2","h3","h4"].map(((i,n)=>l().createElement(we,{key:n,isActive:e===i,onClick:()=>t(i)},i)))),qe=J.react.registry.getLazyComponent("WidgetCheckList"),Se=J.react.registry.getLazyComponent("WidgetCheckListEditor"),Ae=r().div`
|
|
179
|
+
min-height: 40px;
|
|
210
180
|
display: flex;
|
|
211
181
|
justify-content: center;
|
|
212
182
|
align-items: center;
|
|
213
|
-
border: 1px solid ${e=>e.theme.color.grey1};
|
|
214
|
-
|
|
215
|
-
border-bottom-right-radius: 4px;
|
|
216
|
-
padding: 4px;
|
|
217
|
-
margin-bottom: 8px;
|
|
218
|
-
|
|
183
|
+
border-top: 1px solid ${e=>e.theme.color.grey1};
|
|
184
|
+
cursor: pointer;
|
|
219
185
|
div:first-child {
|
|
220
186
|
margin: 0 auto;
|
|
221
187
|
}
|
|
@@ -223,7 +189,7 @@
|
|
|
223
189
|
div:last-child {
|
|
224
190
|
align-self: flex-end;
|
|
225
191
|
}
|
|
226
|
-
|
|
192
|
+
`,Me=r().div`
|
|
227
193
|
width: 100%;
|
|
228
194
|
flex: 1;
|
|
229
195
|
display: flex;
|
|
@@ -231,18 +197,16 @@
|
|
|
231
197
|
align-items: flex-start;
|
|
232
198
|
justify-content: center;
|
|
233
199
|
gap: 8px;
|
|
234
|
-
`,
|
|
200
|
+
`,Te=r().div`
|
|
201
|
+
width: 100%;
|
|
235
202
|
display: flex;
|
|
236
203
|
gap: 14px;
|
|
237
|
-
padding:
|
|
238
|
-
|
|
239
|
-
background-color: ${({theme:e})=>e.color.white};
|
|
240
|
-
border: 1px solid ${e=>e.theme.color.grey2};
|
|
241
|
-
`,_e=r().div`
|
|
204
|
+
padding: 16px;
|
|
205
|
+
`,Ie=r().div`
|
|
242
206
|
width: 100%;
|
|
243
207
|
padding-bottom: 12px;
|
|
244
208
|
border-bottom: ${e=>e.border?`1px solid ${e.theme.color.grey1}`:0};
|
|
245
|
-
`,
|
|
209
|
+
`,_e=({widget:e,commentId:t,inplace:i,mode:o,deleteRight:r,onRemove:u,onWidgetUpdate:m})=>{const g=(0,a.useIntl)(),{uniqid:p,content:y}=e,h=(0,d.useDispatch)(),[v,x]=(0,n.useState)(),[b,C]=(0,n.useState)(!1),[w,k]=(0,n.useState)(),[W,q]=(0,n.useState)(!1),S=(0,d.useSelector)((e=>c.x0.selectors.selectWidget(e,p))),A=(0,d.useSelector)(c.xJ.selectors.get),M=(0,d.useSelector)((e=>c.x0.selectors.selectWidgetObjectRights(e,p)),d.shallowEqual),T=(0,n.useMemo)((()=>M&&M.update),[M]),I=(0,n.useCallback)((e=>{h(c.y8.actions.error({label:null!=e?e:g.formatMessage({id:"GLOBAL_Error"})}))}),[h,g]),_=e=>{h(c.x0.slice.actions.updateWidgetWrapper(Object.assign({},e)))},L=()=>{h(c.x0.slice.actions.flushWidget({uniqid:p})),u&&u(p),C(!1)},R=(t,i=!1)=>{h(c.cr.slice.actions.flushAllEditor()),i&&h(c.x0.slice.actions.registerWidgetObjectRights({uniqid:e.uniqid,rights:{create:!0,read:!0,publish:!0,administrate:!0,update:!0,delete:!0,comment:!0,member:!0}})),h(c.x0.slice.actions.setToken({token:t})),h(c.cr.slice.actions.registerEditor({uniqid:e.uniqid,name:f.WidgetsName.CheckList}))};return(0,n.useEffect)((()=>{var t;const i=null===(t=e.content.arr)||void 0===t?void 0:t.map((e=>{var t,i,n;return Object.assign(Object.assign(Object.assign({text:null!==(t=e.title)&&void 0!==t?t:"",checked:null!==(i=e.value)&&void 0!==i&&i},e.links&&{links:e.links}),e.user&&{user:null!==(n=e.user)&&void 0!==n?n:void 0}),e.id&&{id:e.id,mimetype:"image/png"})}));x(i)}),[e.content.arr,y]),(0,n.useEffect)((()=>{w||W||(q(!0),E().network.token().then((e=>{k(e.result),q(!1)})).catch((e=>{I(e.errorMsg)})))}),[I,w,W]),"edit"===o&&i?l().createElement(l().Fragment,null,l().createElement(Te,null,l().createElement(Me,null,l().createElement(Ie,{border:!0},l().createElement("label",null,g.formatMessage({id:"COMMENT_WIDGET_CHECKLIST_Title"})),l().createElement(s.JRCInputTextRaw,{id:g.formatMessage({id:"COMMENT_WIDGET_CHECKLIST_Title"}),required:!0,placeholder:g.formatMessage({id:"COMMENT_WIDGET_CHECKLIST_Title"}),type:"text",value:null==S?void 0:S.title,onChange:e=>{const{value:t}=e.target;_({uniqid:p,title:t})},margin:"2px",width:"100%"})),l().createElement(Se,{token:w,uniqid:p,content:y,onChangeContent:(e,t)=>{h((0,c.vR)(e,t))},onChangeWrapper:_,openEditorPanel:R,onRemoveWidget:L,canEditCollaboration:!1})))):l().createElement(l().Fragment,null,v&&l().createElement("div",{key:e.uniqid,style:{width:"100%"}},l().createElement(qe,{title:null==S?void 0:S.title,limit:10,initialEntries:v,onFileClick:()=>{},onItemCheckListChange:(i,n)=>((e,i,n)=>{if(!t)return;const l={arr:null==n?void 0:n.map((e=>{var t,i;return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({title:e.text},e.id&&{id:e.id}),e.links&&{links:e.links}),e.mimetype&&{mimetypes:e.mimetype}),A&&e.checked&&{user:{id:null!==(i=null===(t=e.user)||void 0===t?void 0:t.id)&&void 0!==i?i:A.id,mainType:"user",type:"user"}}),e.checked&&{value:e.checked})}))};h((0,c.vR)(e,l)),E().widget.checkListRespond({id:t,type:"comment",idUser:null==A?void 0:A.id,uniqid:e,index:i}).then((()=>{m&&m()})).catch((e=>{I(e.message)}))})(e.uniqid,i,n)}),(y.edit||T)&&l().createElement(l().Fragment,null,l().createElement(Ae,{onClick:()=>{w?R(w):I(g.formatMessage({id:"GLOBAL_Error"}))}},l().createElement("div",{style:{alignSelf:"auto"}},g.formatMessage({id:"COMMENT_WIDGET_Configure"})),r&&l().createElement("div",null,l().createElement(s.JRCIconButton,{iconSize:14,onClick:e=>{null==e||e.stopPropagation(),C(!0)},icon:"icon-trash"})))),l().createElement(s.JRCModal,{buttons:[{color:"cancel",clickHandler:()=>C(!1),children:l().createElement(a.FormattedMessage,{id:"GLOBAL_Cancel"})},{color:"danger",clickHandler:L,children:l().createElement(a.FormattedMessage,{id:"GLOBAL_Delete"})}],open:b,closeHandler:()=>C(!1),title:g.formatMessage({id:"GLOBAL_Delete"})},g.formatMessage({id:"COMMENT_WIDGET_Delete_Widget"}))))},Le=(e,t)=>{const i=[];return e.filter((e=>e.isVisible)).forEach((e=>{const n=t.find((t=>t.name===e.name));n&&i.push(n)})),i},Re=x.default.registry.getLazyComponent("WidgetTable"),Oe=x.default.registry.getLazyComponent("Loader"),De=(r().div``,r().div`
|
|
246
210
|
position: absolute;
|
|
247
211
|
inset: 0;
|
|
248
212
|
display: flex;
|
|
@@ -266,18 +230,42 @@
|
|
|
266
230
|
background-color: ${e=>e.theme.color.grey2};
|
|
267
231
|
opacity: 0.9;
|
|
268
232
|
}
|
|
269
|
-
`,$e=({uniqid:e,uri:t,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:d,tableRowColor:u,tableRowTextColor:m,tableColumnsData:g=[],tableBorderRadius:p,tableSizedColumns:y,tableSizedColumnsWidth:h,mode:v})=>{const x=(0,a.useIntl)(),b=(0,
|
|
233
|
+
`,$e=({uniqid:e,uri:t,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:d,tableRowColor:u,tableRowTextColor:m,tableColumnsData:g=[],tableBorderRadius:p,tableSizedColumns:y,tableSizedColumnsWidth:h,mode:v})=>{const x=(0,a.useIntl)(),b=(0,ue.jL)(),[C,w]=(0,n.useState)(!1),[k,W]=(0,n.useState)(!1),[q,S]=(0,n.useState)([]),[A,M]=(0,n.useState)([]),[T,I]=(0,n.useState)({order:"ascending",name:"unknown"}),[_,L]=(0,n.useState)(void 0),[R,O]=(0,n.useState)(""),D=(0,n.useMemo)((()=>c.x0.definition(f.WidgetsName.DatasourceTable)),[]),j=(0,n.useMemo)((()=>"studio"===_?[{type:[R]}]:[]),[_,R]),$=(0,n.useMemo)((()=>"doc"===_?[R]:[]),[_,R]),{rtLastObject:F}=(0,B.YL)(j,$),z=(0,n.useCallback)((()=>{t&&(W(!0),E().datasource.get(t,f.Format.VIEW).then((e=>{M(e.result.model),S(e.result.data),I(e.result.sort),L(e.result.datasource.datasourceType),O(e.result.datasource.datasourceIdentifier)})).finally((()=>W(!1))))}),[t]);(0,n.useEffect)((()=>{void 0!==t&&0!==g.length&&0===A.length&&z()}),[t,g,A,z]),(0,n.useEffect)((()=>{F&&z()}),[F,z]),(0,n.useEffect)((()=>{t||M([])}),[t]);const G=(0,n.useCallback)((()=>{b(c.cr.slice.actions.flushAllEditor()),setTimeout((()=>{b(c.cr.slice.actions.registerEditor({uniqid:e,name:f.WidgetsName.DatasourceTable}))}),0)}),[b,e]);(0,n.useEffect)((()=>{"view"!==v&&"preview"!==v||b(c.cr.slice.actions.flushAllEditor())}),[v,b]),(0,n.useEffect)((()=>{C||t||"edit"!==v||(G(),w(!0))}),[b,e,C,t,G,v]);const J=(0,n.useMemo)((()=>Le(g,A)),[g,A]);return 0!==g.length||k||"edit"!==v?k?l().createElement(De,null,l().createElement(Oe,null)):l().createElement(l().Fragment,null,k||0!==q.length?l().createElement(Re,{rows:q,columns:J,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:d,tableRowColor:u,tableRowTextColor:m,tableBorderRadius:p,tableColumnsData:g,tableSizedColumns:y,tableSizedColumnsWidth:h,tableDefaultSortOrder:T.order,tableDefaultSortName:T.name}):l().createElement(De,null,l().createElement("img",{src:`/img/fast-intranet/${f.WidgetsName.DatasourceTable}.png`,alt:""}),l().createElement(a.FormattedMessage,{id:"WIDGET_Datasource_No_Results"})),"edit"===v?l().createElement(je,{onClick:G},l().createElement(s.JRCHtml,{__html:`${x.formatMessage({id:"WIDGET_Set_Widget"})} <b>${x.formatMessage({id:D.label})}</b>`})):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null,l().createElement(De,{onClick:G},l().createElement("img",{src:`/img/fast-intranet/${f.WidgetsName.DatasourceTable}.png`,alt:""}),l().createElement(a.FormattedMessage,{id:D.label}),l().createElement(s.JRCButton,{label:"GLOBAL_Settings"})),l().createElement(je,{onClick:G},l().createElement(s.JRCHtml,{__html:`${x.formatMessage({id:"WIDGET_Set_Widget"})} <b>${x.formatMessage({id:D.label})}</b>`})))},Fe=x.default.registry.getLazyComponent("WidgetTable"),ze=x.default.registry.getLazyComponent("Loader"),Ge=(r().div``,r().div`
|
|
234
|
+
position: absolute;
|
|
235
|
+
inset: 0;
|
|
236
|
+
display: flex;
|
|
237
|
+
flex-direction: column;
|
|
238
|
+
justify-content: center;
|
|
239
|
+
align-items: center;
|
|
240
|
+
gap: ${e=>e.theme.space.md}px;
|
|
241
|
+
`),Je=r().div`
|
|
242
|
+
position: absolute;
|
|
243
|
+
inset: 0;
|
|
244
|
+
display: flex;
|
|
245
|
+
flex-direction: row;
|
|
246
|
+
justify-content: center;
|
|
247
|
+
align-items: center;
|
|
248
|
+
gap: ${e=>e.theme.space.md}px;
|
|
249
|
+
color: ${e=>e.theme.color.primary};
|
|
250
|
+
cursor: pointer;
|
|
251
|
+
opacity: 0;
|
|
252
|
+
border: 1px solid ${e=>e.theme.color.primary};
|
|
253
|
+
&:hover {
|
|
254
|
+
background-color: ${e=>e.theme.color.grey2};
|
|
255
|
+
opacity: 0.9;
|
|
256
|
+
}
|
|
257
|
+
`,Be=({uniqid:e,uri:t,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:d,tableRowColor:u,tableRowTextColor:m,tableColumnsData:g=[],tableBorderRadius:p,tableSizedColumns:y,tableSizedColumnsWidth:h,mode:v})=>{const x=(0,a.useIntl)(),b=(0,ue.jL)(),[C,w]=(0,n.useState)(!1),[k,W]=(0,n.useState)(!1),[q,S]=(0,n.useState)([]),[A,M]=(0,n.useState)([]),T=(0,n.useMemo)((()=>c.x0.definition(f.WidgetsName.ExcelDatasourceTable)),[]);(0,n.useEffect)((()=>{void 0!==t&&0!==g.length&&0===A.length&&(W(!0),E().datasource.get(t,f.Format.VIEW).then((e=>{M(e.result.model),S(e.result.data)})).finally((()=>W(!1))))}),[t,g,A]),(0,n.useEffect)((()=>{t||M([])}),[t]);const I=(0,n.useCallback)((()=>{b(c.cr.slice.actions.flushAllEditor()),setTimeout((()=>b(c.cr.slice.actions.registerEditor({uniqid:e,name:f.WidgetsName.ExcelDatasourceTable}))),0)}),[b,e]);(0,n.useEffect)((()=>{"view"!==v&&"preview"!==v||b(c.cr.slice.actions.flushAllEditor())}),[v,b]),(0,n.useEffect)((()=>{C||t||"edit"!==v||(I(),w(!0))}),[b,e,C,t,I,v]);const _=(0,n.useMemo)((()=>Le(g,A)),[g,A]);return 0!==g.length||k||"edit"!==v?k?l().createElement(Ge,null,l().createElement(ze,null)):l().createElement(l().Fragment,null,k||0!==q.length?l().createElement(Fe,{rows:q,columns:_,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:d,tableRowColor:u,tableRowTextColor:m,tableBorderRadius:p,tableColumnsData:g,tableSizedColumns:y,tableSizedColumnsWidth:h}):l().createElement(Ge,null,l().createElement("img",{src:`/img/fast-intranet/${f.WidgetsName.ExcelDatasourceTable}.png`,alt:""}),l().createElement(a.FormattedMessage,{id:"WIDGET_Datasource_No_Results"})),"edit"===v?l().createElement(Je,{onClick:I},l().createElement(s.JRCHtml,{__html:`${x.formatMessage({id:"WIDGET_Set_Widget"})} <b>${x.formatMessage({id:T.label})}</b>`})):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null,l().createElement(Ge,{onClick:I},l().createElement("img",{src:`/img/fast-intranet/${f.WidgetsName.ExcelDatasourceTable}.png`,alt:""}),l().createElement(a.FormattedMessage,{id:T.label}),l().createElement(s.JRCButton,{label:"GLOBAL_Settings"})),l().createElement(Je,{onClick:I},l().createElement(s.JRCHtml,{__html:`${x.formatMessage({id:"WIDGET_Set_Widget"})} <b>${x.formatMessage({id:T.label})}</b>`})))},He=r().button`
|
|
270
258
|
padding: ${e=>e.theme.space.md}px;
|
|
271
|
-
`,
|
|
259
|
+
`,Ne=r().div`
|
|
272
260
|
padding: ${e=>e.theme.space.md}px;
|
|
273
261
|
display: flex;
|
|
274
262
|
flex-direction: row-reverse;
|
|
275
|
-
`,
|
|
263
|
+
`,Pe=({id:e,type:t,uniqid:i})=>{const o=(0,d.useDispatch)(),r=(0,a.useIntl)(),[u,m]=(0,n.useState)(!1);return l().createElement(l().Fragment,null,l().createElement(He,{onClick:()=>m(!0)},l().createElement(s.JRCTooltip,{description:r.formatMessage({id:"WIDGET_Remove_Widget"})},l().createElement(s.JRCIcon,{name:"icon-trash",color:"orange"}))),u&&l().createElement(s.JRCModalLayout,{enableClickAwayCloseModal:!0,open:u,closeHandler:()=>m(!1)},l().createElement(s.JRCModalContent,{overflow:"scroll",title:r.formatMessage({id:"WIDGET_Remove_Widget"}),onClickIconClose:()=>m(!1)},r.formatMessage({id:"WIDGET_Delete_Widget_Confirmation"})),l().createElement(Ne,null,l().createElement(s.JRCButton,{label:r.formatMessage({id:"GLOBAL_Confirm"}),onClick:()=>{E().widget.removeWidget({id:e,type:t,uniqid:i}).then((()=>{o(c.x0.slice.actions.flushWidget({uniqid:i}))})).catch((()=>o(c.y8.actions.error({label:"WIDGET_Presence_Error"}))))}}))))},Ue=r().div`
|
|
276
264
|
display: flex;
|
|
277
265
|
flex: 1;
|
|
278
266
|
flex-direction: row;
|
|
279
267
|
border-top: 1px solid ${e=>e.theme.color.grey1};
|
|
280
|
-
`,
|
|
268
|
+
`,Ve=r().button`
|
|
281
269
|
padding: ${e=>e.theme.space.md}px;
|
|
282
270
|
display: flex;
|
|
283
271
|
flex: 1;
|
|
@@ -287,21 +275,21 @@
|
|
|
287
275
|
&:hover {
|
|
288
276
|
background-color: ${e=>e.theme.color.grey1};
|
|
289
277
|
}
|
|
290
|
-
`,
|
|
278
|
+
`,Qe=({id:e,type:t,name:i,uniqid:o})=>{const r=(0,a.useIntl)(),s=(0,d.useDispatch)(),u=(0,d.useSelector)((e=>c.x0.selectors.selectWidgetObject(e,o)),d.shallowEqual),m=(0,d.useSelector)((e=>c.x0.selectors.selectWidgetObjectRights(e,o)),d.shallowEqual),g=(0,n.useMemo)((()=>u&&m&&m.update),[u,m]),p=(0,n.useCallback)((()=>{s(c.cr.slice.actions.registerEditor({uniqid:o,name:i,onSave:e=>{u&&u.id&&u.type&&(0,f.ensureWidgetPresenceContent)(e)&&E().widget.updateWidget({id:u.id,type:u.type,uniqid:o,content:e,v2:!0}).catch((()=>s(c.y8.actions.error({label:"WIDGET_Presence_Error"}))))}}))}),[o,s,i,u]);return g?l().createElement(Ue,null,l().createElement(Ve,{onClick:p},r.formatMessage({id:"WIDGET_Set_Widget"})),l().createElement(Pe,{id:e,type:t,uniqid:o})):l().createElement(l().Fragment,null)},Ke=r().div`
|
|
291
279
|
padding: ${e=>e.theme.space.md}px;
|
|
292
|
-
`,
|
|
280
|
+
`,Ye=r().a`
|
|
293
281
|
cursor: pointer;
|
|
294
282
|
color: ${e=>e.theme.color.secondary};
|
|
295
|
-
`,
|
|
283
|
+
`,Xe=r().div`
|
|
296
284
|
display: flex;
|
|
297
285
|
justify-content: center;
|
|
298
286
|
align-items: center;
|
|
299
|
-
`,
|
|
287
|
+
`,Ze=({mode:e,uniqid:t,isClosed:i})=>{const o=(0,a.useIntl)(),r=(0,d.useDispatch)(),s=(0,d.useSelector)((e=>c.x0.selectors.selectWidgetObject(e,t)),d.shallowEqual),u=(0,d.useSelector)((e=>c.x0.selectors.selectWidgetObjectRights(e,t)),d.shallowEqual),m=(0,n.useMemo)((()=>s&&u&&u.update),[s,u]),g=(0,n.useCallback)((()=>{if("edit"===e||!m)return;if(!(0,f.ensureWidgetObjectHasMinimumProperties)(s))return;const n={isClosed:!i};E().widget.updateWidget({id:s.id,type:s.type,uniqid:t,content:n,v2:!0}).then((()=>r(c.x0.slice.actions.updateWidget({uniqid:t,content:n})))).catch((()=>r(c.y8.actions.error({label:"WIDGET_Presence_Error"}))))}),[i,e,t,m,s,r]);return l().createElement(Ke,null,l().createElement(Xe,null,l().createElement(Ye,{onClick:g},o.formatMessage({id:"WIDGET_Presence_Closing"}))))},et=r().div`
|
|
300
288
|
display: flex;
|
|
301
289
|
flex: 1;
|
|
302
290
|
position: relative;
|
|
303
291
|
flex-direction: column;
|
|
304
|
-
`,
|
|
292
|
+
`,tt=r().div`
|
|
305
293
|
position: absolute;
|
|
306
294
|
inset: 0;
|
|
307
295
|
background-color: rgba(255, 255, 255, 0.7);
|
|
@@ -309,23 +297,17 @@
|
|
|
309
297
|
flex: 1;
|
|
310
298
|
justify-content: center;
|
|
311
299
|
align-items: center;
|
|
312
|
-
`,
|
|
300
|
+
`,it=({widget:e,mode:t})=>{const i=(0,d.useDispatch)(),{limit:o,limitValue:r,closing:a,isClosed:u}=e.content,[m,g]=(0,n.useState)({userValue:-1,userAvailableList:[],userUnavailableList:[],userAvailableTotal:0,userUnavailableTotal:0}),[p,y]=(0,n.useState)(!1),[h]=(0,n.useState)(new AbortController),v=(0,n.useRef)(h),b=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetObject(t,e.uniqid)),d.shallowEqual),C=(0,d.useSelector)((t=>c.x0.selectors.selectAllWidgetRTObject(t,e.uniqid)),d.shallowEqual),w=(0,n.useCallback)((()=>i(c.y8.actions.error({label:"WIDGET_Presence_Error"}))),[i]),k=(0,n.useMemo)((()=>a&&u||"edit"===t),[a,u,t]),W=(0,n.useCallback)((()=>{k||((0,f.ensureWidgetObjectHasMinimumProperties)(b)?(y(!0),E().widget.presenceCancel({id:Number(b.id),type:b.type,uniqid:e.uniqid}).catch(w).finally((()=>y(!1)))):w())}),[b,e,w,k]),q=(0,n.useCallback)((t=>{if(k)return;if(!(0,f.ensureWidgetObjectHasMinimumProperties)(b))return void w();y(!0);const n={id:Number(b.id),type:b.type,uniqid:e.uniqid,value:t};if(!(0,f.ensureWidgetPresenceResponsePayload)(n))return y(!1),void i(c.y8.actions.error({label:"WIDGET_Presence_Payload_Error"}));E().widget.presenceRespond(n,v.current.signal).catch(w).finally((()=>y(!1)))}),[b,i,e,w,k]),S=(0,n.useCallback)(((e,n,l)=>{"edit"!==t&&(o&&r&&m.userAvailableTotal>=r?i(c.y8.actions.error({label:"WIDGET_Presence_Limit_Response_Error"})):E().widget.presenceGetResponse({id:e,type:n,uniqid:l},v.current.signal).then((e=>{(0,f.ensureWidgetPresenceResponse)(e.result)&&g(e.result)})).catch((e=>!e.aborted&&w)))}),[i,m.userAvailableTotal,o,r,w,t]);return(0,n.useEffect)((()=>()=>{v&&v.current&&v.current.abort()}),[]),(0,n.useEffect)((()=>{(0,f.ensureWidgetObjectHasMinimumProperties)(b)&&S(b.id,b.type,e.uniqid)}),[S,b,e]),(0,n.useEffect)((()=>{if(!Array.isArray(C))return;const t=C.at(-1);t&&(t.object.id!==Number(null==b?void 0:b.id)||t.uniqid!==e.uniqid||p||S(t.object.id,t.object.type,e.uniqid))}),[C,b,S,e,p]),l().createElement(x.RTProvider,{useRT:()=>{(0,B.AW)(e.uniqid)}},l().createElement(et,null,l().createElement(s.JRCWidgetPresence,{limit:o,limitValue:r,userAvailableList:m.userAvailableList,userUnavailableList:m.userUnavailableList,userValue:m.userValue,userAvailableTotal:null==m?void 0:m.userAvailableTotal,userUnavailableTotal:null==m?void 0:m.userUnavailableTotal,isClosed:a&&u,handleClickAvailable:()=>1===m.userValue?W():q(1),handleClickUnavailable:()=>0===m.userValue?W():q(0)}),p&&l().createElement(tt,null,l().createElement(s.JRCLoader,{size:"l"})),a&&!u&&l().createElement(Ze,{mode:t,uniqid:e.uniqid,isClosed:u}),(0,f.ensureWidgetObjectHasMinimumProperties)(b)&&l().createElement(Qe,{id:b.id,type:b.type,uniqid:e.uniqid,name:e.name})))},nt=r().div`
|
|
313
301
|
display: flex;
|
|
314
302
|
flex: 1;
|
|
315
303
|
flex-direction: column;
|
|
316
|
-
`,
|
|
304
|
+
`,lt=r().div`
|
|
317
305
|
padding: 0 ${e=>e.theme.space.md}px;
|
|
318
306
|
border-bottom: 1px solid ${e=>e.theme.color.grey1};
|
|
319
|
-
`,
|
|
307
|
+
`,ot=r().div`
|
|
320
308
|
padding: ${e=>e.theme.space.md}px;
|
|
321
309
|
border-bottom: 1px solid ${e=>e.theme.color.grey1};
|
|
322
|
-
`,
|
|
323
|
-
position: absolute;
|
|
324
|
-
inset: 0;
|
|
325
|
-
opacity: ${e=>e.opacity};
|
|
326
|
-
background-color: ${e=>e.backgroundColor};
|
|
327
|
-
pointer-events: ${e=>e.pointerEvents};
|
|
328
|
-
`,ot=({uniqid:e,mode:t})=>{const i=(0,d.useSelector)((t=>t.widgets.ids[e].widget.layers),d.shallowEqual);return l().createElement(l().Fragment,null,null==i?void 0:i.map(((e,t)=>l().createElement(rt,{uniqid:e,key:t,mode:"edit"}))))},rt=({uniqid:e,mode:t})=>{const i=(0,d.useSelector)((t=>t.widgets.layers[e]));return"view"===t?l().createElement(lt,{opacity:1,backgroundColor:"transparent",pointerEvents:"none"},i.widgets.map(((e,t)=>l().createElement(at,{key:t,layerId:i.uniqid,uniqid:e.widget.uniqid,mode:"view"})))):l().createElement(lt,{opacity:i.visible?1:0,backgroundColor:i.visible?"rgba(255,255,255,.1)":"transparent",pointerEvents:i.locked?"none":"all"},i.widgets.map(((e,t)=>l().createElement(at,{key:t,layerId:i.uniqid,uniqid:e.widget.uniqid,mode:"edit"}))))},at=({uniqid:e,layerId:t,mode:i})=>{const n=(0,d.useDispatch)(),o=(0,d.useSelector)((t=>t.widgets.ids[e]),d.shallowEqual),r=(0,d.useSelector)((e=>e.widgets.layers[t]));return o&&r&&r.position?"view"===i?l().createElement("div",{style:{position:"absolute",top:r.position.y,left:r.position.x}},l().createElement(gt,{uniqid:e,widget:o,mode:i,inplace:!0})):l().createElement(st,{position:{x:r.position.x,y:r.position.y},onMouseUp:e=>{(r.position&&r.position.x!==e.x||r.position&&r.position.y!==e.y)&&(e=>{n(c.x0.slice.actions.updateLayer({uniqid:t,props:{position:e}}))})(e)}},l().createElement(s.BETA_JRCDoubleClick,{onDoubleTap:()=>((e,t)=>{n(c.cr.slice.actions.registerEditor({uniqid:e,name:t}))})(o.widget.uniqid,o.widget.name)},l().createElement(gt,{uniqid:e,widget:o,mode:i,inplace:!0}))):l().createElement(l().Fragment,null)},st=({position:e,children:t,onMouseUp:i})=>{const[o,r]=l().useState(!1),[a,s]=l().useState({x:0,y:0}),[c,d]=l().useState({x:0,y:0}),[u,m]=l().useState({x:e.x,y:e.y}),g=l().useRef(null),p=(0,n.useCallback)((e=>{r(!0),g.current&&(s({x:e.nativeEvent.clientX,y:e.nativeEvent.clientY}),d({x:u.x,y:u.y}))}),[u.x,u.y]),f=l().useCallback((e=>{if(o&&g.current){const t=c.x+(e.clientX-a.x),i=c.y+(e.clientY-a.y);m({x:t,y:i})}}),[a.x,a.y,o,c.x,c.y]),E=(0,n.useCallback)((()=>{r(!1),i({x:u.x,y:u.y})}),[u.x,u.y,i]);return l().useEffect((()=>(document.addEventListener("mousemove",f),document.addEventListener("mouseup",E),()=>{document.removeEventListener("mousemove",f),document.removeEventListener("mouseup",E)})),[f,E]),l().createElement("div",{style:{position:"absolute",top:u.y,left:u.x},ref:g,onMouseDown:p},t)},ct=x.default.registry.getLazyComponent("Loader"),dt=({name:e,uniqid:t,inplace:i})=>{const n=(0,d.useSelector)((e=>c.x0.selectors.selectWidgetState(e,t))),o=c.x0.definition(e);return(null==n?void 0:n.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(ct,null)):(null==n?void 0:n.hover)?l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"rgba(255,255,255,.7)",display:"flex",flex:1,justifyContent:"center",alignItems:"center"}}):!(null==n?void 0:n.initialized)&&i||(null==n?void 0:n.initialized)||i?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}))},ut=(r().div`
|
|
310
|
+
`,rt=({widget:e,commentId:t,width:i,inplace:n=!1,mode:o="view",deleteRight:r,onWidgetUpdate:a,onRemove:s,cannotDisplayComponent:c})=>{const{name:d}=e;return(0,f.ensureWidgetArticleButtonType)(e)?l().createElement(Z,{widget:e,inplace:n,mode:o}):(0,f.ensureWidgetArticleGalleryType)(e)?l().createElement(ne,{widget:e,inplace:n,mode:o}):(0,f.ensureWidgetArticleAttachmentType)(e)?l().createElement(K,{widget:e,inplace:n,mode:o}):(0,f.ensureWidgetArticleImageType)(e)?l().createElement(de,{widget:e,inplace:n,mode:o}):(0,f.ensureWidgetArticleSliderType)(e)?l().createElement(Ee,{widget:e,inplace:n,mode:o,width:null!=i?i:800}):(0,f.ensureWidgetArticleTitleType)(e)?l().createElement(ke,{widget:e,inplace:n,mode:o}):(0,f.ensureWidgetArticleTextType)(e)?l().createElement(ve,{widget:e,inplace:n,mode:o}):(0,f.ensureWidgetExcelDatasourceTableType)(e)?l().createElement(Be,Object.assign({},e.content,{uniqid:e.uniqid,mode:o})):(0,f.ensureWidgetDatasourceTableType)(e)?l().createElement($e,Object.assign({},e.content,{uniqid:e.uniqid,mode:o})):(0,f.ensureWidgetCheckListType)(e)?l().createElement(_e,{widget:e,commentId:t,inplace:n,mode:o,deleteRight:null!=r&&r,onRemove:s,onWidgetUpdate:a}):(0,f.ensureWidgetPresenceType)(e)?l().createElement(nt,null,"edit"===o?l().createElement(st,{uniqid:e.uniqid}):l().createElement(at,{uniqid:e.uniqid}),l().createElement(it,{widget:e,inplace:n,mode:o})):c?l().createElement(l().Fragment,null,c(d)):l().createElement(l().Fragment,null,"cannot display widget (",d,")")},at=({uniqid:e})=>{const t=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e)),d.shallowEqual);return l().createElement(ot,null,null==t?void 0:t.title)},st=({uniqid:e})=>{var t;const i=(0,a.useIntl)(),n=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e)),d.shallowEqual),o=(0,d.useDispatch)(),{control:r,watch:u}=(0,H.useForm)({defaultValues:{title:null!==(t=null==n?void 0:n.title)&&void 0!==t?t:""},criteriaMode:"all"});return l().useEffect((()=>{const t=u((t=>{o(c.x0.slice.actions.updateWidgetWrapper({uniqid:e,title:t.title}))}));return()=>t.unsubscribe()}),[u,o,e]),l().createElement(lt,null,l().createElement(s.JRCInputText,{name:"title",control:r,placeholder:i.formatMessage({id:"GLOBAL_Title"})}))},ct=(r().div`
|
|
329
311
|
height: 0;
|
|
330
312
|
overflow: hidden;
|
|
331
313
|
`,r().div`
|
|
@@ -367,30 +349,36 @@
|
|
|
367
349
|
min-height: 200px;
|
|
368
350
|
`,r().div`
|
|
369
351
|
display: flex;
|
|
370
|
-
`),
|
|
352
|
+
`),dt=r().div`
|
|
353
|
+
position: absolute;
|
|
354
|
+
inset: 0;
|
|
355
|
+
opacity: ${e=>e.opacity};
|
|
356
|
+
background-color: ${e=>e.backgroundColor};
|
|
357
|
+
pointer-events: ${e=>e.pointerEvents};
|
|
358
|
+
`,ut=({uniqid:e,mode:t})=>{const i=(0,d.useSelector)((t=>t.widgets.ids[e].widget.layers),d.shallowEqual);return l().createElement(l().Fragment,null,null==i?void 0:i.map(((e,t)=>l().createElement(mt,{uniqid:e,key:t,mode:"edit"}))))},mt=({uniqid:e,mode:t})=>{const i=(0,d.useSelector)((t=>t.widgets.layers[e]));return"view"===t?l().createElement(dt,{opacity:1,backgroundColor:"transparent",pointerEvents:"none"},i.widgets.map(((e,t)=>l().createElement(gt,{key:t,layerId:i.uniqid,uniqid:e.widget.uniqid,mode:"view"})))):l().createElement(dt,{opacity:i.visible?1:0,backgroundColor:i.visible?"rgba(255,255,255,.1)":"transparent",pointerEvents:i.locked?"none":"all"},i.widgets.map(((e,t)=>l().createElement(gt,{key:t,layerId:i.uniqid,uniqid:e.widget.uniqid,mode:"edit"}))))},gt=({uniqid:e,layerId:t,mode:i})=>{const n=(0,d.useDispatch)(),o=(0,d.useSelector)((t=>t.widgets.ids[e]),d.shallowEqual),r=(0,d.useSelector)((e=>e.widgets.layers[t]));return o&&r&&r.position?"view"===i?l().createElement("div",{style:{position:"absolute",top:r.position.y,left:r.position.x}},l().createElement(ht,{uniqid:e,widget:o,mode:i,inplace:!0})):l().createElement(pt,{position:{x:r.position.x,y:r.position.y},onMouseUp:e=>{(r.position&&r.position.x!==e.x||r.position&&r.position.y!==e.y)&&(e=>{n(c.x0.slice.actions.updateLayer({uniqid:t,props:{position:e}}))})(e)}},l().createElement(s.BETA_JRCDoubleClick,{onDoubleTap:()=>((e,t)=>{n(c.cr.slice.actions.registerEditor({uniqid:e,name:t}))})(o.widget.uniqid,o.widget.name)},l().createElement(ht,{uniqid:e,widget:o,mode:i,inplace:!0}))):l().createElement(l().Fragment,null)},pt=({position:e,children:t,onMouseUp:i})=>{const[o,r]=l().useState(!1),[a,s]=l().useState({x:0,y:0}),[c,d]=l().useState({x:0,y:0}),[u,m]=l().useState({x:e.x,y:e.y}),g=l().useRef(null),p=(0,n.useCallback)((e=>{r(!0),g.current&&(s({x:e.nativeEvent.clientX,y:e.nativeEvent.clientY}),d({x:u.x,y:u.y}))}),[u.x,u.y]),f=l().useCallback((e=>{if(o&&g.current){const t=c.x+(e.clientX-a.x),i=c.y+(e.clientY-a.y);m({x:t,y:i})}}),[a.x,a.y,o,c.x,c.y]),E=(0,n.useCallback)((()=>{r(!1),i({x:u.x,y:u.y})}),[u.x,u.y,i]);return l().useEffect((()=>(document.addEventListener("mousemove",f),document.addEventListener("mouseup",E),()=>{document.removeEventListener("mousemove",f),document.removeEventListener("mouseup",E)})),[f,E]),l().createElement("div",{style:{position:"absolute",top:u.y,left:u.x},ref:g,onMouseDown:p},t)},ft=x.default.registry.getLazyComponent("Loader"),Et=({name:e,uniqid:t,inplace:i})=>{const n=(0,d.useSelector)((e=>c.x0.selectors.selectWidgetState(e,t))),o=c.x0.definition(e);return(null==n?void 0:n.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(ft,null)):(null==n?void 0:n.hover)?l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"rgba(255,255,255,.7)",display:"flex",flex:1,justifyContent:"center",alignItems:"center"}}):!(null==n?void 0:n.initialized)&&i||(null==n?void 0:n.initialized)||i?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}))},yt=({uniqid:e,widgetObject:t,commentId:i,widget:o,inplace:r=!0,mode:a,width:s,deleteRight:u,onWidgetUpdate:m,onRemove:g,cannotDisplayComponent:p})=>{const E=(0,d.useDispatch)(),y=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e))),h=(0,d.useSelector)((t=>t.widgets.editableMap[e]),d.shallowEqual),v=(0,d.useSelector)((e=>e.widgets.currentEditableWidgetId),d.shallowEqual),x=(0,d.useSelector)((t=>t.widgets.currentEditableWidgetId===e),d.shallowEqual),{ref:b,isComponentVisible:C,setIsComponentVisible:w}=(0,B.xv)(!1);if((0,n.useEffect)((()=>{t&&E(c.x0.slice.actions.registerWidgetObject({uniqid:e,object:t}))}),[]),(0,n.useEffect)((()=>{o&&E(c.x0.slice.actions.registerWidget({uniqid:e,widget:o}))}),[]),(0,n.useEffect)((()=>{C||e===v&&E(c.x0.slice.actions.setEditableWidgetId({uniqid:void 0}))}),[C]),(0,n.useEffect)((()=>{C!==x&&w(x)}),[x]),void 0===y)return l().createElement(l().Fragment,null,"This widget cannot be displayed");const k=y.widget,W=()=>{"edit"===a?q():(0,f.ensureWidgetArticleButtonType)(k)&&"link"===k.content.openingType&&k.content.openingTypeLink&&window.open(k.content.openingTypeLink.url,k.content.openingTypeLink.target)},q=()=>{if("view"===a)return;const{widget:e}=y;E(c.cr.slice.actions.registerEditor({uniqid:e.uniqid,name:e.name}))};return r&&"view"!==a?l().createElement(ct,{ref:b,onClick:()=>{w(!0),h&&(E(c.x0.slice.actions.setEditableIndex({index:h.index})),E(c.x0.slice.actions.setEditableWidgetId({uniqid:e})))}},l().createElement(rt,{width:s,widget:y.widget,inplace:r,mode:a,onClick:W,onRemove:g}),l().createElement(ut,{uniqid:e,mode:a}),l().createElement(Et,{name:y.widget.name,uniqid:y.widget.uniqid,inplace:r})):l().createElement(ct,{onClick:q},l().createElement(rt,{widget:Object.assign(Object.assign({},y.widget),y.title&&{title:y.title}),commentId:i,inplace:r,mode:a,width:s,onClick:W,deleteRight:u,onWidgetUpdate:m,onRemove:g,cannotDisplayComponent:p}),l().createElement(ut,{uniqid:e,mode:a}),l().createElement(Et,{name:y.widget.name,uniqid:y.widget.uniqid,inplace:r}))},ht=yt;var vt=function(e,t,i,n){return new(i||(i=Promise))((function(l,o){function r(e){try{s(n.next(e))}catch(e){o(e)}}function a(e){try{s(n.throw(e))}catch(e){o(e)}}function s(e){var t;e.done?l(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(r,a)}s((n=n.apply(e,t||[])).next())}))};const xt=r().div`
|
|
371
359
|
display: flex;
|
|
372
360
|
flex-direction: column;
|
|
373
361
|
gap: 4px;
|
|
374
362
|
flex: 1;
|
|
375
363
|
width: 100%;
|
|
376
364
|
margin-top: 10px;
|
|
377
|
-
`,
|
|
365
|
+
`,bt=r().div`
|
|
378
366
|
border-radius: ${e=>e.theme.space.sm}px;
|
|
379
367
|
border: 1px solid ${e=>e.theme.color.grey1};
|
|
380
368
|
background-color: ${e=>e.theme.color.white};
|
|
381
369
|
overflow: hidden;
|
|
382
|
-
`,
|
|
370
|
+
`,Ct=({articleId:e,variant:t="inline",canComment:i})=>{var r;const u=(0,a.useIntl)(),m=(0,o.useTheme)(),g=(0,d.useDispatch)(),[p,f]=(0,n.useState)(),[y,h]=(0,n.useState)(!1),[v,C]=(0,n.useState)([]),[w,k]=(0,n.useState)(!1),W=(0,d.useSelector)(c.xJ.selectors.get),S=(0,d.useSelector)(c.x0.selectors.selectWidgets),A=(0,d.useSelector)(c.sU.selectors.selectTinyMCECommonOptions),M=(0,d.useSelector)(c.Kx.selectors.selectAll),T=(0,d.useSelector)(c.OD.selectors.selectPlatformConfig),I=(0,d.useSelector)((e=>c.lg.selectors.selectById(e,"OnlyOfficeHook"))),_=(0,d.useSelector)((t=>c.Mw.selectors.commentList(t,e))),L=(0,d.useSelector)((e=>c.qn.selectors.selectHook(e,"DriveHook"))),R=(0,d.useSelector)((e=>c.lg.selectors.selectById(e,"FileBankHook"))),O=(0,d.useSelector)((e=>c.qn.selectors.selectHook(e,"WidgetHook")));(0,b.A)(e),((e,t)=>{const i=(0,d.useDispatch)(),l=(0,n.useMemo)((()=>x.default.socket),[]),o=(0,n.useMemo)((()=>c.Mw.getCommentsLikeRTHandlers(i,e,t)),[i,e,t]);(0,n.useEffect)((()=>(o.forEach((e=>{l.onMessage(e.namespace,e.function,e.handler)})),()=>{o.forEach((e=>{l.offMessage(e.namespace,e.function,e.handler)}))})),[o,l])})(null==_?void 0:_.list.map((e=>e.id)),e);const D=(0,n.useCallback)((e=>{g(c.y8.actions.error({label:null!=e?e:u.formatMessage({id:"GLOBAL_Error"})}))}),[g,u]),j=()=>{g(c.Mw.actions.fetchComments({idArticle:e})),$()},$=(0,n.useCallback)((()=>{p||w||(k(!0),E().network.token().then((e=>{f(e.result),k(!1)})).catch((e=>{D(e.errorMsg)})))}),[D,p,w]),z=(0,n.useCallback)((t=>vt(void 0,void 0,void 0,(function*(){if(p){h(!0);const i=Object.keys(S).map((e=>(null==v?void 0:v.some((t=>t.widget.uniqid===e)))?S[e]:null)).filter((e=>null!==e));try{yield E().article.addComment(Object.assign(Object.assign({},t),{widgets:i,token:p,idArticle:e})).then((()=>{v.forEach((e=>{g(c.x0.slice.actions.flushWidget({uniqid:e.widget.uniqid}))})),C([])})),$()}catch(e){D(e.errorMsg)}finally{h(!1)}}}))),[e,g,$,D,p,S,v]);return(0,n.useEffect)((()=>{$()}),[$]),(0,n.useEffect)((()=>{g(c.Mw.actions.fetchComments({idArticle:e}))}),[]),(0,n.useEffect)((()=>{_&&_.list&&_.list.forEach((e=>{var t;null===(t=e._widgets)||void 0===t||t.forEach((t=>{g(c.x0.slice.actions.registerWidgetObject({uniqid:t.widget.uniqid,object:e})),g(c.x0.slice.actions.registerWidgetObjectRights({uniqid:t.widget.uniqid,rights:e._right}))}))}))}),[_,g]),l().createElement(l().Fragment,null,A&&l().createElement(l().Fragment,null,l().createElement(xt,null,l().createElement(s.JRCCommentsBloc,{canComment:i,loading:y,token:p,comments:null==_?void 0:_.list,onComment:z,onCommentUpdate:t=>vt(void 0,void 0,void 0,(function*(){var i,n;const l=null==_?void 0:_.list.find((e=>e.id===t.idComment));if(l)return E().article.updateComment({idComment:t.idComment,description:null!==(n=null!==(i=t.description)&&void 0!==i?i:l.description)&&void 0!==n?n:void 0,token:t.token,widgets:t.widgets}).then((()=>{g(c.Mw.actions.fetchComments({idArticle:e})),$()})).catch((e=>{D(e.errorMsg)}))})),onCommentDelete:e=>vt(void 0,void 0,void 0,(function*(){E().article.deleteComment(e).catch(D)})),isWidgetActive:!!((null==O?void 0:O.isActive)&&(null==O?void 0:O.create)&&(null===(r=null==O?void 0:O.autorize)||void 0===r?void 0:r.includes("comment"))),widgetListComponent:l().createElement(F,{mode:"comment",namespace:"comment",onChange:e=>{C([...v,e]),g(c.x0.slice.actions.registerWidget({uniqid:e.widget.uniqid,widget:e}))},view:"edit"}),newWidgetsWrapperComponent:l().createElement(l().Fragment,null,v.map((e=>e&&e.widget&&l().createElement(bt,{key:e.widget.uniqid},l().createElement(ht,{uniqid:e.widget.uniqid,widget:e,inplace:!0,mode:"edit",onRemove:e=>C(v.filter((t=>t.widget.uniqid!==e))),cannotDisplayComponent:e=>l().createElement(s.JRCMessage,{variant:"info",message:u.formatMessage({id:"WIDGET_Cannot_Display"},{widget:e})})}))))),existingWidgetsWrapperComponent:(t,i,n,o=!0,r,a=!1)=>l().createElement(l().Fragment,null,null==i?void 0:i.map((i=>i&&l().createElement(bt,{key:i.widget.uniqid},l().createElement(ht,{uniqid:i.widget.uniqid,widgetObject:t,commentId:r,widget:i,inplace:o,mode:n,deleteRight:a,onWidgetUpdate:j,onRemove:t=>{E().widget.removeWidget({id:r,type:"comment",uniqid:t}).then((()=>{g(c.Mw.actions.fetchComments({idArticle:e})),$()})).catch((e=>{D(e.errorMsg)}))},cannotDisplayComponent:e=>l().createElement(s.JRCMessage,{variant:"info",message:u.formatMessage({id:"WIDGET_Cannot_Display"},{widget:e})})}))))),currentUser:W,tinyMCEConfig:{commonOptions:A,mentionsQueries:(0,x.getTinyMCEMentionsQueries)(M,m,D)},onError:D,highlightFields:T.userHighlightFields,userAccountStatus:T.userAccountStatus,userModel:M.find((e=>"user"===e.type)),isWedocActive:!!I,onGetHashError:e=>g(c.y8.actions.error({label:null!=e?e:u.formatMessage({id:"GLOBAL_Error"})})),activeDrives:J.debug.UploadFromDrives?[...R&&L?["fileBank"]:[],...c.qn.utils.buildDrivesArrayFromObject(null==L?void 0:L.drives)]:[],socialActionAdd:({targetId:e,targetType:t,type:i})=>E().socialAction.add({targetType:t,targetId:e,type:i}),deleteFile:e=>vt(void 0,void 0,void 0,(function*(){p&&(yield E().file.deleteFile(e,"attachment",p))})),fetchUser:e=>E().user.get(e),fetchUserFields:(e,t)=>E().user.getFields(e,t),fetchSocialActionUserList:({targetId:e,targetType:t,type:i})=>E().socialAction.getUsers({targetType:t,targetId:e,type:i}),removeLike:({targetId:e,targetType:t,type:i})=>E().socialAction.remove({targetType:t,targetId:e,type:i}),variant:t,fileBankRequests:{getBanks:()=>E().filebank.getBanks(),getFolders:e=>E().filebank.getFolders(e),getDocuments:e=>E().filebank.getDocuments(e),copyFile:e=>E().file.copy(e)},msGraphRequests:{documents:e=>E().drive.documents(e),groups:e=>E().drive.groups(e),tenants:e=>E().drive.tenants(e),listAccount:e=>E().drive.listAccount(e),isAccountLogged:(e,t)=>E().drive.isAccountLogged(e,t),checkAccountToken:e=>E().drive.checkAccountToken(e),getDocument:e=>E().drive.getDocument(e),logout:e=>E().drive.logout(e),getAccount:e=>E().drive.getAccount(e),setDefaultAccount:e=>E().drive.setDefaultAccount(e)}}),l().createElement(q,null))))};var wt=i(246),kt=function(e,t){var i={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(i[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(n=Object.getOwnPropertySymbols(e);l<n.length;l++)t.indexOf(n[l])<0&&Object.prototype.propertyIsEnumerable.call(e,n[l])&&(i[n[l]]=e[n[l]])}return i};const Wt=o.css`
|
|
383
371
|
height: 100%;
|
|
384
372
|
display: flex;
|
|
385
373
|
flex-direction: column;
|
|
386
374
|
justify-content: space-between;
|
|
387
|
-
`,
|
|
388
|
-
${({stretch:e})=>e&&
|
|
389
|
-
`,
|
|
390
|
-
${({stretch:e})=>e&&
|
|
391
|
-
`,
|
|
375
|
+
`,qt=r().div`
|
|
376
|
+
${({stretch:e})=>e&&Wt}
|
|
377
|
+
`,St=r().form`
|
|
378
|
+
${({stretch:e})=>e&&Wt}
|
|
379
|
+
`,At=n.forwardRef(((e,t)=>e.onSubmit?n.createElement(St,{stretch:e.stretch,onSubmit:e.onSubmit,ref:t},e.children):n.createElement(qt,{stretch:e.stretch,ref:t},e.children))),Mt=r().div`
|
|
392
380
|
${e=>e.stretch&&"\n flex: 1;\n"}
|
|
393
|
-
`,
|
|
381
|
+
`,Tt=n.forwardRef(((e,t)=>{const i=n.useRef(null),[l,o]=(0,wt.SC)(e.fields,e.type,e.forceMandatory),r=(0,H.useForm)({defaultValues:Object.assign(Object.assign({},o),e.defaultValues),criteriaMode:"all"}),{handleSubmit:a,control:s,reset:c}=r,d=kt(r,["handleSubmit","control","reset"]),u=(0,n.useCallback)((e=>{const t={};return Object.keys(e).forEach((i=>{var n;const o=null===(n=l.find((e=>e.name===i)))||void 0===n?void 0:n.widget;switch(null==o?void 0:o.type){case"audience":t[i]=e[i].map((e=>e.uri)).join(",");break;case"taxonomy":t[i]=e[i].map((e=>e.title)).join(",");break;default:t[i]=e[i]}})),t}),[l]);return n.useImperativeHandle(t,(()=>Object.assign(Object.assign({},d),{handleSubmit:a,control:s,reset:()=>{var e;null===(e=null==i?void 0:i.current)||void 0===e||e.scrollTo(0,0),c()},getFormattedValues:()=>u(d.getValues())})),[]),n.createElement(At,{stretch:e.stretch,onSubmit:e.onSubmit?a(e.onSubmit):void 0,ref:i},n.createElement(Mt,{stretch:e.stretch},l.map((t=>{var{Input:i}=t,l=kt(t,["Input"]);return n.createElement(i,Object.assign({key:l.name,control:s},l,{dataCy:`${e.dataCy}-${l.name}`,readOnly:e.readOnly}))})),e.extraInputs&&e.extraInputs(s)),e.buttons)})),It=(r().div`
|
|
394
382
|
margin-bottom: 24px;
|
|
395
383
|
`,r().div`
|
|
396
384
|
margin-bottom: 4px;
|
|
@@ -402,27 +390,27 @@
|
|
|
402
390
|
flex: 1;
|
|
403
391
|
display: flex;
|
|
404
392
|
overflow: hidden;
|
|
405
|
-
`),
|
|
393
|
+
`),_t=r().div`
|
|
406
394
|
flex-direction: row;
|
|
407
395
|
display: flex;
|
|
408
396
|
min-height: 60px;
|
|
409
397
|
border-bottom: 1px solid ${e=>e.theme.color.grey2};
|
|
410
|
-
`,
|
|
398
|
+
`,Lt=r().div`
|
|
411
399
|
width: 60px;
|
|
412
400
|
display: flex;
|
|
413
401
|
align-items: center;
|
|
414
402
|
justify-content: center;
|
|
415
|
-
`,
|
|
403
|
+
`,Rt=r().div`
|
|
416
404
|
flex: 1;
|
|
417
405
|
display: flex;
|
|
418
406
|
align-items: center;
|
|
419
407
|
justify-content: center;
|
|
420
|
-
`,
|
|
408
|
+
`,Ot=r().div`
|
|
421
409
|
position: relative;
|
|
422
410
|
overflow: hidden;
|
|
423
411
|
top: 91px;
|
|
424
412
|
width: ${460}px;
|
|
425
|
-
`,
|
|
413
|
+
`,Dt=r().div`
|
|
426
414
|
position: absolute;
|
|
427
415
|
top: 0;
|
|
428
416
|
${e=>"left"===e.position?"left: 0px;":""}
|
|
@@ -438,7 +426,7 @@
|
|
|
438
426
|
&.animate {
|
|
439
427
|
right: 0px;
|
|
440
428
|
}
|
|
441
|
-
|
|
429
|
+
`,jt=r().div`
|
|
442
430
|
flex: 1;
|
|
443
431
|
display: flex;
|
|
444
432
|
flex-direction: row;
|
|
@@ -446,19 +434,19 @@
|
|
|
446
434
|
overflow: auto;
|
|
447
435
|
margin-bottom: 12px;
|
|
448
436
|
position: relative;
|
|
449
|
-
|
|
437
|
+
`,$t=r().div`
|
|
450
438
|
position: absolute;
|
|
451
439
|
inset: 0;
|
|
452
440
|
background-color: rgba(255, 255, 255, 0.8);
|
|
453
441
|
display: flex;
|
|
454
442
|
align-items: center;
|
|
455
443
|
justify-content: center;
|
|
456
|
-
`,
|
|
444
|
+
`,Ft=r().div`
|
|
457
445
|
position: absolute;
|
|
458
446
|
inset: 0;
|
|
459
447
|
background-color: ${e=>e.theme.color.white};
|
|
460
448
|
padding: ${e=>e.theme.space.md}px;
|
|
461
|
-
`,
|
|
449
|
+
`,zt=r().div`
|
|
462
450
|
width: ${50}px;
|
|
463
451
|
padding-top: 60px;
|
|
464
452
|
display: flex;
|
|
@@ -477,7 +465,7 @@
|
|
|
477
465
|
&:hover {
|
|
478
466
|
background-color: ${e=>e.theme.color.grey1};
|
|
479
467
|
}
|
|
480
|
-
`,
|
|
468
|
+
`,Jt=(r().div`
|
|
481
469
|
display: flex;
|
|
482
470
|
border: 1px solid ${e=>e.theme.color.grey1};
|
|
483
471
|
border-radius: ${8}px;
|
|
@@ -495,16 +483,16 @@
|
|
|
495
483
|
background-color: ${e=>e.theme.color.grey0};
|
|
496
484
|
border-radius: 8px;
|
|
497
485
|
margin-bottom: 4px;
|
|
498
|
-
`),
|
|
486
|
+
`),Bt=r().div`
|
|
499
487
|
display: flex;
|
|
500
488
|
flex: 1;
|
|
501
489
|
align-items: center;
|
|
502
|
-
`,
|
|
490
|
+
`,Ht=r().div`
|
|
503
491
|
width: 40px;
|
|
504
492
|
display: flex;
|
|
505
493
|
justify-content: center;
|
|
506
494
|
align-items: center;
|
|
507
|
-
`,
|
|
495
|
+
`,Nt=(r().div`
|
|
508
496
|
flex-direction: row;
|
|
509
497
|
display: flex;
|
|
510
498
|
align-items: center;
|
|
@@ -512,23 +500,23 @@
|
|
|
512
500
|
flex: 1;
|
|
513
501
|
display: flex;
|
|
514
502
|
align-items: center;
|
|
515
|
-
`,({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>c.cr.selectors.selectEditor(t,e)));return i&&i.popup&&i.view?l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",backgroundColor:"white",marginTop:90}},l().createElement(Lt,null,l().createElement(Rt,null),l().createElement(Ot,null,"Popup"),l().createElement(Rt,null,l().createElement(Gt,{onClick:()=>{t(c.cr.slice.actions.flushEditorPopup({uniqid:e}))}},l().createElement(s.JRCIcon,{name:"icon-times",color:"grey2"})))),l().createElement("div",{style:{flex:1,display:"flex"}},i.view),l().createElement(Lt,null,l().createElement(s.JRCButton,{onClick:()=>{t(c.cr.slice.actions.flushEditorPopup({uniqid:e}))}},"Save"))):l().createElement(l().Fragment,null)}),Ut=x.default.registry.getLazyComponent("WidgetArticleTitleEditor"),Vt=x.default.registry.getLazyComponent("WidgetArticleTextEditor"),Qt=x.default.registry.getLazyComponent("WidgetArticleGalleryEditor"),Kt=x.default.registry.getLazyComponent("WidgetArticleAttachmentEditor"),Yt=x.default.registry.getLazyComponent("WidgetArticleSliderEditor"),Xt=x.default.registry.getLazyComponent("WidgetArticleImageEditor"),Zt=x.default.registry.getLazyComponent("WidgetButtonEditor"),ei=x.default.registry.getLazyComponent("WidgetCheckListEditor"),ti=x.default.registry.getLazyComponent("WidgetDatasourceTableEditor"),ii=x.default.registry.getLazyComponent("WidgetExcelDatasourceTableEditor"),ni=x.default.registry.getLazyComponent("WidgetPresenceEditor"),li=({uniqid:e})=>{var t,i,n,o,r;const s=(0,a.useIntl)(),u=(0,d.useDispatch)(),m=(0,d.useSelector)(c.x0.selectors.selectToken),g=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e)),d.shallowEqual),p=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetObject(t,e)),d.shallowEqual),y=(0,d.useSelector)((t=>{var i;return null===(i=c.cr.selectors.selectEditor(t,e))||void 0===i?void 0:i.onSave}),d.shallowEqual),h=e=>{var t;return null===(t=c.qn.selectors.selectHook(x.default.store.getState(),e))||void 0===t?void 0:t.isActive},v=t=>{g&&u(c.x0.slice.actions.updateWidget({uniqid:e,content:t})),u(c.cr.slice.actions.flushEditor({uniqid:e})),y&&y(t)},b=(t,i)=>{u(void 0!==i?c.x0.slice.actions.setWidgetState(Object.assign({uniqid:i},t)):c.x0.slice.actions.setWidgetState(Object.assign({uniqid:e},t)))},C=t=>{u(c.cr.slice.actions.registerEditorPopup({uniqid:e,view:t}))},w=null==g?void 0:g.widget;return w?(0,f.ensureWidgetArticleButtonType)(w)?l().createElement(Zt,Object.assign({},w.content,{onChange:t=>{u((0,c.vR)(e,t,!1))},onSave:()=>v({})})):(0,f.ensureWidgetArticleGalleryType)(w)?l().createElement(Qt,{token:m,content:w.content,onChange:t=>u((0,c.vR)(e,t,!1)),onSave:v,onStateChange:b}):(0,f.ensureWidgetArticleAttachmentType)(w)?l().createElement(Kt,{token:m,content:w.content,onChange:t=>{u((0,c.vR)(e,t,!1))},onSave:v,onStateChange:b,onOpen:C}):(0,f.ensureWidgetArticleImageType)(w)?l().createElement(Xt,{content:w.content,token:m,onChange:t=>{u((0,c.vR)(e,t,!1))},onSave:v,onStateChange:b}):(0,f.ensureWidgetArticleSliderType)(w)?void 0!==m?l().createElement(Yt,{slides:null!==(t=w.content.slides)&&void 0!==t?t:[],loop:null!==(i=w.content.loop)&&void 0!==i&&i,useDots:null===(n=w.content.useDots)||void 0===n||n,onChange:t=>{u((0,c.vR)(e,t,!1))},token:m,onSave:v}):l().createElement(l().Fragment,null,"Token is mandatory"):(0,f.ensureWidgetArticleTitleType)(w)?l().createElement(Ut,{onChange:t=>{u((0,c.vR)(e,t,!1))},onSave:v,content:w.content,onOpen:C}):(0,f.ensureWidgetArticleTextType)(w)?l().createElement(Vt,{onChange:t=>{u((0,c.vR)(e,t,!1))},onSave:v,content:w.content}):(0,f.ensureWidgetPresenceType)(w)?l().createElement(ni,Object.assign({onChange:t=>{u((0,c.vR)(e,t,!1))},onSave:v,onStateChange:b},w.content)):(0,f.ensureWidgetCheckListType)(w)?l().createElement(ei,{token:m,uniqid:w.uniqid,content:w.content,onChangeContent:(e,t)=>{u((0,c.vR)(e,t,!1))},onChangeWrapper:e=>{u(c.x0.slice.actions.updateWidgetWrapper(Object.assign({},e)))},onSave:(e,t)=>{var i;void 0!==(i=p)&&void 0!==i.id&&void 0!==i.type?E().widget.updateWidget({id:p.id,uniqid:e,type:p.type,title:g.title,content:t}).then((()=>{v(t)})).catch((e=>{var t;u(c.y8.actions.error({label:null!==(t=e.errorMsg)&&void 0!==t?t:s.formatMessage({id:"GLOBAL_Error"})}))})):v(t)}}):(0,f.ensureWidgetExcelDatasourceTableType)(w)?l().createElement(ii,Object.assign({},w.content,{uri:w.content.uri,limit:null!==(o=w.content.limit)&&void 0!==o?o:20,hook:{isActive:h},handlers:{jamespot:{datasource:E().datasource,network:E().network,filebank:E().filebank,wedoc:E().wedoc},handleStart:()=>b({busy:!0}),handleCatch:e=>u(c.y8.actions.error({label:e.errorMsg})),handleFinally:()=>b({busy:!1})},onSave:v,onChange:(t,i)=>u((0,c.vR)(e,t,null!=i&&i)),onStateChange:b,onError:e=>u(c.y8.actions.error({label:e}))})):(0,f.ensureWidgetDatasourceTableType)(w)?l().createElement(ti,Object.assign({},w.content,{uri:w.content.uri,limit:null!==(r=w.content.limit)&&void 0!==r?r:20,hook:{isActive:h},handlers:{jamespot:{datasource:E().datasource,network:E().network,application:E().application,filebank:E().filebank},handleStart:()=>b({busy:!0}),handleCatch:e=>u(c.y8.actions.error({label:e.errorMsg})),handleFinally:()=>b({busy:!1})},onSave:v,onChange:(t,i)=>u((0,c.vR)(e,t,null!=i&&i)),onStateChange:b,onError:e=>{u(c.y8.actions.error({label:e}))}})):l().createElement(l().Fragment,null,"cannot display editor"):null},oi=({uniqid:e})=>{var t;const i=(0,d.useDispatch)(),n=(0,a.useIntl)(),o=null===(t=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e))))||void 0===t?void 0:t.widget,r=(null==o?void 0:o.content)&&"widgets"in o.content&&o.content.widgets?o.content.widgets:[];return l().createElement("div",{style:{flex:1}},l().createElement(ri,{uniqid:e}),o?r.map(((t,a)=>{const d=c.x0.definition(t.widget.name);return l().createElement("div",{key:a},l().createElement(Bt,null,l().createElement(Ht,{onClick:()=>((e,t)=>{i(c.cr.slice.actions.registerEditor({uniqid:e,name:t}))})(t.widget.uniqid,t.widget.name)},n.formatMessage({id:d.label})),l().createElement(Nt,{onClick:()=>{i(c.x0.slice.actions.updateWidget({uniqid:e,content:Object.assign(Object.assign({},o.content),{widgets:[...r.filter(((e,t)=>t!==a)).map((e=>((0,f.ensureWidgetWrapperProps)(e)||console.error("Zozod",e),e)))]})}))}},l().createElement(s.JRCIcon,{name:"icon-trash"}))))})):l().createElement(l().Fragment,null))},ri=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>t.widgets.ids[e].widget.layers),d.shallowEqual);return l().createElement(l().Fragment,null,l().createElement(s.BETA_JRCDragAndDrop,{onDrag:()=>{},renderEl:(e,t)=>l().createElement(di,{uniqid:e,key:t}),elms:i||[]}),l().createElement(L,{namespace:"default",onChange:i=>{t(c.x0.slice.actions.registerLayer({uniqid:e,widget:i}))},mode:"button"}))},ai=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(c.x0.slice.actions.updateLayer({uniqid:e,props:{locked:!i.locked}}))}},l().createElement(s.JRCIcon,{name:i.locked?"icon-lock":"icon-unlock"}))},si=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(c.x0.slice.actions.updateLayer({uniqid:e,props:{visible:!i.visible}}))}},l().createElement(s.JRCIcon,{name:i.visible?"icon-eye":"icon-eye-slash"}))},ci=({uniqid:e,layerId:t})=>{const i=(0,d.useDispatch)();return l().createElement("div",{onClick:()=>{i(c.x0.slice.actions.flushLayer({uniqid:e,layerId:t}))}},l().createElement(s.JRCIcon,{name:"icon-trash"}))},di=({uniqid:e})=>{const t=(0,d.useSelector)((t=>t.widgets.layers[e]));return l().createElement(l().Fragment,null,t.title,t.widgets.map(((i,n)=>{const o=c.x0.definition(i.widget.name);return l().createElement("div",{style:{flexDirection:"row",display:"flex"},key:n},l().createElement("div",{style:{flex:1,alignItems:"center"}},o.label),l().createElement(ai,{uniqid:e}),l().createElement(si,{uniqid:e}),l().createElement(ci,{uniqid:i.widget.uniqid,layerId:t.uniqid}))})))},ui=x.default.registry.getLazyComponent("Button"),mi=({uniqid:e})=>{const t=(0,a.useIntl)(),i=(0,d.useDispatch)(),n=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e))),[o,r]=l().useState(null==n?void 0:n.title),{control:u,watch:m}=(0,D.useForm)({defaultValues:{text:null!=o?o:""},criteriaMode:"all"});return l().useEffect((()=>{const e=m((e=>{r(e.text)}));return()=>e.unsubscribe()}),[m]),n?l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"space-between"}},l().createElement(s.JRCInputText,{name:"text",control:u,placeholder:t.formatMessage({id:"WIDGET_Title"})}),l().createElement(ui,{onClick:()=>{void 0!==o&&(i(c.x0.slice.actions.updateWidgetWrapper({uniqid:e,title:o})),i(c.cr.slice.actions.flushEditor({uniqid:e})))},minWidth:"100%"},t.formatMessage({id:"GLOBAL_Save"}))):l().createElement(l().Fragment,null,"No wrapper")},gi=x.default.registry.getLazyComponent("Loader"),pi=({uniqid:e})=>{var t;const i=null===(t=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetState(t,e)),d.shallowEqual))||void 0===t?void 0:t.busy;return l().createElement(l().Fragment,null,i&&l().createElement(Ft,null,l().createElement(gi,{size:"l"})))},fi=x.default.registry.getLazyComponent("Icon"),Ei=({uniqid:e,position:t})=>{const i=(0,d.useDispatch)();return l().createElement(Rt,null,l().createElement(Gt,{onClick:()=>{i(c.cr.slice.actions.setEditorPosition({uniqid:e,position:"left"===t?"right":"left"}))}},l().createElement(fi,{name:"left"===t?"icon-angle-right":"icon-angle-left",color:"grey2"})))},yi=({uniqid:e,children:t})=>{var i;return(null===(i=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetState(t,e))))||void 0===i?void 0:i.initialized)?t:l().createElement(l().Fragment,null)},hi=({uniqid:e})=>{var t;const i=(0,a.useIntl)();return(null===(t=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetState(t,e)),d.shallowEqual))||void 0===t?void 0:t.locked)?l().createElement(zt,null,i.formatMessage({id:"INTRANET_Panel_Change_Off"})):l().createElement(l().Fragment,null)},vi=x.default.registry.getLazyComponent("Icon"),xi=({uniqid:e,position:t})=>{const i=(0,a.useIntl)(),o=(0,d.useDispatch)(),r=(0,n.useRef)(null),s=(0,d.useSelector)((t=>c.cr.selectors.selectEditor(t,e)),d.shallowEqual),u=c.x0.definition(null==s?void 0:s.name),[m,g]=l().useState("default");return(0,n.useEffect)((()=>{setTimeout((()=>{r&&r.current&&(r.current.className=r.current.className+" animate")}),0)}),[]),s?l().createElement(Dt,null,l().createElement(jt,{ref:r,position:t},(u.panel.useWrapper||u.panel.useEditor||u.panel.useWidgets)&&l().createElement(Jt,null,u.panel.useWrapper?l().createElement(Gt,{isActive:"wrapper"===m,onClick:()=>g("wrapper")},l().createElement(vi,{name:"icon-font",color:"grey2"})):l().createElement(l().Fragment,null),u.panel.useEditor?l().createElement(Gt,{isActive:"default"===m,onClick:()=>g("default")},l().createElement(vi,{name:"icon-pen",color:"grey2"})):l().createElement(l().Fragment,null),u.panel.useWidgets?l().createElement(yi,{uniqid:e},l().createElement(Gt,{isActive:"widgets"===m,onClick:()=>g("widgets")},l().createElement(vi,{name:"icon-sliders",color:"grey2"}))):l().createElement(l().Fragment,null)),l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column"}},l().createElement(Lt,null,l().createElement(Ei,{uniqid:e,position:s.position}),l().createElement(Ot,null,i.formatMessage({id:u.label})),l().createElement(Rt,null,l().createElement(Gt,{onClick:()=>{o(c.cr.slice.actions.flushEditor({uniqid:e}))}},l().createElement(vi,{name:"icon-times",color:"grey2"})))),l().createElement($t,null,"default"===m&&u.panel.useEditor?l().createElement(li,{uniqid:s.uniqid}):l().createElement(l().Fragment,null),"wrapper"===m&&u.panel.useWrapper?l().createElement(mi,{uniqid:s.uniqid}):l().createElement(l().Fragment,null),"widgets"===m&&u.panel.useWidgets?l().createElement(oi,{uniqid:e,namespace:u.name}):l().createElement(l().Fragment,null),l().createElement(pi,{uniqid:e}),l().createElement(hi,{uniqid:e})))),(null==s?void 0:s.popup)?l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"#000",opacity:".7"}}):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null)},bi=r().div`
|
|
503
|
+
`,({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>c.cr.selectors.selectEditor(t,e)));return i&&i.popup&&i.view?l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",backgroundColor:"white",marginTop:90}},l().createElement(_t,null,l().createElement(Lt,null),l().createElement(Rt,null,"Popup"),l().createElement(Lt,null,l().createElement(Gt,{onClick:()=>{t(c.cr.slice.actions.flushEditorPopup({uniqid:e}))}},l().createElement(s.JRCIcon,{name:"icon-times",color:"grey2"})))),l().createElement("div",{style:{flex:1,display:"flex"}},i.view),l().createElement(_t,null,l().createElement(s.JRCButton,{onClick:()=>{t(c.cr.slice.actions.flushEditorPopup({uniqid:e}))}},"Save"))):l().createElement(l().Fragment,null)}),Pt=x.default.registry.getLazyComponent("WidgetArticleTitleEditor"),Ut=x.default.registry.getLazyComponent("WidgetArticleTextEditor"),Vt=x.default.registry.getLazyComponent("WidgetArticleGalleryEditor"),Qt=x.default.registry.getLazyComponent("WidgetArticleAttachmentEditor"),Kt=x.default.registry.getLazyComponent("WidgetArticleSliderEditor"),Yt=x.default.registry.getLazyComponent("WidgetArticleImageEditor"),Xt=x.default.registry.getLazyComponent("WidgetButtonEditor"),Zt=x.default.registry.getLazyComponent("WidgetCheckListEditor"),ei=x.default.registry.getLazyComponent("WidgetDatasourceTableEditor"),ti=x.default.registry.getLazyComponent("WidgetExcelDatasourceTableEditor"),ii=x.default.registry.getLazyComponent("WidgetPresenceEditor"),ni=({uniqid:e})=>{var t,i,o,r,s;const u=(0,a.useIntl)(),m=(0,d.useDispatch)(),g=(0,d.useSelector)(c.x0.selectors.selectToken),p=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e)),d.shallowEqual),y=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetObject(t,e)),d.shallowEqual),h=(0,d.useSelector)((t=>{var i;return null===(i=c.cr.selectors.selectEditor(t,e))||void 0===i?void 0:i.onSave}),d.shallowEqual),v=e=>{var t;return null===(t=c.qn.selectors.selectHook(x.default.store.getState(),e))||void 0===t?void 0:t.isActive},b=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetObjectRights(t,e)),d.shallowEqual),C=(0,n.useMemo)((()=>b&&b.update),[b]),w=t=>{p&&m(c.x0.slice.actions.updateWidget({uniqid:e,content:t})),m(c.cr.slice.actions.flushEditor({uniqid:e})),h&&h(t)},k=(t,i)=>{m(void 0!==i?c.x0.slice.actions.setWidgetState(Object.assign({uniqid:i},t)):c.x0.slice.actions.setWidgetState(Object.assign({uniqid:e},t)))},W=t=>{m(c.cr.slice.actions.registerEditorPopup({uniqid:e,view:t}))},q=null==p?void 0:p.widget;return q?(0,f.ensureWidgetArticleButtonType)(q)?l().createElement(Xt,Object.assign({},q.content,{onChange:t=>{m((0,c.vR)(e,t,!1))},onSave:()=>w({})})):(0,f.ensureWidgetArticleGalleryType)(q)?l().createElement(Vt,{token:g,content:q.content,onChange:t=>m((0,c.vR)(e,t,!1)),onSave:w,onStateChange:k}):(0,f.ensureWidgetArticleAttachmentType)(q)?l().createElement(Qt,{token:g,content:q.content,onChange:t=>{m((0,c.vR)(e,t,!1))},onSave:w,onStateChange:k,onOpen:W}):(0,f.ensureWidgetArticleImageType)(q)?l().createElement(Yt,{content:q.content,token:g,onChange:t=>{m((0,c.vR)(e,t,!1))},onSave:w,onStateChange:k}):(0,f.ensureWidgetArticleSliderType)(q)?void 0!==g?l().createElement(Kt,{slides:null!==(t=q.content.slides)&&void 0!==t?t:[],loop:null!==(i=q.content.loop)&&void 0!==i&&i,useDots:null===(o=q.content.useDots)||void 0===o||o,onChange:t=>{m((0,c.vR)(e,t,!1))},token:g,onSave:w}):l().createElement(l().Fragment,null,"Token is mandatory"):(0,f.ensureWidgetArticleTitleType)(q)?l().createElement(Pt,{onChange:t=>{m((0,c.vR)(e,t,!1))},onSave:w,content:q.content,onOpen:W}):(0,f.ensureWidgetArticleTextType)(q)?l().createElement(Ut,{onChange:t=>{m((0,c.vR)(e,t,!1))},onSave:w,content:q.content}):(0,f.ensureWidgetPresenceType)(q)?l().createElement(ii,Object.assign({onChange:t=>{m((0,c.vR)(e,t,!1))},onSave:w,onStateChange:k},q.content)):(0,f.ensureWidgetCheckListType)(q)?l().createElement(Zt,{token:g,uniqid:q.uniqid,content:q.content,onChangeContent:(e,t)=>{m((0,c.vR)(e,t,!1))},onChangeWrapper:e=>{m(c.x0.slice.actions.updateWidgetWrapper(Object.assign({},e)))},onSave:(e,t)=>{var i;void 0!==(i=y)&&void 0!==i.id&&void 0!==i.type?E().widget.updateWidget({id:y.id,uniqid:e,type:y.type,title:p.title,content:t}).then((()=>{w(t)})).catch((e=>{var t;m(c.y8.actions.error({label:null!==(t=e.errorMsg)&&void 0!==t?t:u.formatMessage({id:"GLOBAL_Error"})}))})):w(t)},canEditCollaboration:null!=C&&C}):(0,f.ensureWidgetExcelDatasourceTableType)(q)?l().createElement(ti,Object.assign({},q.content,{uri:q.content.uri,limit:null!==(r=q.content.limit)&&void 0!==r?r:20,hook:{isActive:v},handlers:{jamespot:{datasource:E().datasource,network:E().network,filebank:E().filebank,wedoc:E().wedoc},handleStart:()=>k({busy:!0}),handleCatch:e=>m(c.y8.actions.error({label:e.errorMsg})),handleFinally:()=>k({busy:!1})},onSave:w,onChange:(t,i)=>m((0,c.vR)(e,t,null!=i&&i)),onStateChange:k,onError:e=>m(c.y8.actions.error({label:e}))})):(0,f.ensureWidgetDatasourceTableType)(q)?l().createElement(ei,Object.assign({},q.content,{uri:q.content.uri,limit:null!==(s=q.content.limit)&&void 0!==s?s:20,hook:{isActive:v},handlers:{jamespot:{datasource:E().datasource,network:E().network,application:E().application,filebank:E().filebank},handleStart:()=>k({busy:!0}),handleCatch:e=>m(c.y8.actions.error({label:e.errorMsg})),handleFinally:()=>k({busy:!1})},onSave:w,onChange:(t,i)=>m((0,c.vR)(e,t,null!=i&&i)),onStateChange:k,onError:e=>{m(c.y8.actions.error({label:e}))}})):l().createElement(l().Fragment,null,"cannot display editor"):null},li=x.default.registry.getLazyComponent("Icon"),oi=({uniqid:e,position:t})=>{const i=(0,d.useDispatch)();return l().createElement(Lt,null,l().createElement(Gt,{onClick:()=>{i(c.cr.slice.actions.setEditorPosition({uniqid:e,position:"left"===t?"right":"left"}))}},l().createElement(li,{name:"left"===t?"icon-angle-right":"icon-angle-left",color:"grey2"})))},ri=({uniqid:e})=>{var t;const i=(0,d.useDispatch)(),n=(0,a.useIntl)(),o=null===(t=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e))))||void 0===t?void 0:t.widget,r=(null==o?void 0:o.content)&&"widgets"in o.content&&o.content.widgets?o.content.widgets:[];return l().createElement("div",{style:{flex:1}},l().createElement(ai,{uniqid:e}),o?r.map(((t,a)=>{const d=c.x0.definition(t.widget.name);return l().createElement("div",{key:a},l().createElement(Jt,null,l().createElement(Bt,{onClick:()=>((e,t)=>{i(c.cr.slice.actions.registerEditor({uniqid:e,name:t}))})(t.widget.uniqid,t.widget.name)},n.formatMessage({id:d.label})),l().createElement(Ht,{onClick:()=>{i(c.x0.slice.actions.updateWidget({uniqid:e,content:Object.assign(Object.assign({},o.content),{widgets:[...r.filter(((e,t)=>t!==a)).map((e=>((0,f.ensureWidgetWrapperProps)(e)||console.error("Zozod",e),e)))]})}))}},l().createElement(s.JRCIcon,{name:"icon-trash"}))))})):l().createElement(l().Fragment,null))},ai=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>t.widgets.ids[e].widget.layers),d.shallowEqual);return l().createElement(l().Fragment,null,l().createElement(s.BETA_JRCDragAndDrop,{onDrag:()=>{},renderEl:(e,t)=>l().createElement(ui,{uniqid:e,key:t}),elms:i||[]}),l().createElement(F,{namespace:"default",onChange:i=>{t(c.x0.slice.actions.registerLayer({uniqid:e,widget:i}))},mode:"button"}))},si=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(c.x0.slice.actions.updateLayer({uniqid:e,props:{locked:!i.locked}}))}},l().createElement(s.JRCIcon,{name:i.locked?"icon-lock":"icon-unlock"}))},ci=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(c.x0.slice.actions.updateLayer({uniqid:e,props:{visible:!i.visible}}))}},l().createElement(s.JRCIcon,{name:i.visible?"icon-eye":"icon-eye-slash"}))},di=({uniqid:e,layerId:t})=>{const i=(0,d.useDispatch)();return l().createElement("div",{onClick:()=>{i(c.x0.slice.actions.flushLayer({uniqid:e,layerId:t}))}},l().createElement(s.JRCIcon,{name:"icon-trash"}))},ui=({uniqid:e})=>{const t=(0,d.useSelector)((t=>t.widgets.layers[e]));return l().createElement(l().Fragment,null,t.title,t.widgets.map(((i,n)=>{const o=c.x0.definition(i.widget.name);return l().createElement("div",{style:{flexDirection:"row",display:"flex"},key:n},l().createElement("div",{style:{flex:1,alignItems:"center"}},o.label),l().createElement(si,{uniqid:e}),l().createElement(ci,{uniqid:e}),l().createElement(di,{uniqid:i.widget.uniqid,layerId:t.uniqid}))})))},mi=x.default.registry.getLazyComponent("Button"),gi=({uniqid:e})=>{const t=(0,a.useIntl)(),i=(0,d.useDispatch)(),n=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e))),[o,r]=l().useState(null==n?void 0:n.title),{control:u,watch:m}=(0,H.useForm)({defaultValues:{text:null!=o?o:""},criteriaMode:"all"});return l().useEffect((()=>{const e=m((e=>{r(e.text)}));return()=>e.unsubscribe()}),[m]),n?l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"space-between"}},l().createElement(s.JRCInputText,{name:"text",control:u,placeholder:t.formatMessage({id:"WIDGET_Title"})}),l().createElement(mi,{onClick:()=>{void 0!==o&&(i(c.x0.slice.actions.updateWidgetWrapper({uniqid:e,title:o})),i(c.cr.slice.actions.flushEditor({uniqid:e})))},minWidth:"100%"},t.formatMessage({id:"GLOBAL_Save"}))):l().createElement(l().Fragment,null,"No wrapper")},pi=x.default.registry.getLazyComponent("Loader"),fi=({uniqid:e})=>{var t;const i=null===(t=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetState(t,e)),d.shallowEqual))||void 0===t?void 0:t.busy;return l().createElement(l().Fragment,null,i&&l().createElement($t,null,l().createElement(pi,{size:"l"})))},Ei=({uniqid:e,children:t})=>{var i;return(null===(i=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetState(t,e))))||void 0===i?void 0:i.initialized)?t:l().createElement(l().Fragment,null)},yi=({uniqid:e})=>{var t;const i=(0,a.useIntl)();return(null===(t=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetState(t,e)),d.shallowEqual))||void 0===t?void 0:t.locked)?l().createElement(Ft,null,i.formatMessage({id:"INTRANET_Panel_Change_Off"})):l().createElement(l().Fragment,null)},hi=x.default.registry.getLazyComponent("Icon"),vi=({uniqid:e,position:t})=>{const i=(0,a.useIntl)(),o=(0,d.useDispatch)(),r=(0,n.useRef)(null),s=(0,d.useSelector)((t=>c.cr.selectors.selectEditor(t,e)),d.shallowEqual),u=c.x0.definition(null==s?void 0:s.name),[m,g]=l().useState("default");return(0,n.useEffect)((()=>{setTimeout((()=>{r&&r.current&&(r.current.className=r.current.className+" animate")}),0)}),[]),s?l().createElement(Ot,null,l().createElement(Dt,{ref:r,position:t},(u.panel.useWrapper||u.panel.useEditor||u.panel.useWidgets)&&l().createElement(zt,null,u.panel.useWrapper?l().createElement(Gt,{isActive:"wrapper"===m,onClick:()=>g("wrapper")},l().createElement(hi,{name:"icon-font",color:"grey2"})):l().createElement(l().Fragment,null),u.panel.useEditor?l().createElement(Gt,{isActive:"default"===m,onClick:()=>g("default")},l().createElement(hi,{name:"icon-pen",color:"grey2"})):l().createElement(l().Fragment,null),u.panel.useWidgets?l().createElement(Ei,{uniqid:e},l().createElement(Gt,{isActive:"widgets"===m,onClick:()=>g("widgets")},l().createElement(hi,{name:"icon-sliders",color:"grey2"}))):l().createElement(l().Fragment,null)),l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",width:"390px"}},l().createElement(_t,null,l().createElement(oi,{uniqid:e,position:s.position}),l().createElement(Rt,null,i.formatMessage({id:u.label})),l().createElement(Lt,null,l().createElement(Gt,{onClick:()=>{o(c.cr.slice.actions.flushEditor({uniqid:e}))}},l().createElement(hi,{name:"icon-times",color:"grey2"})))),l().createElement(jt,null,"default"===m&&u.panel.useEditor?l().createElement(ni,{uniqid:s.uniqid}):l().createElement(l().Fragment,null),"wrapper"===m&&u.panel.useWrapper?l().createElement(gi,{uniqid:s.uniqid}):l().createElement(l().Fragment,null),"widgets"===m&&u.panel.useWidgets?l().createElement(ri,{uniqid:e,namespace:u.name}):l().createElement(l().Fragment,null),l().createElement(fi,{uniqid:e}),l().createElement(yi,{uniqid:e})))),(null==s?void 0:s.popup)?l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"#000",opacity:".7"}}):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null)},xi=r().div`
|
|
516
504
|
position: absolute;
|
|
517
505
|
inset: 0;
|
|
518
506
|
pointer-events: none;
|
|
519
507
|
z-index: 1;
|
|
520
|
-
`,
|
|
508
|
+
`,bi=r().div`
|
|
521
509
|
flex: 1;
|
|
522
510
|
display: flex;
|
|
523
511
|
margintop: ${90}px;
|
|
524
512
|
pointer-events: ${e=>e.isActive?"all":"none"};
|
|
525
|
-
`,
|
|
513
|
+
`,Ci=r().div`
|
|
526
514
|
flex: 1;
|
|
527
515
|
display: flex;
|
|
528
516
|
flex-direction: row;
|
|
529
517
|
pointer-events: none;
|
|
530
|
-
`,
|
|
518
|
+
`,wi=r().div`
|
|
531
519
|
width: ${440}px;
|
|
532
520
|
pointer-events: none;
|
|
533
|
-
`,
|
|
521
|
+
`,ki=()=>{const e=(0,d.useSelector)(c.cr.selectors.selectEditors,d.shallowEqual);return l().createElement(xi,{className:"editor-portal-wrapper"},e.map(((e,t)=>"left"===e.position?l().createElement(It,{isActive:!1,key:t},l().createElement(Ci,null,l().createElement(vi,{uniqid:e.uniqid,position:e.position}),l().createElement(bi,{isActive:void 0!==e.popup},l().createElement(Nt,{uniqid:e.uniqid})),l().createElement(wi,null))):l().createElement(It,{isActive:!1,key:t},l().createElement(Ci,null,l().createElement(wi,null),l().createElement(bi,{isActive:void 0!==e.popup},l().createElement(Nt,{uniqid:e.uniqid})),l().createElement(vi,{uniqid:e.uniqid,position:e.position}))))))},Wi=()=>n.createElement(n.Fragment,null),qi=()=>{const[e,t]=(0,n.useState)(),i=(0,a.useIntl)(),l=(0,n.useCallback)((e=>{t(Object.assign(Object.assign({},e),{reject:i=>{e.reject(i),t(void 0)},resolve:i=>{e.resolve(i),t(void 0)}}))}),[]),o=(0,n.useCallback)(((e,t)=>new Promise(((i,n)=>{l({reject:n,resolve:i,text:e,capability:t})}))),[l]),r=(0,n.useMemo)((()=>({develop:e=>o(e,"develop"),summarize:e=>o(e,"summarize"),tldr:e=>o(e,"tldr"),en:e=>o(e,"en"),es:e=>o(e,"es"),formal:e=>o(e,"formal"),funny:e=>o(e,"funny")})),[o]);return[e,(0,n.useMemo)((()=>s.JTinyMCEExtensionsBuilders.jia(r,i)),[i,r])]},Si=e=>{const t=(0,a.useIntl)(),i=(0,d.useDispatch)(),r=(0,o.useTheme)(),u=(0,d.useSelector)(c.Kx.selectors.selectAll),[m,g]=qi(),p=(0,n.useMemo)((()=>{var e,t;return(null===(t=null===(e=J.hooks)||void 0===e?void 0:e.JIAHook)||void 0===t?void 0:t.isActive)&&J.debug.JIABETA}),[]),f=(0,n.useMemo)((()=>p?[g]:[]),[g,p]),E=(0,n.useCallback)((e=>{i(c.y8.actions.error({label:null!=e?e:t.formatMessage({id:"GLOBAL_Error"})}))}),[i,t]),y=(0,n.useMemo)((()=>(0,x.getTinyMCEMentionsQueries)(u,r,E)),[u,E,r]),h=(0,n.useMemo)((()=>x.default.tinymceCommonOptions),[]);return l().createElement(l().Fragment,null,h&&l().createElement(s.JRCInputTinyMCE,Object.assign({commonOptions:h,additionalExtensions:f,mentionsQueries:y},e)),l().createElement(v,{query:m}))},Ai=e=>{const t=(0,a.useIntl)(),i=(0,d.useDispatch)(),r=(0,o.useTheme)(),u=(0,d.useSelector)(c.Kx.selectors.selectAll),[m,g]=qi(),p=(0,n.useMemo)((()=>{var e,t;return(null===(t=null===(e=J.hooks)||void 0===e?void 0:e.JIAHook)||void 0===t?void 0:t.isActive)&&J.debug.JIABETA}),[]),f=(0,n.useMemo)((()=>p?[g]:[]),[g,p]),E=(0,n.useCallback)((e=>{i(c.y8.actions.error({label:null!=e?e:t.formatMessage({id:"GLOBAL_Error"})}))}),[i,t]),y=(0,n.useMemo)((()=>(0,x.getTinyMCEMentionsQueries)(u,r,E)),[u,E,r]),h=(0,n.useMemo)((()=>x.default.tinymceCommonOptions),[]);return l().createElement(l().Fragment,null,h&&l().createElement(s.JRCInputTinyMCERaw,Object.assign({commonOptions:h,additionalExtensions:f,mentionsQueries:y},e)),l().createElement(v,{query:m}))},Mi=({open:e,closeHandler:t,title:i,control:n,warningMessage:o,onSubmit:r,name:u="publishTo"})=>{const m=(0,a.useIntl)(),g=(0,d.useSelector)(c.Bx.selectors.selectNetworkPublic);return l().createElement(s.JRCModal,{open:e,closeHandler:t,title:null!=i?i:m.formatMessage({id:"GLOBAL_Audience"}),buttons:[{children:l().createElement(a.FormattedMessage,{id:"GLOBAL_Cancel"}),color:"cancel",clickHandler:()=>t()},{children:l().createElement(a.FormattedMessage,{id:"GLOBAL_Continue"}),color:"danger",clickHandler:()=>{t(),r()}}]},l().createElement(s.JRCMessage,{variant:"warning",message:null!=o?o:m.formatMessage({id:"FORM_Audience_Empty"})}),l().createElement(s.JRCInputAudience,{asyncPromise:e=>E().audience.autocomplete(e),searchable:!0,control:n,multiple:!0,placeholder:m.formatMessage({id:"GLOBAL_Audience"}),name:u,defaultCustomOptions:g?[{uri:g.uri,title:g.title,resetOptions:!0,icon:"icon-fs-wall"}]:[]}))};var Ti=i(737);const Ii=x.default.registry.getLazyComponent("Container"),_i=x.default.registry.getLazyComponent("AppColumn"),Li=x.default.registry.getLazyComponent("MainColumn");function Ri({extensionRoute:e,routes:t,description:i,mode:l="center"}){var o;const r=(0,a.useIntl)(),{pathname:s}=(0,Ti.useLocation)(),c=(0,n.useMemo)((()=>Object.values(t)),[t]),[d,u]=n.useState(null===(o=null==c?void 0:c[0])||void 0===o?void 0:o.key),m=c.map((t=>Object.assign(Object.assign({},t),{label:r.formatMessage({id:t.label}),href:t.absolutePath?t.path:`/ng/rr/${e}/${t.path}`,group:t.group?r.formatMessage({id:t.group}):void 0})));return n.useEffect((()=>{const t=c.find((t=>{var i;return`/ng/rr/${e}/${t.path}`===s||(null===(i=t.paths)||void 0===i?void 0:i.reduce(((t,i)=>{const n=`/ng/rr/${e}/${i}`,l=null!==(0,Ti.matchPath)(n,s);return t||l}),!1))}));t&&u(t.key)}),[s,c,e]),n.createElement(n.Suspense,{fallback:n.createElement(n.Fragment,null)},n.createElement(Ii,{mode:l},n.createElement(_i,{mode:l,description:i,tabs:m,activeTab:d||""}),n.createElement(Li,{mode:l},n.createElement(Ti.Outlet,null))))}}}]);
|
|
534
522
|
//# sourceMappingURL=854.bundle.js.map
|