https://www.unionedelsorbara.mo.it/static/js/volto-dropdownmenu-manage.63dedce5.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[66160],{79999:(e,t,n)=>{n.r(t),n.d(t,{default:()=>y});var o=n(64581),i=n(89958),a=n(41609),l=n.n(a),s=n(67294),d=n(88640),u=n(67100),m=n(44586),r=n(43409),c=n(16739),p=n(48237),f=n(33106),v=n(91555),g=n(57304),h=n(78099),w=n(77233),M=n(46325),Z=n(73935),k=n(32951),b=s.createElement,C=(0,d.v)({title:{id:"dropdownmenu-title",defaultMessage:"Title"},visible:{id:"dropdownmenu-visible",defaultMessage:"Visible"},mode:{id:"dropdownmenu-mode",defaultMessage:"Mode"},modeSimpleLink:{id:"dropdownmenu-mode-simpleLink",defaultMessage:"Simple link"},modeDropdown:{id:"dropdownmenu-mode-dropdown",defaultMessage:"Dropdown"},linkUrl:{id:"dropdownmenu-linkUrl",defaultMessage:"Link"},navigationRoot:{id:"dropdownmenu-navigationRoot",defaultMessage:"Navigation root"},showMoreLink:{id:"dropdownmenu-showMoreLink",defaultMessage:'"Show more" link'},showMoreText:{id:"dropdownmenu-showMoreText",defaultMessage:'"Show more" link text'},additionalClasses:{id:"dropdownmenu-additionalClasses",defaultMessage:"Additional classes"},additionalClassesDescription:{id:"dropdownmenu-additionalClassesDescription",defaultMessage:"Additional classes for the item to apply specific styles, accordingly to site layout."},blocks:{id:"dropdownmenu-blocks",defaultMessage:"Blocks"},blocks_description:{id:"dropdownmenu-blocks-description",defaultMessage:"Add some blocks to show in dropdown menu."},deleteMenuItem:{id:"dropdownmenu-deletemenuitem",defaultMessage:"Delete menu item"},deleteButton:{id:"dropdownmenu-deletemenuitem-button",defaultMessage:"Delete menu item"},clickableNavigationRoots:{id:"dropdownmenu-clickableNavigationRoots",defaultMessage:"Clickable navigation roots"}}),N=function(e){var t,n,a,d,N,y,D=e.id,L=e.menuItem,R=e.onChange,I=e.deleteMenuItem,_=(0,u.Z)(),P=(0,m.Z)();L.blocks_layout&&!l()(L.blocks_layout.items)||(L.blocks_layout={items:[P]}),L.blocks&&!l()(L.blocks)||(L.blocks=(0,i.Z)({},P,{"@type":k.Z.settings.defaultBlockType})),(0,s.useEffect)((function(){var e=document.querySelector("form.ui.form"),t=function(e){e.preventDefault(),e.stopPropagation()},n=function(e){if("Enter"===e.key&&e.target.closest("form.ui.form")){if(e.target.closest(".menu-blocks-container"))return;e.preventDefault(),e.stopPropagation()}};return null===e||void 0===e||e.addEventListener("submit",t,!0),document.addEventListener("keydown",n,!0),function(){null===e||void 0===e||e.removeEventListener("submit",t,!0),document.removeEventListener("keydown",n,!0)}}),[]);var A=function(e,t){R((0,o.Z)((0,o.Z)({},L),{},(0,i.Z)({},e,t)))};return b(s.Fragment,null,b(g.Z,{id:"".concat(D,"-title"),title:_.formatMessage(C.title),description:"",required:!0,value:L.title,onChange:function(e,t){return A("title",t)},className:"menu-item-field-title"}),b(h.Z,{id:"".concat(D,"-visible"),title:_.formatMessage(C.visible),description:"",defaultValue:!0,value:!!L.visible,onChange:function(e,t){return A("visible",t)},className:"menu-item-field-visible"}),b(M.b$,{id:"".concat(D,"-mode"),title:_.formatMessage(C.mode),description:"",required:!0,value:L.mode,onCh

1ange:function(e,t){return A("mode",t)},valueList:[{value:"simpleLink",label:_.formatMessage(C.modeSimpleLink)},{value:"dropdown",label:_.formatMessage(C.modeDropdown)}],className:"menu-item-field-mode"}),"simpleLink"===L.mode&&b(w.ZP,{id:"".concat(D,"-linkUrl"),title:_.formatMessage(C.linkUrl),description:"",required:!0,mode:"link",value:null!==(t=L.linkUrl)&&void 0!==t?t:[],onChange:function(e,t){return A("linkUrl",t)},className:"menu-item-field-linkUrl"}),"dropdown"===L.mode&&b(s.Fragment,null,b("div",{className:"menu-item-field-navigationRoot"},b(w.ZP,{id:"".concat(D,"-navigationRoot"),title:_.formatMessage(C.navigationRoot),description:"",required:!0,value:null!==(n=L.navigationRoot)&&void 0!==n?n:[],onChange:function(e,t){return A("navigationRoot",t)}})),(null===(a=k.Z.settings)||void 0===a||null===(d=a["volto-dropdownmenu"])||void 0===d||null===(N=d.options)||void 0===N?void 0:N.clickableNavigationRoots)&&b("div",{className:"menu-item-field-clickableNavigationRoots"},b(h.Z,{id:"".concat(D,"-clickableNavigationRoots"),title:_.formatMessage(C.clickableNavigationRoots),description:"",defaultValue:!0,value:!!L.clickableNavigationRoots,onChange:function(e,t){return A("clickableNavigationRoots",t)}})),b("div",{className:"menu-item-field-showMoreLink"},b(w.ZP,{id:"".concat(D,"-showMoreLink"),title:_.formatMessage(C.showMoreLink),description:"",mode:"link",value:null!==(y=L.showMoreLink)&&void 0!==y?y:[],onChange:function(e,t){return A("showMoreLink",t)}})),b("div",{className:"menu-item-field-showMoreText"},b(g.Z,{id:"".concat(D,"-showMoreText"),title:_.formatMessage(C.showMoreText),description:"",value:L.showMoreText,onChange:function(e,t){return A("showMoreText",t)}})),b("div",{className:"menu-item-field-additionalClasses"},b(g.Z,{id:"".concat(D,"-additionalClasses"),title:_.formatMessage(C.additionalClasses),description:_.formatMessage(C.additionalClassesDescription),value:L.additionalClasses,onChange:function(e,t){return A("additionalClasses",t)}})),b(r.Z.Field,{inline:!0,className:"help wide",id:"menu-blocks"},b(c.Z,null,b(c.Z.Row,{stretched:!0},b(c.Z.Column,{width:12},b("div",{className:"wrapper"},b("p",{className:"help"},_.formatMessage(C.blocks_description))))),b(c.Z.Row,{stretched:!0},b(c.Z.Column,{width:12},b("div",{className:"menu-blocks-container"},b(v.Z,{key:D,formData:L,visual:!0,hideActions:!0,onChangeFormData:function(e){R((0,o.Z)((0,o.Z)({},L),{},{blocks:e.blocks,blocks_layout:e.blocks_layout}))}}))))))),b(r.Z.Field,{inline:!0,className:"delete wide",id:"menu-delete"},b(c.Z,null,b(c.Z.Row,{stretched:!0},b(c.Z.Column,{width:4},b("div",{className:"wrapper"})),b(c.Z.Column,{width:8},b(p.Z,{icon:"trash",onClick:I,id:"delete-menuitem",negative:!0,content:_.formatMessage(C.deleteButton)}))))),(0,Z.createPortal)(b(f.Z,null),document.getElementById("sidebar")))};const y=s.memo(N)},76433:(e,t,n)=>{n.r(t),n.d(t,{default:()=>C});var o=n(64581),i=n(25403),a=n(67294),l=n(88640),s=n(67100),d=n(43409),u=n(16739),m=n(94983),r=n(65382),c=n(35766),p=n(48237),f=n(39445),v=n(17810),g=n(57304),h=n(51565),w=a.createElement,M=(0,l.v)({menuItemsHeader:{id:"dropdownmenu-menuitems-header",defaultMessage:"Menu items"},addMenuPath:{id:"dropdownmenu-add-rootpath",defaultMessage:"Add menu path"},deleteMenuPath:{id:"dropdownmenu-delete-menupath",defaultMessage:"Delete menu path"},deleteButton:{id:"dropdownmenu-delete-button",defaultMessage:"Delete"},root_path:{id:"dropdownmenu-rootpath",defaultMessage:"Root path"},addMenuItem:{id:"dropdownmenu-addmenuitem",defaultMessage:"Add menu item"},moveMenuItemUp:{id:"dropdownmenu-move-menuitem-up",defaultMessage:"Move menu item up"},moveMenuItemDown:{id:"dropdownmenu-move-menuitem-down",defaultMessage:"Move menu item down"},emptyActiveMenuPath:{id:"dropdownmenu-emptyActiveMenuPath",defaultMessage:"Select a menu path"},emptyActiveMenuItem:{id:"dropdownmenu-emptyActiveMenuItem",defaultMessage:"Select a menu item"}}),Z=function(e){return{title:e,visible:!0,mode:"simpleLink",linkUrl:[]}},k=function(e){return{rootPath:"/",items:[Z(e)]}},b=[k("Tab 0")];

1const C=function(e){var t,n,l=e.value,C=e.id,N=e.onChange,y=(e.required,e.title),D=e.description,L=(0,s.Z)(),R=(0,a.useState)(l?JSON.parse(l):b),I=R[0],_=R[1],P=(0,a.useState)(0),A=P[0],S=P[1],E=(0,a.useState)(0),T=E[0],U=E[1],B=function(e){_(e),N(C,JSON.stringify(e))},F=function(e,t,n,o){e.preventDefault();var a="up"===o,l=(0,i.Z)(I),s=l[t].items[n];l[t].items.splice(n,1),l[t].items.splice(n+(a?-1:1),0,s),B(l)};return w("div",{className:"menu-configuration-widget"},w(d.Z.Field,{inline:!0,id:C},w(u.Z,null,w(u.Z.Row,null,w(u.Z.Column,{width:"12"},w("div",{className:"wrapper"},w("label",{htmlFor:"menu-configuration"},y))),w(u.Z.Column,{width:"12",className:"menu-configuration-widget"},w("div",{id:"menu-configuration"},w(m.Z,{pointing:!0,secondary:!0,className:"menu-path-menu"},I.map((function(e,t){return w(m.Z.Item,{key:"menu-path-".concat(t),name:e.rootPath,active:A===t,onClick:function(){S(t),U(0)}},w("span",null,(0,h.ZV)(e.rootPath)))})),w(m.Z.Item,{active:!1,name:L.formatMessage(M.addMenuPath),onClick:function(e){e.preventDefault();var t=I.length,n="/tab".concat(t),a=[].concat((0,i.Z)(I),[(0,o.Z)((0,o.Z)({},k("Tab ".concat(t))),{},{rootPath:n})]);B(a),S(a.length-1)}},w(r.Z,{name:"plus"}))),w(c.Z,null,A>-1&&A<I.length?w(u.Z,null,w(u.Z.Column,{width:12,className:"dropdownmenu-rootpath-segment"},w(g.Z,{id:"rootPath",title:L.formatMessage(M.root_path),description:"",required:!0,value:(0,h.ZV)(I[A].rootPath),onChange:function(e,t){!function(e,t){var n=(0,i.Z)(I);n[e]=t,B(n)}(A,(0,o.Z)((0,o.Z)({},I[A]),{},{rootPath:null!==t&&void 0!==t&&t.length?t:"/"}))}}),w(d.Z.Field,{inline:!0,className:"delete wide",id:"menupath-delete"},w(u.Z,null,w(u.Z.Row,{stretched:!0},w(u.Z.Column,{width:4},w("div",{className:"wrapper"})),w(u.Z.Column,{width:8},w(p.Z,{icon:"trash",negative:!0,onClick:function(e){return function(e,t){e.preventDefault();var n=(0,i.Z)(I);n.splice(t,1),A===t&&setTimeout((function(){return S(t>0?t-1:0)}),0),B(n)}(e,A)},id:"delete-menupath",content:L.formatMessage(M.deleteButton)})))))),w(u.Z.Column,{width:4},w(f.Z,{as:"h2",className:"dropdownmenu-items-header"},L.formatMessage(M.menuItemsHeader)),w(m.Z,{fluid:!0,vertical:!0,tabular:!0,className:"menu-items-menu"},null===(t=I[A].items)||void 0===t?void 0:t.map((function(e,t){return w(m.Z.Item,{key:"menu-item-".concat(t),name:e.title,active:T===t,onClick:function(){return U(t)}},w(p.Z.Group,{vertical:!0,className:"move-buttons"},w(p.Z,{disabled:0===t,size:"tiny",icon:w(r.Z,{name:"arrow left"}),title:L.formatMessage(M.moveMenuItemUp),onClick:function(e){return F(e,A,t,"up")}}),w(p.Z,{disabled:t===I[A].items.length-1,size:"tiny",icon:w(r.Z,{name:"arrow right"}),title:L.formatMessage(M.moveMenuItemDown),onClick:function(e){return F(e,A,t,"down")}})),w("span",null,e.title))})),w(m.Z.Item,{name:L.formatMessage(M.addMenuItem),onClick:function(e){return function(e,t){e.preventDefault();var n=(0,i.Z)(I);n[t].items=[].concat((0,i.Z)(n[t].items),[Z("New ".concat(n[t].items.length))]),U(n[t].items.length-1),B(n)}(e,A)}},w(r.Z,{name:"plus"})))),w(u.Z.Column,{stretched:!0,width:8},T>-1&&T<(null===(n=I[A].items)||void 0===n?void 0:n.length)?w(v.Z,{componentName:"MenuConfigurationForm",id:"".concat(A,"-").concat(T),menuItem:I[A].items[T],onChange:function(e){return function(e,t,n){var o=(0,i.Z)(I);o[e].items[t]=n,B(o)}(A,T,e)},deleteMenuItem:function(e){return function(e,t,n){e.preventDefault();var o=(0,i.Z)(I);o[t].items.splice(n,1),T===n&&setTimeout((function(){return U(n>0?n-1:0)}),0),B(o)}(e,A,T)}}):w("span",null,L.formatMessage(M.emptyActiveMenuItem)))):w("span",null,L.formatMessage(M.emptyActiveMenuPath)))))),D&&w(u.Z.Row,{stretched:!0},w(u.Z.Column,{stretched:!0,width:"12"},w("p",{className:"help"},D))))))}}}]);
2//# sourceMappingURL=volto-dropdownmenu-manage.63dedce5.chunk.js.map