@reltio/remotes 1.4.1347 → 1.4.1349

package/9606.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_reltio_remotes=self.webpackChunk_reltio_remotes||[]).push([[9606],{30739:(e,t,n)=>{n.d(t,{Z:()=>u});var r=n(24328),o=n.n(r),i=n(50166),a=n(44443),l=n(70687);const s=(0,n(79692).Z)({item:{overflow:"hidden"}});function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){d(e,t,n[t])}))}return e}function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const u=(0,r.memo)((e=>{let{width:t=0,height:n=0,defaultItemSize:d,data:u,children:p,itemKey:h,showNotMeasuredItems:m,listRef:g}=e;const f=s(),b=(0,r.useRef)({}),[y,v]=(0,r.useState)({}),x=(0,r.useCallback)((0,l.DsO)((()=>{v(c({},b.current))})),[]),E=(0,r.useCallback)(((e,t)=>h?h(t,e):t),[h]),w=(0,r.useRef)(),C=g||w;C.current&&C.current.resetAfterIndex(0,!1);const R=(0,r.useMemo)((()=>e=>{let{data:t,index:n,style:r}=e;const i=E(t,n);return o().createElement("div",{style:r,className:f.item},o().createElement("div",{style:m?void 0:{visibility:i in y?void 0:"hidden"}},o().createElement(a.Z,{handleHeight:!0,onResize:(e,t)=>{b.current[i]!==t&&(((e,t)=>{b.current=c({},b.current,{[e]:t})})(i,t),x())}}),p({data:t,index:n})))}),[p,m,E,x,!m&&y]);return o().createElement(i.VariableSizeList,{ref:C,width:t,height:n,itemCount:u.length,itemData:u,itemSize:e=>y[(e=>E(u,e))(e)]||d,itemKey:h},R)}))},58662:(e,t,n)=>{n.d(t,{Z:()=>y});var r=n(13980),o=n.n(r),i=n(24328),a=n.n(i),l=n(71153),s=n.n(l),c=n(94079),d=n(87918),u=n.n(d),p=n(31276),h=n(17440);const m=(0,n(79692).Z)({pagination:{display:"flex",alignItems:"center",justifyContent:"flex-end",height:"56px",borderTop:"1px solid rgba(0,0,0,0.12)",boxShadow:"none"},caption:{color:"rgba(0,0,0,0.6)",fontSize:"12px",lineHeight:"16px"},selectRoot:{marginLeft:"5px",marginRight:"36px"},select:{color:"rgba(0,0,0,0.6)",fontSize:"12px",lineHeight:"16px",textAlign:"right"},actions:{marginLeft:"32px"}});function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){f(e,t,n[t])}))}return e}function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const b=e=>{let{classes:t={},count:n,rowsPerPageOptions:r,page:o,onChangePage:l,rowsPerPage:d,onChangeRowsPerPage:f,basicTableRef:b,labelRowsPerPage:y}=e;const v=m(),x=(0,i.useCallback)((()=>{(0,h.pathOr)(h.identity,["current","resetScrollbarPosition"],b)()}),[b]),E=(0,i.useCallback)((e=>{l(e),x()}),[l,x]),w=(0,i.useCallback)((e=>{l(0),f(e),x()}),[l,f,x]);return a().createElement(c.TablePagination,{classes:g({},t,{root:s()(v.pagination,t.root),select:s()(v.select,t.select),caption:v.caption,selectRoot:v.selectRoot,actions:v.actions}),component:"div",labelRowsPerPage:y||u().text("Rows per page:"),labelDisplayedRows:e=>{let{from:t,to:n,count:r}=e;return u().text("${fromRow}-${toRow} of ${countRows}",{fromRow:u().number(t,"0,0"),toRow:u().number(n,"0,0"),countRows:u().number(r,"0,0")})},count:n,rowsPerPageOptions:r,page:o,onChangePage:(0,h.pipe)((0,h.nthArg)(1),E),rowsPerPage:d,onChangeRowsPerPage:(0,h.pipe)(p.NA,w)})};b.propTypes={classes:o().object,rowsPerPageOptions:o().arrayOf(o().number),count:o().number,page:o().number,onChangePage:o().func,rowsPerPage:o().number,onChangeRowsPerPage:o().func,basicTableRef:o().shape({current:o().object}),labelRowsPerPage:o().string};const y=a().memo(b)},10237:(e,t,n)=>{n.d(t,{Z:()=>h});var r=n(27556),o=n(13980),i=n.n(o),a=n(24328),l=n.n(a);function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){c(e,t,n[t])}))}return e}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const d=(0,n(79692).Z)((e=>({"basic-view__paper":s({display:"flex",flexDirection:"column"},e.basicView)})));function u(){return u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}const p=(0,a.forwardRef)(((e,t)=>{let{children:n,className:o}=e,i=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["children","className"]);const a=d();return l().createElement(r.Z,u({ref:t,className:o,classes:{root:a["basic-view__paper"]}},i),n)}));p.displayName="BasicView",p.propTypes={children:i().node,className:i().string};const h=p},81137:(e,t,n)=>{n.d(t,{Z:()=>c});var r=n(24328),o=n.n(r),i=n(87918),a=n.n(i),l=n(94079);const s=(0,n(79692).Z)({paper:{minHeight:"180px"},title:{padding:"16px 16px 10px 16px",fontSize:"20px",fontWeight:500,letterSpacing:"0.25px",lineHeight:"24px"},content:{padding:"0 16px"},contentText:{marginBottom:0,fontSize:"16px",letterSpacing:"0.15px",lineHeight:"24px"},actionButtons:{display:"flex",paddingTop:"4px",fontSize:"14px",fontWeight:500,letterSpacing:0,lineHeight:"16px","& > div":{marginLeft:"auto"}},discardButton:{marginRight:"8px"}}),c=e=>{let{open:t,title:n,content:r,onCancel:i,cancelCaption:c=a().text("Cancel"),onDiscard:d,discardCaption:u="",onSave:p,saveCaption:h=a().text("Save"),disabledSave:m=!1}=e;const g=s();return o().createElement(l.Dialog,{open:t,onClose:i,classes:{paperScrollPaper:g.paper}},o().createElement(l.DialogTitle,{classes:{root:g.title}},n),o().createElement(l.DialogContent,{classes:{root:g.content}},o().createElement(l.DialogContentText,{classes:{root:g.contentText}},r)),o().createElement(l.DialogActions,{className:g.actionButtons,disableSpacing:!0},i&&o().createElement(l.Button,{onClick:i},c),o().createElement("div",null,d&&o().createElement(l.Button,{onClick:d,classes:{root:g.discardButton}},u),o().createElement(l.Button,{onClick:p,color:"primary",disabled:m,autoFocus:!0},h))))}},14363:(e,t,n)=>{n.d(t,{n:()=>y});const r=(0,n(79692).Z)({item:{marginBottom:"16px"},dense:{marginBottom:0}});var o=n(20562),i=n(24328),a=n.n(i),l=n(52730),s=n(59431),c=n(70687),d=n(91262),u=n(71153),p=n.n(u),h=n(17440),m=n(7154),g=n(26579),f=n(81077);function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const y=e=>{let{connection:t,relatedEntity:n,inRelationTypes:u=[],outRelationTypes:y=[],showEmptyEditors:v,entityErrorMessage:x,onChangeAttribute:E,onRemoveAttribute:w,onAddAttributes:C,onChangeRelationType:R,onChangeEntity:T}=e;const S=r(),{relation:O,entity:P}=t,{attributes:L,uri:N,type:_="",direction:A}=O||{},k=Boolean(_),I=(0,l.useSelector)(s.ZP.selectors.getMetadata),j=(0,i.useMemo)((()=>O&&function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){b(e,t,n[t])}))}return e}({attributes:L},(0,c.p2l)(O))),[O,L]),U=(0,i.useMemo)((()=>(0,c.xF8)(I,_)),[_,I]),D=(0,i.useMemo)((()=>k?(0,c.jWj)(A===c.Nsj.OUT,I,[(0,c.V3K)(I,_)]):(0,h.uniq)((0,c.jWj)(!0,I,y).concat((0,c.jWj)(!1,I,u)))),[k,_,I,u,y]),z=(0,l.useSelector)((e=>s.ZP.selectors.getGlobalSearchRequestOptions(e,["ovOnly"]))),Z=(0,i.useMemo)((()=>O&&{relationType:O.type,direction:O.direction}),[O]),B=(0,i.useMemo)((()=>P&&{entityUri:P.uri,entityType:P.type,entityLabel:(0,c.idV)(P.label)}),[P]),M=(0,i.useMemo)((()=>P&&P.uri?u.filter((0,c.eHk)(!1,P,n,I)):u),[P,u,n,I]),F=(0,i.useMemo)((()=>P&&P.uri?y.filter((0,c.eHk)(!0,P,n,I)):y),[P,y,n,I]);(0,i.useEffect)((()=>{const{type:e,direction:t}=(0,c.z7d)(u,y)||{};!_&&e&&R&&R({type:e.uri,direction:t})}),[_,u,y,R]),(0,o.D)((()=>{const{type:e,direction:t}=(0,c.z7d)(M,F)||{};!_&&e&&R({type:e.uri,direction:t})}),[_,P,M,F,T]);const G=(0,i.useCallback)((e=>{let{type:t,direction:n}=e;R({type:t.uri,direction:n})}),[R]);return a().createElement(a().Fragment,null,R&&a().createElement(m.Z,{className:S.item,relation:Z,metadata:I,inRelationTypes:u,outRelationTypes:y,onChange:G}),T&&a().createElement(g.Z,{errorMessage:x,className:S.item},a().createElement(f.Z,{key:_,className:p()({[S.dense]:x}),entity:B||{},entityTypesUris:D,max:20,globalSearchRequestOptions:z,mode:c.fO_.EDITING,onChange:T,onCreate:void 0,metadata:I,attributeTypesSelectionStrategy:void 0})),_&&a().createElement(d.Z,{attrTypes:U,entity:j,showEmptyEditors:v,mode:c.fO_.EDITING,parentUri:N,onAddAttributes:C,onChangeAttribute:E,onDeleteAttribute:w}))}},68439:(e,t,n)=>{n.d(t,{Z:()=>h});var r=n(24328),o=n.n(r),i=n(52730),a=n(71153),l=n.n(a),s=n(94079),c=n(70687),d=n(59431),u=n(88611);const p=(0,n(79692).Z)({"entityType-overflow":{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},"entityType-small":{padding:"1px 4px",fontSize:"10px",lineHeight:"normal",marginRight:"12px",borderRadius:"2px",flexShrink:0},"entityType-medium":{padding:"2px 8px 3px",borderRadius:"2px",fontSize:"13px",fontWeight:500,lineHeight:"15px",marginRight:"16px",flexShrink:0}}),h=e=>{let{entity:t,className:n,size:r="small"}=e;const a=p(),h=(0,i.useSelector)(d.ZP.selectors.getMetadata),m=t.type,g=(0,c.nt9)(h,m)||{},f=(0,c.VD3)(h,g,"typeColor")||c.rSc.palette.primary.main,b=(0,c.jFi)(h,t);return o().createElement(u.C,{value:b,placement:"top"},o().createElement(s.Typography,{style:{backgroundColor:f,color:c.P6Y.Colors.getColor(f)?"#FFFFFF":"#212121"},className:l()(a[`entityType-${r}`],a["entityType-overflow"],n),component:"div"},b))}},59725:(e,t,n)=>{n.d(t,{Q:()=>c});var r=n(24328),o=n.n(r),i=n(87918),a=n.n(i),l=n(70687),s=n(42520);const c=(0,r.memo)((e=>{let{entityTypes:t,selectedEntityTypes:n,single:i,placeholder:c,enableEmptyValueUnderline:d,onChange:u,classes:p={},ListLabelProps:h={},disabled:m=!1}=e;const g=(0,r.useMemo)((()=>t.filter(l.oDv)),[t]);return o().createElement(s.S,{items:g,selectedItemsUris:n,single:i,placeholder:c,enableEmptyValueUnderline:d,onChange:u,classes:p,ListLabelProps:h,disabled:m,label:a().text("Entity type"),dataReltioId:"entity-type-selector",selectionPopupTitle:a().text("Select entity types")})}));c.displayName="EntityTypesSelector"},93416:(e,t,n)=>{n.d(t,{Z:()=>c});var r=n(24328),o=n.n(r),i=n(71153),a=n.n(i),l=n(92778);const s=(0,n(79692).Z)({container:{padding:"0 16px",minHeight:"48px"},title:{fontSize:"16px",lineHeight:"19px",paddingTop:"16px",paddingBottom:"13px",justifyContent:"flex-start"}}),c=e=>{let{className:t,title:n,children:r}=e;const i=s();return o().createElement(l.Z,{title:n,classes:{root:a()(i.container,t),title:i.title}},r)}},42520:(e,t,n)=>{n.d(t,{S:()=>N});var r=n(24328),o=n.n(r),i=n(71153),a=n.n(i),l=n(17440),s=n(70687),c=n(94079),d=n(83543),u=n(79692);const p=(0,u.Z)({listLabelContainer:{display:"flex",alignItems:"center",position:"relative",overflow:"hidden",whiteSpace:"nowrap",justifyContent:"space-between",height:"100%",width:"100%"},listLabel:{visibility:"hidden",position:"absolute",overflow:"hidden"},visibleItemsLabel:{textOverflow:"ellipsis",marginRight:"5px",overflow:"hidden",flex:1,flexBasis:"auto"},hiddenCount:{color:"rgba(0,0,0,0.87)",fontSize:"13px",lineHeight:"15px",padding:"5px 8px",borderRadius:"16px",backgroundColor:"rgba(0,0,0,.12)"}}),h=(e,t)=>{const{childNodes:n,clientLeft:r,clientWidth:o}=t;if(n.length>0){const[t]=Array.from(n),i=document.createRange();i.setStart(t,0);for(let n=0;n<e.length;n++){i.setEnd(t,i.endOffset+e[n].length);const{width:a}=i.getBoundingClientRect();if(r+a>o)return n;n!==e.length-1&&i.setEnd(t,i.endOffset+", ".length)}}return-1},m=e=>e.join(", "),g=e=>`calc(${(0,l.isNil)(e)?"100%":`${e}px`} - 35px)`,f=e=>{let{list:t,maxWidth:n}=e;const i=p(),a=(0,r.useRef)(),[l,s]=(0,r.useState)(0);(0,r.useEffect)((()=>{s(((e,t)=>{const n=e.length,r=((e,t)=>{if(t){const n=h(e,t);return-1===n?0:e.length-n}return 0})(e,t);return n-Math.max(1,n-r)})(t,a.current))}),[t]);const d=m(t),u=l>0,f=u?m(t.slice(0,-l)):d;return o().createElement(c.Tooltip,{title:u?d:""},o().createElement("div",{className:i.listLabelContainer},o().createElement("div",{style:{width:g(n)},className:i.listLabel,ref:a},d),o().createElement("div",{className:i.visibleItemsLabel},f),u&&o().createElement("div",{className:i.hiddenCount},`+${l}`)))};var b=n(22385),y=n(97820),v=n(54763),x=n(7785),E=n(27239),w=n(44890);function C(){return C=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},C.apply(this,arguments)}const R=(0,l.always)(32),T=(0,r.memo)((e=>{let{selectedItems:t,onItemClick:n,focusIndex:r,width:i,height:a}=e,l=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["selectedItems","onItemClick","focusIndex","width","height"]);return o().createElement(w.Z,C({getItemSize:R,renderItem:(e,i,a)=>{let{item:l}=i;const s=!!t.find((e=>l.uri===e)),c=a===r;return o().createElement(x.Z,{key:l.uri,onClick:n,checked:s,data:l,label:o().createElement(E.Z,{text:l.label,highlight:l.filterText}),labelInText:l.label,style:e,isFocused:c,hideIcon:!0,LogoIcon:l.LogoIcon})},focusIndex:r,fixedTitle:!1,disableHorizontalScrollbar:!0,width:i,height:a},l))}));T.displayName="SelectMetadataTypesList";const S=(0,u.Z)({root:{borderRadius:"4px 4px 0 0",margin:0,fontSize:"14px",letterSpacing:0,lineHeight:"16px"},inputLabel:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",width:"100%",top:"calc(50% - 23px)"},inputText:{display:"flex",flexGrow:1,alignItems:"center",height:"25px",width:"calc(100% - 53px)",paddingTop:"18px",paddingBottom:"4px",color:"rgba(0,0,0,0.87)",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},input:{width:0,cursor:"pointer","&[disabled]":{backgroundColor:"transparent",cursor:"default"},"&$emptyInput":{width:"100%"}},emptyInput:{},disabledInput:{},disabledPointer:{},disabledUnderline:{},inputRoot:{flex:1,paddingRight:"4px",fontSize:"14px",letterSpacing:0,lineHeight:"16px","&$disabledInput":{backgroundColor:"rgba(0, 0, 0, 0.03)",cursor:"pointer","&$disabledPointer":{cursor:"default"},"&$disabledUnderline::before":{borderBottomStyle:"solid"}}},icon:{transform:"rotate(0deg)",transition:"transform 0.35s ease"},"popup-opened-icon":{transform:"rotate(-180deg)"}});function O(){return O=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},O.apply(this,arguments)}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){L(e,t,n[t])}))}return e}function L(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const N=(0,r.memo)((e=>{let{placeholder:t,classes:n={},items:i,selectedItemsUris:u,onChange:p,ListLabelProps:h={},disabled:m,enableEmptyValueUnderline:g,single:x,label:E,dataReltioId:w,selectionPopupTitle:C}=e;const R=S(),[L,N]=(0,r.useState)(!1),_=(0,r.useCallback)((()=>N(!0)),[]),A=(0,r.useCallback)((()=>N(!1)),[]),[k,I]=(0,r.useState)(""),j=(0,r.useCallback)((()=>I("")),[]),U=(0,r.useCallback)((0,l.pipe)(j,A),[A,j]),D=i.filter((e=>{let{label:t}=e;return s.P6Y.strings.search(t,k)})).map(((e,t)=>({item:{item:P({},e,{filterText:k})},index:t}))),z=(0,r.useMemo)((()=>u.map((e=>i.find((0,l.propEq)("uri",e)))).map((0,l.prop)("label"))),[u,i]),Z=(0,r.useCallback)(((e,t)=>{x?(p(t?[e.uri]:[]),U()):p(t?u.concat(e.uri):u.filter((t=>t!==e.uri)))}),[u,p,x,U]),B=(0,r.useCallback)((e=>{let{item:t}=e;const n=!u.includes(t.uri);Z(t,n)}),[u,Z]),{focusIndex:M,handleKeyDown:F}=(0,v.t)({items:D,open:L,onSelectFocusedItem:B,selectedItems:u,onClose:U}),G=(0,r.useRef)(),q=G.current?G.current.getBoundingClientRect().width:0,H=Math.max(q,255),V=0===u.length;return o().createElement(o().Fragment,null,o().createElement(c.TextField,{label:E,ref:G,InputProps:{startAdornment:V&&!t?null:o().createElement("div",{className:a()(R.inputText,n.inputText)},V?o().createElement("div",null,t):o().createElement(f,O({},h,{list:z}))),classes:{root:R.inputRoot,input:a()(R.input,n.input,{[R.emptyInput]:V&&!t}),disabled:a()(R.disabledInput,{[R.disabledPointer]:m}),underline:R.disabledUnderline},endAdornment:o().createElement(b.Z,{size:"L",icon:d.Z,iconClassName:a()(R.icon,{[R["popup-opened-icon"]]:L}),disabled:m}),readOnly:!0,disabled:!0,disableUnderline:V&&!g},inputProps:{tabIndex:-1},InputLabelProps:{classes:{root:a()(R.inputLabel,n.label)}},value:"",onClick:m?void 0:_,classes:{root:a()(R.root,n.root)},margin:"dense",variant:"filled",disabled:m,"data-reltio-id":w}),o().createElement(y.Z,{open:L,anchorEl:G.current,onClose:U,onSearch:I,title:C,containerWidth:H,containerHeight:355,searchInputOnKeyDown:F,transformOrigin:{horizontal:"left",vertical:"top"},anchorOrigin:{horizontal:"left",vertical:"bottom"},PaperProps:{"data-reltio-id":`${w}-popup`}},o().createElement(T,{items:D,onItemClick:Z,selectedItems:u,width:H,height:245,focusIndex:M})))}));N.displayName="MetadataTypesSelector"},64459:(e,t,n)=>{n.d(t,{Z:()=>b});var r=n(24328),o=n.n(r),i=n(71153),a=n.n(i),l=n(52730),s=n(17440),c=n(94079),d=n(87918),u=n.n(d),p=n(70687),h=n(59431),m=n(53180),g=n(68439);const f=(0,n(79692).Z)((e=>({profileBandWrapper:{flexShrink:0},profileBand:{display:"flex",padding:"16px 12px 16px 16px",alignItems:"flex-start",backgroundColor:"#fff",boxShadow:"inset 0 -1px 0 0 rgba(0,114,206,0.06), inset 0 1px 0 0 rgba(0,114,206,0.06);","&:after":{content:'""',minHeight:"inherit",fontSize:0}},inactive:{background:e.inactiveBackground},profileIcon:{marginRight:"12px"},imageProfileIcon:{width:"48px",height:"48px"},profileInfo:{display:"flex",flexDirection:"column",flex:"1 1 50%"},badge:{},label:{lineHeight:"1.2",letterSpacing:"0.25px",color:e.palette.text.primary,wordBreak:"break-word","&+ $specialInfo":{marginTop:"4px"}},secondaryLabel:{display:"inline-flex",color:e.palette.text.primary,marginTop:"2px",lineHeight:"16px",fontSize:"14px",fontWeight:400,"&+ $businessCard":{marginLeft:"12px"}},businessCard:{color:e.palette.text.secondary,display:"inline-flex",fontSize:"14px",marginTop:"4px",lineHeight:"1.2"},specialInfo:{display:"flex",justifyContent:"space-between",flexWrap:"wrap",width:"100%",marginTop:"8px"},entityType:{display:"flex",flexWrap:"wrap"},entityId:{fontSize:"13px",color:e.palette.text.secondary,whiteSpace:"nowrap",cursor:"pointer","&:hover":{textDecoration:"underline"}}}))),b=e=>{let{className:t,entity:n,children:i,classes:d}=e;const b=f({classes:d}),y=(0,l.useSelector)(h.ZP.selectors.getMetadata),v=(0,l.useSelector)(h.ZP.selectors.getShowEntityId),x=(0,r.useCallback)((()=>{navigator.clipboard.writeText((0,p.BTI)(n))}),[n]);if((0,s.isNil)(n))return null;const E=(0,p.idV)(n.label),w=n.secondaryLabel,C=(0,p.ptG)(y,n),R=(0,p.Fn9)(n),T=n.uri,S=(0,p.BTI)(n);return o().createElement("div",{className:a()(b.profileBandWrapper,t)},o().createElement("div",{className:a()(b.profileBand,{[b.inactive]:!R}),"data-entity-uri":T},o().createElement(m.Z,{key:n.uri,entity:n,avatarClassName:b.profileIcon,imageClassName:b.imageProfileIcon}),o().createElement("div",{className:b.profileInfo},o().createElement("div",null,o().createElement(c.Typography,{variant:"h6",className:b.label},E),w&&o().createElement(c.Typography,{variant:"subtitle2",className:b.secondaryLabel},w),C&&o().createElement(c.Typography,{variant:"subtitle1",className:b.businessCard},C)),o().createElement("div",{className:b.specialInfo},o().createElement("div",{className:b.entityType},o().createElement(g.Z,{entity:n,size:"medium",className:b.badge}),!(0,p.ZiX)(T)&&v&&o().createElement(c.Tooltip,{title:u().text("Copy to clipboard")},o().createElement(c.Typography,{display:"inline",variant:"body2",className:b.entityId,onClick:x},u().text("Entity ID"),": ",S))))),i&&o().createElement("div",null,i)))}},32371:(e,t,n)=>{n.d(t,{U:()=>c});var r=n(24328),o=n.n(r),i=n(87918),a=n.n(i),l=n(70687),s=n(42520);const c=(0,r.memo)((e=>{let{relationTypes:t,selectedRelationTypes:n,single:i,placeholder:c,enableEmptyValueUnderline:d,onChange:u,classes:p={},ListLabelProps:h={},disabled:m=!1}=e;const g=(0,r.useMemo)((()=>t.filter(l.Tt2)),[t]);return o().createElement(s.S,{items:g,selectedItemsUris:n,single:i,placeholder:c,enableEmptyValueUnderline:d,onChange:u,classes:p,ListLabelProps:h,disabled:m,label:a().text("Relation type"),dataReltioId:"relation-type-selector",selectionPopupTitle:a().text("Select relation types")})}));c.displayName="RelationTypesSelector"},40715:(e,t,n)=>{n.d(t,{n:()=>f});var r=n(24328),o=n.n(r),i=n(71153),a=n.n(i),l=n(70687),s=n(64459),c=n(93873),d=n(94646),u=n(3515),p=n(19603),h=n(7718),m=n(3409);const g=(0,n(79692).Z)({profileBandNavigation:{marginBottom:"10px"},comments:{display:"flex",justifyContent:"flex-end"}}),f=(0,r.memo)((e=>{let{entity:t,className:n,historySlice:i}=e;const f=g(),b=(0,r.useMemo)((()=>(0,l.L5S)(t)),[t]),y=(0,h.C)({objectIds:b}),v=(0,l.wwR)(t);return o().createElement(u.h.Provider,{value:y},o().createElement(s.Z,{className:a()(n,p.U),entity:(null==i?void 0:i.aEntity)||t},i?o().createElement(m.Z,null):o().createElement(o().Fragment,null,o().createElement(c.a,{className:f.profileBandNavigation}),o().createElement(d.Z,{className:f.comments,uri:v,relatedObjectUris:(0,l.wp9)(l.q7e.ENTITY,{entityUri:v}),objectType:l.q7e.ENTITY}))))}));f.displayName="ScreenProfileBand"},8962:(e,t,n)=>{n.d(t,{Z:()=>_});var r=n(52730),o=n(59431),i=n(24328),a=n.n(i),l=n(70687),s=n(71153),c=n.n(s),d=n(87918),u=n.n(d),p=n(94079),h=n(60995),m=n(10237),g=n(93416),f=n(80931),b=n(8261),y=n(79692);const v=(0,y.Z)({attributesContainer:{padding:"0 16px 16px 16px"},header:{marginBottom:"4px"},noCaption:{paddingTop:"16px"},noData:{fontSize:"13px",color:"rgba(0,0,0,0.54)"}}),x=(0,r.connect)((e=>({metadata:o.ZP.selectors.getMetadata(e)})))((e=>{let{className:t,entity:n={},metadata:s,caption:d="",excludeUris:y=[],includeUris:x=[],attributesCount:E=16}=e;const w=v(),C=(0,r.useSelector)(o.ZP.selectors.getPivotingAttributes),R=(0,i.useMemo)((()=>(0,b.U)(s,n.type,x,y)),[y,x,s,n.type]),T=(0,l.fyF)(R,n).filter((e=>{let{values:t}=e;return!(0,l.O27)(t)})).length>0;return T||!(0,l.O27)(d)?a().createElement(h.J.Provider,{value:C},a().createElement(m.Z,{className:t},d&&a().createElement(g.Z,{className:w.header,title:d}),a().createElement(p.Box,{className:c()(w.attributesContainer,{[w.noCaption]:!d})},T?a().createElement(f.Z,{entity:n,attrTypes:R,parentUri:n.uri,drawLines:!1,max:E}):a().createElement(p.Typography,{className:w.noData},u().text("No data found"))))):null}));var E=n(17440),w=n(91262),C=n(39450),R=n(66784);const T=(0,y.Z)({attributesContainer:{padding:"0 16px 16px 16px"},header:{marginBottom:"4px"},noCaption:{paddingTop:"16px"}});function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){O(e,t,n[t])}))}return e}function O(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const P=(0,r.connect)((e=>({metadata:o.ZP.selectors.getMetadata(e)})))((e=>{let{className:t,entity:n={},mode:s,metadata:d,caption:u="",excludeUris:h=[],includeUris:f=[],pinnedAttributes:y}=e;const v=T(),x=(0,r.useDispatch)(),O=(0,i.useContext)(C.m),P=(0,r.useSelector)(o.ZP.selectors.getUserRoles),L=(0,i.useMemo)((()=>(0,l.mC3)(y,P)),[y,P]),N=(0,r.useSelector)((e=>o.ZP.selectors.getModifiedEntity(e,n.uri)||{})),_=(0,i.useMemo)((()=>(0,b.U)(d,N.type,f,h)),[h,f,d,N.type]),A=(0,i.useCallback)((e=>(0,E.pipe)(o.N5.actions.addAttributes,x)(e.map((e=>S({},e,{viewId:O}))))),[O,x]),k=(0,i.useCallback)((e=>(0,E.pipe)(o.N5.actions.modifyAttribute,x)(S({},e,{viewId:O}))),[O,x]),I=(0,i.useCallback)((e=>(0,E.pipe)(o.N5.actions.removeAttribute,x)(S({},e,{viewId:O}))),[O,x]);return a().createElement(m.Z,{className:t},u&&a().createElement(g.Z,{className:v.header,title:u}),a().createElement(p.Box,{className:c()(v.attributesContainer,{[v.noCaption]:!u})},a().createElement(R.c.Provider,{value:L},a().createElement(w.Z,{entity:N,attrTypes:_,parentUri:N.uri,drawLines:!1,mode:s,showEmptyEditors:(0,l.ZiX)(N.uri),crosswalks:N.crosswalks,onAddAttributes:A,onChangeAttribute:k,onDeleteAttribute:I}))))}));var L=n(3185);function N(){return N=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},N.apply(this,arguments)}const _=(0,r.connect)(((e,t)=>({entity:t.entity||o.ZP.selectors.getEntityWithDiff(e),mode:t.mode||o.ZP.selectors.getMode(e)})))((e=>{let{mode:t=l.ARY.Viewing,attributesCount:n,pinnedAttributes:r,entity:o}=e,i=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["mode","attributesCount","pinnedAttributes","entity"]);return a().createElement(L.u.Provider,{value:o},(0,l.uzs)(t)?a().createElement(x,N({attributesCount:n,entity:o},i)):a().createElement(P,N({mode:t,pinnedAttributes:r,entity:o},i)))}))},78620:(e,t,n)=>{n.d(t,{R:()=>d});var r=n(24328),o=n(70687),i=n(17440),a=n(52730),l=n(59431);function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){c(e,t,n[t])}))}return e}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const d=e=>{let{connection:t,onConnectionChange:n,relatedEntity:c}=e;const d=(0,a.useSelector)(l.ZP.selectors.getMetadata),u=(0,r.useCallback)((e=>n(s({},t,{relation:e}))),[t,n]),p=(0,r.useCallback)((0,i.pipe)((0,o.zE1)(t.relation),u),[t.relation,u]),h=(0,r.useCallback)((0,i.pipe)((0,o.lIv)(t.relation),u),[t.relation,u]),m=(0,r.useCallback)((0,i.pipe)((0,o.Ilm)(t.relation),u),[t.relation,u]),g=(0,r.useCallback)((e=>{let{type:r,direction:i}=e;const a={entity:t.entity&&(0,o.eHk)(i===o.Nsj.OUT,t.entity,c,d,(0,o.V3K)(d,r))?t.entity:null,relation:s({},t.relation,{attributes:{},type:r,direction:i})};n(a)}),[t,n,c,d]);return{onAddAttributes:p,onChangeAttribute:h,onRemoveAttribute:m,onChangeEntity:(0,r.useCallback)((e=>n(s({},t,{entity:e}))),[t,n]),onChangeRelationType:g}}},59606:(e,t,n)=>{n.r(t),n.d(t,{default:()=>jn});var r=n(24328),o=n.n(r),i=n(52730),a=n(36138),l=n(585),s=n(22664),c=n(52844),d=n(59431),u=n(99136),p=n(40715),h=n(98996),m=n(17440),g=n(70687),f=n(87918),b=n.n(f),y=n(60715),v=n(35174);function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){E(e,t,n[t])}))}return e}function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const w=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];const r=t.relations.filter((e=>!n.includes(e))).filter((0,m.either)((0,m.pipe)(g.nqN,(0,m.equals)(e)),(0,m.pipe)(g.j5q,(0,m.equals)(e))));n.push(...r);const o=(0,m.pipe)(C,(0,m.without)([e]))(r);return o.forEach((e=>w(e,t,n))),n},C=e=>(0,m.pipe)((0,m.chain)((e=>[(0,g.nqN)(e),(0,g.j5q)(e)])),m.uniq)(e),R=(e,t)=>{const n=(e=>{var t;const n=new Set,r=new Set;e.entities.forEach((e=>n.add(e.uri))),((null===(t=e.relations)||void 0===t?void 0:t.filter((e=>n.has(e.startObject.objectURI)&&n.has(e.endObject.objectURI))))||[]).forEach((e=>{r.add(`${e.startObject.objectURI}--${e.endObject.objectURI}--${e.uri}--${e.type}--${e.direction}`)}));const o=e.entities.map((e=>({id:e.uri,name:e.label,entityTypeUri:e.type,traversedRelationsCount:e.traversedRelations,untraversedRelationsCount:e.untraversedRelations}))),i=[];return r.forEach((e=>{const[t,n,r,o,a]=e.split("--");i.push({from:t,to:n,key:r,relationTypeUri:o,direction:a})})),{nodes:o,edges:i}})(t);n.nodes.forEach((t=>{e.hasNode(t.id)||e.addNode(t.id,{label:(0,g.idV)(t.name),entityTypeUri:t.entityTypeUri,traversedRelationsCount:t.traversedRelationsCount,untraversedRelationsCount:t.untraversedRelationsCount,x:1,y:1})})),n.edges.forEach((t=>{const n=t.from===t.to;e.hasEdge(t.key)||e.addEdgeWithKey(t.key,t.from,t.to,{size:1,color:"rgba(0, 0, 0, 0.2)",forceLabel:n,loop:n,relationTypeUri:t.relationTypeUri,direction:t.direction})}))},T=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];const r=t.neighbors(e).filter((e=>!n.includes(e)));return n.push(...r),r.forEach((e=>T(e,t,n))),n};var S=n(85229);const O=(e,t)=>{const[n,o]=(0,r.useState)(null),a=(0,i.useDispatch)(),[l,s]=(0,r.useState)(null),[c,u]=(0,r.useState)(!1),p=null==e?void 0:e.uri,f=(0,g.biM)(e),E=(0,i.useSelector)(d.ZP.selectors.getMetadata),O=(0,S._)(),P=(0,r.useCallback)((function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return O((0,g.ZYI)({uri:e,deep:n,limitCreditsConsumption:!0,graphTypes:t?[(0,g.nIW)(t)]:null,activenessDate:null,max:t?200:3e3}))}),[t,O]);(0,r.useEffect)((()=>(!p||(0,g.ZiX)(p)||f||(u(!0),(0,g.ZYI)({uri:p,deep:t?2:1,limitCreditsConsumption:!0,graphTypes:t?[(0,g.nIW)(t)]:null,activenessDate:null,max:t?200:3e3}).then((e=>{const t=new h.MultiGraph;R(t,e),o(t),s(e)})).catch((e=>{console.error(e),s(null),a(d.ui.actions.errorSet((0,g.xU7)(e,b().text("Something went wrong"))))})).finally((()=>{u(!1)}))),()=>{o(null),s(null),u(!1)})),[p,f,a,t]);const L=(0,r.useCallback)((e=>{let{startEntityUri:t,endEntityUri:r,relationType:o,attributes:i,startDate:c,endDate:p}=e;return u(!0),(0,g.DsR)({startEntityUri:t,endEntityUri:r,relationType:o,attributes:i,startDate:c,endDate:p}).then((e=>{var t;if(null==e||null===(t=e[0])||void 0===t||!t.successful)throw null==e?void 0:e[0];const r=e[0].object,o=((e,t,n)=>{const r=t.startObject.objectURI,o=t.endObject.objectURI,i=[r,o],a=e.entities.map((0,m.prop)("uri")),l=(0,g.V3K)(n,t.type),s=i.find((e=>!(0,m.includes)(e,a))),c=s&&(t.startObject.objectURI===s?t.startObject:t.endObject),d=c&&{type:c.type,label:c.label,uri:c.objectURI,traversedRelations:0,untraversedRelations:1},u=x({},(0,m.pick)(["uri","type","attributes","startDate","endDate","crosswalks","direction"],t),{startObject:(0,m.pick)(["objectURI","directionalLabel"],t.startObject),endObject:(0,m.pick)(["objectURI","directionalLabel"],t.endObject),direction:null==l?void 0:l.direction});return{entities:(d?e.entities.concat([d]):e.entities).map((e=>e.uri===r||e.uri===o?x({},e,{traversedRelations:e.traversedRelations+1}):e)),relations:(e.relations||[]).concat([u])}})(l,r,E);R(n,o);const i=[r.startObject.objectURI,r.endObject.objectURI],a=l.entities.map((0,m.prop)("uri"));i.map((e=>{if(a.includes(e)){const t=n.getNodeAttribute(e,"traversedRelationsCount");n.setNodeAttribute(e,"traversedRelationsCount",t+1)}})),s(o)})).catch((e=>{throw a(d.ui.actions.errorSet((0,g.xU7)(e,b().text("Something went wrong")))),e})).finally((()=>{u(!1)}))}),[a,l,n,E]),N=(0,r.useCallback)((e=>{u(!0),(0,g.VGk)(e).then((()=>{n.extremities(e).map((e=>{const t=n.getNodeAttribute(e,"traversedRelationsCount");n.setNodeAttribute(e,"traversedRelationsCount",t-1)})),n.dropEdge(e);const{updatedData:t,removedEntitiesUris:r}=((e,t,n,r)=>{const o=r.relations.find((0,m.propEq)("uri",t)),i=(0,g.nqN)(o),a=(0,g.j5q)(o),l=(0,v.toUndirected)(n),s=(0,m.cond)([[()=>!(0,y.Ar)(l,e,i),(0,m.always)(i)],[()=>!(0,y.Ar)(l,e,a),(0,m.always)(a)],[m.T,(0,m.always)(null)]])(),c=(0,m.evolve)({entities:(0,m.map)((e=>e.uri===i||e.uri===a?x({},e,{traversedRelations:e.traversedRelations-1}):e)),relations:(0,m.reject)((0,m.propEq)("uri",t))})(r),{updatedData:d,removedEntitiesUris:u}=s?((e,t)=>{const n=w(e,t),r=(0,m.pipe)(C,(0,m.append)(e),m.uniq)(n);return{updatedData:(0,m.evolve)({relations:(0,m.reject)((e=>n.includes(e))),entities:(0,m.reject)((e=>r.includes(e.uri)))})(t),removedEntitiesUris:r}})(s,c):{updatedData:c,removedEntitiesUris:[]};return{updatedData:d,removedEntitiesUris:u}})(p,e,n,l);((e,t)=>{(t||[]).forEach((t=>{e.dropNode(t)}))})(n,r),s(t)})).catch((e=>{a(d.ui.actions.errorSet((0,g.xU7)(e,b().text("Something went wrong"))))})).finally((()=>{u(!1)}))}),[a,n,p,l]),_=(0,r.useCallback)(((e,t)=>{const{nodes:r=[]}=t,o=(0,m.difference)(n.neighbors(e),r);((e,t,n,r)=>{const o=(0,v.toUndirected)(r),i=(e,t)=>{o.filterEdges(e,t,(e=>!!e)).forEach((e=>o.dropEdge(e)))};n.forEach((e=>{i(t,e),o.forEachNeighbor(e,(t=>{i(e,t)}))}));const a=[];return o.nodes().forEach((t=>{((e,t,n)=>(0,y.Ar)(e,t,n)?null:n)(o,e,t)&&a.push(t)})),(0,m.uniq)(a.reduce(((e,t)=>T(t,o,e)),[...a]))})(p,e,o,n).forEach((t=>{t!==p&&t!==e&&n.setNodeAttribute(t,"hidden",!0)}))}),[p,n]),A=(0,r.useCallback)((e=>{if(e&&!(0,g.ZiX)(e)&&!f){const t=n.getNodeAttribute(e,"untraversedRelationsCount");n.neighbors(e).forEach((e=>{n.setNodeAttribute(e,"hidden",!1)})),t>0&&(u(!0),P(e).then((t=>{const r=((e,t,n)=>{const{entities:r=[],relations:o=[]}=t;return{entities:r.reduce(((e,t)=>{if(e.some((e=>{let{uri:n}=e;return n===t.uri}))){if(t.uri===n){const r=e.findIndex((e=>{let{uri:t}=e;return t===n}));e[r]=x({},e[r],{traversedRelations:t.traversedRelations,untraversedRelations:t.untraversedRelations})}}else e.push(t);return e}),[...e.entities||[]]),relations:o.reduce(((e,t)=>(e.some((e=>{let{uri:n}=e;return n===t.uri}))||e.push(t),e)),[...e.relations||[]])}})(l,t,e);R(n,t);const o=t.entities.find((t=>t.uri===e));n.setNodeAttribute(e,"untraversedRelationsCount",o.untraversedRelations),n.setNodeAttribute(e,"traversedRelationsCount",o.traversedRelations),s(r)})).catch((e=>{console.error(e),a(d.ui.actions.errorSet((0,g.xU7)(e,b().text("Something went wrong"))))})).finally((()=>{u(!1)})))}}),[l,a,n,f,P]);return{graphLoading:c,data:l,graphologyGraph:n,onAddRelation:L,onDeleteRelation:N,onCollapseEntity:_,onExpandEntity:A}};function P(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const L=(e,t)=>{const n=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){P(e,t,n[t])}))}return e}({},e,{[null==t?void 0:t.uri]:t}),r=Object.keys(n);return r.length>50&&delete n[r[0]],n},N=[25,50,100];function _(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const A=(e,t,n)=>{const{startObject:r,endObject:o,type:i}=t,{directionalLabel:a}=(0,g.nqN)(t)===n?r:o;return a||(0,g.Lmx)(e,i)},k=e=>{let{data:t,selectedEntityUri:n,mainEntityUri:o,graphTypeUri:a}=e;const[l,s]=(0,r.useState)({field:"",order:"asc"}),[c,u]=(0,r.useState)(0),[p,h]=(0,r.useState)(N[0]),[f,y]=(0,r.useState)([]),[v,x]=(0,r.useState)(!1),E=(0,i.useDispatch)(),w=(0,i.useSelector)(d.ZP.selectors.getMetadata),C=(0,r.useMemo)((()=>{const e=(null==t?void 0:t.entities)||[];return(0,m.zipObj)(e.map((0,m.prop)("uri")),e)}),[null==t?void 0:t.entities]),R=(0,r.useMemo)((()=>(0,m.pipe)((0,m.filter)((0,m.either)((0,m.pipe)(g.nqN,(0,m.equals)(n)),(0,m.pipe)(g.j5q,(0,m.equals)(n)))),(0,m.uniqBy)((0,m.prop)("uri")),(0,m.map)((e=>{const t=C[((e,t)=>{const n=(0,g.nqN)(t),r=(0,g.j5q)(t);return n===e?r:n})(n,e)];return{relation:e,entity:t,entityLabel:(0,g.idV)(t.label),entityTypeLabel:(0,g.jFi)(w,t),relationTypeLabel:A(w,e,t.uri)}})))((null==t?void 0:t.relations)||[])),[t,n,C,w]),{searchText:T,onChangeSearchText:S,filters:O,onFilter:P,relationTypesOptions:L,entityTypesOptions:k}=(e=>{const[t,n]=(0,r.useState)(""),[o,a]=(0,r.useState)({entityTypesUris:[],relationTypesUris:[]}),l=(0,i.useSelector)(d.ZP.selectors.getMetadata),s=(0,r.useMemo)((()=>(0,m.pipe)((0,m.map)((e=>{let{entity:t}=e;return t.type})),(0,m.concat)(m.__,o.entityTypesUris),m.uniq,(0,m.map)((0,g.nt9)(l)))(e)),[e,l,o.entityTypesUris]),c=(0,r.useMemo)((()=>(0,m.pipe)((0,m.map)((e=>{let{relation:t}=e;return t.type})),(0,m.concat)(m.__,o.relationTypesUris),m.uniq,(0,m.map)((0,g.V3K)(l)))(e)),[e,l,o.relationTypesUris]);return{searchText:t,onChangeSearchText:n,filters:o,onFilter:a,entityTypesOptions:s,relationTypesOptions:c}})(R),I=(0,r.useMemo)((()=>(0,m.pipe)((0,m.filter)((e=>{let{entityLabel:t,entity:n,relation:r}=e;const{entityTypesUris:o,relationTypesUris:i}=O;return g.P6Y.strings.search(t,T)&&(0,m.ifElse)((0,m.prop)("length"),(0,m.includes)(r.type),m.T)(i)&&(0,m.ifElse)((0,m.prop)("length"),(0,m.includes)(n.type),m.T)(o)})),l.field?(0,m.sort)(((e,t)=>g.P6Y.strings.sort(l.order,e[l.field],t[l.field]))):m.identity)(R)),[R,l,T,O]),j=(0,r.useMemo)((()=>I.slice(c*p,c*p+p)),[I,c,p]),U=(0,r.useCallback)((e=>{x(!0),(0,g._vs)(e).then((e=>{y((t=>[...t,{initialRelation:e,relation:e}]))})).catch((e=>{E(d.ui.actions.errorSet((0,g.xU7)(e,b().text("Can't load relationship's attributes"))))})).finally((()=>x(!1)))}),[E]),D=(0,r.useCallback)((e=>{y((t=>t.map((t=>t.relation.uri===e.uri?function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){_(e,t,n[t])}))}return e}({},t,{relation:e}):t))))}),[]);(0,r.useEffect)((()=>{u(0),S("")}),[n,a,S,P]),(0,r.useEffect)((()=>{P({entityTypesUris:[],relationTypesUris:[]})}),[a,o,P]),(0,r.useEffect)((()=>{u(0)}),[l,T,O]);const z=(0,r.useCallback)((e=>{y((t=>t.filter((t=>t.relation.uri!==e))))}),[]),Z=(0,r.useCallback)(((e,t)=>{x(!0),(0,g.HH7)({oldRelation:e,newRelation:t}).then((()=>{z(t.uri)})).catch((e=>{E(d.ui.actions.errorSet((0,g.xU7)(e,b().text("Can't edit relationship"))))})).finally((()=>x(!1)))}),[z,E]);return{rowsData:j,onSort:s,sorting:l,searchText:T,onChangeSearchText:S,filters:O,onFilter:P,entityTypesOptions:k,relationTypesOptions:L,editingRelations:f,onStartRelationEditing:U,onCancelRelationEditing:z,onUpdateEditingRelation:D,total:I.length,page:c,rowsPerPage:p,onPageChange:u,onRowsPerPageChange:h,onSaveEditingRelation:Z,loading:v}},I=o().createContext({graphLoading:!1,data:null,graphologyGraph:null,selectedEntityLoading:!1,selectedEntity:null,onEntitySelect:()=>{},relationshipTable:{},onCollapseEntity:()=>{},onExpandEntity:()=>{}});I.displayName="GraphStateContext";var j=n(52043),U=n(39827),D=n(82726),z=n(79692);const Z=(0,z.Z)({wrapper:{display:"flex",overflow:"hidden",marginLeft:"auto",flexShrink:0}});function B(){return B=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},B.apply(this,arguments)}const M=e=>{let{styles:t={}}=e,n=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["styles"]);return o().createElement("svg",B({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 7v2h2V7H6zm0 4v2h2v-2H6zm0 4v2h2v-2H6zm4-8v2h8V7h-8zm10-2v5.02a6.52 6.52 0 012 2.01V3H2v18h11.028a6.52 6.52 0 01-2.009-2H4V5h16zm-9.503 8a6.497 6.497 0 011.31-2H10v2h.497zM10 15.5c0-.168.006-.335.019-.5H10v.5zm0 0c0 .516.06 1.018.173 1.5H10v-1.5zm10.3 2.39L23.42 21 22 22.42l-3.12-3.12c-.69.44-1.51.7-2.39.7-2.48 0-4.49-2.01-4.49-4.5s2.01-4.5 4.5-4.5 4.5 2.01 4.5 4.5c0 .88-.26 1.69-.7 2.39zm-3.8.11a2.5 2.5 0 000-5 2.5 2.5 0 000 5z",fill:"currentColor"}))};var F=n(64459),G=n(48852);const q=(0,G.l)(I,(0,m.pick)(["selectedEntity"]),(e=>{let{selectedEntity:t}=e;return o().createElement(F.Z,{entity:t})}));var H=n(8962);const V=(0,z.Z)({noShadowBlock:{boxShadow:"none"},wrapper:{position:"relative",paddingRight:"1px",overflow:"auto"}}),W=(0,G.l)(I,(0,m.pick)(["selectedEntity","selectedEntityLoading"]),(e=>{let{selectedEntity:t,selectedEntityLoading:n}=e;const r=V();return o().createElement("div",{className:r.wrapper},n&&o().createElement(u.Z,null),o().createElement(H.Z,{entity:t,caption:b().text("Entity details"),className:r.noShadowBlock}))}));var Y=n(94079),X=n(58662),$=n(71153),K=n.n($),Q=n(44443),J=n(30739),ee=n(31276);const te="1px solid rgba(0, 0, 0, 0.05)",ne=(0,z.Z)({table:{flex:1,height:"100%",display:"flex",flexDirection:"column",overflow:"hidden"},tableBody:{height:"100%",overflow:"auto"},tableBodyWrapper:{height:"100%",overflow:"hidden"},tableRowWrapper:{borderBottom:te},tableRow:{display:"flex",alignItems:"center","& > div":{flexShrink:0}},editingRow:{paddingTop:"8px",paddingBottom:"8px"},headRow:{borderBottom:te}});function re(){return re=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},re.apply(this,arguments)}const oe=(0,r.memo)((e=>{let{columnsData:t,sorting:n,onSort:r}=e;const i=ne();return o().createElement("div",{className:K()(i.tableRow,i.headRow)},t.map((e=>{const{id:t,sortable:i,headCellRenderer:a,columnClassName:l}=e,s=a,c=i?{sortField:n.field,sortOrder:n.order,sortHandler:()=>{r({field:t,order:n.field===t?(0,ee.Dh)(n.order):"asc"})}}:{};return o().createElement("div",{key:t,className:l},o().createElement(s,re({headCellData:e},c)))})))})),ie=(0,r.forwardRef)(((e,t)=>{let{classes:n,columnsData:i,rowsData:a,sorting:l,onSort:s,getRowKey:c,ExpandedRowRenderer:d,defaultRowHeight:u}=e;const p=ne(),[h,m]=(0,r.useState)({width:0,height:0}),g=(0,r.useCallback)((e=>{let{data:t,index:r}=e;const a=t[r];return o().createElement("div",{className:K()(p.tableRowWrapper,null==n?void 0:n.tableRowWrapper)},o().createElement("div",{className:K()(p.tableRow,null==n?void 0:n.tableRow,{[p.editingRow]:a.expanded})},i.map((e=>{let{id:t,rowCellValueRenderer:n,columnClassName:r}=e;const i=n;return o().createElement("div",{key:t,className:r},o().createElement(i,{value:a[t],rowValue:a}))}))),a.expanded&&d&&o().createElement(d,{open:a.expanded,rowValue:a}))}),[i,d]),f=(0,r.useCallback)(((e,t)=>{m({width:e,height:t})}),[]),b=(0,r.useRef)(null);return(0,r.useImperativeHandle)(t,(()=>({resetScrollbarPosition:()=>{var e;null===(e=b.current)||void 0===e||e.scrollTo(0)}}))),o().createElement("div",{className:p.table},o().createElement(oe,{columnsData:i,sorting:l,onSort:s}),o().createElement("div",{className:p.tableBodyWrapper},o().createElement(Q.Z,{handleHeight:!0,handleWidth:!0,onResize:f}),o().createElement("div",{className:p.tableBody},o().createElement(J.Z,{listRef:b,width:h.width,height:h.height,data:a,defaultItemSize:u,itemKey:c,showNotMeasuredItems:!0},g))))})),ae=(0,r.memo)(ie);var le=n(92332),se=n(88611);const ce="rgba(238, 238, 238, 1)",de=(0,z.Z)({tableWithPagination:{flex:1,overflow:"hidden",paddingRight:"1px",display:"flex",flexDirection:"column"},tableContainer:{flex:1,overflow:"hidden"},profileColumn:{width:"200px"},relationshipTypeColumn:{width:"130px"},entityTypeColumn:{width:"140px"},row:{position:"relative","&:hover":{background:ce}}});function ue(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const pe={content:'""',position:"absolute",right:0,top:0,width:"40px",height:"100%",background:"linear-gradient(to right, rgba(255, 255, 255, 0.2), #fff 100%)",pointerEvents:"none"},he=".collapsibleTableRow:hover &",me=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){ue(e,t,n[t])}))}return e}({},pe,{[he]:{background:`linear-gradient(to right, rgba(238, 238, 238, 0), ${ce} 100%)`}}),ge=(0,z.Z)((e=>({headCell:{position:"relative",display:"flex",alignItems:"center",height:"33px",padding:"6px 0 6px 16px","&>div":{flexDirection:"row"},"&>div>span[role=button]":{width:"calc(100% + 49px)"}},headLabel:{color:e.palette.text.primary,fontSize:"12px",fontWeight:500,lineHeight:"16px",whiteSpace:"nowrap",overflow:"hidden","&:after":pe},defaultCell:{position:"relative",color:e.palette.text.primary,fontSize:"13px",fontWeight:"normal",lineHeight:"15px",whiteSpace:"nowrap",overflow:"hidden",display:"flex",alignItems:"center",height:"100%",padding:"6px 16px","&:after":me},clickable:{cursor:"pointer"},profileCell:{paddingTop:"3px",paddingBottom:"4px"},controlsCell:{position:"absolute",display:"flex",alignItems:"center",height:"100%",flexShrink:0,top:0,right:"9px",visibility:"hidden",[he]:{visibility:"visible",background:ce}},editingMode:{visibility:"visible"},hidden:{visibility:"hidden"},editButton:{marginRight:"7px"},entityAvatar:{width:"20px",height:"20px",marginRight:"8px"},actionButtons:{display:"flex",justifyContent:"flex-end",margin:"0 8px 10px","& > button":{fontSize:"14px",lineHeight:"16px",marginLeft:"8px",padding:"10px 8px",backgroundColor:"rgba(98, 2, 238, 0)"}},expandedRow:{padding:"0 16px 6px",fontSize:"13px"}})));function fe(){return fe=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},fe.apply(this,arguments)}function be(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){ye(e,t,n[t])}))}return e}function ye(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const ve=e=>{let{className:t,headCellData:n}=e,r=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["className","headCellData"]);const i=ge();return o().createElement("div",{className:K()(i.headCell,t)},o().createElement(le.default,fe({},r,{headCellData:be({},n,{label:o().createElement(se.C,{value:n.label},o().createElement("div",{className:i.headLabel},n.label))})})))},xe=(0,r.memo)((e=>{let{value:t="",tooltip:n,onClick:r,className:i}=e;const a=ge();return n=n||t,o().createElement(se.C,{value:n},o().createElement("div",{className:K()(a.defaultCell,i,{[a.clickable]:!!r}),onClick:r},t))}));var Ee=n(53180);const we=(0,G.l)(I,(e=>{let{onEntitySelect:t}=e;return{onClick:t}}),(e=>{let{value:t,rowValue:{entity:n},className:r,onClick:i}=e;const a=ge(),l=o().createElement(o().Fragment,null,o().createElement(Ee.Z,{entity:n,avatarClassName:a.entityAvatar}),t);return o().createElement(xe,{value:l,tooltip:t,className:K()(a.profileCell,r),onClick:()=>i(n.uri)})}));var Ce=n(78620),Re=n(14363);const Te=(0,G.l)(I,((e,t)=>{let{relationshipTable:n}=e;return{editingRelationObject:n.editingRelations.find((e=>{var n;return e.initialRelation.uri===(null==t||null===(n=t.rowValue.relation)||void 0===n?void 0:n.uri)})),onUpdateEditingRelation:n.onUpdateEditingRelation,onCancelRelationEditing:n.onCancelRelationEditing,onSaveEditingRelation:n.onSaveEditingRelation}}),(e=>{let{open:t,editingRelationObject:n,onUpdateEditingRelation:a,onCancelRelationEditing:l,onSaveEditingRelation:s}=e;const c=(0,i.useDispatch)(),u=(0,i.useSelector)(d.ZP.selectors.getMetadata),{relation:p,initialRelation:h}=n,f=(0,r.useMemo)((()=>!(0,m.equals)(h,p)),[p,h]),y=ge(),v=(0,r.useCallback)((e=>{let{relation:t}=e;return a(t)}),[a]),x=(0,r.useCallback)((()=>l(p.uri)),[l,p.uri]),E=(0,r.useMemo)((()=>({relation:p})),[p]),{onAddAttributes:w,onChangeAttribute:C,onRemoveAttribute:R}=(0,Ce.R)({connection:E,onConnectionChange:v});return t?o().createElement("div",{className:y.expandedRow},o().createElement(Re.n,{connection:E,onAddAttributes:w,onChangeAttribute:C,onRemoveAttribute:R}),o().createElement("div",{className:y.actionButtons},o().createElement(Y.Button,{onClick:x},b().text("Cancel")),o().createElement(Y.Button,{color:"primary",disabled:!f,onClick:()=>{(e=>{const t=(0,g.xkB)(u,{relation:{object:e}});return c(d.N5.errors.actions.errorsSet(t)),0===t.length})(p)&&s(h,p)}},b().text("Save")))):null}));var Se=n(8818),Oe=n(27604),Pe=n(22983),Le=n(81137);const Ne=(0,G.l)(I,(0,m.pick)(["onDeleteRelation"]),(e=>{let{uri:t,open:n,onClose:r,onDeleteRelation:i}=e;return o().createElement(Le.Z,{open:n,title:b().text("Do you want to make a clean break?"),content:b().text("To end this relationship, click Delete Relationship. To keep the connection, click Cancel."),saveCaption:b().text("Delete relationship"),discardCaption:b().text("Cancel"),onDiscard:r,onSave:()=>{i(t),r()}})})),_e=(0,r.memo)((e=>{let{uri:t}=e;const[n,i]=(0,r.useState)(!1),a=(0,r.useCallback)((()=>i(!0)),[]),l=(0,r.useCallback)((()=>i(!1)),[]);return o().createElement(o().Fragment,null,o().createElement(Se.k,{icon:Pe.Z,size:"XXS",tooltipTitle:b().text("Delete"),"data-reltio-id":"reltio-delete-relation-button",onClick:a}),o().createElement(Ne,{open:n,onClose:l,uri:t}))}));_e.displayName="DeleteRelationButton";const Ae=_e,ke=(0,G.l)(I,((e,t)=>{let{relationshipTable:{onStartRelationEditing:n,editingRelations:r}}=e;return{onEdit:n,isEditing:r.some((e=>{var n;return e.initialRelation.uri===(null==t||null===(n=t.rowValue.relation)||void 0===n?void 0:n.uri)}))}}),(e=>{let{rowValue:{relation:{uri:t,type:n}},className:r,onEdit:a,isEditing:l}=e;const s=ge(),c=(0,i.useSelector)(d.ZP.selectors.getMetadata),u=(0,g.V3K)(c,n),p=(0,g.Z5t)(g.ARY.Editing,u),h=(0,g.Edd)(g.ARY.Editing,u);return o().createElement("div",{className:K()(s.controlsCell,r,{[s.editingMode]:l})},p&&o().createElement(Se.k,{className:K()(s.editButton,{[s.hidden]:l}),icon:Oe.Z,size:"XXS",tooltipTitle:b().text("Edit"),"data-reltio-id":"reltio-edit-relationship-button",onClick:()=>a(t)}),h&&o().createElement(Ae,{uri:t}))}));function Ie(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){je(e,t,n[t])}))}return e}function je(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const Ue=(e,t)=>t[e].relation.uri||`${e}`,De=(0,G.l)(I,(e=>{let{relationshipTable:t}=e;return Ie({},t)}),(e=>{let{rowsData:t,sorting:n,onSort:i,total:a,page:l,rowsPerPage:s,onPageChange:c,onRowsPerPageChange:d,editingRelations:p,loading:h}=e;const m=de(),g=(0,r.useMemo)((()=>[{id:"entityLabel",label:b().text("Profile"),headCellRenderer:ve,rowCellValueRenderer:we,sortable:!0,columnClassName:m.profileColumn},{id:"relationTypeLabel",label:b().text("Relationship type"),headCellRenderer:ve,rowCellValueRenderer:xe,sortable:!0,columnClassName:m.relationshipTypeColumn},{id:"entityTypeLabel",label:b().text("Entity Type"),headCellRenderer:ve,rowCellValueRenderer:xe,sortable:!0,columnClassName:m.entityTypeColumn},{id:"controls",label:"",headCellRenderer:ve,rowCellValueRenderer:ke}]),[m]),f=(0,r.useRef)(null);(0,r.useEffect)((()=>{var e;null===(e=f.current)||void 0===e||e.resetScrollbarPosition()}),[t]);const y=(0,r.useMemo)((()=>t.map((e=>null!=p&&p.some((t=>{var n;return t.initialRelation.uri===(null==e||null===(n=e.relation)||void 0===n?void 0:n.uri)}))?Ie({},e,{expanded:!0}):e))),[t,p]),v=(0,r.useMemo)((()=>({tableRow:K()(m.row,"collapsibleTableRow")})),[m]);return o().createElement("div",{className:m.tableWithPagination},o().createElement("div",{className:m.tableContainer},o().createElement(ae,{ref:f,columnsData:g,rowsData:y,sorting:n,onSort:i,getRowKey:Ue,ExpandedRowRenderer:Te,defaultRowHeight:28,classes:v})),a>N[0]&&o().createElement(X.Z,{count:a,rowsPerPageOptions:N,rowsPerPage:s,onChangeRowsPerPage:d,page:l,onChangePage:c,basicTableRef:f}),h&&o().createElement(u.Z,null))}));var ze=n(36444),Ze=n(94574);const Be=(0,z.Z)((e=>({inactiveSearchIcon:{color:e.palette.text.secondary},activeSearchIcon:{color:e.palette.text.primary},input:{fontSize:"14px","&::placeholder":{color:`${e.palette.text.secondary} !important`,opacity:1}}}))),Me=(0,G.l)(I,(0,m.pipe)((0,m.prop)("relationshipTable"),(0,m.pick)(["searchText","onChangeSearchText"])),(e=>{let{searchText:t,onChangeSearchText:n}=e;const r=Be();return o().createElement(Ze.Z,{fullWidth:!0,height:40,autofocus:!1,value:t,onSearch:n,placeholder:b().text("Search profiles"),classes:{input:r.input}})}));var Fe=n(59725),Ge=n(32371);const qe=(0,z.Z)((e=>({dialogPaper:{display:"flex",flexDirection:"column",padding:"12px 16px 8px"},title:{marginBottom:"21px",fontWeight:500,fontSize:"20px",lineHeight:"23px",letterSpacing:"0.25px",color:e.palette.text.primary},entityTypesSelector:{width:"468px",marginBottom:"20px"},relationTypesSelector:{width:"468px",marginBottom:"32px"},footer:{display:"flex"},clearAllButton:{marginRight:"auto"},cancelButton:{marginRight:"8px"}}))),He=(0,G.l)(I,(0,m.pipe)((0,m.prop)("relationshipTable"),(0,m.pick)(["onFilter","filters","entityTypesOptions","relationTypesOptions"])),(e=>{let{open:t,onClose:n,filters:i,onFilter:a,entityTypesOptions:l,relationTypesOptions:s}=e;const c=qe(),[d,u]=(0,r.useState)([]),[p,h]=(0,r.useState)([]),m=()=>{u(i.entityTypesUris),h(i.relationTypesUris),n()};return(0,r.useEffect)((()=>{u(i.entityTypesUris),h(i.relationTypesUris)}),[i.entityTypesUris,i.relationTypesUris]),o().createElement(Y.Dialog,{classes:{paper:c.dialogPaper},onClose:m,open:t},o().createElement(Y.Typography,{className:c.title},b().text("Filter")),o().createElement(Fe.Q,{classes:{root:c.entityTypesSelector},entityTypes:l,selectedEntityTypes:d,enableEmptyValueUnderline:!0,onChange:u}),o().createElement(Ge.U,{classes:{root:c.relationTypesSelector},relationTypes:s,selectedRelationTypes:p,enableEmptyValueUnderline:!0,onChange:h}),o().createElement("div",{className:c.footer},o().createElement(Y.Button,{className:c.clearAllButton,onClick:()=>{u([]),h([])}},b().text("Clear All")),o().createElement(Y.Button,{className:c.cancelButton,onClick:m},b().text("Cancel")),o().createElement(Y.Button,{onClick:()=>{a({entityTypesUris:d,relationTypesUris:p}),n()},color:"primary"},b().text("Apply"))))})),Ve=(0,z.Z)((e=>({wrapper:{display:"flex",alignItems:"center",paddingLeft:"16px",paddingRight:"2px"},iconButton:{marginLeft:"4px"},activeFiltersIcon:{color:e.palette.primary.main},inactiveFiltersIcon:{color:e.palette.text.secondary}}))),We=(0,G.l)(I,(0,m.pipe)((0,m.prop)("relationshipTable"),(0,m.pick)(["filters"])),(e=>{let{filters:t}=e;const n=Ve(),[i,a]=(0,r.useState)(!1),{entityTypesUris:l,relationTypesUris:s}=t,c=l.length||s.length;return o().createElement("div",{className:n.wrapper},o().createElement(Me,null),o().createElement(Y.IconButton,{"data-reltio-id":"reltio-filter-relationship-button",className:n.iconButton,onClick:()=>a(!0)},o().createElement(ze.Z,{className:c?n.activeFiltersIcon:n.inactiveFiltersIcon})),o().createElement(He,{open:i,onClose:()=>a(!1)}))}));var Ye=n(65549),Xe=n(98808);const $e=e=>{const t=(0,i.useSelector)(d.ZP.selectors.getMetadata),{inRelations:n=[],outRelations:o=[]}=(0,r.useMemo)((()=>(0,g.UWq)(t,e,(0,g.d89)(g.ARY.Editing))),[t,e]);return{inRelationTypes:n,outRelationTypes:o}},Ke=(0,z.Z)((e=>({dialogPaper:{height:"600px",maxWidth:"600px"},dialogTitle:{padding:"12px 16px"},titleText:{color:e.palette.text.primary,fontSize:"18px",letterSpacing:0,lineHeight:"21px",fontWeight:"bold"},content:{padding:"8px 16px 0px",borderBottom:"1px solid rgba(0, 0, 0, 0.12)"},attributeList:{paddingTop:"22px"}}))),Qe=(0,G.l)(I,(e=>{let{selectedEntity:t,onAddRelation:n}=e;return{selectedEntity:t,onAddRelation:n}}),(e=>{let{selectedEntity:t,open:n,onClose:a,onAddRelation:l}=e;const s=Ke(),c=(0,i.useSelector)(d.ZP.selectors.getMetadata),[u,p]=(0,r.useState)({}),{relation:h,entity:m}=u,{type:f,direction:y}=h||{},[v,x]=(0,r.useState)(!1),E=(0,i.useDispatch)();(0,r.useEffect)((()=>{n&&p({relation:{uri:(0,g.ncP)(),type:null,attributes:{}}})}),[n]);const{inRelationTypes:w,outRelationTypes:C}=$e(t.type),R=(0,r.useCallback)((()=>{const e=(0,g.xkB)(c,{relation:{object:h}});return E(d.N5.errors.actions.errorsSet(e)),0===e.length}),[h,c,E]),{onAddAttributes:T,onChangeAttribute:S,onRemoveAttribute:O,onChangeEntity:P,onChangeRelationType:L}=(0,Ce.R)({connection:u,onConnectionChange:p,relatedEntity:t});return o().createElement(Y.Dialog,{open:n,fullWidth:!0,maxWidth:"sm",onClose:a,classes:{paper:s.dialogPaper}},o().createElement(Y.DialogTitle,{disableTypography:!0,classes:{root:s.dialogTitle}},o().createElement(Y.Typography,{variant:"subtitle1",classes:{root:s.titleText}},b().text("Add relationship"))),o().createElement(Y.DialogContent,{classes:{root:s.content}},o().createElement(Re.n,{connection:u,onAddAttributes:T,onChangeAttribute:S,onRemoveAttribute:O,relatedEntity:t,inRelationTypes:w,outRelationTypes:C,onChangeRelationType:L,onChangeEntity:P})),o().createElement(Y.DialogActions,null,o().createElement(Y.Button,{onClick:a},b().text("Cancel")),o().createElement(Y.Button,{disabled:!(null!=u&&u.entity)||!f||v,color:"primary",onClick:()=>{const{type:e,attributes:n={},startDate:r,endDate:o}=h,i=y===g.Nsj.OUT?t.uri:m.uri,s=y===g.Nsj.OUT?m.uri:t.uri;R()&&(x(!0),l({startEntityUri:i,endEntityUri:s,relationType:e,attributes:n,startDate:r,endDate:o}).then((()=>{a()})).catch((e=>{console.error(e)})).finally((()=>{x(!1)})))}},b().text("Add"))))})),Je=(0,G.l)(I,(0,m.pick)(["selectedEntity"]),(e=>{let{selectedEntity:t}=e;const{inRelationTypes:n,outRelationTypes:i}=$e(t.type),a=n.length+i.length>0,[l,s]=(0,r.useState)(!1);return a&&o().createElement(o().Fragment,null,o().createElement(Xe.K,{"data-reltio-id":"reltio-add-relationship-button",mode:Xe.N.button,label:b().text("Add relationship"),icon:Ye.Z,onClick:()=>{s(!0)}}),o().createElement(Qe,{open:l,onClose:()=>{s(!1)}}))})),et=(0,z.Z)({caption:{marginLeft:"16px",marginTop:"12px",display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"14px",fontSize:"16px",lineHeight:"24px"},wrapper:{flex:1,display:"flex",flexDirection:"column",height:0}}),tt=()=>{const e=et();return o().createElement("div",{className:e.wrapper},o().createElement("div",{className:e.caption},o().createElement(Y.Typography,{variant:"subtitle1"},b().text("Relationships")),o().createElement(Je,null)),o().createElement(We,null),o().createElement(De,null))};let nt;!function(e){e[e.Relationship=0]="Relationship",e[e.EntityDetails=1]="EntityDetails"}(nt||(nt={}));const rt=(0,r.memo)((()=>{var e;const t=Z(),[n,i]=(0,r.useState)(null),a=(0,r.useCallback)((e=>{i((t=>t===e?null:e))}),[]),l=null!==n,s=(0,r.useMemo)((()=>[{buttonProps:{id:nt.Relationship,icon:M,tooltipTitle:b().text("Relationship")},content:o().createElement(tt,null)},{buttonProps:{id:nt.EntityDetails,icon:D.Z,tooltipTitle:b().text("Entity Details")},content:o().createElement(W,null)}]),[]);return o().createElement("div",{className:t.wrapper},o().createElement(j.h,{open:l,width:480},o().createElement(q,null),null===(e=s[n])||void 0===e?void 0:e.content),o().createElement(U.G,{buttonsProps:(0,m.pluck)("buttonProps",s),onButtonClick:a,activeIndexId:n}))}));rt.displayName="GraphRightSidePanel";const ot=rt;var it=n(46339),at=n(23304),lt=n(64488),st=n(46680),ct=n.n(st);const dt=function(e,t,n){let r=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];if(e.fillStyle="#FFF",e.shadowOffsetX=0,e.shadowOffsetY=2,e.shadowBlur=3,e.shadowColor="rgba(0,0,0,0.2)","string"==typeof t.label){const o=n.labelSize+2,i=2,a=e.measureText(t.label).width,l=Math.round(a+16),s=Math.round(o+4),c=Math.max(t.size,o/2)+2,d=t.y-s/2,u=t.y+s/2,p=t.x+(r?0:c),h=p+l+(r?c:0);e.beginPath(),e.moveTo(p,u-i),e.quadraticCurveTo(p,u,p+i,u),e.lineTo(h-i,u),e.quadraticCurveTo(h,u,h,u-i),e.lineTo(h,d+i),e.quadraticCurveTo(h,d,h-i,d),e.lineTo(p+i,d),e.quadraticCurveTo(p,d,p,d+i),e.closePath(),e.fill(),r&&(e.shadowOffsetX=-2,e.shadowOffsetY=0,e.beginPath(),e.arc(t.x,t.y,c,0,2*Math.PI),e.closePath(),e.fill())}else r&&(e.beginPath(),e.arc(t.x,t.y,t.size+2,0,2*Math.PI),e.closePath(),e.fill())},ut=function(e,t,n){var r;let o=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];if(!t.label)return;const i=n.labelSize,a=n.labelFont,l=n.labelWeight;o&&dt(e,t,n,!1),e.shadowOffsetX=0,e.shadowOffsetY=0,e.shadowBlur=0,e.fillStyle=null!==(r=n.labelColor)&&void 0!==r&&r.attribute?t[n.labelColor.attribute]||n.labelColor.color||"#000":n.labelColor.color,e.font=`${l} ${i}px ${a}`,e.fillText(t.label,t.x+t.size+11,t.y+i/3)},pt=(e,t,n)=>{dt(e,t,n,!0),ut(e,t,n,!1)};var ht=n(88586);class mt extends at.AbstractNodeProgram{constructor(e){super(e,"\nattribute vec2 a_position;\nattribute float a_size;\nattribute vec4 a_color;\nattribute float a_borderSize;\n\nuniform float u_ratio;\nuniform float u_scale;\nuniform mat3 u_matrix;\n\nvarying vec4 v_color;\nvarying float v_border;\nvarying float v_borderRadius;\n\nconst float bias = 255.0 / 254.0;\nconst float radius = 0.5;\n\nvoid main() {\n    gl_Position = vec4((u_matrix * vec3(a_position, 1)).xy, 0, 1);\n\n    // Multiply the point size twice:\n    //  - x SCALING_RATIO to correct the canvas scaling\n    //  - x 2 to correct the formulae\n    gl_PointSize = a_size * u_ratio * u_scale * 2.0;\n  \n    v_border = (1.0 / u_ratio) * (0.5 / a_size);\n    v_borderRadius = radius - (radius * a_borderSize / a_size); // border radius in node's size (full size is 1)\n\n    // Extract the color:\n    v_color = a_color;\n    v_color.a *= bias;\n}","\nprecision mediump float;\n\nvarying vec4 v_color;           // base color of node\nvarying float v_border;\nvarying float v_borderRadius;   // inner border radius\n\nconst vec4 transparent = vec4(0.0, 0.0, 0.0, 0.0);  // transparent color\nconst float radius = 0.5;\n\nvoid main(void) {\n    float distToCenter = length(gl_PointCoord - vec2(0.5, 0.5)); // distance from current point to center of node\n\n    if (distToCenter < v_borderRadius - v_border)   // distance to inner border radius\n        gl_FragColor = transparent;\n    else if (distToCenter < v_borderRadius)\n        gl_FragColor = mix(v_color, transparent, (v_borderRadius - distToCenter) / v_border);\n    else if (distToCenter < radius - v_border)      // distance to outer border radius\n        gl_FragColor = v_color;\n    else if (distToCenter < radius)\n        gl_FragColor = mix(transparent, v_color, (radius - distToCenter) / v_border);\n    else                                            // points outside the button\n        gl_FragColor = transparent;\n}\n",1,5),this.borderSize=void 0,this.borderSize=e.getAttribLocation(this.program,"a_borderSize"),this.bind()}bind(){super.bind();const e=this.gl;e.enableVertexAttribArray(this.borderSize),e.vertexAttribPointer(this.borderSize,1,e.FLOAT,!1,this.attributes*Float32Array.BYTES_PER_ELEMENT,16)}process(e,t,n){const r=this.array;let o=1*n*5;if(t||!e.inPath)return r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,void(r[o++]=0);r[o++]=e.x,r[o++]=e.y,r[o++]=e.size,r[o++]=(0,ht.floatColor)(e.color),r[o]=e.highlighted?4:2}render(e){const t=this.gl,n=this.program;t.useProgram(n),t.uniform1f(this.ratioLocation,1/Math.sqrt(e.ratio)),t.uniform1f(this.scaleLocation,e.scalingRatio),t.uniformMatrix3fv(this.matrixLocation,!1,e.matrix),t.drawArrays(t.POINTS,0,this.array.length/5)}}class gt{constructor(){this.rebindTextureFns=[],this.images={},this.textureImage=void 0,this.hasReceivedImages=!1,this.pendingImagesFrameID=void 0,this.loadImage=(e,t)=>{if(this.images[e])return;const n=new Image;var r;n.addEventListener("load",(()=>{this.images[e]={status:"pending",image:n},"number"!=typeof this.pendingImagesFrameID&&(this.pendingImagesFrameID=requestAnimationFrame((()=>this.finalizePendingImages())))})),n.addEventListener("error",(()=>{this.images[e]={status:"error"}})),this.images[e]={status:"loading"},r=n,new URL(t,window.location.href).origin!==window.location.origin&&(r.crossOrigin=""),n.src=t},this.finalizePendingImages=()=>{this.pendingImagesFrameID=void 0;const e=[];for(const t in this.images){const n=this.images[t];"pending"===n.status&&e.push({id:t,image:n.image,size:Math.min(n.image.width,n.image.height)||1})}const t=document.createElement("canvas"),n=t.getContext("2d");t.width=e.reduce(((e,t)=>{let{size:n}=t;return e+n}),this.hasReceivedImages?this.textureImage.width:0),t.height=Math.max(this.hasReceivedImages?this.textureImage.height:0,...e.map((e=>{let{size:t}=e;return t})));let r=0;this.hasReceivedImages&&(n.putImageData(this.textureImage,0,0),r=this.textureImage.width),e.forEach((e=>{let{id:t,image:o,size:i}=e;const a=Math.min(128,i);let l=0,s=0;(o.width||0)>(o.height||0)?l=(o.width-o.height)/2:s=(o.height-o.width)/2,n.drawImage(o,l,s,i,i,r,0,a,a),this.images[t]={status:"ready",x:r,y:0,width:a,height:a},r+=a})),this.textureImage=n.getImageData(0,0,t.width,t.height),this.hasReceivedImages=!0,this.rebindTextureFns.forEach((e=>e()))}}}const ft={id:"defaultImage",path:(0,g.m5F)('\n<svg width="400px" height="400px" viewBox="0 0 400 400" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n    <title>Group</title>\n    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n        <g id="Group" fill-rule="nonzero">\n            <rect id="Rectangle" fill="#DFE5E9" x="0" y="0" width="400" height="400"></rect>\n            <path d="M0,387.023257 L0,399.918908 L400,399.918908 L400,386.023594 C366.631,377.336524 321.866,364.269931 315.979,359.161654 C308.985,353.083704 270.481,310.508063 270.481,310.508063 L270.481,286.186267 C270.481,286.186267 284.478,266.204006 284.478,261.854473 C284.478,257.515936 285.353,246.219746 291.481,241.011503 C297.61,235.792263 311.607,211.471466 312.481,206.253226 C313.355,201.043983 319.484,188.009379 312.481,185.400259 C305.478,182.801135 307.236,173.244359 308.984,168.026119 C310.733,162.817875 319.484,139.355788 322.981,133.277838 C326.488,127.199888 312.481,108.956041 312.481,108.956041 C312.481,108.956041 294.978,80.2857109 245.975,53.3547939 C196.971,26.4138803 168.967,42.9283105 168.967,42.9283105 L161.964,60.3024507 C161.964,60.3024507 138.341,64.6409874 123.46,77.6765909 C108.589,90.7121943 99.837,106.346921 98.963,115.903698 C98.088,125.460475 103.334,159.339048 105.966,164.557289 C108.589,169.765532 112.96,185.400259 112.96,185.400259 C112.96,185.400259 108.589,183.670842 105.966,188.879085 C103.334,194.097325 112.085,218.419122 112.96,220.159535 C113.834,221.897949 114.718,238.403382 119.963,237.532676 C125.218,236.663969 130.463,251.42799 130.463,251.42799 C130.463,251.42799 143.596,271.41125 144.47,275.759783 C145.344,280.09832 147.967,307.039233 147.967,307.039233 L126.967,331.36103 L102.46,355.682827 C102.459,355.682827 34.042,375.886013 0,387.023257 Z" id="Path" fill="#B3BCC4"></path>\n            <path d="M0,387.023257 L0,399.918908 L400,399.918908 L400,386.023594 C366.631,377.336524 321.866,364.269931 315.979,359.161654 C308.985,353.083704 270.481,310.508063 270.481,310.508063 L270.481,286.186267 C270.481,286.186267 284.478,266.204006 284.478,261.854473 C284.478,257.515936 285.353,246.219746 291.481,241.011503 C297.61,235.792263 311.607,211.471466 312.481,206.253226 C313.355,201.043983 319.484,188.009379 312.481,185.400259 C305.478,182.801135 307.236,173.244359 308.984,168.026119 C310.733,162.817875 319.484,139.355788 322.981,133.277838 C326.488,127.199888 312.481,108.956041 312.481,108.956041 C312.481,108.956041 294.978,80.2857109 245.975,53.3547939 C196.971,26.4138803 168.967,42.9283105 168.967,42.9283105 L161.964,60.3024507 C161.964,60.3024507 138.341,64.6409874 123.46,77.6765909 C108.589,90.7121943 99.837,106.346921 98.963,115.903698 C98.088,125.460475 103.334,159.339048 105.966,164.557289 C108.589,169.765532 112.96,185.400259 112.96,185.400259 C112.96,185.400259 108.589,183.670842 105.966,188.879085 C103.334,194.097325 112.085,218.419122 112.96,220.159535 C113.834,221.897949 114.718,238.403382 119.963,237.532676 C125.218,236.663969 130.463,251.42799 130.463,251.42799 C130.463,251.42799 143.596,271.41125 144.47,275.759783 C145.344,280.09832 147.967,307.039233 147.967,307.039233 L126.967,331.36103 L102.46,355.682827 C102.459,355.682827 34.042,375.886013 0,387.023257 Z" id="Path" fill="#B3BCC4"></path>\n            <path d="M5.68434189e-14,387.023257 L5.68434189e-14,399.918908 L400,399.918908 L400,386.023594 C366.631,377.336524 321.866,364.269931 315.979,359.161654 C308.985,353.083704 270.481,310.508063 270.481,310.508063 L270.481,286.186267 C270.481,286.186267 284.478,266.204006 284.478,261.854473 C284.478,257.515936 285.353,246.219746 291.481,241.011503 C297.61,235.792263 311.607,211.471466 312.481,206.253226 C313.355,201.043983 319.484,188.009379 312.481,185.400259 C305.478,182.801135 307.236,173.244359 308.984,168.026119 C310.733,162.817875 319.484,139.355788 322.981,133.277838 C326.488,127.199888 312.481,108.956041 312.481,108.956041 C312.481,108.956041 294.978,80.2857109 245.975,53.3547939 C196.971,26.4138803 168.967,42.9283105 168.967,42.9283105 L161.964,60.3024507 C161.964,60.3024507 138.341,64.6409874 123.46,77.6765909 C108.589,90.7121943 99.837,106.346921 98.963,115.903698 C98.088,125.460475 103.334,159.339048 105.966,164.557289 C108.589,169.765532 112.96,185.400259 112.96,185.400259 C112.96,185.400259 108.589,183.670842 105.966,188.879085 C103.334,194.097325 112.085,218.419122 112.96,220.159535 C113.834,221.897949 114.718,238.403382 119.963,237.532676 C125.218,236.663969 130.463,251.42799 130.463,251.42799 C130.463,251.42799 143.596,271.41125 144.47,275.759783 C145.344,280.09832 147.967,307.039233 147.967,307.039233 L126.967,331.36103 L102.46,355.682827 C102.459,355.682827 34.042,375.886013 5.68434189e-14,387.023257 Z" id="Path" fill="#B3BCC4"></path>\n        </g>\n    </g>\n</svg>\n')};class bt extends at.AbstractNodeProgram{constructor(e,t){super(e,"\nattribute vec2 a_position;\nattribute float a_size;\nattribute vec4 a_color;\nattribute vec4 a_texture;\nattribute float a_inactive;\n\nuniform float u_ratio;\nuniform float u_scale;\nuniform mat3 u_matrix;\n\nvarying float v_border;\nvarying float v_inactive;\nvarying vec4 v_color;\nvarying vec4 v_texture;\n\nconst float bias = 255.0 / 254.0;\n\nvoid main() {\n    gl_Position = vec4((u_matrix * vec3(a_position, 1)).xy, 0, 1);\n\n    // Multiply the point size twice:\n    //  - x SCALING_RATIO to correct the canvas scaling\n    //  - x 2 to correct the formulae\n    gl_PointSize = a_size * u_ratio * u_scale * 2.0;\n\n    v_border = (1.0 / u_ratio) * (0.5 / a_size);\n\n    // Extract the color:\n    v_color = a_color;\n    v_color.a *= bias;\n\n    // Pass the texture coordinates:\n    v_texture = a_texture;\n\n    // Pass inactive property\n    v_inactive = a_inactive;\n}","\nprecision mediump float;\n\nvarying float v_border;\nvarying float v_inactive;\nvarying vec4 v_color;\nvarying vec4 v_texture;\n\nuniform sampler2D u_atlas;\n\nconst vec4 transparent = vec4(0.0, 0.0, 0.0, 0.0);\nconst float radius = 0.5;\n\n// convert color to gray\nvec4 toGrayscale(in vec4 color)\n{\n  float average = (color.r + color.g + color.b) / 3.0;\n  return vec4(average, average, average, 1.0);\n}\n\nvoid main(void) {\n    vec4 color;\n\n    // set texel as color of point\n    if (v_texture.w > 0.0) {\n        vec4 texel = texture2D(u_atlas, v_texture.xy + gl_PointCoord * v_texture.zw, -1.0);\n        color = vec4(mix(v_color, texel, texel.a).rgb, max(texel.a, v_color.a));\n    } else {\n        color = v_color;\n    }\n\n    // convert color to gray\n    if (v_inactive > 0.0) {\n        color = toGrayscale(color);\n    }\n\n    // distance from point to center of node\n    float dist = length(gl_PointCoord - vec2(0.5, 0.5));\n\n    if (dist < radius - v_border)   // points inside node\n        gl_FragColor = color;\n    else if (dist < radius)         // border of node\n        gl_FragColor = mix(transparent, color, (radius - dist) / v_border);\n    else                            // points outside node\n        gl_FragColor = transparent;\n}",1,9),this.imageLoader=void 0,this.texture=void 0,this.textureLocation=void 0,this.atlasLocation=void 0,this.latestRenderParams=void 0,this.inactive=void 0,this.imageLoader=new gt,this.imageLoader.rebindTextureFns.push((()=>{this&&this.rebindTexture&&this.rebindTexture(),t&&t.refresh&&t.refresh()})),this.imageLoader.textureImage=new ImageData(1,1),this.textureLocation=e.getAttribLocation(this.program,"a_texture"),this.inactive=e.getAttribLocation(this.program,"a_inactive");const n=e.getUniformLocation(this.program,"u_atlas");if(null===n)throw new Error("NodeProgramImage: error while getting atlasLocation");this.atlasLocation=n,this.texture=e.createTexture(),e.bindTexture(e.TEXTURE_2D,this.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,1,1,0,e.RGBA,e.UNSIGNED_BYTE,new Uint8Array([0,0,0,0])),this.imageLoader.loadImage(ft.id,ft.path),this.bind()}bind(){super.bind();const e=this.gl;e.enableVertexAttribArray(this.textureLocation),e.enableVertexAttribArray(this.inactive),e.vertexAttribPointer(this.inactive,1,e.FLOAT,!1,this.attributes*Float32Array.BYTES_PER_ELEMENT,16),e.vertexAttribPointer(this.textureLocation,4,e.FLOAT,!1,this.attributes*Float32Array.BYTES_PER_ELEMENT,20)}process(e,t,n){const r=this.array;let o=1*n*9;const i=e.image;let a=i&&this.imageLoader.images[i];if("string"!=typeof i||a||this.imageLoader.loadImage(i,i),t)return r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,void(r[o++]=0);if(r[o++]=e.x,r[o++]=e.y,r[o++]=e.size,r[o++]=(0,ht.floatColor)(e.color),r[o++]=e.inactive?1:0,a&&"ready"===a.status||(a=this.imageLoader.images[ft.id]),a&&"ready"===a.status){const{width:e,height:t}=this.imageLoader.textureImage;r[o++]=a.x/e,r[o++]=a.y/t,r[o++]=a.width/e,r[o++]=a.height/t}else r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0}render(e){if(this.hasNothingToRender())return;this.latestRenderParams=e;const t=this.gl,n=this.program;t.useProgram(n),t.uniform1f(this.ratioLocation,1/Math.sqrt(e.ratio)),t.uniform1f(this.scaleLocation,e.scalingRatio),t.uniformMatrix3fv(this.matrixLocation,!1,e.matrix),t.uniform1i(this.atlasLocation,0),t.drawArrays(t.POINTS,0,this.array.length/9)}rebindTexture(){const e=this.gl;e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,this.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,this.imageLoader.textureImage),e.generateMipmap(e.TEXTURE_2D),this.latestRenderParams&&(this.bind(),this.bufferData(),this.render(this.latestRenderParams))}}const yt=[{id:"expandIcon",path:(0,g.m5F)('<svg width="32" height="32" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="8" cy="8" r="8" fill="white"/>\n<circle cx="8" cy="8" r="7.5" stroke="black" stroke-opacity="0.541176"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M8.80013 7.20003V4H7.20013L7.20013 7.20003H4V8.80003H7.20013L7.20013 12H8.80013V8.80003H12V7.20003H8.80013Z" fill="black" fill-opacity="0.541176"/>\n</svg>')},{id:"collapseIcon",path:(0,g.m5F)('<svg width="32" height="32" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="8" cy="8" r="8" fill="white"/>\n<circle cx="8" cy="8" r="7.5" stroke="black" stroke-opacity="0.541176"/>\n<path d="M4 7.20004H12V8.80004H4V7.20004Z" fill="black" fill-opacity="0.541176"/>\n</svg>\n')}];class vt extends at.AbstractNodeProgram{constructor(e,t){super(e,"\nattribute vec2 a_position;\nattribute float a_size;\nattribute vec4 a_color;\nattribute float a_buttonSize;\nattribute vec2 a_normals;\nattribute vec4 a_texture;\n\nuniform float u_ratio;\nuniform float u_scale;\nuniform mat3 u_matrix;\nuniform float u_sqrtZoomRatio;\nuniform float u_correctionRatio;\n\nvarying float v_border;\nvarying vec4 v_texture;\nvarying vec4 v_color;\n\nconst float bias = 255.0 / 254.0;\n\nvoid main() {\n    float normalLength = length(a_normals);\n    vec2 unitNormal = (a_normals) / normalLength;\n\n    float pixelsThickness = max(normalLength, 1.0 * u_sqrtZoomRatio);\n    float webGLThickness = pixelsThickness * u_correctionRatio;\n    float adaptedWebGLThickness = webGLThickness * u_sqrtZoomRatio;\n\n    // Move the point\n    float adaptedWebGLNodeRadius = a_size * 2.0 * u_correctionRatio * u_sqrtZoomRatio;\n    vec2 compensationVector = vec2(-unitNormal.y, unitNormal.x) * (adaptedWebGLNodeRadius);\n\n    // Set position\n    gl_Position = vec4((u_matrix * vec3(a_position + compensationVector, 1)).xy, 0, 1);\n\n    // Multiply the point size twice:\n    //  - x SCALING_RATIO to correct the canvas scaling\n    //  - x 2 to correct the formulae\n    gl_PointSize = a_buttonSize * u_ratio * u_scale * 2.0;\n\n    v_border = (1.0 / u_ratio) * (0.5 / a_size);\n\n    // Extract the color:\n    v_color = a_color;\n    v_color.a *= bias;\n\n    // Pass the texture coordinates:\n    v_texture = a_texture;\n}","\nprecision mediump float;\n\nvarying float v_border;\nvarying vec4 v_texture;\n\nuniform sampler2D u_atlas;\n\nconst vec4 transparent = vec4(0.0, 0.0, 0.0, 0.0);\nconst vec4 black = vec4(0.0, 0.0, 0.0, 1.0);\nconst float bias = 255.0 / 254.0;\nconst float radius = 0.5;\n\nvoid main(void) {\n    vec4 color;\n    float distToCenter = length(gl_PointCoord - vec2(0.5, 0.5));\n\n    // set texel as color of point\n    if (v_texture.w > 0.0) {\n        vec4 texel = texture2D(u_atlas, v_texture.xy + gl_PointCoord * v_texture.zw, -1.0);\n        color = vec4(mix(black, texel, texel.a).rgb, max(texel.a, bias));\n    } else {\n        color = black;\n    }\n\n    if (distToCenter < radius - v_border)   // points inside button\n        gl_FragColor = color;\n    else if (distToCenter < radius)         // border of button\n        gl_FragColor = mix(transparent, color, (0.5 - distToCenter) / v_border);\n    else                                    // points outside button\n        gl_FragColor = transparent;\n}",2,11),this.imageLoader=void 0,this.texture=void 0,this.textureLocation=void 0,this.buttonSize=void 0,this.normals=void 0,this.correctionRatioLocation=void 0,this.sqrtZoomRatioLocation=void 0,this.atlasLocation=void 0,this.latestRenderParams=void 0,this.imageLoader=new gt,this.imageLoader.rebindTextureFns.push((()=>{this&&this.rebindTexture&&this.rebindTexture(),t&&t.refresh&&t.refresh()})),this.imageLoader.textureImage=new ImageData(1,1),this.textureLocation=e.getAttribLocation(this.program,"a_texture"),this.buttonSize=e.getAttribLocation(this.program,"a_buttonSize"),this.normals=e.getAttribLocation(this.program,"a_normals");const n=e.getUniformLocation(this.program,"u_correctionRatio");if(null===n)throw new Error("NodeButtonsProgram: error while getting correctionRatioLocation");this.correctionRatioLocation=n;const r=e.getUniformLocation(this.program,"u_sqrtZoomRatio");if(null===r)throw new Error("NodeButtonsProgram: error while getting sqrtZoomRatioLocation");this.sqrtZoomRatioLocation=r;const o=e.getUniformLocation(this.program,"u_atlas");if(null===o)throw new Error("NodeButtonsProgram: error while getting atlasLocation");this.atlasLocation=o,this.texture=e.createTexture(),e.bindTexture(e.TEXTURE_2D,this.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,1,1,0,e.RGBA,e.UNSIGNED_BYTE,new Uint8Array([0,0,0,0])),yt.map((e=>this.imageLoader.loadImage(e.id,e.path))),this.bind()}bind(){super.bind();const e=this.gl;e.enableVertexAttribArray(this.buttonSize),e.enableVertexAttribArray(this.normals),e.enableVertexAttribArray(this.textureLocation),e.vertexAttribPointer(this.buttonSize,1,e.FLOAT,!1,this.attributes*Float32Array.BYTES_PER_ELEMENT,16),e.vertexAttribPointer(this.normals,2,e.FLOAT,!1,this.attributes*Float32Array.BYTES_PER_ELEMENT,20),e.vertexAttribPointer(this.textureLocation,4,e.FLOAT,!1,this.attributes*Float32Array.BYTES_PER_ELEMENT,28)}process(e,t,n){const r=this.array;let o=2*n*11;const i=t||e.inactive&&!e.highlighted,[a,l]=e.buttonOffset||[0,0];let s=a*a+l*l,c=0,d=0;if(s&&(s=1/Math.sqrt(s),c=l*s,d=a*s),i||!e.showExpand)r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0;else{const t=this.imageLoader.images.expandIcon;if(r[o++]=e.x,r[o++]=e.y,r[o++]=e.size,r[o++]=(0,ht.floatColor)(e.color),r[o++]=e.buttonSize||0,r[o++]=c,r[o++]=-d,t&&"ready"===t.status){const{width:e,height:n}=this.imageLoader.textureImage;r[o++]=t.x/e,r[o++]=t.y/n,r[o++]=t.width/e,r[o++]=t.height/n}else r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0}if(i||!e.showCollapse)r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0;else{const t=this.imageLoader.images.collapseIcon;if(r[o++]=e.x,r[o++]=e.y,r[o++]=e.size,r[o++]=(0,ht.floatColor)(e.color),r[o++]=e.buttonSize||0,r[o++]=-c,r[o++]=-d,t&&"ready"===t.status){const{width:e,height:n}=this.imageLoader.textureImage;r[o++]=t.x/e,r[o++]=t.y/n,r[o++]=t.width/e,r[o++]=t.height/n}else r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0}}render(e){if(this.hasNothingToRender())return;this.latestRenderParams=e;const t=this.gl,n=this.program;t.useProgram(n),t.uniform1f(this.ratioLocation,1/Math.sqrt(e.ratio)),t.uniform1f(this.scaleLocation,e.scalingRatio),t.uniformMatrix3fv(this.matrixLocation,!1,e.matrix),t.uniform1f(this.sqrtZoomRatioLocation,Math.sqrt(e.ratio)),t.uniform1f(this.correctionRatioLocation,e.correctionRatio),t.uniform1i(this.atlasLocation,1),t.drawArrays(t.POINTS,0,this.array.length/11)}rebindTexture(){const e=this.gl;e.activeTexture(e.TEXTURE1),e.bindTexture(e.TEXTURE_2D,this.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,this.imageLoader.textureImage),e.generateMipmap(e.TEXTURE_2D),this.latestRenderParams&&(this.bind(),this.bufferData(),this.render(this.latestRenderParams))}}var xt=n(23193),Et=n.n(xt);class wt extends(Et()){process(e,t,n,r,o){if(r){for(let e=27*o,t=e+27;e<t;e++)this.array[e]=0;return}const i=n.arrowSizeRatio||1,a=n.size*i||1,l=t.size||1,s=e.x,c=e.y,d=t.x,u=t.y,p=(0,ht.floatColor)(n.color),h=d-s,m=u-c;let g=h*h+m*m,f=0,b=0;g&&(g=1/Math.sqrt(g),f=-m*g*a,b=h*g*a);let y=27*o;const v=this.array;v[y++]=d,v[y++]=u,v[y++]=-f,v[y++]=-b,v[y++]=l,v[y++]=p,v[y++]=1,v[y++]=0,v[y++]=0,v[y++]=d,v[y++]=u,v[y++]=-f,v[y++]=-b,v[y++]=l,v[y++]=p,v[y++]=0,v[y++]=1,v[y++]=0,v[y++]=d,v[y++]=u,v[y++]=-f,v[y++]=-b,v[y++]=l,v[y++]=p,v[y++]=0,v[y++]=0,v[y]=1}}class Ct extends wt{process(e,t,n,r,o){super.process(t,e,n,r,o)}}var Rt=n(73343),Tt=n.n(Rt);class St extends lt.AbstractEdgeProgram{constructor(e){super(e,"\nattribute vec4 a_color;\nattribute vec2 a_normal;\nattribute vec2 a_position;\nattribute float a_radius;\nattribute float a_arrowSizeRatio;\n\nuniform mat3 u_matrix;\nuniform float u_sqrtZoomRatio;\nuniform float u_correctionRatio;\n\nvarying vec4 v_color;\nvarying vec2 v_normal;\nvarying float v_thickness;\n\nconst float minThickness = 1.7;\nconst float bias = 255.0 / 254.0;\nconst float arrowHeadLengthThicknessRatio = 2.5;\n\nvoid main() {\n  float normalLength = length(a_normal);\n  vec2 unitNormal = a_normal / normalLength;\n\n  // These first computations are taken from edge.vert.glsl. Please read it to\n  // get better comments on what's happening:\n  float pixelsThickness = max(normalLength, minThickness * u_sqrtZoomRatio);\n  float webGLThickness = pixelsThickness * u_correctionRatio;\n  float adaptedWebGLThickness = webGLThickness * u_sqrtZoomRatio;\n\n  // our change - apply a_arrowSizeRatio depending on current zoom and minThickness\n  float arrowSizeCoefficient = min(a_arrowSizeRatio, a_arrowSizeRatio / (u_sqrtZoomRatio * minThickness));\n\n  // Here, we move the point to leave space for the arrow head:\n  float direction = sign(a_radius);\n  float adaptedWebGLNodeRadius = direction * a_radius * 2.0 * u_correctionRatio * u_sqrtZoomRatio;\n\n  float adaptedWebGLArrowHeadLength = adaptedWebGLThickness * 2.0 * arrowHeadLengthThicknessRatio * arrowSizeCoefficient;\n\n\n  vec2 compensationVector = vec2(-direction * unitNormal.y, direction * unitNormal.x) * (adaptedWebGLNodeRadius + adaptedWebGLArrowHeadLength);\n\n  // Here is the proper position of the vertex\n  gl_Position = vec4((u_matrix * vec3(a_position + unitNormal * adaptedWebGLThickness + compensationVector, 1)).xy, 0, 1);\n\n  v_thickness = webGLThickness / u_sqrtZoomRatio;\n\n  v_normal = unitNormal;\n  v_color = a_color;\n  v_color.a *= bias;\n}",Tt(),4,7),this.IndicesArray=void 0,this.indicesArray=void 0,this.indicesBuffer=void 0,this.indicesType=void 0,this.positionLocation=void 0,this.colorLocation=void 0,this.normalLocation=void 0,this.radiusLocation=void 0,this.arrowSizeRatioLocation=void 0,this.matrixLocation=void 0,this.sqrtZoomRatioLocation=void 0,this.correctionRatioLocation=void 0,this.canUse32BitsIndices=void 0;const t=e.createBuffer();if(null===t)throw new Error("EdgeClampedProgram: error while getting resolutionLocation");this.indicesBuffer=t,this.positionLocation=e.getAttribLocation(this.program,"a_position"),this.colorLocation=e.getAttribLocation(this.program,"a_color"),this.normalLocation=e.getAttribLocation(this.program,"a_normal"),this.radiusLocation=e.getAttribLocation(this.program,"a_radius"),this.arrowSizeRatioLocation=e.getAttribLocation(this.program,"a_arrowSizeRatio");const n=e.getUniformLocation(this.program,"u_matrix");if(null===n)throw new Error("EdgeClampedProgram: error while getting matrixLocation");this.matrixLocation=n;const r=e.getUniformLocation(this.program,"u_sqrtZoomRatio");if(null===r)throw new Error("EdgeClampedProgram: error while getting cameraRatioLocation");this.sqrtZoomRatioLocation=r;const o=e.getUniformLocation(this.program,"u_correctionRatio");if(null===o)throw new Error("EdgeClampedProgram: error while getting viewportRatioLocation");this.correctionRatioLocation=o,this.canUse32BitsIndices=(0,ht.canUse32BitsIndices)(e),this.IndicesArray=this.canUse32BitsIndices?Uint32Array:Uint16Array,this.indicesArray=new this.IndicesArray,this.indicesType=this.canUse32BitsIndices?e.UNSIGNED_INT:e.UNSIGNED_SHORT,this.bind()}bind(){const e=this.gl;e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,this.indicesBuffer),e.enableVertexAttribArray(this.positionLocation),e.enableVertexAttribArray(this.normalLocation),e.enableVertexAttribArray(this.colorLocation),e.enableVertexAttribArray(this.radiusLocation),e.enableVertexAttribArray(this.arrowSizeRatioLocation),e.vertexAttribPointer(this.positionLocation,2,e.FLOAT,!1,7*Float32Array.BYTES_PER_ELEMENT,0),e.vertexAttribPointer(this.normalLocation,2,e.FLOAT,!1,7*Float32Array.BYTES_PER_ELEMENT,8),e.vertexAttribPointer(this.colorLocation,4,e.UNSIGNED_BYTE,!0,7*Float32Array.BYTES_PER_ELEMENT,16),e.vertexAttribPointer(this.radiusLocation,1,e.FLOAT,!1,7*Float32Array.BYTES_PER_ELEMENT,20),e.vertexAttribPointer(this.arrowSizeRatioLocation,1,e.FLOAT,!1,7*Float32Array.BYTES_PER_ELEMENT,24)}process(e,t,n,r,o){if(r){for(let e=28*o,t=e+28;e<t;e++)this.array[e]=0;return}const i=n.arrowSizeRatio||1,a=n.size||1,l=e.x,s=e.y,c=t.x,d=t.y,u="doubleArrow"===n.type?e.size||1:0,p=t.size||1,h=(0,ht.floatColor)(n.color),m=c-l,g=d-s;let f=m*m+g*g,b=0,y=0;f&&(f=1/Math.sqrt(f),b=-g*f*a,y=m*f*a);let v=28*o;const x=this.array;x[v++]=l,x[v++]=s,x[v++]=b,x[v++]=y,x[v++]=h,x[v++]=-u,x[v++]=i,x[v++]=l,x[v++]=s,x[v++]=-b,x[v++]=-y,x[v++]=h,x[v++]=u,x[v++]=i,x[v++]=c,x[v++]=d,x[v++]=b,x[v++]=y,x[v++]=h,x[v++]=p,x[v++]=i,x[v++]=c,x[v++]=d,x[v++]=-b,x[v++]=-y,x[v++]=h,x[v++]=-p,x[v]=i}computeIndices(){const e=this.array.length/7,t=e+e/2,n=new this.IndicesArray(t);for(let t=0,r=0;t<e;t+=4)n[r++]=t,n[r++]=t+1,n[r++]=t+2,n[r++]=t+2,n[r++]=t+1,n[r++]=t+3;this.indicesArray=n}bufferData(){super.bufferData();const e=this.gl;e.bufferData(e.ELEMENT_ARRAY_BUFFER,this.indicesArray,e.STATIC_DRAW)}render(e){if(this.hasNothingToRender())return;const t=this.gl,n=this.program;t.useProgram(n),t.uniformMatrix3fv(this.matrixLocation,!1,e.matrix),t.uniform1f(this.sqrtZoomRatioLocation,Math.sqrt(e.ratio)),t.uniform1f(this.correctionRatioLocation,e.correctionRatio),t.drawElements(t.TRIANGLES,this.indicesArray.length,this.indicesType,0)}}const Ot=e=>{let{children:t}=e;const n=(0,r.useMemo)((()=>({allowInvalidContainer:!0,defaultNodeType:"image",hoverRenderer:pt,labelRenderer:ut,nodeProgramClasses:{image:(0,at.createNodeCompoundProgram)([bt,mt,vt])},edgeProgramClasses:{line:ct(),arrow:(0,lt.createEdgeCompoundProgram)([St,wt]),doubleArrow:(0,lt.createEdgeCompoundProgram)([St,wt,Ct])},labelFont:"Roboto",labelSize:13,labelColor:{color:"rgba(0, 0, 0, 0.87)"}})),[]);return o().createElement(it.C6,{graph:h.MultiGraph,style:{background:"transparent"},initialSettings:n},t)};var Pt=n(28833),Lt=n.n(Pt),Nt=n(3660),_t=n.n(Nt),At=n(28301),kt=n.n(At),It=n(30634),jt=n(20562),Ut=n(31181),Dt=n(30284);const zt=(e,t,n,r,o,i,a)=>({aX:e+(r-e)*(n-a-i)/n,aY:t+(o-t)*(n-a-i)/n,vX:(r-e)*a/n,vY:(o-t)*a/n}),Zt=(e,t,n,r,o)=>{e.beginPath(),e.moveTo(t+r,n+o),e.lineTo(t+o*Bt,n-r*Bt),e.lineTo(t-o*Bt,n+r*Bt),e.lineTo(t+r,n+o),e.closePath(),e.fill()},Bt=.4,Mt=(e,t,n,r,o)=>{if(t.loop){const{size:r,color:o,arrowSizeRatio:i=1}=t,a=n.x,l=n.y,s=n.size,c=function(e,t,n){let r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return{x1:e-7*(n+r),y1:t,x2:e,y2:t+7*(n+r)}}(a,l,.6*s);if(e.strokeStyle=o,e.lineWidth=r,"arrow"===t.type||"doubleArrow"===t.type){if(e.fillStyle=o,"doubleArrow"===t.type){const{aX:t,aY:n,vX:o,vY:d}=((e,t,n,r,o)=>{const i=Math.sqrt(Math.pow(t-e.x1,2)+Math.pow(n-e.y1,2));return zt(e.x2,e.y2,i,t,n,r,o)})(c,a,l,s,r*i*2.2);Zt(e,t,n,o,d),e.beginPath(),e.moveTo(t,n)}else e.beginPath(),e.moveTo(a,l);const{aX:n,aY:d,vX:u,vY:p}=((e,t,n,r,o)=>{const i=Math.sqrt(Math.pow(t-e.x1,2)+Math.pow(n-e.y1,2));return zt(e.x1,e.y1,i,t,n,r,o)})(c,a,l,s,r*i*2.2);e.bezierCurveTo(c.x2,c.y2,c.x1,c.y1,n,d),e.stroke(),Zt(e,n,d,u,p)}else e.beginPath(),e.moveTo(a,l),e.bezierCurveTo(c.x1,c.y1,c.x2,c.y2,a,l),e.stroke()}(0,Dt.default)(e,t,n,r,o)};function Ft(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){Gt(e,t,n[t])}))}return e}function Gt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const qt=(e,t,n,r,o)=>e>n-o&&e<n+o&&t>r-o&&t<r+o&&Math.sqrt(Math.pow(e-n,2)+Math.pow(t-r,2))<o,Ht=(0,m.memoizeWith)(((e,t,n)=>n.type),g.uie),Vt={size:24,buttonSize:8,buttonOffset:[19,19]},Wt={size:12,buttonSize:6,buttonOffset:[8,13]},Yt=e=>{let{data:t,graph:n,syncLayout:o,workerLayout:a,layoutSettings:l,selectedNode:s,isDirected:c=!1,onNodeClick:u,onNodeCollapse:p,onNodeExpand:h,filters:m}=e;const f=(0,it.Ys)(),b=(0,it.sG)(),x=(0,it.$j)(),E=(0,it.eP)(),w=(0,i.useSelector)(d.ZP.selectors.getEntity),C=(0,i.useSelector)(d.ZP.selectors.getMetadata),R=(0,i.useSelector)(d.ZP.selectors.getAbsoluteImagePath)||"",[T,S]=(0,r.useState)(void 0),[O,P]=(0,r.useState)(null),[L,N]=(0,r.useState)({});(0,r.useEffect)((()=>{f.getCamera().setState({ratio:1.2})}),[n,f]),(0,r.useEffect)((()=>{if(P((0,v.toUndirected)(n)),b(n),o){const e=o(f.getGraph(),l);(0,Ut.animateNodes)(f.getGraph(),e,{duration:1e3})}if(a){const e=new a(f.getGraph(),l);e.start();const t=setTimeout((()=>{e.stop()}),5e3);return()=>{clearTimeout(t),e.kill()}}}),[t,n,o,a,f,l,b,c]);const _=(0,r.useCallback)((e=>{const t=f.getGraph(),n=null==w?void 0:w.uri;if(t&&O&&n&&e&&n!==e)try{const r=(0,y.Ar)(O,n,e),o=function(e,t){const n=[],r=arguments.length>2&&void 0!==arguments[2]&&arguments[2]?"findOutEdge":"findEdge";return t&&t.reduce(((t,o)=>(n.push(e[r](t,o,(e=>!!e))),o))),n}(t,r);return r?{edges:o,nodes:r}:{}}catch(e){}return{}}),[f,null==w?void 0:w.uri,O]);(0,r.useEffect)((()=>{N(_(s))}),[s,_]),(0,r.useEffect)((()=>{x({enterNode:e=>{let{node:t}=e;S(t)},leaveNode:()=>{S(void 0)},clickNode:e=>{let{node:t}=e;u(t)},click:e=>{const t=(e=>{let{x:t,y:n}=e;const r=f.viewportToGraph({x:t,y:n}),o=f.getGraph(),i=o.nodes().map((e=>{const t=o.getNodeAttributes(e);return{nodeId:e,distance:Math.pow(r.x-t.x,2)+Math.pow(r.y-t.y,2),hidden:t.hidden}})).sort(((e,t)=>e.distance-t.distance)).filter((e=>{let{hidden:t}=e;return!t}));return i.length>0?i[0].nodeId:null})(e);if(t){const n=f.getNodeDisplayData(t),r=f.framedGraphToViewport({x:n.x,y:n.y}),o=f.scaleSize(n.buttonOffset[0]),i=f.scaleSize(n.buttonOffset[1]),a=f.scaleSize(n.buttonSize),l=qt(e.x,e.y,r.x+o,r.y-i,a),s=qt(e.x,e.y,r.x+o,r.y+i,a);n.showExpand&&l&&(h(t),u(t)),n.showCollapse&&s&&(p(t,_(t)),u(t))}}})}),[f,x,u,p,h,_]),(0,r.useEffect)((()=>{const e=f.getGraph();let t;try{t=e.neighbors(s)}catch(e){}E({nodeReducer:(n,r)=>{const{entityTypesUris:o=[]}=m||{},i=Ht(C,R,{type:r.entityTypeUri}),a=n===s?Vt:Wt,l=e.neighbors(n),c=l.map((t=>e.getNodeAttribute(t,"hidden"))).filter((e=>!!e)).length,d=Ft({},r,a,{color:"#0072CE",image:i,showExpand:r.untraversedRelationsCount>0||c>0,showCollapse:r.traversedRelationsCount>1&&l.length-c>1}),u=(L.nodes||[]).includes(n),p=T===n;return u||n===s||n===(null==w?void 0:w.uri)?(d.inPath=!0,n===(null==w?void 0:w.uri)&&(d.color="#00FFFF")):!t||t.includes(n)||s===n||s===(null==w?void 0:w.uri)||u||(p||(d.label=""),d.inactive=!0),p&&(d.highlighted=!0),![s,null==w?void 0:w.uri].includes(n)&&o.length>0&&!o.includes(r.entityTypeUri)&&(d.hidden=!0),d},edgeReducer:(t,n)=>{const{relationTypesUris:r=[]}=m||{},o=Ft({},n,{hidden:!1}),i=(L.edges||[]).includes(t);var a;return(s&&s!==(null==w?void 0:w.uri)&&!e.hasExtremity(t,s)&&!i||r.length>0&&!r.includes(n.relationTypeUri))&&(o.hidden=!0),c&&(o.arrowSizeRatio=4),i&&(o.color="#0072CE",o.size=4,c&&(o.arrowSizeRatio=1.4)),o.type=(a=c?n.direction:g.MCv.undirected,{[g.MCv.bidirectional]:"doubleArrow",[g.MCv.directed]:"arrow",[g.MCv.undirected]:"line"}[a]||"line"),o},renderEdgeLabels:!0,edgeLabelRenderer:Mt})}),[f,E,T,s,L,null==w?void 0:w.uri,C,R,c,m])};let Xt;function $t(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){Kt(e,t,n[t])}))}return e}function Kt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}!function(e){e.SIMPLE_NETWORK="Simple network",e.VERTICAL_TB="Vertical hierarchy",e.HORIZONTAL_LR="Horizontal hierarchy",e.DIRECTED_NETWORK="Directed Network"}(Xt||(Xt={}));const Qt=e=>{let{data:t,graph:n,selectedNode:o,layout:i,onNodeClick:a,onNodeCollapse:l,onNodeExpand:s,filters:c}=e;const d=(0,It.D)(t);(0,jt.D)((()=>{if(d){const e=(0,m.difference)(t.entities.map((0,m.prop)("uri")),d.entities.map((0,m.prop)("uri")));if(e.length){const t=n.copy();Lt().assign(t),e.forEach((e=>{n.setNodeAttribute(e,"x",t.getNodeAttribute(e,"x")),n.setNodeAttribute(e,"y",t.getNodeAttribute(e,"y"))}))}}}),[t]);const u=(0,r.useMemo)((()=>(Lt().assign(n),{settings:$t({},_t().inferSettings(n),{gravity:1})})),[n]);return Yt({workerLayout:kt(),layoutSettings:u,data:t,graph:n,selectedNode:o,onNodeClick:a,isDirected:i===Xt.DIRECTED_NETWORK,onNodeCollapse:l,onNodeExpand:s,filters:c}),null};var Jt=n(36039);const en=(e,t,n)=>{const r=new Set;return t.forEach((t=>{e.some((e=>e.to===t.id))||r.add(t.id)})),r.size||r.add(n),r},tn=(e,t,n,r)=>{const o=new Set;return t.length||t.push(Array.from(e)),e.forEach((t=>{n.add(t),r.forEach((r=>{r.from!==t||e.has(r.to)||n.has(r.to)||o.add(r.to)}))})),o.size&&t.push(Array.from(o)),((e,t,n)=>{const r=new Set;return e.forEach((e=>{t.forEach((t=>{t.from!==e||n.has(t.to)||r.add(t.to)}))})),!!r.size})(o,r,n)?tn(o,t,n,r):t},nn=(e,t,n,r,o)=>{if(e.length<=o&&(t[r]=[...e]),e.length>o){const i=e.slice(o),a=e.slice(0,o);t[r]=a,t[r+1]=n[r+1]?[...n[r+1],...i]:i}if(t[r+1]||n[r+1]){const e=t[++r]||n[r];return nn(e,t,n,r,o)}return t},rn=e=>{let{quantityAtLvl:t,rowNumber:n,isEvenItem:r,layout:o,shouldUseCheckboardPattern:i}=e;const a=o===Xt.VERTICAL_TB;return i&&a&&r&&1!==t?10*n+5:10*n},on=e=>{let{quantityAtLvl:t,posAtLvl:n,max:r,isEvenRow:o,layout:i,shouldUseCheckboardPattern:a}=e;const l=i===Xt.HORIZONTAL_LR;return t===r?a&&o&&l?10*n+5:10*n:1===t?10*(r-1)/2:10*(r-1)/(t+1)*(n+1)},an=e=>e<100;function ln(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const sn=e=>{let{data:t,graph:n,selectedNode:o,layout:i,onNodeClick:a,onNodeCollapse:l,onNodeExpand:s,filters:c}=e;const d=(0,r.useCallback)((e=>{const t=e.copy(),n=(e=>{switch(e){case Xt.VERTICAL_TB:return 180;case Xt.HORIZONTAL_LR:return 270}})(i),r=(e=>{const t=e.nodes().map((e=>({id:e,name:""}))),n=e.mapEdges(((e,t,n,r)=>({from:n,to:r,key:e,relationTypeUri:t.relationTypeUri,direction:t.direction})));return{nodes:t,edges:n}})(t),a=r.nodes.length,l=!an(a),s=((e,t)=>{if(an(e))return 10;const n=t===Xt.VERTICAL_TB?1.5:.7;return Math.round(Math.sqrt(e)*n)})(a,i),c=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10;const r=e.nodes,o=e.edges.filter((e=>e.from!==e.to)),i=en(o,r,t),a=tn(i,[],new Set,o);return nn(a[0],[],a,0,n)}(r,o,s),d=(e=>{const t=e.map((e=>e.length));return Math.max(...t)})(c);for(let e=0;e<c.length;++e){const n=e%2==0,r=c[e].length;for(let o=0;o<r;++o){const a=o%2==0,s=on({quantityAtLvl:r,posAtLvl:o,max:d,isEvenRow:n,layout:i,shouldUseCheckboardPattern:l}),u=rn({quantityAtLvl:r,rowNumber:e,isEvenItem:a,layout:i,shouldUseCheckboardPattern:l});t.setNodeAttribute(c[e][o],"x",s),t.setNodeAttribute(c[e][o],"y",u)}}return Jt.rotation.assign(t,n,{degrees:!0}),t.reduceNodes(((e,t,n)=>{let{x:r,y:o}=n;return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){ln(e,t,n[t])}))}return e}({},e,{[t]:{x:r,y:o}})}),{})}),[i,o]);return Yt({syncLayout:d,data:t,graph:n,selectedNode:o,onNodeClick:a,onNodeCollapse:l,onNodeExpand:s,filters:c}),null};var cn=n(24737);const dn=(0,z.Z)({graphTypeSelector:{minWidth:"200px",backgroundColor:"#FAFAFA",opacity:1,height:"40px"},filledInputRoot:{borderRadius:"4px"},valueContainer:{width:"auto",marginLeft:"16px"}}),un=(0,G.l)(I,(e=>{let{graphTypeUri:t,setGraphTypeUri:n}=e;return{setGraphTypeUri:n,graphTypeUri:t}}),(e=>{let{graphTypeUri:t,setGraphTypeUri:n}=e;const a=dn(),l=(0,i.useSelector)(d.ZP.selectors.getMetadata),s=(0,i.useSelector)(d.ZP.selectors.getEntity),c=(0,r.useMemo)((()=>[{label:b().text("All"),value:null},...(0,g.mmY)(l,s.type).map((e=>{let{uri:t,label:n}=e;return{value:t,label:n}}))]),[s,l]),u=(0,r.useMemo)((()=>c.find((e=>e.value===t))),[c,t]);return o().createElement(cn.Z,{classes:{valueContainer:a.valueContainer},className:a.graphTypeSelector,height:42,label:b().text("Graph type"),value:u,options:c,onChange:e=>n(e.value),TextFieldProps:{InputProps:{disableUnderline:!0,classes:{root:a.filledInputRoot}}}})})),pn=(0,z.Z)({graphLayoutSelector:{minWidth:"202px",backgroundColor:"#FAFAFA",opacity:1,marginLeft:"10px"},filledInputRoot:{borderRadius:"4px",height:"42px"}}),hn=(0,r.memo)((e=>{let{value:t,onChangeHandler:n}=e;const r=pn(),i=[{label:b().text("Simple network"),value:Xt.SIMPLE_NETWORK},{label:b().text("Vertical hierarchy"),value:Xt.VERTICAL_TB},{label:b().text("Horizontal hierarchy"),value:Xt.HORIZONTAL_LR},{label:b().text("Directed network"),value:Xt.DIRECTED_NETWORK}];return o().createElement(cn.Z,{className:r.graphLayoutSelector,label:b().text("Graph layout"),value:i.find((0,m.propEq)("value",t)),options:i,onChange:e=>n(e.value),TextFieldProps:{InputProps:{disableUnderline:!0,classes:{root:r.filledInputRoot}}}})})),mn=()=>{const e=(0,it.Ys)(),t=(0,r.useCallback)((()=>{e.refresh()}),[e]);return o().createElement(Q.Z,{handleWidth:!0,onResize:t})};var gn=n(17373);function fn(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){bn(e,t,n[t])}))}return e}function bn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const yn="0 1px 1px rgba(0,0,0,0.14), 0 2px 1px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.2)",vn={background:"#FFFFFF",boxShadow:yn,width:"28px",height:"28px"},xn=(0,z.Z)({container:{display:"flex",alignItems:"center"},maxButton:fn({},vn,{borderRadius:"2px 4px 4px 2px"}),minButton:fn({},vn,{borderRadius:"4px 2px 2px 4px"}),thumb:{position:"absolute",boxShadow:yn,borderRadius:"2px",width:"8px",height:"28px",marginTop:"-13px",marginLeft:"1px",color:"rgba(0,0,0,0.54)",backgroundColor:"#FFFFFF",boxSizing:"border-box",outline:0,display:"flex",alignItems:"center",justifyContent:"center"},thumbIcon:{transform:"rotate(90deg)"},icon:{width:"18px",height:"18px"},rail:{opacity:1,height:"4px",paddingRight:"10px"},sliderRoot:{color:"#EDEDED",marginRight:"10px"}});function En(){return En=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},En.apply(this,arguments)}const wn=e=>Math.pow(100/e,2),Cn=e=>100/Math.sqrt(e),Rn=e=>{const t=xn(),n=(0,m.omit)(["className"],e);return o().createElement("div",En({className:t.thumb},n),o().createElement(gn.Z,{className:K()(t.icon,t.thumbIcon)}))},Tn=e=>{let{className:t,max:n,min:i}=e;const a=xn(),l=(0,it.eP)(),s=(0,it.$j)(),c=(0,it.Ys)().getCamera(),{zoomIn:d,zoomOut:u}=(0,it.AH)({factor:1.2}),[p,h]=(0,r.useState)((0,m.clamp)(i,n,Cn(c.getState().ratio))),g=(0,r.useMemo)((()=>i>0?wn(i):null),[i]),f=(0,r.useMemo)((()=>n>0?wn(n):null),[n]);return(0,r.useEffect)((()=>(l({maxCameraRatio:g,minCameraRatio:f}),()=>{l({maxCameraRatio:null,minCameraRatio:null})})),[l,f,g]),(0,r.useEffect)((()=>{s({cameraUpdated:e=>h(Cn(e.ratio))})}),[s]),o().createElement("div",{className:K()(a.container,t)},o().createElement(Y.IconButton,{className:a.minButton,onClick:()=>u()},o().createElement(gn.Z,{className:a.icon})),o().createElement(Y.Slider,{ThumbComponent:Rn,classes:{root:a.sliderRoot,rail:a.rail},track:!1,value:p,min:i,max:n,onChange:(e,t)=>c.setState({ratio:c.getBoundedRatio(wn(t))})}),o().createElement(Y.IconButton,{className:a.maxButton,onClick:()=>d()},o().createElement(Ye.Z,{className:a.icon})))};var Sn=n(25156);const On=(0,z.Z)({button:{background:"#FFFFFF",boxShadow:"0 1px 1px rgba(0,0,0,0.14), 0 2px 1px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.2)",width:"28px",height:"28px",borderRadius:"4px"},icon:{width:"18px",height:"18px"}}),Pn=e=>{let{node:t}=e;const n=On(),{gotoNode:r}=(0,it.AH)();return o().createElement(Y.IconButton,{className:n.button,onClick:()=>r(t)},o().createElement(Sn.Z,{className:n.icon}))},Ln=(0,z.Z)({wrapper:{height:"100%",position:"relative"},selectors:{display:"flex",position:"absolute",top:"12px",right:"16px",zIndex:2},graph:{height:"calc(100% - 5px)"},rightBottomControls:{position:"absolute",zIndex:100,right:"18px",bottom:"16px",display:"flex",width:"200px"},zoomSlider:{flexGrow:1,marginRight:"8px"}}),Nn=(0,G.l)(I,(e=>{let{data:t,graphologyGraph:n,selectedEntity:r,onEntitySelect:o,onCollapseEntity:i,onExpandEntity:a,relationshipTable:{filters:l}}=e;return{data:t,graph:n,selectedNode:null==r?void 0:r.uri,onNodeSelect:o,onNodeCollapse:i,onNodeExpand:a,filters:l}}),(e=>{let{data:t,graph:n,selectedNode:i,onNodeSelect:a,onNodeCollapse:l,onNodeExpand:s,filters:c}=e;const d=Ln(),[u,p]=(0,r.useState)(Xt.SIMPLE_NETWORK),h={data:t,graph:n,selectedNode:i,layout:u,onNodeClick:a,onNodeCollapse:l,onNodeExpand:s,filters:c};return o().createElement("div",{className:d.wrapper},o().createElement("div",{className:d.selectors},o().createElement(un,null),o().createElement(hn,{value:u,onChangeHandler:p})),o().createElement("div",{className:d.graph},n&&o().createElement(Ot,null,o().createElement(o().Fragment,null,o().createElement(mn,null),u===Xt.SIMPLE_NETWORK||u===Xt.DIRECTED_NETWORK?o().createElement(Qt,h):o().createElement(sn,h),o().createElement("div",{className:d.rightBottomControls},o().createElement(Tn,{className:d.zoomSlider,min:30,max:300}),o().createElement(Pn,{node:i}))))))})),_n=(0,z.Z)((e=>({perspectiveView:{position:"absolute",top:0,left:0,right:0,bottom:0,fontFamily:"Roboto, Helvetica, Arial, sans-serif",overflowX:"hidden",overflowY:"auto",display:"flex",flexDirection:"column",backgroundColor:e.palette.background.default},graphWrapper:{display:"flex",flexDirection:"column",overflow:"hidden",flexGrow:1},graphContainer:{display:"flex",overflow:"hidden",flexGrow:1},"@global div[role=tooltip]":{fontFamily:"Roboto, Helvetica, Arial, sans-serif"},"@global div[role=presentation]":{fontFamily:"Roboto, Helvetica, Arial, sans-serif"}}))),An=(0,r.memo)((e=>{let{graphTypeUri:t}=e;const n=_n(),a=(0,i.useSelector)(d.ZP.selectors.getEntity),l=((e,t)=>{const{graphTypeUri:n,setGraphTypeUri:o}=((e,t)=>{const[n,o]=(0,r.useState)(null),a=(0,i.useSelector)(d.ZP.selectors.getMetadata);return(0,r.useEffect)((()=>{(0,g.mmY)(a,e.type).some((e=>{let{uri:n}=e;return t===n}))&&o(t)}),[t,e,a]),{graphTypeUri:n,setGraphTypeUri:o}})(e,t),{graphLoading:a,data:l,graphologyGraph:s,onAddRelation:c,onDeleteRelation:u,onCollapseEntity:p,onExpandEntity:h}=O(e,n),{selectedEntity:f,onEntitySelect:y,selectedEntityLoading:v}=((e,t)=>{const n=(0,S._)(),o=(0,i.useDispatch)(),[a,l]=(0,r.useState)(null),s=(0,r.useRef)({}),[c,u]=(0,r.useState)(!1),p=(0,r.useCallback)((e=>{const t=s.current[e];return t?Promise.resolve(t):(0,g.HvW)(e).then((e=>(s.current=L(s.current,e),e)))}),[]),h=(0,r.useCallback)((e=>{var r;const i=null==t||null===(r=t.entities)||void 0===r?void 0:r.find((0,m.propEq)("uri",e));i&&l(i),u(!0),n(p(e)).then(l).catch((e=>{o(d.ui.actions.errorSet((0,g.xU7)(e,b().text("Something went wrong"))))})).finally((()=>{u(!1)}))}),[o,t,n,p]);return(0,r.useEffect)((()=>{null!=e&&e.uri&&(s.current=L({},e),h(e.uri))}),[null==e?void 0:e.uri]),(0,r.useEffect)((()=>{const n=null==t?void 0:t.entities.find((e=>(null==a?void 0:a.uri)===e.uri));n||(null!=e&&e.uri?(s.current=L({},e),h(e.uri)):(s.current={},l(null)))}),[t]),{selectedEntityLoading:c,selectedEntity:a,onEntitySelect:h}})(e,l);return{graphLoading:a,data:l,graphologyGraph:s,selectedEntity:f,selectedEntityLoading:v,graphTypeUri:n,relationshipTable:k({data:l,selectedEntityUri:null==f?void 0:f.uri,mainEntityUri:null==e?void 0:e.uri,graphTypeUri:n}),onAddRelation:c,onDeleteRelation:u,onCollapseEntity:p,onExpandEntity:h,onEntitySelect:y,setGraphTypeUri:o}})(a,t),{graphLoading:s}=l;return o().createElement(I.Provider,{value:l},o().createElement("div",{className:n.perspectiveView},s&&o().createElement(u.Z,null),(null==a?void 0:a.uri)&&o().createElement("div",{className:n.graphContainer},o().createElement("div",{className:n.graphWrapper},o().createElement(p.n,{entity:a}),o().createElement(Nn,null)),o().createElement(ot,null))))}));An.displayName="GraphPerspectiveView";const kn=An,In=(0,a.createGenerateClassName)({productionPrefix:"graph",disableGlobal:!0}),jn=e=>{let{store:t,graphTypeUri:n}=e;return o().createElement(i.Provider,{store:t},o().createElement(a.StylesProvider,{generateClassName:In},o().createElement(s.MuiPickersUtilsProvider,{utils:c.Z},o().createElement(kn,{graphTypeUri:n}),o().createElement(l.Z,{showErrorFromStore:!0}))))}}}]);
+"use strict";(self.webpackChunk_reltio_remotes=self.webpackChunk_reltio_remotes||[]).push([[9606],{30739:(e,t,n)=>{n.d(t,{Z:()=>u});var r=n(24328),o=n.n(r),i=n(50166),a=n(44443),l=n(74489);const s=(0,n(79692).Z)({item:{overflow:"hidden"}});function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){d(e,t,n[t])}))}return e}function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const u=(0,r.memo)((e=>{let{width:t=0,height:n=0,defaultItemSize:d,data:u,children:p,itemKey:h,showNotMeasuredItems:m,listRef:g}=e;const b=s(),f=(0,r.useRef)({}),[y,v]=(0,r.useState)({}),x=(0,r.useCallback)((0,l.DsO)((()=>{v(c({},f.current))})),[]),E=(0,r.useCallback)(((e,t)=>h?h(t,e):t),[h]),w=(0,r.useRef)(),C=g||w;C.current&&C.current.resetAfterIndex(0,!1);const R=(0,r.useMemo)((()=>e=>{let{data:t,index:n,style:r}=e;const i=E(t,n);return o().createElement("div",{style:r,className:b.item},o().createElement("div",{style:m?void 0:{visibility:i in y?void 0:"hidden"}},o().createElement(a.Z,{handleHeight:!0,onResize:(e,t)=>{f.current[i]!==t&&(((e,t)=>{f.current=c({},f.current,{[e]:t})})(i,t),x())}}),p({data:t,index:n})))}),[p,m,E,x,!m&&y]);return o().createElement(i.VariableSizeList,{ref:C,width:t,height:n,itemCount:u.length,itemData:u,itemSize:e=>y[(e=>E(u,e))(e)]||d,itemKey:h},R)}))},58662:(e,t,n)=>{n.d(t,{Z:()=>y});var r=n(13980),o=n.n(r),i=n(24328),a=n.n(i),l=n(71153),s=n.n(l),c=n(94079),d=n(87918),u=n.n(d),p=n(31276),h=n(17440);const m=(0,n(79692).Z)({pagination:{display:"flex",alignItems:"center",justifyContent:"flex-end",height:"56px",borderTop:"1px solid rgba(0,0,0,0.12)",boxShadow:"none"},caption:{color:"rgba(0,0,0,0.6)",fontSize:"12px",lineHeight:"16px"},selectRoot:{marginLeft:"5px",marginRight:"36px"},select:{color:"rgba(0,0,0,0.6)",fontSize:"12px",lineHeight:"16px",textAlign:"right"},actions:{marginLeft:"32px"}});function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){b(e,t,n[t])}))}return e}function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const f=e=>{let{classes:t={},count:n,rowsPerPageOptions:r,page:o,onChangePage:l,rowsPerPage:d,onChangeRowsPerPage:b,basicTableRef:f,labelRowsPerPage:y}=e;const v=m(),x=(0,i.useCallback)((()=>{(0,h.pathOr)(h.identity,["current","resetScrollbarPosition"],f)()}),[f]),E=(0,i.useCallback)((e=>{l(e),x()}),[l,x]),w=(0,i.useCallback)((e=>{l(0),b(e),x()}),[l,b,x]);return a().createElement(c.TablePagination,{classes:g({},t,{root:s()(v.pagination,t.root),select:s()(v.select,t.select),caption:v.caption,selectRoot:v.selectRoot,actions:v.actions}),component:"div",labelRowsPerPage:y||u().text("Rows per page:"),labelDisplayedRows:e=>{let{from:t,to:n,count:r}=e;return u().text("${fromRow}-${toRow} of ${countRows}",{fromRow:u().number(t,"0,0"),toRow:u().number(n,"0,0"),countRows:u().number(r,"0,0")})},count:n,rowsPerPageOptions:r,page:o,onChangePage:(0,h.pipe)((0,h.nthArg)(1),E),rowsPerPage:d,onChangeRowsPerPage:(0,h.pipe)(p.NA,w)})};f.propTypes={classes:o().object,rowsPerPageOptions:o().arrayOf(o().number),count:o().number,page:o().number,onChangePage:o().func,rowsPerPage:o().number,onChangeRowsPerPage:o().func,basicTableRef:o().shape({current:o().object}),labelRowsPerPage:o().string};const y=a().memo(f)},10237:(e,t,n)=>{n.d(t,{Z:()=>h});var r=n(27556),o=n(13980),i=n.n(o),a=n(24328),l=n.n(a);function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){c(e,t,n[t])}))}return e}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const d=(0,n(79692).Z)((e=>({"basic-view__paper":s({display:"flex",flexDirection:"column"},e.basicView)})));function u(){return u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}const p=(0,a.forwardRef)(((e,t)=>{let{children:n,className:o}=e,i=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["children","className"]);const a=d();return l().createElement(r.Z,u({ref:t,className:o,classes:{root:a["basic-view__paper"]}},i),n)}));p.displayName="BasicView",p.propTypes={children:i().node,className:i().string};const h=p},81137:(e,t,n)=>{n.d(t,{Z:()=>c});var r=n(24328),o=n.n(r),i=n(87918),a=n.n(i),l=n(94079);const s=(0,n(79692).Z)({paper:{minHeight:"180px"},title:{padding:"16px 16px 10px 16px",fontSize:"20px",fontWeight:500,letterSpacing:"0.25px",lineHeight:"24px"},content:{padding:"0 16px"},contentText:{marginBottom:0,fontSize:"16px",letterSpacing:"0.15px",lineHeight:"24px"},actionButtons:{display:"flex",paddingTop:"4px",fontSize:"14px",fontWeight:500,letterSpacing:0,lineHeight:"16px","& > div":{marginLeft:"auto"}},discardButton:{marginRight:"8px"}}),c=e=>{let{open:t,title:n,content:r,onCancel:i,cancelCaption:c=a().text("Cancel"),onDiscard:d,discardCaption:u="",onSave:p,saveCaption:h=a().text("Save"),disabledSave:m=!1}=e;const g=s();return o().createElement(l.Dialog,{open:t,onClose:i,classes:{paperScrollPaper:g.paper}},o().createElement(l.DialogTitle,{classes:{root:g.title}},n),o().createElement(l.DialogContent,{classes:{root:g.content}},o().createElement(l.DialogContentText,{classes:{root:g.contentText}},r)),o().createElement(l.DialogActions,{className:g.actionButtons,disableSpacing:!0},i&&o().createElement(l.Button,{onClick:i},c),o().createElement("div",null,d&&o().createElement(l.Button,{onClick:d,classes:{root:g.discardButton}},u),o().createElement(l.Button,{onClick:p,color:"primary",disabled:m,autoFocus:!0},h))))}},14363:(e,t,n)=>{n.d(t,{n:()=>y});const r=(0,n(79692).Z)({item:{marginBottom:"16px"},dense:{marginBottom:0}});var o=n(20562),i=n(24328),a=n.n(i),l=n(52730),s=n(59431),c=n(74489),d=n(91262),u=n(71153),p=n.n(u),h=n(17440),m=n(7154),g=n(26579),b=n(81077);function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const y=e=>{let{connection:t,relatedEntity:n,inRelationTypes:u=[],outRelationTypes:y=[],showEmptyEditors:v,entityErrorMessage:x,onChangeAttribute:E,onRemoveAttribute:w,onAddAttributes:C,onChangeRelationType:R,onChangeEntity:T}=e;const S=r(),{relation:O,entity:P}=t,{attributes:L,uri:N,type:_="",direction:A}=O||{},I=Boolean(_),k=(0,l.useSelector)(s.ZP.selectors.getMetadata),j=(0,i.useMemo)((()=>O&&function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){f(e,t,n[t])}))}return e}({attributes:L},(0,c.p2l)(O))),[O,L]),U=(0,i.useMemo)((()=>(0,c.xF8)(k,_)),[_,k]),D=(0,i.useMemo)((()=>I?(0,c.jWj)(A===c.Nsj.OUT,k,[(0,c.V3K)(k,_)]):(0,h.uniq)((0,c.jWj)(!0,k,y).concat((0,c.jWj)(!1,k,u)))),[I,_,k,u,y]),z=(0,l.useSelector)((e=>s.ZP.selectors.getGlobalSearchRequestOptions(e,["ovOnly"]))),Z=(0,i.useMemo)((()=>O&&{relationType:O.type,direction:O.direction}),[O]),B=(0,i.useMemo)((()=>P&&{entityUri:P.uri,entityType:P.type,entityLabel:(0,c.idV)(P.label)}),[P]),M=(0,i.useMemo)((()=>P&&P.uri?u.filter((0,c.eHk)(!1,P,n,k)):u),[P,u,n,k]),F=(0,i.useMemo)((()=>P&&P.uri?y.filter((0,c.eHk)(!0,P,n,k)):y),[P,y,n,k]);(0,i.useEffect)((()=>{const{type:e,direction:t}=(0,c.z7d)(u,y)||{};!_&&e&&R&&R({type:e.uri,direction:t})}),[_,u,y,R]),(0,o.D)((()=>{const{type:e,direction:t}=(0,c.z7d)(M,F)||{};!_&&e&&R({type:e.uri,direction:t})}),[_,P,M,F,T]);const G=(0,i.useCallback)((e=>{let{type:t,direction:n}=e;R({type:t.uri,direction:n})}),[R]);return a().createElement(a().Fragment,null,R&&a().createElement(m.Z,{className:S.item,relation:Z,metadata:k,inRelationTypes:u,outRelationTypes:y,onChange:G}),T&&a().createElement(g.Z,{errorMessage:x,className:S.item},a().createElement(b.Z,{key:_,className:p()({[S.dense]:x}),entity:B||{},entityTypesUris:D,max:20,globalSearchRequestOptions:z,mode:c.fO_.EDITING,onChange:T,onCreate:void 0,metadata:k,attributeTypesSelectionStrategy:void 0})),_&&a().createElement(d.Z,{attrTypes:U,entity:j,showEmptyEditors:v,mode:c.fO_.EDITING,parentUri:N,onAddAttributes:C,onChangeAttribute:E,onDeleteAttribute:w}))}},68439:(e,t,n)=>{n.d(t,{Z:()=>h});var r=n(24328),o=n.n(r),i=n(52730),a=n(71153),l=n.n(a),s=n(94079),c=n(74489),d=n(59431),u=n(88611);const p=(0,n(79692).Z)({"entityType-overflow":{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},"entityType-small":{padding:"1px 4px",fontSize:"10px",lineHeight:"normal",marginRight:"12px",borderRadius:"2px",flexShrink:0},"entityType-medium":{padding:"2px 8px 3px",borderRadius:"2px",fontSize:"13px",fontWeight:500,lineHeight:"15px",marginRight:"16px",flexShrink:0}}),h=e=>{let{entity:t,className:n,size:r="small"}=e;const a=p(),h=(0,i.useSelector)(d.ZP.selectors.getMetadata),m=t.type,g=(0,c.nt9)(h,m)||{},b=(0,c.VD3)(h,g,"typeColor")||c.rSc.palette.primary.main,f=(0,c.jFi)(h,t);return o().createElement(u.C,{value:f,placement:"top"},o().createElement(s.Typography,{style:{backgroundColor:b,color:c.P6Y.Colors.getColor(b)?"#FFFFFF":"#212121"},className:l()(a[`entityType-${r}`],a["entityType-overflow"],n),component:"div"},f))}},59725:(e,t,n)=>{n.d(t,{Q:()=>c});var r=n(24328),o=n.n(r),i=n(87918),a=n.n(i),l=n(74489),s=n(42520);const c=(0,r.memo)((e=>{let{entityTypes:t,selectedEntityTypes:n,single:i,placeholder:c,enableEmptyValueUnderline:d,onChange:u,classes:p={},ListLabelProps:h={},disabled:m=!1}=e;const g=(0,r.useMemo)((()=>t.filter(l.oDv)),[t]);return o().createElement(s.S,{items:g,selectedItemsUris:n,single:i,placeholder:c,enableEmptyValueUnderline:d,onChange:u,classes:p,ListLabelProps:h,disabled:m,label:a().text("Entity type"),dataReltioId:"entity-type-selector",selectionPopupTitle:a().text("Select entity types")})}));c.displayName="EntityTypesSelector"},93416:(e,t,n)=>{n.d(t,{Z:()=>c});var r=n(24328),o=n.n(r),i=n(71153),a=n.n(i),l=n(92778);const s=(0,n(79692).Z)({container:{padding:"0 16px",minHeight:"48px"},title:{fontSize:"16px",lineHeight:"19px",paddingTop:"16px",paddingBottom:"13px",justifyContent:"flex-start"}}),c=e=>{let{className:t,title:n,children:r}=e;const i=s();return o().createElement(l.Z,{title:n,classes:{root:a()(i.container,t),title:i.title}},r)}},42520:(e,t,n)=>{n.d(t,{S:()=>N});var r=n(24328),o=n.n(r),i=n(71153),a=n.n(i),l=n(17440),s=n(74489),c=n(94079),d=n(83543),u=n(79692);const p=(0,u.Z)({listLabelContainer:{display:"flex",alignItems:"center",position:"relative",overflow:"hidden",whiteSpace:"nowrap",justifyContent:"space-between",height:"100%",width:"100%"},listLabel:{visibility:"hidden",position:"absolute",overflow:"hidden"},visibleItemsLabel:{textOverflow:"ellipsis",marginRight:"5px",overflow:"hidden",flex:1,flexBasis:"auto"},hiddenCount:{color:"rgba(0,0,0,0.87)",fontSize:"13px",lineHeight:"15px",padding:"5px 8px",borderRadius:"16px",backgroundColor:"rgba(0,0,0,.12)"}}),h=(e,t)=>{const{childNodes:n,clientLeft:r,clientWidth:o}=t;if(n.length>0){const[t]=Array.from(n),i=document.createRange();i.setStart(t,0);for(let n=0;n<e.length;n++){i.setEnd(t,i.endOffset+e[n].length);const{width:a}=i.getBoundingClientRect();if(r+a>o)return n;n!==e.length-1&&i.setEnd(t,i.endOffset+", ".length)}}return-1},m=e=>e.join(", "),g=e=>`calc(${(0,l.isNil)(e)?"100%":`${e}px`} - 35px)`,b=e=>{let{list:t,maxWidth:n}=e;const i=p(),a=(0,r.useRef)(),[l,s]=(0,r.useState)(0);(0,r.useEffect)((()=>{s(((e,t)=>{const n=e.length,r=((e,t)=>{if(t){const n=h(e,t);return-1===n?0:e.length-n}return 0})(e,t);return n-Math.max(1,n-r)})(t,a.current))}),[t]);const d=m(t),u=l>0,b=u?m(t.slice(0,-l)):d;return o().createElement(c.Tooltip,{title:u?d:""},o().createElement("div",{className:i.listLabelContainer},o().createElement("div",{style:{width:g(n)},className:i.listLabel,ref:a},d),o().createElement("div",{className:i.visibleItemsLabel},b),u&&o().createElement("div",{className:i.hiddenCount},`+${l}`)))};var f=n(22385),y=n(97820),v=n(54763),x=n(7785),E=n(27239),w=n(44890);function C(){return C=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},C.apply(this,arguments)}const R=(0,l.always)(32),T=(0,r.memo)((e=>{let{selectedItems:t,onItemClick:n,focusIndex:r,width:i,height:a}=e,l=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["selectedItems","onItemClick","focusIndex","width","height"]);return o().createElement(w.Z,C({getItemSize:R,renderItem:(e,i,a)=>{let{item:l}=i;const s=!!t.find((e=>l.uri===e)),c=a===r;return o().createElement(x.Z,{key:l.uri,onClick:n,checked:s,data:l,label:o().createElement(E.Z,{text:l.label,highlight:l.filterText}),labelInText:l.label,style:e,isFocused:c,hideIcon:!0,LogoIcon:l.LogoIcon})},focusIndex:r,fixedTitle:!1,disableHorizontalScrollbar:!0,width:i,height:a},l))}));T.displayName="SelectMetadataTypesList";const S=(0,u.Z)({root:{borderRadius:"4px 4px 0 0",margin:0,fontSize:"14px",letterSpacing:0,lineHeight:"16px"},inputLabel:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",width:"100%",top:"calc(50% - 23px)"},inputText:{display:"flex",flexGrow:1,alignItems:"center",height:"25px",width:"calc(100% - 53px)",paddingTop:"18px",paddingBottom:"4px",color:"rgba(0,0,0,0.87)",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},input:{width:0,cursor:"pointer","&[disabled]":{backgroundColor:"transparent",cursor:"default"},"&$emptyInput":{width:"100%"}},emptyInput:{},disabledInput:{},disabledPointer:{},disabledUnderline:{},inputRoot:{flex:1,paddingRight:"4px",fontSize:"14px",letterSpacing:0,lineHeight:"16px","&$disabledInput":{backgroundColor:"rgba(0, 0, 0, 0.03)",cursor:"pointer","&$disabledPointer":{cursor:"default"},"&$disabledUnderline::before":{borderBottomStyle:"solid"}}},icon:{transform:"rotate(0deg)",transition:"transform 0.35s ease"},"popup-opened-icon":{transform:"rotate(-180deg)"}});function O(){return O=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},O.apply(this,arguments)}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){L(e,t,n[t])}))}return e}function L(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const N=(0,r.memo)((e=>{let{placeholder:t,classes:n={},items:i,selectedItemsUris:u,onChange:p,ListLabelProps:h={},disabled:m,enableEmptyValueUnderline:g,single:x,label:E,dataReltioId:w,selectionPopupTitle:C}=e;const R=S(),[L,N]=(0,r.useState)(!1),_=(0,r.useCallback)((()=>N(!0)),[]),A=(0,r.useCallback)((()=>N(!1)),[]),[I,k]=(0,r.useState)(""),j=(0,r.useCallback)((()=>k("")),[]),U=(0,r.useCallback)((0,l.pipe)(j,A),[A,j]),D=i.filter((e=>{let{label:t}=e;return s.P6Y.strings.search(t,I)})).map(((e,t)=>({item:{item:P({},e,{filterText:I})},index:t}))),z=(0,r.useMemo)((()=>u.map((e=>i.find((0,l.propEq)("uri",e)))).map((0,l.prop)("label"))),[u,i]),Z=(0,r.useCallback)(((e,t)=>{x?(p(t?[e.uri]:[]),U()):p(t?u.concat(e.uri):u.filter((t=>t!==e.uri)))}),[u,p,x,U]),B=(0,r.useCallback)((e=>{let{item:t}=e;const n=!u.includes(t.uri);Z(t,n)}),[u,Z]),{focusIndex:M,handleKeyDown:F}=(0,v.t)({items:D,open:L,onSelectFocusedItem:B,selectedItems:u,onClose:U}),G=(0,r.useRef)(),q=G.current?G.current.getBoundingClientRect().width:0,H=Math.max(q,255),V=0===u.length;return o().createElement(o().Fragment,null,o().createElement(c.TextField,{label:E,ref:G,InputProps:{startAdornment:V&&!t?null:o().createElement("div",{className:a()(R.inputText,n.inputText)},V?o().createElement("div",null,t):o().createElement(b,O({},h,{list:z}))),classes:{root:R.inputRoot,input:a()(R.input,n.input,{[R.emptyInput]:V&&!t}),disabled:a()(R.disabledInput,{[R.disabledPointer]:m}),underline:R.disabledUnderline},endAdornment:o().createElement(f.Z,{size:"L",icon:d.Z,iconClassName:a()(R.icon,{[R["popup-opened-icon"]]:L}),disabled:m}),readOnly:!0,disabled:!0,disableUnderline:V&&!g},inputProps:{tabIndex:-1},InputLabelProps:{classes:{root:a()(R.inputLabel,n.label)}},value:"",onClick:m?void 0:_,classes:{root:a()(R.root,n.root)},margin:"dense",variant:"filled",disabled:m,"data-reltio-id":w}),o().createElement(y.Z,{open:L,anchorEl:G.current,onClose:U,onSearch:k,title:C,containerWidth:H,containerHeight:355,searchInputOnKeyDown:F,transformOrigin:{horizontal:"left",vertical:"top"},anchorOrigin:{horizontal:"left",vertical:"bottom"},PaperProps:{"data-reltio-id":`${w}-popup`}},o().createElement(T,{items:D,onItemClick:Z,selectedItems:u,width:H,height:245,focusIndex:M})))}));N.displayName="MetadataTypesSelector"},64459:(e,t,n)=>{n.d(t,{Z:()=>f});var r=n(24328),o=n.n(r),i=n(71153),a=n.n(i),l=n(52730),s=n(17440),c=n(94079),d=n(87918),u=n.n(d),p=n(74489),h=n(59431),m=n(53180),g=n(68439);const b=(0,n(79692).Z)((e=>({profileBandWrapper:{flexShrink:0},profileBand:{display:"flex",padding:"16px 12px 16px 16px",alignItems:"flex-start",backgroundColor:"#fff",boxShadow:"inset 0 -1px 0 0 rgba(0,114,206,0.06), inset 0 1px 0 0 rgba(0,114,206,0.06);","&:after":{content:'""',minHeight:"inherit",fontSize:0}},inactive:{background:e.inactiveBackground},profileIcon:{marginRight:"12px"},imageProfileIcon:{width:"48px",height:"48px"},profileInfo:{display:"flex",flexDirection:"column",flex:"1 1 50%"},badge:{},label:{lineHeight:"1.2",letterSpacing:"0.25px",color:e.palette.text.primary,wordBreak:"break-word","&+ $specialInfo":{marginTop:"4px"}},secondaryLabel:{display:"inline-flex",color:e.palette.text.primary,marginTop:"2px",lineHeight:"16px",fontSize:"14px",fontWeight:400,"&+ $businessCard":{marginLeft:"12px"}},businessCard:{color:e.palette.text.secondary,display:"inline-flex",fontSize:"14px",marginTop:"4px",lineHeight:"1.2"},specialInfo:{display:"flex",justifyContent:"space-between",flexWrap:"wrap",width:"100%",marginTop:"8px"},entityType:{display:"flex",flexWrap:"wrap"},entityId:{fontSize:"13px",color:e.palette.text.secondary,whiteSpace:"nowrap",cursor:"pointer","&:hover":{textDecoration:"underline"}}}))),f=e=>{let{className:t,entity:n,children:i,classes:d}=e;const f=b({classes:d}),y=(0,l.useSelector)(h.ZP.selectors.getMetadata),v=(0,l.useSelector)(h.ZP.selectors.getShowEntityId),x=(0,r.useCallback)((()=>{navigator.clipboard.writeText((0,p.BTI)(n))}),[n]);if((0,s.isNil)(n))return null;const E=(0,p.idV)(n.label),w=n.secondaryLabel,C=(0,p.ptG)(y,n),R=(0,p.Fn9)(n),T=n.uri,S=(0,p.BTI)(n);return o().createElement("div",{className:a()(f.profileBandWrapper,t)},o().createElement("div",{className:a()(f.profileBand,{[f.inactive]:!R}),"data-entity-uri":T},o().createElement(m.Z,{key:n.uri,entity:n,avatarClassName:f.profileIcon,imageClassName:f.imageProfileIcon}),o().createElement("div",{className:f.profileInfo},o().createElement("div",null,o().createElement(c.Typography,{variant:"h6",className:f.label},E),w&&o().createElement(c.Typography,{variant:"subtitle2",className:f.secondaryLabel},w),C&&o().createElement(c.Typography,{variant:"subtitle1",className:f.businessCard},C)),o().createElement("div",{className:f.specialInfo},o().createElement("div",{className:f.entityType},o().createElement(g.Z,{entity:n,size:"medium",className:f.badge}),!(0,p.ZiX)(T)&&v&&o().createElement(c.Tooltip,{title:u().text("Copy to clipboard")},o().createElement(c.Typography,{display:"inline",variant:"body2",className:f.entityId,onClick:x},u().text("Entity ID"),": ",S))))),i&&o().createElement("div",null,i)))}},32371:(e,t,n)=>{n.d(t,{U:()=>c});var r=n(24328),o=n.n(r),i=n(87918),a=n.n(i),l=n(74489),s=n(42520);const c=(0,r.memo)((e=>{let{relationTypes:t,selectedRelationTypes:n,single:i,placeholder:c,enableEmptyValueUnderline:d,onChange:u,classes:p={},ListLabelProps:h={},disabled:m=!1}=e;const g=(0,r.useMemo)((()=>t.filter(l.Tt2)),[t]);return o().createElement(s.S,{items:g,selectedItemsUris:n,single:i,placeholder:c,enableEmptyValueUnderline:d,onChange:u,classes:p,ListLabelProps:h,disabled:m,label:a().text("Relation type"),dataReltioId:"relation-type-selector",selectionPopupTitle:a().text("Select relation types")})}));c.displayName="RelationTypesSelector"},40715:(e,t,n)=>{n.d(t,{n:()=>b});var r=n(24328),o=n.n(r),i=n(71153),a=n.n(i),l=n(74489),s=n(64459),c=n(93873),d=n(94646),u=n(3515),p=n(19603),h=n(7718),m=n(3409);const g=(0,n(79692).Z)({profileBandNavigation:{marginBottom:"10px"},comments:{display:"flex",justifyContent:"flex-end"}}),b=(0,r.memo)((e=>{let{entity:t,className:n,historySlice:i}=e;const b=g(),f=(0,r.useMemo)((()=>(0,l.L5S)(t)),[t]),y=(0,h.C)({objectIds:f}),v=(0,l.wwR)(t);return o().createElement(u.h.Provider,{value:y},o().createElement(s.Z,{className:a()(n,p.U),entity:(null==i?void 0:i.aEntity)||t},i?o().createElement(m.Z,null):o().createElement(o().Fragment,null,o().createElement(c.a,{className:b.profileBandNavigation}),o().createElement(d.Z,{className:b.comments,uri:v,relatedObjectUris:(0,l.wp9)(l.q7e.ENTITY,{entityUri:v}),objectType:l.q7e.ENTITY}))))}));b.displayName="ScreenProfileBand"},8962:(e,t,n)=>{n.d(t,{Z:()=>_});var r=n(52730),o=n(59431),i=n(24328),a=n.n(i),l=n(74489),s=n(71153),c=n.n(s),d=n(87918),u=n.n(d),p=n(94079),h=n(60995),m=n(10237),g=n(93416),b=n(80931),f=n(8261),y=n(79692);const v=(0,y.Z)({attributesContainer:{padding:"0 16px 16px 16px"},header:{marginBottom:"4px"},noCaption:{paddingTop:"16px"},noData:{fontSize:"13px",color:"rgba(0,0,0,0.54)"}}),x=(0,r.connect)((e=>({metadata:o.ZP.selectors.getMetadata(e)})))((e=>{let{className:t,entity:n={},metadata:s,caption:d="",excludeUris:y=[],includeUris:x=[],attributesCount:E=16}=e;const w=v(),C=(0,r.useSelector)(o.ZP.selectors.getPivotingAttributes),R=(0,i.useMemo)((()=>(0,f.U)(s,n.type,x,y)),[y,x,s,n.type]),T=(0,l.fyF)(R,n).filter((e=>{let{values:t}=e;return!(0,l.O27)(t)})).length>0;return T||!(0,l.O27)(d)?a().createElement(h.J.Provider,{value:C},a().createElement(m.Z,{className:t},d&&a().createElement(g.Z,{className:w.header,title:d}),a().createElement(p.Box,{className:c()(w.attributesContainer,{[w.noCaption]:!d})},T?a().createElement(b.Z,{entity:n,attrTypes:R,parentUri:n.uri,drawLines:!1,max:E}):a().createElement(p.Typography,{className:w.noData},u().text("No data found"))))):null}));var E=n(17440),w=n(91262),C=n(39450),R=n(66784);const T=(0,y.Z)({attributesContainer:{padding:"0 16px 16px 16px"},header:{marginBottom:"4px"},noCaption:{paddingTop:"16px"}});function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){O(e,t,n[t])}))}return e}function O(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const P=(0,r.connect)((e=>({metadata:o.ZP.selectors.getMetadata(e)})))((e=>{let{className:t,entity:n={},mode:s,metadata:d,caption:u="",excludeUris:h=[],includeUris:b=[],pinnedAttributes:y}=e;const v=T(),x=(0,r.useDispatch)(),O=(0,i.useContext)(C.m),P=(0,r.useSelector)(o.ZP.selectors.getUserRoles),L=(0,i.useMemo)((()=>(0,l.mC3)(y,P)),[y,P]),N=(0,r.useSelector)((e=>o.ZP.selectors.getModifiedEntity(e,n.uri)||{})),_=(0,i.useMemo)((()=>(0,f.U)(d,N.type,b,h)),[h,b,d,N.type]),A=(0,i.useCallback)((e=>(0,E.pipe)(o.N5.actions.addAttributes,x)(e.map((e=>S({},e,{viewId:O}))))),[O,x]),I=(0,i.useCallback)((e=>(0,E.pipe)(o.N5.actions.modifyAttribute,x)(S({},e,{viewId:O}))),[O,x]),k=(0,i.useCallback)((e=>(0,E.pipe)(o.N5.actions.removeAttribute,x)(S({},e,{viewId:O}))),[O,x]);return a().createElement(m.Z,{className:t},u&&a().createElement(g.Z,{className:v.header,title:u}),a().createElement(p.Box,{className:c()(v.attributesContainer,{[v.noCaption]:!u})},a().createElement(R.c.Provider,{value:L},a().createElement(w.Z,{entity:N,attrTypes:_,parentUri:N.uri,drawLines:!1,mode:s,showEmptyEditors:(0,l.ZiX)(N.uri),crosswalks:N.crosswalks,onAddAttributes:A,onChangeAttribute:I,onDeleteAttribute:k}))))}));var L=n(3185);function N(){return N=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},N.apply(this,arguments)}const _=(0,r.connect)(((e,t)=>({entity:t.entity||o.ZP.selectors.getEntityWithDiff(e),mode:t.mode||o.ZP.selectors.getMode(e)})))((e=>{let{mode:t=l.ARY.Viewing,attributesCount:n,pinnedAttributes:r,entity:o}=e,i=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["mode","attributesCount","pinnedAttributes","entity"]);return a().createElement(L.u.Provider,{value:o},(0,l.uzs)(t)?a().createElement(x,N({attributesCount:n,entity:o},i)):a().createElement(P,N({mode:t,pinnedAttributes:r,entity:o},i)))}))},78620:(e,t,n)=>{n.d(t,{R:()=>d});var r=n(24328),o=n(74489),i=n(17440),a=n(52730),l=n(59431);function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){c(e,t,n[t])}))}return e}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const d=e=>{let{connection:t,onConnectionChange:n,relatedEntity:c}=e;const d=(0,a.useSelector)(l.ZP.selectors.getMetadata),u=(0,r.useCallback)((e=>n(s({},t,{relation:e}))),[t,n]),p=(0,r.useCallback)((0,i.pipe)((0,o.zE1)(t.relation),u),[t.relation,u]),h=(0,r.useCallback)((0,i.pipe)((0,o.lIv)(t.relation),u),[t.relation,u]),m=(0,r.useCallback)((0,i.pipe)((0,o.Ilm)(t.relation),u),[t.relation,u]),g=(0,r.useCallback)((e=>{let{type:r,direction:i}=e;const a={entity:t.entity&&(0,o.eHk)(i===o.Nsj.OUT,t.entity,c,d,(0,o.V3K)(d,r))?t.entity:null,relation:s({},t.relation,{attributes:{},type:r,direction:i})};n(a)}),[t,n,c,d]);return{onAddAttributes:p,onChangeAttribute:h,onRemoveAttribute:m,onChangeEntity:(0,r.useCallback)((e=>n(s({},t,{entity:e}))),[t,n]),onChangeRelationType:g}}},59606:(e,t,n)=>{n.r(t),n.d(t,{default:()=>jn});var r=n(24328),o=n.n(r),i=n(52730),a=n(36138),l=n(585),s=n(22664),c=n(52844),d=n(59431),u=n(99136),p=n(40715),h=n(98996),m=n(17440),g=n(74489),b=n(87918),f=n.n(b),y=n(60715),v=n(35174);function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){E(e,t,n[t])}))}return e}function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const w=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];const r=t.relations.filter((e=>!n.includes(e))).filter((0,m.either)((0,m.pipe)(g.nqN,(0,m.equals)(e)),(0,m.pipe)(g.j5q,(0,m.equals)(e))));n.push(...r);const o=(0,m.pipe)(C,(0,m.without)([e]))(r);return o.forEach((e=>w(e,t,n))),n},C=e=>(0,m.pipe)((0,m.chain)((e=>[(0,g.nqN)(e),(0,g.j5q)(e)])),m.uniq)(e),R=(e,t)=>{const n=(e=>{var t;const n=new Set,r=new Set;e.entities.forEach((e=>n.add(e.uri))),((null===(t=e.relations)||void 0===t?void 0:t.filter((e=>n.has(e.startObject.objectURI)&&n.has(e.endObject.objectURI))))||[]).forEach((e=>{r.add(`${e.startObject.objectURI}--${e.endObject.objectURI}--${e.uri}--${e.type}--${e.direction}`)}));const o=e.entities.map((e=>({id:e.uri,name:e.label,entityTypeUri:e.type,traversedRelationsCount:e.traversedRelations,untraversedRelationsCount:e.untraversedRelations}))),i=[];return r.forEach((e=>{const[t,n,r,o,a]=e.split("--");i.push({from:t,to:n,key:r,relationTypeUri:o,direction:a})})),{nodes:o,edges:i}})(t);n.nodes.forEach((t=>{e.hasNode(t.id)||e.addNode(t.id,{label:(0,g.idV)(t.name),entityTypeUri:t.entityTypeUri,traversedRelationsCount:t.traversedRelationsCount,untraversedRelationsCount:t.untraversedRelationsCount,x:1,y:1})})),n.edges.forEach((t=>{const n=t.from===t.to;e.hasEdge(t.key)||e.addEdgeWithKey(t.key,t.from,t.to,{size:1,color:"rgba(0, 0, 0, 0.2)",forceLabel:n,loop:n,relationTypeUri:t.relationTypeUri,direction:t.direction})}))},T=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];const r=t.neighbors(e).filter((e=>!n.includes(e)));return n.push(...r),r.forEach((e=>T(e,t,n))),n};var S=n(85229);const O=(e,t)=>{const[n,o]=(0,r.useState)(null),a=(0,i.useDispatch)(),[l,s]=(0,r.useState)(null),[c,u]=(0,r.useState)(!1),p=null==e?void 0:e.uri,b=(0,g.biM)(e),E=(0,i.useSelector)(d.ZP.selectors.getMetadata),O=(0,S._)(),P=(0,r.useCallback)((function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return O((0,g.ZYI)({uri:e,deep:n,limitCreditsConsumption:!0,graphTypes:t?[(0,g.nIW)(t)]:null,activenessDate:null,max:t?200:3e3}))}),[t,O]);(0,r.useEffect)((()=>(!p||(0,g.ZiX)(p)||b||(u(!0),(0,g.ZYI)({uri:p,deep:t?2:1,limitCreditsConsumption:!0,graphTypes:t?[(0,g.nIW)(t)]:null,activenessDate:null,max:t?200:3e3}).then((e=>{const t=new h.MultiGraph;R(t,e),o(t),s(e)})).catch((e=>{console.error(e),s(null),a(d.ui.actions.errorSet((0,g.xU7)(e,f().text("Something went wrong"))))})).finally((()=>{u(!1)}))),()=>{o(null),s(null),u(!1)})),[p,b,a,t]);const L=(0,r.useCallback)((async e=>{let{startEntityUri:t,endEntityUri:r,relationType:o,attributes:i,startDate:c,endDate:h}=e;try{var b;u(!0);const e=await(0,g.DsR)({startEntityUri:t,endEntityUri:r,relationType:o,attributes:i,startDate:c,endDate:h});if(null==e||null===(b=e[0])||void 0===b||!b.successful)throw null==e?void 0:e[0];const a=e[0].object,d=t===p?a.endObject.objectURI:a.startObject.objectURI,f=await(0,g.HvW)(d,{select:"label"});t===p?a.endObject.label=f.label:a.startObject.label=f.label;const y=((e,t,n)=>{const r=t.startObject.objectURI,o=t.endObject.objectURI,i=[r,o],a=e.entities.map((0,m.prop)("uri")),l=(0,g.V3K)(n,t.type),s=i.find((e=>!(0,m.includes)(e,a))),c=s&&(t.startObject.objectURI===s?t.startObject:t.endObject),d=c&&{type:c.type,label:c.label,uri:c.objectURI,traversedRelations:0,untraversedRelations:1},u=x({},(0,m.pick)(["uri","type","attributes","startDate","endDate","crosswalks","direction"],t),{startObject:(0,m.pick)(["objectURI","directionalLabel"],t.startObject),endObject:(0,m.pick)(["objectURI","directionalLabel"],t.endObject),direction:null==l?void 0:l.direction});return{entities:(d?e.entities.concat([d]):e.entities).map((e=>e.uri===r||e.uri===o?x({},e,{traversedRelations:e.traversedRelations+1}):e)),relations:(e.relations||[]).concat([u])}})(l,a,E);R(n,y);const v=[a.startObject.objectURI,a.endObject.objectURI],w=l.entities.map((0,m.prop)("uri"));v.forEach((e=>{if(w.includes(e)){const t=n.getNodeAttribute(e,"traversedRelationsCount");n.setNodeAttribute(e,"traversedRelationsCount",t+1)}})),s(y)}catch(e){throw a(d.ui.actions.errorSet((0,g.xU7)(e,f().text("Something went wrong")))),e}finally{u(!1)}}),[a,l,n,E]),N=(0,r.useCallback)((e=>{u(!0),(0,g.VGk)(e).then((()=>{n.extremities(e).forEach((e=>{const t=n.getNodeAttribute(e,"traversedRelationsCount");n.setNodeAttribute(e,"traversedRelationsCount",t-1)})),n.dropEdge(e);const{updatedData:t,removedEntitiesUris:r}=((e,t,n,r)=>{const o=r.relations.find((0,m.propEq)("uri",t)),i=(0,g.nqN)(o),a=(0,g.j5q)(o),l=(0,v.toUndirected)(n),s=(0,m.cond)([[()=>!(0,y.Ar)(l,e,i),(0,m.always)(i)],[()=>!(0,y.Ar)(l,e,a),(0,m.always)(a)],[m.T,(0,m.always)(null)]])(),c=(0,m.evolve)({entities:(0,m.map)((e=>e.uri===i||e.uri===a?x({},e,{traversedRelations:e.traversedRelations-1}):e)),relations:(0,m.reject)((0,m.propEq)("uri",t))})(r),{updatedData:d,removedEntitiesUris:u}=s?((e,t)=>{const n=w(e,t),r=(0,m.pipe)(C,(0,m.append)(e),m.uniq)(n);return{updatedData:(0,m.evolve)({relations:(0,m.reject)((e=>n.includes(e))),entities:(0,m.reject)((e=>r.includes(e.uri)))})(t),removedEntitiesUris:r}})(s,c):{updatedData:c,removedEntitiesUris:[]};return{updatedData:d,removedEntitiesUris:u}})(p,e,n,l);((e,t)=>{(t||[]).forEach((t=>{e.dropNode(t)}))})(n,r),s(t)})).catch((e=>{a(d.ui.actions.errorSet((0,g.xU7)(e,f().text("Something went wrong"))))})).finally((()=>{u(!1)}))}),[a,n,p,l]),_=(0,r.useCallback)(((e,t)=>{const{nodes:r=[]}=t,o=(0,m.difference)(n.neighbors(e),r);((e,t,n,r)=>{const o=(0,v.toUndirected)(r),i=(e,t)=>{o.filterEdges(e,t,(e=>!!e)).forEach((e=>o.dropEdge(e)))};n.forEach((e=>{i(t,e),o.forEachNeighbor(e,(t=>{i(e,t)}))}));const a=[];return o.nodes().forEach((t=>{((e,t,n)=>(0,y.Ar)(e,t,n)?null:n)(o,e,t)&&a.push(t)})),(0,m.uniq)(a.reduce(((e,t)=>T(t,o,e)),[...a]))})(p,e,o,n).forEach((t=>{t!==p&&t!==e&&n.setNodeAttribute(t,"hidden",!0)}))}),[p,n]),A=(0,r.useCallback)((e=>{if(e&&!(0,g.ZiX)(e)&&!b){const t=n.getNodeAttribute(e,"untraversedRelationsCount");n.neighbors(e).forEach((e=>{n.setNodeAttribute(e,"hidden",!1)})),t>0&&(u(!0),P(e).then((t=>{const r=((e,t,n)=>{const{entities:r=[],relations:o=[]}=t;return{entities:r.reduce(((e,t)=>{if(e.some((e=>{let{uri:n}=e;return n===t.uri}))){if(t.uri===n){const r=e.findIndex((e=>{let{uri:t}=e;return t===n}));e[r]=x({},e[r],{traversedRelations:t.traversedRelations,untraversedRelations:t.untraversedRelations})}}else e.push(t);return e}),[...e.entities||[]]),relations:o.reduce(((e,t)=>(e.some((e=>{let{uri:n}=e;return n===t.uri}))||e.push(t),e)),[...e.relations||[]])}})(l,t,e);R(n,t);const o=t.entities.find((t=>t.uri===e));n.setNodeAttribute(e,"untraversedRelationsCount",o.untraversedRelations),n.setNodeAttribute(e,"traversedRelationsCount",o.traversedRelations),s(r)})).catch((e=>{console.error(e),a(d.ui.actions.errorSet((0,g.xU7)(e,f().text("Something went wrong"))))})).finally((()=>{u(!1)})))}}),[l,a,n,b,P]);return{graphLoading:c,data:l,graphologyGraph:n,onAddRelation:L,onDeleteRelation:N,onCollapseEntity:_,onExpandEntity:A}};function P(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const L=(e,t)=>{const n=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){P(e,t,n[t])}))}return e}({},e,{[null==t?void 0:t.uri]:t}),r=Object.keys(n);return r.length>50&&delete n[r[0]],n},N=[25,50,100];function _(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const A=(e,t,n)=>{const{startObject:r,endObject:o,type:i}=t,{directionalLabel:a}=(0,g.nqN)(t)===n?r:o;return a||(0,g.Lmx)(e,i)},I=e=>{let{data:t,selectedEntityUri:n,mainEntityUri:o,graphTypeUri:a}=e;const[l,s]=(0,r.useState)({field:"",order:"asc"}),[c,u]=(0,r.useState)(0),[p,h]=(0,r.useState)(N[0]),[b,y]=(0,r.useState)([]),[v,x]=(0,r.useState)(!1),E=(0,i.useDispatch)(),w=(0,i.useSelector)(d.ZP.selectors.getMetadata),C=(0,r.useMemo)((()=>{const e=(null==t?void 0:t.entities)||[];return(0,m.zipObj)(e.map((0,m.prop)("uri")),e)}),[null==t?void 0:t.entities]),R=(0,r.useMemo)((()=>(0,m.pipe)((0,m.filter)((0,m.either)((0,m.pipe)(g.nqN,(0,m.equals)(n)),(0,m.pipe)(g.j5q,(0,m.equals)(n)))),(0,m.uniqBy)((0,m.prop)("uri")),(0,m.map)((e=>{const t=C[((e,t)=>{const n=(0,g.nqN)(t),r=(0,g.j5q)(t);return n===e?r:n})(n,e)];return{relation:e,entity:t,entityLabel:(0,g.idV)(t.label),entityTypeLabel:(0,g.jFi)(w,t),relationTypeLabel:A(w,e,t.uri)}})))((null==t?void 0:t.relations)||[])),[t,n,C,w]),{searchText:T,onChangeSearchText:S,filters:O,onFilter:P,relationTypesOptions:L,entityTypesOptions:I}=(e=>{const[t,n]=(0,r.useState)(""),[o,a]=(0,r.useState)({entityTypesUris:[],relationTypesUris:[]}),l=(0,i.useSelector)(d.ZP.selectors.getMetadata),s=(0,r.useMemo)((()=>(0,m.pipe)((0,m.map)((e=>{let{entity:t}=e;return t.type})),(0,m.concat)(m.__,o.entityTypesUris),m.uniq,(0,m.map)((0,g.nt9)(l)))(e)),[e,l,o.entityTypesUris]),c=(0,r.useMemo)((()=>(0,m.pipe)((0,m.map)((e=>{let{relation:t}=e;return t.type})),(0,m.concat)(m.__,o.relationTypesUris),m.uniq,(0,m.map)((0,g.V3K)(l)))(e)),[e,l,o.relationTypesUris]);return{searchText:t,onChangeSearchText:n,filters:o,onFilter:a,entityTypesOptions:s,relationTypesOptions:c}})(R),k=(0,r.useMemo)((()=>(0,m.pipe)((0,m.filter)((e=>{let{entityLabel:t,entity:n,relation:r}=e;const{entityTypesUris:o,relationTypesUris:i}=O;return g.P6Y.strings.search(t,T)&&(0,m.ifElse)((0,m.prop)("length"),(0,m.includes)(r.type),m.T)(i)&&(0,m.ifElse)((0,m.prop)("length"),(0,m.includes)(n.type),m.T)(o)})),l.field?(0,m.sort)(((e,t)=>g.P6Y.strings.sort(l.order,e[l.field],t[l.field]))):m.identity)(R)),[R,l,T,O]),j=(0,r.useMemo)((()=>k.slice(c*p,c*p+p)),[k,c,p]),U=(0,r.useCallback)((e=>{x(!0),(0,g._vs)(e).then((e=>{y((t=>[...t,{initialRelation:e,relation:e}]))})).catch((e=>{E(d.ui.actions.errorSet((0,g.xU7)(e,f().text("Can't load relationship's attributes"))))})).finally((()=>x(!1)))}),[E]),D=(0,r.useCallback)((e=>{y((t=>t.map((t=>t.relation.uri===e.uri?function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){_(e,t,n[t])}))}return e}({},t,{relation:e}):t))))}),[]);(0,r.useEffect)((()=>{u(0),S("")}),[n,a,S,P]),(0,r.useEffect)((()=>{P({entityTypesUris:[],relationTypesUris:[]})}),[a,o,P]),(0,r.useEffect)((()=>{u(0)}),[l,T,O]);const z=(0,r.useCallback)((e=>{y((t=>t.filter((t=>t.relation.uri!==e))))}),[]),Z=(0,r.useCallback)(((e,t)=>{x(!0),(0,g.HH7)({oldRelation:e,newRelation:t}).then((()=>{z(t.uri)})).catch((e=>{E(d.ui.actions.errorSet((0,g.xU7)(e,f().text("Can't edit relationship"))))})).finally((()=>x(!1)))}),[z,E]);return{rowsData:j,onSort:s,sorting:l,searchText:T,onChangeSearchText:S,filters:O,onFilter:P,entityTypesOptions:I,relationTypesOptions:L,editingRelations:b,onStartRelationEditing:U,onCancelRelationEditing:z,onUpdateEditingRelation:D,total:k.length,page:c,rowsPerPage:p,onPageChange:u,onRowsPerPageChange:h,onSaveEditingRelation:Z,loading:v}},k=o().createContext({graphLoading:!1,data:null,graphologyGraph:null,selectedEntityLoading:!1,selectedEntity:null,onEntitySelect:()=>{},relationshipTable:{},onCollapseEntity:()=>{},onExpandEntity:()=>{}});k.displayName="GraphStateContext";var j=n(52043),U=n(39827),D=n(82726),z=n(79692);const Z=(0,z.Z)({wrapper:{display:"flex",overflow:"hidden",marginLeft:"auto",flexShrink:0}});function B(){return B=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},B.apply(this,arguments)}const M=e=>{let{styles:t={}}=e,n=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["styles"]);return o().createElement("svg",B({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 7v2h2V7H6zm0 4v2h2v-2H6zm0 4v2h2v-2H6zm4-8v2h8V7h-8zm10-2v5.02a6.52 6.52 0 012 2.01V3H2v18h11.028a6.52 6.52 0 01-2.009-2H4V5h16zm-9.503 8a6.497 6.497 0 011.31-2H10v2h.497zM10 15.5c0-.168.006-.335.019-.5H10v.5zm0 0c0 .516.06 1.018.173 1.5H10v-1.5zm10.3 2.39L23.42 21 22 22.42l-3.12-3.12c-.69.44-1.51.7-2.39.7-2.48 0-4.49-2.01-4.49-4.5s2.01-4.5 4.5-4.5 4.5 2.01 4.5 4.5c0 .88-.26 1.69-.7 2.39zm-3.8.11a2.5 2.5 0 000-5 2.5 2.5 0 000 5z",fill:"currentColor"}))};var F=n(64459),G=n(48852);const q=(0,G.l)(k,(0,m.pick)(["selectedEntity"]),(e=>{let{selectedEntity:t}=e;return o().createElement(F.Z,{entity:t})}));var H=n(8962);const V=(0,z.Z)({noShadowBlock:{boxShadow:"none"},wrapper:{position:"relative",paddingRight:"1px",overflow:"auto"}}),W=(0,G.l)(k,(0,m.pick)(["selectedEntity","selectedEntityLoading"]),(e=>{let{selectedEntity:t,selectedEntityLoading:n}=e;const r=V();return o().createElement("div",{className:r.wrapper},n&&o().createElement(u.Z,null),o().createElement(H.Z,{entity:t,caption:f().text("Entity details"),className:r.noShadowBlock}))}));var Y=n(94079),X=n(58662),$=n(71153),K=n.n($),Q=n(44443),J=n(30739),ee=n(31276);const te="1px solid rgba(0, 0, 0, 0.05)",ne=(0,z.Z)({table:{flex:1,height:"100%",display:"flex",flexDirection:"column",overflow:"hidden"},tableBody:{height:"100%",overflow:"auto"},tableBodyWrapper:{height:"100%",overflow:"hidden"},tableRowWrapper:{borderBottom:te},tableRow:{display:"flex",alignItems:"center","& > div":{flexShrink:0}},editingRow:{paddingTop:"8px",paddingBottom:"8px"},headRow:{borderBottom:te}});function re(){return re=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},re.apply(this,arguments)}const oe=(0,r.memo)((e=>{let{columnsData:t,sorting:n,onSort:r}=e;const i=ne();return o().createElement("div",{className:K()(i.tableRow,i.headRow)},t.map((e=>{const{id:t,sortable:i,headCellRenderer:a,columnClassName:l}=e,s=a,c=i?{sortField:n.field,sortOrder:n.order,sortHandler:()=>{r({field:t,order:n.field===t?(0,ee.Dh)(n.order):"asc"})}}:{};return o().createElement("div",{key:t,className:l},o().createElement(s,re({headCellData:e},c)))})))})),ie=(0,r.forwardRef)(((e,t)=>{let{classes:n,columnsData:i,rowsData:a,sorting:l,onSort:s,getRowKey:c,ExpandedRowRenderer:d,defaultRowHeight:u}=e;const p=ne(),[h,m]=(0,r.useState)({width:0,height:0}),g=(0,r.useCallback)((e=>{let{data:t,index:r}=e;const a=t[r];return o().createElement("div",{className:K()(p.tableRowWrapper,null==n?void 0:n.tableRowWrapper)},o().createElement("div",{className:K()(p.tableRow,null==n?void 0:n.tableRow,{[p.editingRow]:a.expanded})},i.map((e=>{let{id:t,rowCellValueRenderer:n,columnClassName:r}=e;const i=n;return o().createElement("div",{key:t,className:r},o().createElement(i,{value:a[t],rowValue:a}))}))),a.expanded&&d&&o().createElement(d,{open:a.expanded,rowValue:a}))}),[i,d]),b=(0,r.useCallback)(((e,t)=>{m({width:e,height:t})}),[]),f=(0,r.useRef)(null);return(0,r.useImperativeHandle)(t,(()=>({resetScrollbarPosition:()=>{var e;null===(e=f.current)||void 0===e||e.scrollTo(0)}}))),o().createElement("div",{className:p.table},o().createElement(oe,{columnsData:i,sorting:l,onSort:s}),o().createElement("div",{className:p.tableBodyWrapper},o().createElement(Q.Z,{handleHeight:!0,handleWidth:!0,onResize:b}),o().createElement("div",{className:p.tableBody},o().createElement(J.Z,{listRef:f,width:h.width,height:h.height,data:a,defaultItemSize:u,itemKey:c,showNotMeasuredItems:!0},g))))})),ae=(0,r.memo)(ie);var le=n(92332),se=n(88611);const ce="rgba(238, 238, 238, 1)",de=(0,z.Z)({tableWithPagination:{flex:1,overflow:"hidden",paddingRight:"1px",display:"flex",flexDirection:"column"},tableContainer:{flex:1,overflow:"hidden"},profileColumn:{width:"200px"},relationshipTypeColumn:{width:"130px"},entityTypeColumn:{width:"140px"},row:{position:"relative","&:hover":{background:ce}}});function ue(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const pe={content:'""',position:"absolute",right:0,top:0,width:"40px",height:"100%",background:"linear-gradient(to right, rgba(255, 255, 255, 0.2), #fff 100%)",pointerEvents:"none"},he=".collapsibleTableRow:hover &",me=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){ue(e,t,n[t])}))}return e}({},pe,{[he]:{background:`linear-gradient(to right, rgba(238, 238, 238, 0), ${ce} 100%)`}}),ge=(0,z.Z)((e=>({headCell:{position:"relative",display:"flex",alignItems:"center",height:"33px",padding:"6px 0 6px 16px","&>div":{flexDirection:"row"},"&>div>span[role=button]":{width:"calc(100% + 49px)"}},headLabel:{color:e.palette.text.primary,fontSize:"12px",fontWeight:500,lineHeight:"16px",whiteSpace:"nowrap",overflow:"hidden","&:after":pe},defaultCell:{position:"relative",color:e.palette.text.primary,fontSize:"13px",fontWeight:"normal",lineHeight:"15px",whiteSpace:"nowrap",overflow:"hidden",display:"flex",alignItems:"center",height:"100%",padding:"6px 16px","&:after":me},clickable:{cursor:"pointer"},profileCell:{paddingTop:"3px",paddingBottom:"4px"},controlsCell:{position:"absolute",display:"flex",alignItems:"center",height:"100%",flexShrink:0,top:0,right:"9px",visibility:"hidden",[he]:{visibility:"visible",background:ce}},editingMode:{visibility:"visible"},hidden:{visibility:"hidden"},editButton:{marginRight:"7px"},entityAvatar:{width:"20px",height:"20px",marginRight:"8px"},actionButtons:{display:"flex",justifyContent:"flex-end",margin:"0 8px 10px","& > button":{fontSize:"14px",lineHeight:"16px",marginLeft:"8px",padding:"10px 8px",backgroundColor:"rgba(98, 2, 238, 0)"}},expandedRow:{padding:"0 16px 6px",fontSize:"13px"}})));function be(){return be=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},be.apply(this,arguments)}function fe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){ye(e,t,n[t])}))}return e}function ye(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const ve=e=>{let{className:t,headCellData:n}=e,r=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["className","headCellData"]);const i=ge();return o().createElement("div",{className:K()(i.headCell,t)},o().createElement(le.default,be({},r,{headCellData:fe({},n,{label:o().createElement(se.C,{value:n.label},o().createElement("div",{className:i.headLabel},n.label))})})))},xe=(0,r.memo)((e=>{let{value:t="",tooltip:n,onClick:r,className:i}=e;const a=ge();return n=n||t,o().createElement(se.C,{value:n},o().createElement("div",{className:K()(a.defaultCell,i,{[a.clickable]:!!r}),onClick:r},t))}));var Ee=n(53180);const we=(0,G.l)(k,(e=>{let{onEntitySelect:t}=e;return{onClick:t}}),(e=>{let{value:t,rowValue:{entity:n},className:r,onClick:i}=e;const a=ge(),l=o().createElement(o().Fragment,null,o().createElement(Ee.Z,{entity:n,avatarClassName:a.entityAvatar}),t);return o().createElement(xe,{value:l,tooltip:t,className:K()(a.profileCell,r),onClick:()=>i(n.uri)})}));var Ce=n(78620),Re=n(14363);const Te=(0,G.l)(k,((e,t)=>{let{relationshipTable:n}=e;return{editingRelationObject:n.editingRelations.find((e=>{var n;return e.initialRelation.uri===(null==t||null===(n=t.rowValue.relation)||void 0===n?void 0:n.uri)})),onUpdateEditingRelation:n.onUpdateEditingRelation,onCancelRelationEditing:n.onCancelRelationEditing,onSaveEditingRelation:n.onSaveEditingRelation}}),(e=>{let{open:t,editingRelationObject:n,onUpdateEditingRelation:a,onCancelRelationEditing:l,onSaveEditingRelation:s}=e;const c=(0,i.useDispatch)(),u=(0,i.useSelector)(d.ZP.selectors.getMetadata),{relation:p,initialRelation:h}=n,b=(0,r.useMemo)((()=>!(0,m.equals)(h,p)),[p,h]),y=ge(),v=(0,r.useCallback)((e=>{let{relation:t}=e;return a(t)}),[a]),x=(0,r.useCallback)((()=>l(p.uri)),[l,p.uri]),E=(0,r.useMemo)((()=>({relation:p})),[p]),{onAddAttributes:w,onChangeAttribute:C,onRemoveAttribute:R}=(0,Ce.R)({connection:E,onConnectionChange:v});return t?o().createElement("div",{className:y.expandedRow},o().createElement(Re.n,{connection:E,onAddAttributes:w,onChangeAttribute:C,onRemoveAttribute:R}),o().createElement("div",{className:y.actionButtons},o().createElement(Y.Button,{onClick:x},f().text("Cancel")),o().createElement(Y.Button,{color:"primary",disabled:!b,onClick:()=>{(e=>{const t=(0,g.xkB)(u,{relation:{object:e}});return c(d.N5.errors.actions.errorsSet(t)),0===t.length})(p)&&s(h,p)}},f().text("Save")))):null}));var Se=n(8818),Oe=n(27604),Pe=n(22983),Le=n(81137);const Ne=(0,G.l)(k,(0,m.pick)(["onDeleteRelation"]),(e=>{let{uri:t,open:n,onClose:r,onDeleteRelation:i}=e;return o().createElement(Le.Z,{open:n,title:f().text("Do you want to make a clean break?"),content:f().text("To end this relationship, click Delete Relationship. To keep the connection, click Cancel."),saveCaption:f().text("Delete relationship"),discardCaption:f().text("Cancel"),onDiscard:r,onSave:()=>{i(t),r()}})})),_e=(0,r.memo)((e=>{let{uri:t}=e;const[n,i]=(0,r.useState)(!1),a=(0,r.useCallback)((()=>i(!0)),[]),l=(0,r.useCallback)((()=>i(!1)),[]);return o().createElement(o().Fragment,null,o().createElement(Se.k,{icon:Pe.Z,size:"XXS",tooltipTitle:f().text("Delete"),"data-reltio-id":"reltio-delete-relation-button",onClick:a}),o().createElement(Ne,{open:n,onClose:l,uri:t}))}));_e.displayName="DeleteRelationButton";const Ae=_e,Ie=(0,G.l)(k,((e,t)=>{let{relationshipTable:{onStartRelationEditing:n,editingRelations:r}}=e;return{onEdit:n,isEditing:r.some((e=>{var n;return e.initialRelation.uri===(null==t||null===(n=t.rowValue.relation)||void 0===n?void 0:n.uri)}))}}),(e=>{let{rowValue:{relation:{uri:t,type:n}},className:r,onEdit:a,isEditing:l}=e;const s=ge(),c=(0,i.useSelector)(d.ZP.selectors.getMetadata),u=(0,g.V3K)(c,n),p=(0,g.Z5t)(g.ARY.Editing,u),h=(0,g.Edd)(g.ARY.Editing,u);return o().createElement("div",{className:K()(s.controlsCell,r,{[s.editingMode]:l})},p&&o().createElement(Se.k,{className:K()(s.editButton,{[s.hidden]:l}),icon:Oe.Z,size:"XXS",tooltipTitle:f().text("Edit"),"data-reltio-id":"reltio-edit-relationship-button",onClick:()=>a(t)}),h&&o().createElement(Ae,{uri:t}))}));function ke(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){je(e,t,n[t])}))}return e}function je(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const Ue=(e,t)=>t[e].relation.uri||`${e}`,De=(0,G.l)(k,(e=>{let{relationshipTable:t}=e;return ke({},t)}),(e=>{let{rowsData:t,sorting:n,onSort:i,total:a,page:l,rowsPerPage:s,onPageChange:c,onRowsPerPageChange:d,editingRelations:p,loading:h}=e;const m=de(),g=(0,r.useMemo)((()=>[{id:"entityLabel",label:f().text("Profile"),headCellRenderer:ve,rowCellValueRenderer:we,sortable:!0,columnClassName:m.profileColumn},{id:"relationTypeLabel",label:f().text("Relationship type"),headCellRenderer:ve,rowCellValueRenderer:xe,sortable:!0,columnClassName:m.relationshipTypeColumn},{id:"entityTypeLabel",label:f().text("Entity Type"),headCellRenderer:ve,rowCellValueRenderer:xe,sortable:!0,columnClassName:m.entityTypeColumn},{id:"controls",label:"",headCellRenderer:ve,rowCellValueRenderer:Ie}]),[m]),b=(0,r.useRef)(null);(0,r.useEffect)((()=>{var e;null===(e=b.current)||void 0===e||e.resetScrollbarPosition()}),[t]);const y=(0,r.useMemo)((()=>t.map((e=>null!=p&&p.some((t=>{var n;return t.initialRelation.uri===(null==e||null===(n=e.relation)||void 0===n?void 0:n.uri)}))?ke({},e,{expanded:!0}):e))),[t,p]),v=(0,r.useMemo)((()=>({tableRow:K()(m.row,"collapsibleTableRow")})),[m]);return o().createElement("div",{className:m.tableWithPagination},o().createElement("div",{className:m.tableContainer},o().createElement(ae,{ref:b,columnsData:g,rowsData:y,sorting:n,onSort:i,getRowKey:Ue,ExpandedRowRenderer:Te,defaultRowHeight:28,classes:v})),a>N[0]&&o().createElement(X.Z,{count:a,rowsPerPageOptions:N,rowsPerPage:s,onChangeRowsPerPage:d,page:l,onChangePage:c,basicTableRef:b}),h&&o().createElement(u.Z,null))}));var ze=n(36444),Ze=n(94574);const Be=(0,z.Z)((e=>({inactiveSearchIcon:{color:e.palette.text.secondary},activeSearchIcon:{color:e.palette.text.primary},input:{fontSize:"14px","&::placeholder":{color:`${e.palette.text.secondary} !important`,opacity:1}}}))),Me=(0,G.l)(k,(0,m.pipe)((0,m.prop)("relationshipTable"),(0,m.pick)(["searchText","onChangeSearchText"])),(e=>{let{searchText:t,onChangeSearchText:n}=e;const r=Be();return o().createElement(Ze.Z,{fullWidth:!0,height:40,autofocus:!1,value:t,onSearch:n,placeholder:f().text("Search profiles"),classes:{input:r.input}})}));var Fe=n(59725),Ge=n(32371);const qe=(0,z.Z)((e=>({dialogPaper:{display:"flex",flexDirection:"column",padding:"12px 16px 8px"},title:{marginBottom:"21px",fontWeight:500,fontSize:"20px",lineHeight:"23px",letterSpacing:"0.25px",color:e.palette.text.primary},entityTypesSelector:{width:"468px",marginBottom:"20px"},relationTypesSelector:{width:"468px",marginBottom:"32px"},footer:{display:"flex"},clearAllButton:{marginRight:"auto"},cancelButton:{marginRight:"8px"}}))),He=(0,G.l)(k,(0,m.pipe)((0,m.prop)("relationshipTable"),(0,m.pick)(["onFilter","filters","entityTypesOptions","relationTypesOptions"])),(e=>{let{open:t,onClose:n,filters:i,onFilter:a,entityTypesOptions:l,relationTypesOptions:s}=e;const c=qe(),[d,u]=(0,r.useState)([]),[p,h]=(0,r.useState)([]),m=()=>{u(i.entityTypesUris),h(i.relationTypesUris),n()};return(0,r.useEffect)((()=>{u(i.entityTypesUris),h(i.relationTypesUris)}),[i.entityTypesUris,i.relationTypesUris]),o().createElement(Y.Dialog,{classes:{paper:c.dialogPaper},onClose:m,open:t},o().createElement(Y.Typography,{className:c.title},f().text("Filter")),o().createElement(Fe.Q,{classes:{root:c.entityTypesSelector},entityTypes:l,selectedEntityTypes:d,enableEmptyValueUnderline:!0,onChange:u}),o().createElement(Ge.U,{classes:{root:c.relationTypesSelector},relationTypes:s,selectedRelationTypes:p,enableEmptyValueUnderline:!0,onChange:h}),o().createElement("div",{className:c.footer},o().createElement(Y.Button,{className:c.clearAllButton,onClick:()=>{u([]),h([])}},f().text("Clear All")),o().createElement(Y.Button,{className:c.cancelButton,onClick:m},f().text("Cancel")),o().createElement(Y.Button,{onClick:()=>{a({entityTypesUris:d,relationTypesUris:p}),n()},color:"primary"},f().text("Apply"))))})),Ve=(0,z.Z)((e=>({wrapper:{display:"flex",alignItems:"center",paddingLeft:"16px",paddingRight:"2px"},iconButton:{marginLeft:"4px"},activeFiltersIcon:{color:e.palette.primary.main},inactiveFiltersIcon:{color:e.palette.text.secondary}}))),We=(0,G.l)(k,(0,m.pipe)((0,m.prop)("relationshipTable"),(0,m.pick)(["filters"])),(e=>{let{filters:t}=e;const n=Ve(),[i,a]=(0,r.useState)(!1),{entityTypesUris:l,relationTypesUris:s}=t,c=l.length||s.length;return o().createElement("div",{className:n.wrapper},o().createElement(Me,null),o().createElement(Y.IconButton,{"data-reltio-id":"reltio-filter-relationship-button",className:n.iconButton,onClick:()=>a(!0)},o().createElement(ze.Z,{className:c?n.activeFiltersIcon:n.inactiveFiltersIcon})),o().createElement(He,{open:i,onClose:()=>a(!1)}))}));var Ye=n(65549),Xe=n(98808);const $e=e=>{const t=(0,i.useSelector)(d.ZP.selectors.getMetadata),{inRelations:n=[],outRelations:o=[]}=(0,r.useMemo)((()=>(0,g.UWq)(t,e,(0,g.d89)(g.ARY.Editing))),[t,e]);return{inRelationTypes:n,outRelationTypes:o}},Ke=(0,z.Z)((e=>({dialogPaper:{height:"600px",maxWidth:"600px"},dialogTitle:{padding:"12px 16px"},titleText:{color:e.palette.text.primary,fontSize:"18px",letterSpacing:0,lineHeight:"21px",fontWeight:"bold"},content:{padding:"8px 16px 0px",borderBottom:"1px solid rgba(0, 0, 0, 0.12)"},attributeList:{paddingTop:"22px"}}))),Qe=(0,G.l)(k,(e=>{let{selectedEntity:t,onAddRelation:n}=e;return{selectedEntity:t,onAddRelation:n}}),(e=>{let{selectedEntity:t,open:n,onClose:a,onAddRelation:l}=e;const s=Ke(),c=(0,i.useSelector)(d.ZP.selectors.getMetadata),[u,p]=(0,r.useState)({}),{relation:h,entity:m}=u,{type:b,direction:y}=h||{},[v,x]=(0,r.useState)(!1),E=(0,i.useDispatch)();(0,r.useEffect)((()=>{n&&p({relation:{uri:(0,g.ncP)(),type:null,attributes:{}}})}),[n]);const{inRelationTypes:w,outRelationTypes:C}=$e(t.type),R=(0,r.useCallback)((()=>{const e=(0,g.xkB)(c,{relation:{object:h}});return E(d.N5.errors.actions.errorsSet(e)),0===e.length}),[h,c,E]),{onAddAttributes:T,onChangeAttribute:S,onRemoveAttribute:O,onChangeEntity:P,onChangeRelationType:L}=(0,Ce.R)({connection:u,onConnectionChange:p,relatedEntity:t});return o().createElement(Y.Dialog,{open:n,fullWidth:!0,maxWidth:"sm",onClose:a,classes:{paper:s.dialogPaper}},o().createElement(Y.DialogTitle,{disableTypography:!0,classes:{root:s.dialogTitle}},o().createElement(Y.Typography,{variant:"subtitle1",classes:{root:s.titleText}},f().text("Add relationship"))),o().createElement(Y.DialogContent,{classes:{root:s.content}},o().createElement(Re.n,{connection:u,onAddAttributes:T,onChangeAttribute:S,onRemoveAttribute:O,relatedEntity:t,inRelationTypes:w,outRelationTypes:C,onChangeRelationType:L,onChangeEntity:P})),o().createElement(Y.DialogActions,null,o().createElement(Y.Button,{onClick:a},f().text("Cancel")),o().createElement(Y.Button,{disabled:!(null!=u&&u.entity)||!b||v,color:"primary",onClick:()=>{const{type:e,attributes:n={},startDate:r,endDate:o}=h,i=y===g.Nsj.OUT?t.uri:m.uri,s=y===g.Nsj.OUT?m.uri:t.uri;R()&&(x(!0),l({startEntityUri:i,endEntityUri:s,relationType:e,attributes:n,startDate:r,endDate:o}).then((()=>{a()})).catch((e=>{console.error(e)})).finally((()=>{x(!1)})))}},f().text("Add"))))})),Je=(0,G.l)(k,(0,m.pick)(["selectedEntity"]),(e=>{let{selectedEntity:t}=e;const{inRelationTypes:n,outRelationTypes:i}=$e(t.type),a=n.length+i.length>0,[l,s]=(0,r.useState)(!1);return a&&o().createElement(o().Fragment,null,o().createElement(Xe.K,{"data-reltio-id":"reltio-add-relationship-button",mode:Xe.N.button,label:f().text("Add relationship"),icon:Ye.Z,onClick:()=>{s(!0)}}),o().createElement(Qe,{open:l,onClose:()=>{s(!1)}}))})),et=(0,z.Z)({caption:{marginLeft:"16px",marginTop:"12px",display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"14px",fontSize:"16px",lineHeight:"24px"},wrapper:{flex:1,display:"flex",flexDirection:"column",height:0}}),tt=()=>{const e=et();return o().createElement("div",{className:e.wrapper},o().createElement("div",{className:e.caption},o().createElement(Y.Typography,{variant:"subtitle1"},f().text("Relationships")),o().createElement(Je,null)),o().createElement(We,null),o().createElement(De,null))};let nt;!function(e){e[e.Relationship=0]="Relationship",e[e.EntityDetails=1]="EntityDetails"}(nt||(nt={}));const rt=(0,r.memo)((()=>{var e;const t=Z(),[n,i]=(0,r.useState)(null),a=(0,r.useCallback)((e=>{i((t=>t===e?null:e))}),[]),l=null!==n,s=(0,r.useMemo)((()=>[{buttonProps:{id:nt.Relationship,icon:M,tooltipTitle:f().text("Relationship")},content:o().createElement(tt,null)},{buttonProps:{id:nt.EntityDetails,icon:D.Z,tooltipTitle:f().text("Entity Details")},content:o().createElement(W,null)}]),[]);return o().createElement("div",{className:t.wrapper},o().createElement(j.h,{open:l,width:480},o().createElement(q,null),null===(e=s[n])||void 0===e?void 0:e.content),o().createElement(U.G,{buttonsProps:(0,m.pluck)("buttonProps",s),onButtonClick:a,activeIndexId:n}))}));rt.displayName="GraphRightSidePanel";const ot=rt;var it=n(46339),at=n(23304),lt=n(64488),st=n(46680),ct=n.n(st);const dt=function(e,t,n){let r=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];if(e.fillStyle="#FFF",e.shadowOffsetX=0,e.shadowOffsetY=2,e.shadowBlur=3,e.shadowColor="rgba(0,0,0,0.2)","string"==typeof t.label){const o=n.labelSize+2,i=2,a=e.measureText(t.label).width,l=Math.round(a+16),s=Math.round(o+4),c=Math.max(t.size,o/2)+2,d=t.y-s/2,u=t.y+s/2,p=t.x+(r?0:c),h=p+l+(r?c:0);e.beginPath(),e.moveTo(p,u-i),e.quadraticCurveTo(p,u,p+i,u),e.lineTo(h-i,u),e.quadraticCurveTo(h,u,h,u-i),e.lineTo(h,d+i),e.quadraticCurveTo(h,d,h-i,d),e.lineTo(p+i,d),e.quadraticCurveTo(p,d,p,d+i),e.closePath(),e.fill(),r&&(e.shadowOffsetX=-2,e.shadowOffsetY=0,e.beginPath(),e.arc(t.x,t.y,c,0,2*Math.PI),e.closePath(),e.fill())}else r&&(e.beginPath(),e.arc(t.x,t.y,t.size+2,0,2*Math.PI),e.closePath(),e.fill())},ut=function(e,t,n){var r;let o=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];if(!t.label)return;const i=n.labelSize,a=n.labelFont,l=n.labelWeight;o&&dt(e,t,n,!1),e.shadowOffsetX=0,e.shadowOffsetY=0,e.shadowBlur=0,e.fillStyle=null!==(r=n.labelColor)&&void 0!==r&&r.attribute?t[n.labelColor.attribute]||n.labelColor.color||"#000":n.labelColor.color,e.font=`${l} ${i}px ${a}`,e.fillText(t.label,t.x+t.size+11,t.y+i/3)},pt=(e,t,n)=>{dt(e,t,n,!0),ut(e,t,n,!1)};var ht=n(88586);class mt extends at.AbstractNodeProgram{constructor(e){super(e,"\nattribute vec2 a_position;\nattribute float a_size;\nattribute vec4 a_color;\nattribute float a_borderSize;\n\nuniform float u_ratio;\nuniform float u_scale;\nuniform mat3 u_matrix;\n\nvarying vec4 v_color;\nvarying float v_border;\nvarying float v_borderRadius;\n\nconst float bias = 255.0 / 254.0;\nconst float radius = 0.5;\n\nvoid main() {\n    gl_Position = vec4((u_matrix * vec3(a_position, 1)).xy, 0, 1);\n\n    // Multiply the point size twice:\n    //  - x SCALING_RATIO to correct the canvas scaling\n    //  - x 2 to correct the formulae\n    gl_PointSize = a_size * u_ratio * u_scale * 2.0;\n  \n    v_border = (1.0 / u_ratio) * (0.5 / a_size);\n    v_borderRadius = radius - (radius * a_borderSize / a_size); // border radius in node's size (full size is 1)\n\n    // Extract the color:\n    v_color = a_color;\n    v_color.a *= bias;\n}","\nprecision mediump float;\n\nvarying vec4 v_color;           // base color of node\nvarying float v_border;\nvarying float v_borderRadius;   // inner border radius\n\nconst vec4 transparent = vec4(0.0, 0.0, 0.0, 0.0);  // transparent color\nconst float radius = 0.5;\n\nvoid main(void) {\n    float distToCenter = length(gl_PointCoord - vec2(0.5, 0.5)); // distance from current point to center of node\n\n    if (distToCenter < v_borderRadius - v_border)   // distance to inner border radius\n        gl_FragColor = transparent;\n    else if (distToCenter < v_borderRadius)\n        gl_FragColor = mix(v_color, transparent, (v_borderRadius - distToCenter) / v_border);\n    else if (distToCenter < radius - v_border)      // distance to outer border radius\n        gl_FragColor = v_color;\n    else if (distToCenter < radius)\n        gl_FragColor = mix(transparent, v_color, (radius - distToCenter) / v_border);\n    else                                            // points outside the button\n        gl_FragColor = transparent;\n}\n",1,5),this.borderSize=void 0,this.borderSize=e.getAttribLocation(this.program,"a_borderSize"),this.bind()}bind(){super.bind();const e=this.gl;e.enableVertexAttribArray(this.borderSize),e.vertexAttribPointer(this.borderSize,1,e.FLOAT,!1,this.attributes*Float32Array.BYTES_PER_ELEMENT,16)}process(e,t,n){const r=this.array;let o=1*n*5;if(t||!e.inPath)return r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,void(r[o++]=0);r[o++]=e.x,r[o++]=e.y,r[o++]=e.size,r[o++]=(0,ht.floatColor)(e.color),r[o]=e.highlighted?4:2}render(e){const t=this.gl,n=this.program;t.useProgram(n),t.uniform1f(this.ratioLocation,1/Math.sqrt(e.ratio)),t.uniform1f(this.scaleLocation,e.scalingRatio),t.uniformMatrix3fv(this.matrixLocation,!1,e.matrix),t.drawArrays(t.POINTS,0,this.array.length/5)}}class gt{constructor(){this.rebindTextureFns=[],this.images={},this.textureImage=void 0,this.hasReceivedImages=!1,this.pendingImagesFrameID=void 0,this.loadImage=(e,t)=>{if(this.images[e])return;const n=new Image;var r;n.addEventListener("load",(()=>{this.images[e]={status:"pending",image:n},"number"!=typeof this.pendingImagesFrameID&&(this.pendingImagesFrameID=requestAnimationFrame((()=>this.finalizePendingImages())))})),n.addEventListener("error",(()=>{this.images[e]={status:"error"}})),this.images[e]={status:"loading"},r=n,new URL(t,window.location.href).origin!==window.location.origin&&(r.crossOrigin=""),n.src=t},this.finalizePendingImages=()=>{this.pendingImagesFrameID=void 0;const e=[];for(const t in this.images){const n=this.images[t];"pending"===n.status&&e.push({id:t,image:n.image,size:Math.min(n.image.width,n.image.height)||1})}const t=document.createElement("canvas"),n=t.getContext("2d");t.width=e.reduce(((e,t)=>{let{size:n}=t;return e+n}),this.hasReceivedImages?this.textureImage.width:0),t.height=Math.max(this.hasReceivedImages?this.textureImage.height:0,...e.map((e=>{let{size:t}=e;return t})));let r=0;this.hasReceivedImages&&(n.putImageData(this.textureImage,0,0),r=this.textureImage.width),e.forEach((e=>{let{id:t,image:o,size:i}=e;const a=Math.min(128,i);let l=0,s=0;(o.width||0)>(o.height||0)?l=(o.width-o.height)/2:s=(o.height-o.width)/2,n.drawImage(o,l,s,i,i,r,0,a,a),this.images[t]={status:"ready",x:r,y:0,width:a,height:a},r+=a})),this.textureImage=n.getImageData(0,0,t.width,t.height),this.hasReceivedImages=!0,this.rebindTextureFns.forEach((e=>e()))}}}const bt={id:"defaultImage",path:(0,g.m5F)('\n<svg width="400px" height="400px" viewBox="0 0 400 400" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n    <title>Group</title>\n    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n        <g id="Group" fill-rule="nonzero">\n            <rect id="Rectangle" fill="#DFE5E9" x="0" y="0" width="400" height="400"></rect>\n            <path d="M0,387.023257 L0,399.918908 L400,399.918908 L400,386.023594 C366.631,377.336524 321.866,364.269931 315.979,359.161654 C308.985,353.083704 270.481,310.508063 270.481,310.508063 L270.481,286.186267 C270.481,286.186267 284.478,266.204006 284.478,261.854473 C284.478,257.515936 285.353,246.219746 291.481,241.011503 C297.61,235.792263 311.607,211.471466 312.481,206.253226 C313.355,201.043983 319.484,188.009379 312.481,185.400259 C305.478,182.801135 307.236,173.244359 308.984,168.026119 C310.733,162.817875 319.484,139.355788 322.981,133.277838 C326.488,127.199888 312.481,108.956041 312.481,108.956041 C312.481,108.956041 294.978,80.2857109 245.975,53.3547939 C196.971,26.4138803 168.967,42.9283105 168.967,42.9283105 L161.964,60.3024507 C161.964,60.3024507 138.341,64.6409874 123.46,77.6765909 C108.589,90.7121943 99.837,106.346921 98.963,115.903698 C98.088,125.460475 103.334,159.339048 105.966,164.557289 C108.589,169.765532 112.96,185.400259 112.96,185.400259 C112.96,185.400259 108.589,183.670842 105.966,188.879085 C103.334,194.097325 112.085,218.419122 112.96,220.159535 C113.834,221.897949 114.718,238.403382 119.963,237.532676 C125.218,236.663969 130.463,251.42799 130.463,251.42799 C130.463,251.42799 143.596,271.41125 144.47,275.759783 C145.344,280.09832 147.967,307.039233 147.967,307.039233 L126.967,331.36103 L102.46,355.682827 C102.459,355.682827 34.042,375.886013 0,387.023257 Z" id="Path" fill="#B3BCC4"></path>\n            <path d="M0,387.023257 L0,399.918908 L400,399.918908 L400,386.023594 C366.631,377.336524 321.866,364.269931 315.979,359.161654 C308.985,353.083704 270.481,310.508063 270.481,310.508063 L270.481,286.186267 C270.481,286.186267 284.478,266.204006 284.478,261.854473 C284.478,257.515936 285.353,246.219746 291.481,241.011503 C297.61,235.792263 311.607,211.471466 312.481,206.253226 C313.355,201.043983 319.484,188.009379 312.481,185.400259 C305.478,182.801135 307.236,173.244359 308.984,168.026119 C310.733,162.817875 319.484,139.355788 322.981,133.277838 C326.488,127.199888 312.481,108.956041 312.481,108.956041 C312.481,108.956041 294.978,80.2857109 245.975,53.3547939 C196.971,26.4138803 168.967,42.9283105 168.967,42.9283105 L161.964,60.3024507 C161.964,60.3024507 138.341,64.6409874 123.46,77.6765909 C108.589,90.7121943 99.837,106.346921 98.963,115.903698 C98.088,125.460475 103.334,159.339048 105.966,164.557289 C108.589,169.765532 112.96,185.400259 112.96,185.400259 C112.96,185.400259 108.589,183.670842 105.966,188.879085 C103.334,194.097325 112.085,218.419122 112.96,220.159535 C113.834,221.897949 114.718,238.403382 119.963,237.532676 C125.218,236.663969 130.463,251.42799 130.463,251.42799 C130.463,251.42799 143.596,271.41125 144.47,275.759783 C145.344,280.09832 147.967,307.039233 147.967,307.039233 L126.967,331.36103 L102.46,355.682827 C102.459,355.682827 34.042,375.886013 0,387.023257 Z" id="Path" fill="#B3BCC4"></path>\n            <path d="M5.68434189e-14,387.023257 L5.68434189e-14,399.918908 L400,399.918908 L400,386.023594 C366.631,377.336524 321.866,364.269931 315.979,359.161654 C308.985,353.083704 270.481,310.508063 270.481,310.508063 L270.481,286.186267 C270.481,286.186267 284.478,266.204006 284.478,261.854473 C284.478,257.515936 285.353,246.219746 291.481,241.011503 C297.61,235.792263 311.607,211.471466 312.481,206.253226 C313.355,201.043983 319.484,188.009379 312.481,185.400259 C305.478,182.801135 307.236,173.244359 308.984,168.026119 C310.733,162.817875 319.484,139.355788 322.981,133.277838 C326.488,127.199888 312.481,108.956041 312.481,108.956041 C312.481,108.956041 294.978,80.2857109 245.975,53.3547939 C196.971,26.4138803 168.967,42.9283105 168.967,42.9283105 L161.964,60.3024507 C161.964,60.3024507 138.341,64.6409874 123.46,77.6765909 C108.589,90.7121943 99.837,106.346921 98.963,115.903698 C98.088,125.460475 103.334,159.339048 105.966,164.557289 C108.589,169.765532 112.96,185.400259 112.96,185.400259 C112.96,185.400259 108.589,183.670842 105.966,188.879085 C103.334,194.097325 112.085,218.419122 112.96,220.159535 C113.834,221.897949 114.718,238.403382 119.963,237.532676 C125.218,236.663969 130.463,251.42799 130.463,251.42799 C130.463,251.42799 143.596,271.41125 144.47,275.759783 C145.344,280.09832 147.967,307.039233 147.967,307.039233 L126.967,331.36103 L102.46,355.682827 C102.459,355.682827 34.042,375.886013 5.68434189e-14,387.023257 Z" id="Path" fill="#B3BCC4"></path>\n        </g>\n    </g>\n</svg>\n')};class ft extends at.AbstractNodeProgram{constructor(e,t){super(e,"\nattribute vec2 a_position;\nattribute float a_size;\nattribute vec4 a_color;\nattribute vec4 a_texture;\nattribute float a_inactive;\n\nuniform float u_ratio;\nuniform float u_scale;\nuniform mat3 u_matrix;\n\nvarying float v_border;\nvarying float v_inactive;\nvarying vec4 v_color;\nvarying vec4 v_texture;\n\nconst float bias = 255.0 / 254.0;\n\nvoid main() {\n    gl_Position = vec4((u_matrix * vec3(a_position, 1)).xy, 0, 1);\n\n    // Multiply the point size twice:\n    //  - x SCALING_RATIO to correct the canvas scaling\n    //  - x 2 to correct the formulae\n    gl_PointSize = a_size * u_ratio * u_scale * 2.0;\n\n    v_border = (1.0 / u_ratio) * (0.5 / a_size);\n\n    // Extract the color:\n    v_color = a_color;\n    v_color.a *= bias;\n\n    // Pass the texture coordinates:\n    v_texture = a_texture;\n\n    // Pass inactive property\n    v_inactive = a_inactive;\n}","\nprecision mediump float;\n\nvarying float v_border;\nvarying float v_inactive;\nvarying vec4 v_color;\nvarying vec4 v_texture;\n\nuniform sampler2D u_atlas;\n\nconst vec4 transparent = vec4(0.0, 0.0, 0.0, 0.0);\nconst float radius = 0.5;\n\n// convert color to gray\nvec4 toGrayscale(in vec4 color)\n{\n  float average = (color.r + color.g + color.b) / 3.0;\n  return vec4(average, average, average, 1.0);\n}\n\nvoid main(void) {\n    vec4 color;\n\n    // set texel as color of point\n    if (v_texture.w > 0.0) {\n        vec4 texel = texture2D(u_atlas, v_texture.xy + gl_PointCoord * v_texture.zw, -1.0);\n        color = vec4(mix(v_color, texel, texel.a).rgb, max(texel.a, v_color.a));\n    } else {\n        color = v_color;\n    }\n\n    // convert color to gray\n    if (v_inactive > 0.0) {\n        color = toGrayscale(color);\n    }\n\n    // distance from point to center of node\n    float dist = length(gl_PointCoord - vec2(0.5, 0.5));\n\n    if (dist < radius - v_border)   // points inside node\n        gl_FragColor = color;\n    else if (dist < radius)         // border of node\n        gl_FragColor = mix(transparent, color, (radius - dist) / v_border);\n    else                            // points outside node\n        gl_FragColor = transparent;\n}",1,9),this.imageLoader=void 0,this.texture=void 0,this.textureLocation=void 0,this.atlasLocation=void 0,this.latestRenderParams=void 0,this.inactive=void 0,this.imageLoader=new gt,this.imageLoader.rebindTextureFns.push((()=>{this&&this.rebindTexture&&this.rebindTexture(),t&&t.refresh&&t.refresh()})),this.imageLoader.textureImage=new ImageData(1,1),this.textureLocation=e.getAttribLocation(this.program,"a_texture"),this.inactive=e.getAttribLocation(this.program,"a_inactive");const n=e.getUniformLocation(this.program,"u_atlas");if(null===n)throw new Error("NodeProgramImage: error while getting atlasLocation");this.atlasLocation=n,this.texture=e.createTexture(),e.bindTexture(e.TEXTURE_2D,this.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,1,1,0,e.RGBA,e.UNSIGNED_BYTE,new Uint8Array([0,0,0,0])),this.imageLoader.loadImage(bt.id,bt.path),this.bind()}bind(){super.bind();const e=this.gl;e.enableVertexAttribArray(this.textureLocation),e.enableVertexAttribArray(this.inactive),e.vertexAttribPointer(this.inactive,1,e.FLOAT,!1,this.attributes*Float32Array.BYTES_PER_ELEMENT,16),e.vertexAttribPointer(this.textureLocation,4,e.FLOAT,!1,this.attributes*Float32Array.BYTES_PER_ELEMENT,20)}process(e,t,n){const r=this.array;let o=1*n*9;const i=e.image;let a=i&&this.imageLoader.images[i];if("string"!=typeof i||a||this.imageLoader.loadImage(i,i),t)return r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,void(r[o++]=0);if(r[o++]=e.x,r[o++]=e.y,r[o++]=e.size,r[o++]=(0,ht.floatColor)(e.color),r[o++]=e.inactive?1:0,a&&"ready"===a.status||(a=this.imageLoader.images[bt.id]),a&&"ready"===a.status){const{width:e,height:t}=this.imageLoader.textureImage;r[o++]=a.x/e,r[o++]=a.y/t,r[o++]=a.width/e,r[o++]=a.height/t}else r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0}render(e){if(this.hasNothingToRender())return;this.latestRenderParams=e;const t=this.gl,n=this.program;t.useProgram(n),t.uniform1f(this.ratioLocation,1/Math.sqrt(e.ratio)),t.uniform1f(this.scaleLocation,e.scalingRatio),t.uniformMatrix3fv(this.matrixLocation,!1,e.matrix),t.uniform1i(this.atlasLocation,0),t.drawArrays(t.POINTS,0,this.array.length/9)}rebindTexture(){const e=this.gl;e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,this.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,this.imageLoader.textureImage),e.generateMipmap(e.TEXTURE_2D),this.latestRenderParams&&(this.bind(),this.bufferData(),this.render(this.latestRenderParams))}}const yt=[{id:"expandIcon",path:(0,g.m5F)('<svg width="32" height="32" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="8" cy="8" r="8" fill="white"/>\n<circle cx="8" cy="8" r="7.5" stroke="black" stroke-opacity="0.541176"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M8.80013 7.20003V4H7.20013L7.20013 7.20003H4V8.80003H7.20013L7.20013 12H8.80013V8.80003H12V7.20003H8.80013Z" fill="black" fill-opacity="0.541176"/>\n</svg>')},{id:"collapseIcon",path:(0,g.m5F)('<svg width="32" height="32" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="8" cy="8" r="8" fill="white"/>\n<circle cx="8" cy="8" r="7.5" stroke="black" stroke-opacity="0.541176"/>\n<path d="M4 7.20004H12V8.80004H4V7.20004Z" fill="black" fill-opacity="0.541176"/>\n</svg>\n')}];class vt extends at.AbstractNodeProgram{constructor(e,t){super(e,"\nattribute vec2 a_position;\nattribute float a_size;\nattribute vec4 a_color;\nattribute float a_buttonSize;\nattribute vec2 a_normals;\nattribute vec4 a_texture;\n\nuniform float u_ratio;\nuniform float u_scale;\nuniform mat3 u_matrix;\nuniform float u_sqrtZoomRatio;\nuniform float u_correctionRatio;\n\nvarying float v_border;\nvarying vec4 v_texture;\nvarying vec4 v_color;\n\nconst float bias = 255.0 / 254.0;\n\nvoid main() {\n    float normalLength = length(a_normals);\n    vec2 unitNormal = (a_normals) / normalLength;\n\n    float pixelsThickness = max(normalLength, 1.0 * u_sqrtZoomRatio);\n    float webGLThickness = pixelsThickness * u_correctionRatio;\n    float adaptedWebGLThickness = webGLThickness * u_sqrtZoomRatio;\n\n    // Move the point\n    float adaptedWebGLNodeRadius = a_size * 2.0 * u_correctionRatio * u_sqrtZoomRatio;\n    vec2 compensationVector = vec2(-unitNormal.y, unitNormal.x) * (adaptedWebGLNodeRadius);\n\n    // Set position\n    gl_Position = vec4((u_matrix * vec3(a_position + compensationVector, 1)).xy, 0, 1);\n\n    // Multiply the point size twice:\n    //  - x SCALING_RATIO to correct the canvas scaling\n    //  - x 2 to correct the formulae\n    gl_PointSize = a_buttonSize * u_ratio * u_scale * 2.0;\n\n    v_border = (1.0 / u_ratio) * (0.5 / a_size);\n\n    // Extract the color:\n    v_color = a_color;\n    v_color.a *= bias;\n\n    // Pass the texture coordinates:\n    v_texture = a_texture;\n}","\nprecision mediump float;\n\nvarying float v_border;\nvarying vec4 v_texture;\n\nuniform sampler2D u_atlas;\n\nconst vec4 transparent = vec4(0.0, 0.0, 0.0, 0.0);\nconst vec4 black = vec4(0.0, 0.0, 0.0, 1.0);\nconst float bias = 255.0 / 254.0;\nconst float radius = 0.5;\n\nvoid main(void) {\n    vec4 color;\n    float distToCenter = length(gl_PointCoord - vec2(0.5, 0.5));\n\n    // set texel as color of point\n    if (v_texture.w > 0.0) {\n        vec4 texel = texture2D(u_atlas, v_texture.xy + gl_PointCoord * v_texture.zw, -1.0);\n        color = vec4(mix(black, texel, texel.a).rgb, max(texel.a, bias));\n    } else {\n        color = black;\n    }\n\n    if (distToCenter < radius - v_border)   // points inside button\n        gl_FragColor = color;\n    else if (distToCenter < radius)         // border of button\n        gl_FragColor = mix(transparent, color, (0.5 - distToCenter) / v_border);\n    else                                    // points outside button\n        gl_FragColor = transparent;\n}",2,11),this.imageLoader=void 0,this.texture=void 0,this.textureLocation=void 0,this.buttonSize=void 0,this.normals=void 0,this.correctionRatioLocation=void 0,this.sqrtZoomRatioLocation=void 0,this.atlasLocation=void 0,this.latestRenderParams=void 0,this.imageLoader=new gt,this.imageLoader.rebindTextureFns.push((()=>{this&&this.rebindTexture&&this.rebindTexture(),t&&t.refresh&&t.refresh()})),this.imageLoader.textureImage=new ImageData(1,1),this.textureLocation=e.getAttribLocation(this.program,"a_texture"),this.buttonSize=e.getAttribLocation(this.program,"a_buttonSize"),this.normals=e.getAttribLocation(this.program,"a_normals");const n=e.getUniformLocation(this.program,"u_correctionRatio");if(null===n)throw new Error("NodeButtonsProgram: error while getting correctionRatioLocation");this.correctionRatioLocation=n;const r=e.getUniformLocation(this.program,"u_sqrtZoomRatio");if(null===r)throw new Error("NodeButtonsProgram: error while getting sqrtZoomRatioLocation");this.sqrtZoomRatioLocation=r;const o=e.getUniformLocation(this.program,"u_atlas");if(null===o)throw new Error("NodeButtonsProgram: error while getting atlasLocation");this.atlasLocation=o,this.texture=e.createTexture(),e.bindTexture(e.TEXTURE_2D,this.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,1,1,0,e.RGBA,e.UNSIGNED_BYTE,new Uint8Array([0,0,0,0])),yt.map((e=>this.imageLoader.loadImage(e.id,e.path))),this.bind()}bind(){super.bind();const e=this.gl;e.enableVertexAttribArray(this.buttonSize),e.enableVertexAttribArray(this.normals),e.enableVertexAttribArray(this.textureLocation),e.vertexAttribPointer(this.buttonSize,1,e.FLOAT,!1,this.attributes*Float32Array.BYTES_PER_ELEMENT,16),e.vertexAttribPointer(this.normals,2,e.FLOAT,!1,this.attributes*Float32Array.BYTES_PER_ELEMENT,20),e.vertexAttribPointer(this.textureLocation,4,e.FLOAT,!1,this.attributes*Float32Array.BYTES_PER_ELEMENT,28)}process(e,t,n){const r=this.array;let o=2*n*11;const i=t||e.inactive&&!e.highlighted,[a,l]=e.buttonOffset||[0,0];let s=a*a+l*l,c=0,d=0;if(s&&(s=1/Math.sqrt(s),c=l*s,d=a*s),i||!e.showExpand)r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0;else{const t=this.imageLoader.images.expandIcon;if(r[o++]=e.x,r[o++]=e.y,r[o++]=e.size,r[o++]=(0,ht.floatColor)(e.color),r[o++]=e.buttonSize||0,r[o++]=c,r[o++]=-d,t&&"ready"===t.status){const{width:e,height:n}=this.imageLoader.textureImage;r[o++]=t.x/e,r[o++]=t.y/n,r[o++]=t.width/e,r[o++]=t.height/n}else r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0}if(i||!e.showCollapse)r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0;else{const t=this.imageLoader.images.collapseIcon;if(r[o++]=e.x,r[o++]=e.y,r[o++]=e.size,r[o++]=(0,ht.floatColor)(e.color),r[o++]=e.buttonSize||0,r[o++]=-c,r[o++]=-d,t&&"ready"===t.status){const{width:e,height:n}=this.imageLoader.textureImage;r[o++]=t.x/e,r[o++]=t.y/n,r[o++]=t.width/e,r[o++]=t.height/n}else r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0}}render(e){if(this.hasNothingToRender())return;this.latestRenderParams=e;const t=this.gl,n=this.program;t.useProgram(n),t.uniform1f(this.ratioLocation,1/Math.sqrt(e.ratio)),t.uniform1f(this.scaleLocation,e.scalingRatio),t.uniformMatrix3fv(this.matrixLocation,!1,e.matrix),t.uniform1f(this.sqrtZoomRatioLocation,Math.sqrt(e.ratio)),t.uniform1f(this.correctionRatioLocation,e.correctionRatio),t.uniform1i(this.atlasLocation,1),t.drawArrays(t.POINTS,0,this.array.length/11)}rebindTexture(){const e=this.gl;e.activeTexture(e.TEXTURE1),e.bindTexture(e.TEXTURE_2D,this.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,this.imageLoader.textureImage),e.generateMipmap(e.TEXTURE_2D),this.latestRenderParams&&(this.bind(),this.bufferData(),this.render(this.latestRenderParams))}}var xt=n(23193),Et=n.n(xt);class wt extends(Et()){process(e,t,n,r,o){if(r){for(let e=27*o,t=e+27;e<t;e++)this.array[e]=0;return}const i=n.arrowSizeRatio||1,a=n.size*i||1,l=t.size||1,s=e.x,c=e.y,d=t.x,u=t.y,p=(0,ht.floatColor)(n.color),h=d-s,m=u-c;let g=h*h+m*m,b=0,f=0;g&&(g=1/Math.sqrt(g),b=-m*g*a,f=h*g*a);let y=27*o;const v=this.array;v[y++]=d,v[y++]=u,v[y++]=-b,v[y++]=-f,v[y++]=l,v[y++]=p,v[y++]=1,v[y++]=0,v[y++]=0,v[y++]=d,v[y++]=u,v[y++]=-b,v[y++]=-f,v[y++]=l,v[y++]=p,v[y++]=0,v[y++]=1,v[y++]=0,v[y++]=d,v[y++]=u,v[y++]=-b,v[y++]=-f,v[y++]=l,v[y++]=p,v[y++]=0,v[y++]=0,v[y]=1}}class Ct extends wt{process(e,t,n,r,o){super.process(t,e,n,r,o)}}var Rt=n(73343),Tt=n.n(Rt);class St extends lt.AbstractEdgeProgram{constructor(e){super(e,"\nattribute vec4 a_color;\nattribute vec2 a_normal;\nattribute vec2 a_position;\nattribute float a_radius;\nattribute float a_arrowSizeRatio;\n\nuniform mat3 u_matrix;\nuniform float u_sqrtZoomRatio;\nuniform float u_correctionRatio;\n\nvarying vec4 v_color;\nvarying vec2 v_normal;\nvarying float v_thickness;\n\nconst float minThickness = 1.7;\nconst float bias = 255.0 / 254.0;\nconst float arrowHeadLengthThicknessRatio = 2.5;\n\nvoid main() {\n  float normalLength = length(a_normal);\n  vec2 unitNormal = a_normal / normalLength;\n\n  // These first computations are taken from edge.vert.glsl. Please read it to\n  // get better comments on what's happening:\n  float pixelsThickness = max(normalLength, minThickness * u_sqrtZoomRatio);\n  float webGLThickness = pixelsThickness * u_correctionRatio;\n  float adaptedWebGLThickness = webGLThickness * u_sqrtZoomRatio;\n\n  // our change - apply a_arrowSizeRatio depending on current zoom and minThickness\n  float arrowSizeCoefficient = min(a_arrowSizeRatio, a_arrowSizeRatio / (u_sqrtZoomRatio * minThickness));\n\n  // Here, we move the point to leave space for the arrow head:\n  float direction = sign(a_radius);\n  float adaptedWebGLNodeRadius = direction * a_radius * 2.0 * u_correctionRatio * u_sqrtZoomRatio;\n\n  float adaptedWebGLArrowHeadLength = adaptedWebGLThickness * 2.0 * arrowHeadLengthThicknessRatio * arrowSizeCoefficient;\n\n\n  vec2 compensationVector = vec2(-direction * unitNormal.y, direction * unitNormal.x) * (adaptedWebGLNodeRadius + adaptedWebGLArrowHeadLength);\n\n  // Here is the proper position of the vertex\n  gl_Position = vec4((u_matrix * vec3(a_position + unitNormal * adaptedWebGLThickness + compensationVector, 1)).xy, 0, 1);\n\n  v_thickness = webGLThickness / u_sqrtZoomRatio;\n\n  v_normal = unitNormal;\n  v_color = a_color;\n  v_color.a *= bias;\n}",Tt(),4,7),this.IndicesArray=void 0,this.indicesArray=void 0,this.indicesBuffer=void 0,this.indicesType=void 0,this.positionLocation=void 0,this.colorLocation=void 0,this.normalLocation=void 0,this.radiusLocation=void 0,this.arrowSizeRatioLocation=void 0,this.matrixLocation=void 0,this.sqrtZoomRatioLocation=void 0,this.correctionRatioLocation=void 0,this.canUse32BitsIndices=void 0;const t=e.createBuffer();if(null===t)throw new Error("EdgeClampedProgram: error while getting resolutionLocation");this.indicesBuffer=t,this.positionLocation=e.getAttribLocation(this.program,"a_position"),this.colorLocation=e.getAttribLocation(this.program,"a_color"),this.normalLocation=e.getAttribLocation(this.program,"a_normal"),this.radiusLocation=e.getAttribLocation(this.program,"a_radius"),this.arrowSizeRatioLocation=e.getAttribLocation(this.program,"a_arrowSizeRatio");const n=e.getUniformLocation(this.program,"u_matrix");if(null===n)throw new Error("EdgeClampedProgram: error while getting matrixLocation");this.matrixLocation=n;const r=e.getUniformLocation(this.program,"u_sqrtZoomRatio");if(null===r)throw new Error("EdgeClampedProgram: error while getting cameraRatioLocation");this.sqrtZoomRatioLocation=r;const o=e.getUniformLocation(this.program,"u_correctionRatio");if(null===o)throw new Error("EdgeClampedProgram: error while getting viewportRatioLocation");this.correctionRatioLocation=o,this.canUse32BitsIndices=(0,ht.canUse32BitsIndices)(e),this.IndicesArray=this.canUse32BitsIndices?Uint32Array:Uint16Array,this.indicesArray=new this.IndicesArray,this.indicesType=this.canUse32BitsIndices?e.UNSIGNED_INT:e.UNSIGNED_SHORT,this.bind()}bind(){const e=this.gl;e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,this.indicesBuffer),e.enableVertexAttribArray(this.positionLocation),e.enableVertexAttribArray(this.normalLocation),e.enableVertexAttribArray(this.colorLocation),e.enableVertexAttribArray(this.radiusLocation),e.enableVertexAttribArray(this.arrowSizeRatioLocation),e.vertexAttribPointer(this.positionLocation,2,e.FLOAT,!1,7*Float32Array.BYTES_PER_ELEMENT,0),e.vertexAttribPointer(this.normalLocation,2,e.FLOAT,!1,7*Float32Array.BYTES_PER_ELEMENT,8),e.vertexAttribPointer(this.colorLocation,4,e.UNSIGNED_BYTE,!0,7*Float32Array.BYTES_PER_ELEMENT,16),e.vertexAttribPointer(this.radiusLocation,1,e.FLOAT,!1,7*Float32Array.BYTES_PER_ELEMENT,20),e.vertexAttribPointer(this.arrowSizeRatioLocation,1,e.FLOAT,!1,7*Float32Array.BYTES_PER_ELEMENT,24)}process(e,t,n,r,o){if(r){for(let e=28*o,t=e+28;e<t;e++)this.array[e]=0;return}const i=n.arrowSizeRatio||1,a=n.size||1,l=e.x,s=e.y,c=t.x,d=t.y,u="doubleArrow"===n.type?e.size||1:0,p=t.size||1,h=(0,ht.floatColor)(n.color),m=c-l,g=d-s;let b=m*m+g*g,f=0,y=0;b&&(b=1/Math.sqrt(b),f=-g*b*a,y=m*b*a);let v=28*o;const x=this.array;x[v++]=l,x[v++]=s,x[v++]=f,x[v++]=y,x[v++]=h,x[v++]=-u,x[v++]=i,x[v++]=l,x[v++]=s,x[v++]=-f,x[v++]=-y,x[v++]=h,x[v++]=u,x[v++]=i,x[v++]=c,x[v++]=d,x[v++]=f,x[v++]=y,x[v++]=h,x[v++]=p,x[v++]=i,x[v++]=c,x[v++]=d,x[v++]=-f,x[v++]=-y,x[v++]=h,x[v++]=-p,x[v]=i}computeIndices(){const e=this.array.length/7,t=e+e/2,n=new this.IndicesArray(t);for(let t=0,r=0;t<e;t+=4)n[r++]=t,n[r++]=t+1,n[r++]=t+2,n[r++]=t+2,n[r++]=t+1,n[r++]=t+3;this.indicesArray=n}bufferData(){super.bufferData();const e=this.gl;e.bufferData(e.ELEMENT_ARRAY_BUFFER,this.indicesArray,e.STATIC_DRAW)}render(e){if(this.hasNothingToRender())return;const t=this.gl,n=this.program;t.useProgram(n),t.uniformMatrix3fv(this.matrixLocation,!1,e.matrix),t.uniform1f(this.sqrtZoomRatioLocation,Math.sqrt(e.ratio)),t.uniform1f(this.correctionRatioLocation,e.correctionRatio),t.drawElements(t.TRIANGLES,this.indicesArray.length,this.indicesType,0)}}const Ot=e=>{let{children:t}=e;const n=(0,r.useMemo)((()=>({allowInvalidContainer:!0,defaultNodeType:"image",hoverRenderer:pt,labelRenderer:ut,nodeProgramClasses:{image:(0,at.createNodeCompoundProgram)([ft,mt,vt])},edgeProgramClasses:{line:ct(),arrow:(0,lt.createEdgeCompoundProgram)([St,wt]),doubleArrow:(0,lt.createEdgeCompoundProgram)([St,wt,Ct])},labelFont:"Roboto",labelSize:13,labelColor:{color:"rgba(0, 0, 0, 0.87)"}})),[]);return o().createElement(it.C6,{graph:h.MultiGraph,style:{background:"transparent"},initialSettings:n},t)};var Pt=n(28833),Lt=n.n(Pt),Nt=n(3660),_t=n.n(Nt),At=n(28301),It=n.n(At),kt=n(30634),jt=n(20562),Ut=n(31181),Dt=n(30284);const zt=(e,t,n,r,o,i,a)=>({aX:e+(r-e)*(n-a-i)/n,aY:t+(o-t)*(n-a-i)/n,vX:(r-e)*a/n,vY:(o-t)*a/n}),Zt=(e,t,n,r,o)=>{e.beginPath(),e.moveTo(t+r,n+o),e.lineTo(t+o*Bt,n-r*Bt),e.lineTo(t-o*Bt,n+r*Bt),e.lineTo(t+r,n+o),e.closePath(),e.fill()},Bt=.4,Mt=(e,t,n,r,o)=>{if(t.loop){const{size:r,color:o,arrowSizeRatio:i=1}=t,a=n.x,l=n.y,s=n.size,c=function(e,t,n){let r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return{x1:e-7*(n+r),y1:t,x2:e,y2:t+7*(n+r)}}(a,l,.6*s);if(e.strokeStyle=o,e.lineWidth=r,"arrow"===t.type||"doubleArrow"===t.type){if(e.fillStyle=o,"doubleArrow"===t.type){const{aX:t,aY:n,vX:o,vY:d}=((e,t,n,r,o)=>{const i=Math.sqrt(Math.pow(t-e.x1,2)+Math.pow(n-e.y1,2));return zt(e.x2,e.y2,i,t,n,r,o)})(c,a,l,s,r*i*2.2);Zt(e,t,n,o,d),e.beginPath(),e.moveTo(t,n)}else e.beginPath(),e.moveTo(a,l);const{aX:n,aY:d,vX:u,vY:p}=((e,t,n,r,o)=>{const i=Math.sqrt(Math.pow(t-e.x1,2)+Math.pow(n-e.y1,2));return zt(e.x1,e.y1,i,t,n,r,o)})(c,a,l,s,r*i*2.2);e.bezierCurveTo(c.x2,c.y2,c.x1,c.y1,n,d),e.stroke(),Zt(e,n,d,u,p)}else e.beginPath(),e.moveTo(a,l),e.bezierCurveTo(c.x1,c.y1,c.x2,c.y2,a,l),e.stroke()}(0,Dt.default)(e,t,n,r,o)};function Ft(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){Gt(e,t,n[t])}))}return e}function Gt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const qt=(e,t,n,r,o)=>e>n-o&&e<n+o&&t>r-o&&t<r+o&&Math.sqrt(Math.pow(e-n,2)+Math.pow(t-r,2))<o,Ht=(0,m.memoizeWith)(((e,t,n)=>n.type),g.uie),Vt={size:24,buttonSize:8,buttonOffset:[19,19]},Wt={size:12,buttonSize:6,buttonOffset:[8,13]},Yt=e=>{let{data:t,graph:n,syncLayout:o,workerLayout:a,layoutSettings:l,selectedNode:s,isDirected:c=!1,onNodeClick:u,onNodeCollapse:p,onNodeExpand:h,filters:m}=e;const b=(0,it.Ys)(),f=(0,it.sG)(),x=(0,it.$j)(),E=(0,it.eP)(),w=(0,i.useSelector)(d.ZP.selectors.getEntity),C=(0,i.useSelector)(d.ZP.selectors.getMetadata),R=(0,i.useSelector)(d.ZP.selectors.getAbsoluteImagePath)||"",[T,S]=(0,r.useState)(void 0),[O,P]=(0,r.useState)(null),[L,N]=(0,r.useState)({});(0,r.useEffect)((()=>{b.getCamera().setState({ratio:1.2})}),[n,b]),(0,r.useEffect)((()=>{if(P((0,v.toUndirected)(n)),f(n),o){const e=o(b.getGraph(),l);(0,Ut.animateNodes)(b.getGraph(),e,{duration:1e3})}if(a){const e=new a(b.getGraph(),l);e.start();const t=setTimeout((()=>{e.stop()}),5e3);return()=>{clearTimeout(t),e.kill()}}}),[t,n,o,a,b,l,f,c]);const _=(0,r.useCallback)((e=>{const t=b.getGraph(),n=null==w?void 0:w.uri;if(t&&O&&n&&e&&n!==e)try{const r=(0,y.Ar)(O,n,e),o=function(e,t){const n=[],r=arguments.length>2&&void 0!==arguments[2]&&arguments[2]?"findOutEdge":"findEdge";return t&&t.reduce(((t,o)=>(n.push(e[r](t,o,(e=>!!e))),o))),n}(t,r);return r?{edges:o,nodes:r}:{}}catch(e){}return{}}),[b,null==w?void 0:w.uri,O]);(0,r.useEffect)((()=>{N(_(s))}),[s,_]),(0,r.useEffect)((()=>{x({enterNode:e=>{let{node:t}=e;S(t)},leaveNode:()=>{S(void 0)},clickNode:e=>{let{node:t}=e;u(t)},click:e=>{const t=(e=>{let{x:t,y:n}=e;const r=b.viewportToGraph({x:t,y:n}),o=b.getGraph(),i=o.nodes().map((e=>{const t=o.getNodeAttributes(e);return{nodeId:e,distance:Math.pow(r.x-t.x,2)+Math.pow(r.y-t.y,2),hidden:t.hidden}})).sort(((e,t)=>e.distance-t.distance)).filter((e=>{let{hidden:t}=e;return!t}));return i.length>0?i[0].nodeId:null})(e);if(t){const n=b.getNodeDisplayData(t),r=b.framedGraphToViewport({x:n.x,y:n.y}),o=b.scaleSize(n.buttonOffset[0]),i=b.scaleSize(n.buttonOffset[1]),a=b.scaleSize(n.buttonSize),l=qt(e.x,e.y,r.x+o,r.y-i,a),s=qt(e.x,e.y,r.x+o,r.y+i,a);n.showExpand&&l&&(h(t),u(t)),n.showCollapse&&s&&(p(t,_(t)),u(t))}}})}),[b,x,u,p,h,_]),(0,r.useEffect)((()=>{const e=b.getGraph();let t;try{t=e.neighbors(s)}catch(e){}E({nodeReducer:(n,r)=>{const{entityTypesUris:o=[]}=m||{},i=Ht(C,R,{type:r.entityTypeUri}),a=n===s?Vt:Wt,l=e.neighbors(n),c=l.map((t=>e.getNodeAttribute(t,"hidden"))).filter((e=>!!e)).length,d=Ft({},r,a,{color:"#0072CE",image:i,showExpand:r.untraversedRelationsCount>0||c>0,showCollapse:r.traversedRelationsCount>1&&l.length-c>1}),u=(L.nodes||[]).includes(n),p=T===n;return u||n===s||n===(null==w?void 0:w.uri)?(d.inPath=!0,n===(null==w?void 0:w.uri)&&(d.color="#00FFFF")):!t||t.includes(n)||s===n||s===(null==w?void 0:w.uri)||u||(p||(d.label=""),d.inactive=!0),p&&(d.highlighted=!0),![s,null==w?void 0:w.uri].includes(n)&&o.length>0&&!o.includes(r.entityTypeUri)&&(d.hidden=!0),d},edgeReducer:(t,n)=>{const{relationTypesUris:r=[]}=m||{},o=Ft({},n,{hidden:!1}),i=(L.edges||[]).includes(t);var a;return(s&&s!==(null==w?void 0:w.uri)&&!e.hasExtremity(t,s)&&!i||r.length>0&&!r.includes(n.relationTypeUri))&&(o.hidden=!0),c&&(o.arrowSizeRatio=4),i&&(o.color="#0072CE",o.size=4,c&&(o.arrowSizeRatio=1.4)),o.type=(a=c?n.direction:g.MCv.undirected,{[g.MCv.bidirectional]:"doubleArrow",[g.MCv.directed]:"arrow",[g.MCv.undirected]:"line"}[a]||"line"),o},renderEdgeLabels:!0,edgeLabelRenderer:Mt})}),[b,E,T,s,L,null==w?void 0:w.uri,C,R,c,m])};let Xt;function $t(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){Kt(e,t,n[t])}))}return e}function Kt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}!function(e){e.SIMPLE_NETWORK="Simple network",e.VERTICAL_TB="Vertical hierarchy",e.HORIZONTAL_LR="Horizontal hierarchy",e.DIRECTED_NETWORK="Directed Network"}(Xt||(Xt={}));const Qt=e=>{let{data:t,graph:n,selectedNode:o,layout:i,onNodeClick:a,onNodeCollapse:l,onNodeExpand:s,filters:c}=e;const d=(0,kt.D)(t);(0,jt.D)((()=>{if(d){const e=(0,m.difference)(t.entities.map((0,m.prop)("uri")),d.entities.map((0,m.prop)("uri")));if(e.length){const t=n.copy();Lt().assign(t),e.forEach((e=>{n.setNodeAttribute(e,"x",t.getNodeAttribute(e,"x")),n.setNodeAttribute(e,"y",t.getNodeAttribute(e,"y"))}))}}}),[t]);const u=(0,r.useMemo)((()=>(Lt().assign(n),{settings:$t({},_t().inferSettings(n),{gravity:1})})),[n]);return Yt({workerLayout:It(),layoutSettings:u,data:t,graph:n,selectedNode:o,onNodeClick:a,isDirected:i===Xt.DIRECTED_NETWORK,onNodeCollapse:l,onNodeExpand:s,filters:c}),null};var Jt=n(36039);const en=(e,t,n)=>{const r=new Set;return t.forEach((t=>{e.some((e=>e.to===t.id))||r.add(t.id)})),r.size||r.add(n),r},tn=(e,t,n,r)=>{const o=new Set;return t.length||t.push(Array.from(e)),e.forEach((t=>{n.add(t),r.forEach((r=>{r.from!==t||e.has(r.to)||n.has(r.to)||o.add(r.to)}))})),o.size&&t.push(Array.from(o)),((e,t,n)=>{const r=new Set;return e.forEach((e=>{t.forEach((t=>{t.from!==e||n.has(t.to)||r.add(t.to)}))})),!!r.size})(o,r,n)?tn(o,t,n,r):t},nn=(e,t,n,r,o)=>{if(e.length<=o&&(t[r]=[...e]),e.length>o){const i=e.slice(o),a=e.slice(0,o);t[r]=a,t[r+1]=n[r+1]?[...n[r+1],...i]:i}if(t[r+1]||n[r+1]){const e=t[++r]||n[r];return nn(e,t,n,r,o)}return t},rn=e=>{let{quantityAtLvl:t,rowNumber:n,isEvenItem:r,layout:o,shouldUseCheckboardPattern:i}=e;const a=o===Xt.VERTICAL_TB;return i&&a&&r&&1!==t?10*n+5:10*n},on=e=>{let{quantityAtLvl:t,posAtLvl:n,max:r,isEvenRow:o,layout:i,shouldUseCheckboardPattern:a}=e;const l=i===Xt.HORIZONTAL_LR;return t===r?a&&o&&l?10*n+5:10*n:1===t?10*(r-1)/2:10*(r-1)/(t+1)*(n+1)},an=e=>e<100;function ln(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const sn=e=>{let{data:t,graph:n,selectedNode:o,layout:i,onNodeClick:a,onNodeCollapse:l,onNodeExpand:s,filters:c}=e;const d=(0,r.useCallback)((e=>{const t=e.copy(),n=(e=>{switch(e){case Xt.VERTICAL_TB:return 180;case Xt.HORIZONTAL_LR:return 270}})(i),r=(e=>{const t=e.nodes().map((e=>({id:e,name:""}))),n=e.mapEdges(((e,t,n,r)=>({from:n,to:r,key:e,relationTypeUri:t.relationTypeUri,direction:t.direction})));return{nodes:t,edges:n}})(t),a=r.nodes.length,l=!an(a),s=((e,t)=>{if(an(e))return 10;const n=t===Xt.VERTICAL_TB?1.5:.7;return Math.round(Math.sqrt(e)*n)})(a,i),c=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10;const r=e.nodes,o=e.edges.filter((e=>e.from!==e.to)),i=en(o,r,t),a=tn(i,[],new Set,o);return nn(a[0],[],a,0,n)}(r,o,s),d=(e=>{const t=e.map((e=>e.length));return Math.max(...t)})(c);for(let e=0;e<c.length;++e){const n=e%2==0,r=c[e].length;for(let o=0;o<r;++o){const a=o%2==0,s=on({quantityAtLvl:r,posAtLvl:o,max:d,isEvenRow:n,layout:i,shouldUseCheckboardPattern:l}),u=rn({quantityAtLvl:r,rowNumber:e,isEvenItem:a,layout:i,shouldUseCheckboardPattern:l});t.setNodeAttribute(c[e][o],"x",s),t.setNodeAttribute(c[e][o],"y",u)}}return Jt.rotation.assign(t,n,{degrees:!0}),t.reduceNodes(((e,t,n)=>{let{x:r,y:o}=n;return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){ln(e,t,n[t])}))}return e}({},e,{[t]:{x:r,y:o}})}),{})}),[i,o]);return Yt({syncLayout:d,data:t,graph:n,selectedNode:o,onNodeClick:a,onNodeCollapse:l,onNodeExpand:s,filters:c}),null};var cn=n(24737);const dn=(0,z.Z)({graphTypeSelector:{minWidth:"200px",backgroundColor:"#FAFAFA",opacity:1,height:"40px"},filledInputRoot:{borderRadius:"4px"},valueContainer:{width:"auto",marginLeft:"16px"}}),un=(0,G.l)(k,(e=>{let{graphTypeUri:t,setGraphTypeUri:n}=e;return{setGraphTypeUri:n,graphTypeUri:t}}),(e=>{let{graphTypeUri:t,setGraphTypeUri:n}=e;const a=dn(),l=(0,i.useSelector)(d.ZP.selectors.getMetadata),s=(0,i.useSelector)(d.ZP.selectors.getEntity),c=(0,r.useMemo)((()=>[{label:f().text("All"),value:null},...(0,g.mmY)(l,s.type).map((e=>{let{uri:t,label:n}=e;return{value:t,label:n}}))]),[s,l]),u=(0,r.useMemo)((()=>c.find((e=>e.value===t))),[c,t]);return o().createElement(cn.Z,{classes:{valueContainer:a.valueContainer},className:a.graphTypeSelector,height:42,label:f().text("Graph type"),value:u,options:c,onChange:e=>n(e.value),TextFieldProps:{InputProps:{disableUnderline:!0,classes:{root:a.filledInputRoot}}}})})),pn=(0,z.Z)({graphLayoutSelector:{minWidth:"202px",backgroundColor:"#FAFAFA",opacity:1,marginLeft:"10px"},filledInputRoot:{borderRadius:"4px",height:"42px"}}),hn=(0,r.memo)((e=>{let{value:t,onChangeHandler:n}=e;const r=pn(),i=[{label:f().text("Simple network"),value:Xt.SIMPLE_NETWORK},{label:f().text("Vertical hierarchy"),value:Xt.VERTICAL_TB},{label:f().text("Horizontal hierarchy"),value:Xt.HORIZONTAL_LR},{label:f().text("Directed network"),value:Xt.DIRECTED_NETWORK}];return o().createElement(cn.Z,{className:r.graphLayoutSelector,label:f().text("Graph layout"),value:i.find((0,m.propEq)("value",t)),options:i,onChange:e=>n(e.value),TextFieldProps:{InputProps:{disableUnderline:!0,classes:{root:r.filledInputRoot}}}})})),mn=()=>{const e=(0,it.Ys)(),t=(0,r.useCallback)((()=>{e.refresh()}),[e]);return o().createElement(Q.Z,{handleWidth:!0,onResize:t})};var gn=n(17373);function bn(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){fn(e,t,n[t])}))}return e}function fn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const yn="0 1px 1px rgba(0,0,0,0.14), 0 2px 1px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.2)",vn={background:"#FFFFFF",boxShadow:yn,width:"28px",height:"28px"},xn=(0,z.Z)({container:{display:"flex",alignItems:"center"},maxButton:bn({},vn,{borderRadius:"2px 4px 4px 2px"}),minButton:bn({},vn,{borderRadius:"4px 2px 2px 4px"}),thumb:{position:"absolute",boxShadow:yn,borderRadius:"2px",width:"8px",height:"28px",marginTop:"-13px",marginLeft:"1px",color:"rgba(0,0,0,0.54)",backgroundColor:"#FFFFFF",boxSizing:"border-box",outline:0,display:"flex",alignItems:"center",justifyContent:"center"},thumbIcon:{transform:"rotate(90deg)"},icon:{width:"18px",height:"18px"},rail:{opacity:1,height:"4px",paddingRight:"10px"},sliderRoot:{color:"#EDEDED",marginRight:"10px"}});function En(){return En=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},En.apply(this,arguments)}const wn=e=>Math.pow(100/e,2),Cn=e=>100/Math.sqrt(e),Rn=e=>{const t=xn(),n=(0,m.omit)(["className"],e);return o().createElement("div",En({className:t.thumb},n),o().createElement(gn.Z,{className:K()(t.icon,t.thumbIcon)}))},Tn=e=>{let{className:t,max:n,min:i}=e;const a=xn(),l=(0,it.eP)(),s=(0,it.$j)(),c=(0,it.Ys)().getCamera(),{zoomIn:d,zoomOut:u}=(0,it.AH)({factor:1.2}),[p,h]=(0,r.useState)((0,m.clamp)(i,n,Cn(c.getState().ratio))),g=(0,r.useMemo)((()=>i>0?wn(i):null),[i]),b=(0,r.useMemo)((()=>n>0?wn(n):null),[n]);return(0,r.useEffect)((()=>(l({maxCameraRatio:g,minCameraRatio:b}),()=>{l({maxCameraRatio:null,minCameraRatio:null})})),[l,b,g]),(0,r.useEffect)((()=>{s({cameraUpdated:e=>h(Cn(e.ratio))})}),[s]),o().createElement("div",{className:K()(a.container,t)},o().createElement(Y.IconButton,{className:a.minButton,onClick:()=>u()},o().createElement(gn.Z,{className:a.icon})),o().createElement(Y.Slider,{ThumbComponent:Rn,classes:{root:a.sliderRoot,rail:a.rail},track:!1,value:p,min:i,max:n,onChange:(e,t)=>c.setState({ratio:c.getBoundedRatio(wn(t))})}),o().createElement(Y.IconButton,{className:a.maxButton,onClick:()=>d()},o().createElement(Ye.Z,{className:a.icon})))};var Sn=n(25156);const On=(0,z.Z)({button:{background:"#FFFFFF",boxShadow:"0 1px 1px rgba(0,0,0,0.14), 0 2px 1px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.2)",width:"28px",height:"28px",borderRadius:"4px"},icon:{width:"18px",height:"18px"}}),Pn=e=>{let{node:t}=e;const n=On(),{gotoNode:r}=(0,it.AH)();return o().createElement(Y.IconButton,{className:n.button,onClick:()=>r(t)},o().createElement(Sn.Z,{className:n.icon}))},Ln=(0,z.Z)({wrapper:{height:"100%",position:"relative"},selectors:{display:"flex",position:"absolute",top:"12px",right:"16px",zIndex:2},graph:{height:"calc(100% - 5px)"},rightBottomControls:{position:"absolute",zIndex:100,right:"18px",bottom:"16px",display:"flex",width:"200px"},zoomSlider:{flexGrow:1,marginRight:"8px"}}),Nn=(0,G.l)(k,(e=>{let{data:t,graphologyGraph:n,selectedEntity:r,onEntitySelect:o,onCollapseEntity:i,onExpandEntity:a,relationshipTable:{filters:l}}=e;return{data:t,graph:n,selectedNode:null==r?void 0:r.uri,onNodeSelect:o,onNodeCollapse:i,onNodeExpand:a,filters:l}}),(e=>{let{data:t,graph:n,selectedNode:i,onNodeSelect:a,onNodeCollapse:l,onNodeExpand:s,filters:c}=e;const d=Ln(),[u,p]=(0,r.useState)(Xt.SIMPLE_NETWORK),h={data:t,graph:n,selectedNode:i,layout:u,onNodeClick:a,onNodeCollapse:l,onNodeExpand:s,filters:c};return o().createElement("div",{className:d.wrapper},o().createElement("div",{className:d.selectors},o().createElement(un,null),o().createElement(hn,{value:u,onChangeHandler:p})),o().createElement("div",{className:d.graph},n&&o().createElement(Ot,null,o().createElement(o().Fragment,null,o().createElement(mn,null),u===Xt.SIMPLE_NETWORK||u===Xt.DIRECTED_NETWORK?o().createElement(Qt,h):o().createElement(sn,h),o().createElement("div",{className:d.rightBottomControls},o().createElement(Tn,{className:d.zoomSlider,min:30,max:300}),o().createElement(Pn,{node:i}))))))})),_n=(0,z.Z)((e=>({perspectiveView:{position:"absolute",top:0,left:0,right:0,bottom:0,fontFamily:"Roboto, Helvetica, Arial, sans-serif",overflowX:"hidden",overflowY:"auto",display:"flex",flexDirection:"column",backgroundColor:e.palette.background.default},graphWrapper:{display:"flex",flexDirection:"column",overflow:"hidden",flexGrow:1},graphContainer:{display:"flex",overflow:"hidden",flexGrow:1},"@global div[role=tooltip]":{fontFamily:"Roboto, Helvetica, Arial, sans-serif"},"@global div[role=presentation]":{fontFamily:"Roboto, Helvetica, Arial, sans-serif"}}))),An=(0,r.memo)((e=>{let{graphTypeUri:t}=e;const n=_n(),a=(0,i.useSelector)(d.ZP.selectors.getEntity),l=((e,t)=>{const{graphTypeUri:n,setGraphTypeUri:o}=((e,t)=>{const[n,o]=(0,r.useState)(null),a=(0,i.useSelector)(d.ZP.selectors.getMetadata);return(0,r.useEffect)((()=>{(0,g.mmY)(a,e.type).some((e=>{let{uri:n}=e;return t===n}))&&o(t)}),[t,e,a]),{graphTypeUri:n,setGraphTypeUri:o}})(e,t),{graphLoading:a,data:l,graphologyGraph:s,onAddRelation:c,onDeleteRelation:u,onCollapseEntity:p,onExpandEntity:h}=O(e,n),{selectedEntity:b,onEntitySelect:y,selectedEntityLoading:v}=((e,t)=>{const n=(0,S._)(),o=(0,i.useDispatch)(),[a,l]=(0,r.useState)(null),s=(0,r.useRef)({}),[c,u]=(0,r.useState)(!1),p=(0,r.useCallback)((e=>{const t=s.current[e];return t?Promise.resolve(t):(0,g.HvW)(e).then((e=>(s.current=L(s.current,e),e)))}),[]),h=(0,r.useCallback)((e=>{var r;const i=null==t||null===(r=t.entities)||void 0===r?void 0:r.find((0,m.propEq)("uri",e));i&&l(i),u(!0),n(p(e)).then(l).catch((e=>{o(d.ui.actions.errorSet((0,g.xU7)(e,f().text("Something went wrong"))))})).finally((()=>{u(!1)}))}),[o,t,n,p]);return(0,r.useEffect)((()=>{null!=e&&e.uri&&(s.current=L({},e),h(e.uri))}),[null==e?void 0:e.uri]),(0,r.useEffect)((()=>{const n=null==t?void 0:t.entities.find((e=>(null==a?void 0:a.uri)===e.uri));n||(null!=e&&e.uri?(s.current=L({},e),h(e.uri)):(s.current={},l(null)))}),[t]),{selectedEntityLoading:c,selectedEntity:a,onEntitySelect:h}})(e,l);return{graphLoading:a,data:l,graphologyGraph:s,selectedEntity:b,selectedEntityLoading:v,graphTypeUri:n,relationshipTable:I({data:l,selectedEntityUri:null==b?void 0:b.uri,mainEntityUri:null==e?void 0:e.uri,graphTypeUri:n}),onAddRelation:c,onDeleteRelation:u,onCollapseEntity:p,onExpandEntity:h,onEntitySelect:y,setGraphTypeUri:o}})(a,t),{graphLoading:s}=l;return o().createElement(k.Provider,{value:l},o().createElement("div",{className:n.perspectiveView},s&&o().createElement(u.Z,null),(null==a?void 0:a.uri)&&o().createElement("div",{className:n.graphContainer},o().createElement("div",{className:n.graphWrapper},o().createElement(p.n,{entity:a}),o().createElement(Nn,null)),o().createElement(ot,null))))}));An.displayName="GraphPerspectiveView";const In=An,kn=(0,a.createGenerateClassName)({productionPrefix:"graph",disableGlobal:!0}),jn=e=>{let{store:t,graphTypeUri:n}=e;return o().createElement(i.Provider,{store:t},o().createElement(a.StylesProvider,{generateClassName:kn},o().createElement(s.MuiPickersUtilsProvider,{utils:c.Z},o().createElement(In,{graphTypeUri:n}),o().createElement(l.Z,{showErrorFromStore:!0}))))}}}]);
 //# sourceMappingURL=9606.js.map