@reltio/remotes 1.4.1497 → 1.4.1499

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/2727.js +1 -1
  2. package/2727.js.map +1 -1
  3. package/3270.js +1 -1
  4. package/3270.js.map +1 -1
  5. package/4217.js +1 -1
  6. package/4217.js.map +1 -1
  7. package/4407.js +1 -1
  8. package/4407.js.map +1 -1
  9. package/6880.js +1 -1
  10. package/6880.js.map +1 -1
  11. package/901.js +1 -1
  12. package/901.js.map +1 -1
  13. package/9481.js +1 -1
  14. package/9481.js.map +1 -1
  15. package/package.json +1 -1
package/4407.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";(self.webpackChunk_reltio_remotes=self.webpackChunk_reltio_remotes||[]).push([[4407],{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(73122);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)}))},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(49885),c=n(73122),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:L,entity:O}=t,{attributes:_,uri:P,type:N="",direction:A}=L||{},k=Boolean(N),I=(0,l.useSelector)(s.ZP.selectors.getMetadata),j=(0,i.useMemo)((()=>L&&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:_},(0,c.p2l)(L))),[L,_]),U=(0,i.useMemo)((()=>(0,c.xF8)(I,N)),[N,I]),D=(0,i.useMemo)((()=>k?(0,c.jWj)(A===c.Nsj.OUT,I,[(0,c.V3K)(I,N)]):(0,h.uniq)((0,c.jWj)(!0,I,y).concat((0,c.jWj)(!1,I,u)))),[k,N,I,u,y]),z=(0,l.useSelector)((e=>s.ZP.selectors.getGlobalSearchRequestOptions(e,["ovOnly"]))),M=(0,i.useMemo)((()=>L&&{relationType:L.type,direction:L.direction}),[L]),B=(0,i.useMemo)((()=>O&&{entityUri:O.uri,entityType:O.type,entityLabel:(0,c.idV)(O.label)}),[O]),Z=(0,i.useMemo)((()=>O&&O.uri?u.filter((0,c.eHk)(!1,O,n,I)):u),[O,u,n,I]),F=(0,i.useMemo)((()=>O&&O.uri?y.filter((0,c.eHk)(!0,O,n,I)):y),[O,y,n,I]);(0,i.useEffect)((()=>{const{type:e,direction:t}=(0,c.z7d)(u,y)||{};!N&&e&&R&&R({type:e.uri,direction:t})}),[N,u,y,R]),(0,o.D)((()=>{const{type:e,direction:t}=(0,c.z7d)(Z,F)||{};!N&&e&&R({type:e.uri,direction:t})}),[N,O,Z,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:M,metadata:I,inRelationTypes:u,outRelationTypes:y,onChange:G}),T&&a().createElement(g.Z,{errorMessage:x,className:S.item},a().createElement(f.Z,{key:N,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})),N&&a().createElement(d.Z,{attrTypes:U,entity:j,showEmptyEditors:v,mode:c.fO_.EDITING,parentUri:P,onAddAttributes:C,onChangeAttribute:E,onDeleteAttribute:w}))}},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(73122),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"},42520:(e,t,n)=>{n.d(t,{S:()=>P});var r=n(24328),o=n.n(r),i=n(71153),a=n.n(i),l=n(17440),s=n(73122),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 L(){return L=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},L.apply(this,arguments)}function O(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}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 P=(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(),[_,P]=(0,r.useState)(!1),N=(0,r.useCallback)((()=>P(!0)),[]),A=(0,r.useCallback)((()=>P(!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:O({},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]),M=(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);M(t,n)}),[u,M]),{focusIndex:Z,handleKeyDown:F}=(0,v.t)({items:D,open:_,onSelectFocusedItem:B,selectedItems:u,onClose:U}),G=(0,r.useRef)(),q=G.current?G.current.getBoundingClientRect().width:0,Y=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,L({},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"]]:_}),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:N,classes:{root:a()(R.root,n.root)},margin:"dense",variant:"filled",disabled:m,"data-reltio-id":w}),o().createElement(y.Z,{open:_,anchorEl:G.current,onClose:U,onSearch:I,title:C,containerWidth:Y,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:M,selectedItems:u,width:Y,height:245,focusIndex:Z})))}));P.displayName="MetadataTypesSelector"},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(73122),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(73122),s=n(64459),c=n(79618),d=n(94646),u=n(41564),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.e,{collaboration: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"},78620:(e,t,n)=>{n.d(t,{R:()=>d});var r=n(24328),o=n(73122),i=n(17440),a=n(52730),l=n(49885);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}}},51441:(e,t,n)=>{n.r(t),n.d(t,{default:()=>Vn});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(49885),u=n(99136),p=n(40715),h=n(98996),m=n(17440),g=n(73122),f=n(87918),b=n.n(f),y=n(85229),v=n(30634),x=n(60715),E=n(35174);function w(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 R=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)(T,(0,m.without)([e]))(r);return o.forEach((e=>R(e,t,n))),n},T=e=>(0,m.pipe)((0,m.chain)((e=>[(0,g.nqN)(e),(0,g.j5q)(e)])),m.uniq)(e),S=(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})}))},L=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=>L(e,t,n))),n},O=(e,t,n)=>{const[o,a]=(0,r.useState)(null),l=(0,i.useDispatch)(),[s,c]=(0,r.useState)(null),[u,p]=(0,r.useState)(!1),f=null==e?void 0:e.uri,C=(0,g.biM)(e),O=(0,i.useSelector)(d.ZP.selectors.getMetadata),_=(0,y._)(),P=(0,y._)(),N=n===g.YGb.TREE,A=(0,v.D)(n)===g.YGb.TREE&&N,k=(0,r.useCallback)((function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return P((0,g.ZYI)({uri:e,deep:n,limitCreditsConsumption:!0,graphTypes:t?[(0,g.nIW)(t)]:null,activenessDate:null,max:t?200:3e3}))}),[t,P]);(0,r.useEffect)((()=>(!f||(0,g.ZiX)(f)||C||N||(p(!0),_((0,g.ZYI)({uri:f,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;S(t,e),a(t),c(e)})).catch((e=>{console.error(e),c(null),l(d.ui.actions.errorSet((0,g.xU7)(e,b().text("Something went wrong"))))})).finally((()=>{p(!1)}))),()=>{a(null),c(null),p(!1)})),[f,C,l,t,A]);const I=(0,r.useCallback)((async e=>{let{startEntityUri:t,endEntityUri:n,relationType:r,attributes:i,startDate:a,endDate:u}=e;try{var h;p(!0);const e=await(0,g.DsR)({startEntityUri:t,endEntityUri:n,relationType:r,attributes:i,startDate:a,endDate:u});if(null==e||null===(h=e[0])||void 0===h||!h.successful)throw null==e?void 0:e[0];const l=e[0].object,d=t===f?l.endObject.objectURI:l.startObject.objectURI,b=await(0,g.HvW)(d,{select:"label"});t===f?l.endObject.label=b.label:l.startObject.label=b.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=w({},(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?w({},e,{traversedRelations:e.traversedRelations+1}):e)),relations:(e.relations||[]).concat([u])}})(s,l,O);S(o,y);const v=[l.startObject.objectURI,l.endObject.objectURI],x=s.entities.map((0,m.prop)("uri"));v.forEach((e=>{if(x.includes(e)){const t=o.getNodeAttribute(e,"traversedRelationsCount");o.setNodeAttribute(e,"traversedRelationsCount",t+1)}})),c(y)}catch(e){throw l(d.ui.actions.errorSet((0,g.xU7)(e,b().text("Something went wrong")))),e}finally{p(!1)}}),[l,s,o,O]),j=(0,r.useCallback)((e=>{p(!0),(0,g.VGk)(e).then((()=>{o.extremities(e).forEach((e=>{const t=o.getNodeAttribute(e,"traversedRelationsCount");o.setNodeAttribute(e,"traversedRelationsCount",t-1)})),o.dropEdge(e);const{updatedData:t,removedEntitiesUris:n}=((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,E.toUndirected)(n),s=(0,m.cond)([[()=>!(0,x.Ar)(l,e,i),(0,m.always)(i)],[()=>!(0,x.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?w({},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=R(e,t),r=(0,m.pipe)(T,(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}})(f,e,o,s);((e,t)=>{(t||[]).forEach((t=>{e.dropNode(t)}))})(o,n),c(t)})).catch((e=>{l(d.ui.actions.errorSet((0,g.xU7)(e,b().text("Something went wrong"))))})).finally((()=>{p(!1)}))}),[l,o,f,s]),U=(0,r.useCallback)(((e,t)=>{const{nodes:n=[]}=t,r=(0,m.difference)(o.neighbors(e),n);((e,t,n,r)=>{const o=(0,E.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,x.Ar)(e,t,n)?null:n)(o,e,t)&&a.push(t)})),(0,m.uniq)(a.reduce(((e,t)=>L(t,o,e)),[...a]))})(f,e,r,o).forEach((t=>{t!==f&&t!==e&&o.setNodeAttribute(t,"hidden",!0)}))}),[f,o]),D=(0,r.useCallback)((e=>{if(e&&!(0,g.ZiX)(e)&&!C){const t=o.getNodeAttribute(e,"untraversedRelationsCount");o.neighbors(e).forEach((e=>{o.setNodeAttribute(e,"hidden",!1)})),t>0&&(p(!0),k(e).then((t=>{const n=((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]=w({},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||[]])}})(s,t,e);S(o,t);const r=t.entities.find((t=>t.uri===e));o.setNodeAttribute(e,"untraversedRelationsCount",r.untraversedRelations),o.setNodeAttribute(e,"traversedRelationsCount",r.traversedRelations),c(n)})).catch((e=>{console.error(e),l(d.ui.actions.errorSet((0,g.xU7)(e,b().text("Something went wrong"))))})).finally((()=>{p(!1)})))}}),[s,l,o,C,k]);return{graphLoading:u,data:s,graphologyGraph:o,onAddRelation:I,onDeleteRelation:j,onCollapseEntity:U,onExpandEntity:D}};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 P=(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){_(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 A(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const k=(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]),[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:k(w,e,t.uri)}})))((null==t?void 0:t.relations)||[])),[t,n,C,w]),{searchText:T,onChangeSearchText:S,filters:L,onFilter:O,relationTypesOptions:_,entityTypesOptions:P}=(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}=L;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,L]),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){A(e,t,n[t])}))}return e}({},t,{relation:e}):t))))}),[]);(0,r.useEffect)((()=>{u(0),S("")}),[n,a,S,O]),(0,r.useEffect)((()=>{O({entityTypesUris:[],relationTypesUris:[]})}),[a,o,O]),(0,r.useEffect)((()=>{u(0)}),[l,T,L]);const z=(0,r.useCallback)((e=>{y((t=>t.filter((t=>t.relation.uri!==e))))}),[]),M=(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:L,onFilter:O,entityTypesOptions:P,relationTypesOptions:_,editingRelations:f,onStartRelationEditing:U,onCancelRelationEditing:z,onUpdateEditingRelation:D,total:I.length,page:c,rowsPerPage:p,onPageChange:u,onRowsPerPageChange:h,onSaveEditingRelation:M,loading:v}},j=o().createContext({graphLoading:!1,data:null,graphologyGraph:null,selectedEntityLoading:!1,selectedEntity:null,onEntitySelect:()=>{},relationshipTable:{},onCollapseEntity:()=>{},onExpandEntity:()=>{},layout:null,setLayout:()=>{}});j.displayName="GraphStateContext";var U=n(52043),D=n(39827),z=n(48852),M=n(82726),B=n(31039),Z=n(64459),F=n(79692);const G=(0,F.Z)((e=>({link:{textDecoration:"none",color:e.palette.primary.main}}))),q=(0,z.l)(j,(0,m.pick)(["selectedEntity"]),(e=>{let{selectedEntity:t}=e;const n=G(),r=(0,i.useSelector)(d.ZP.selectors.getEntityUri),a=null==t?void 0:t.uri;return o().createElement(Z.Z,{entity:t,renderLabel:e=>r===a?e:o().createElement(B.Z,{className:n.link,value:(0,g.wwR)(t),screen:"graph"},e)})}));var Y=n(8962);const V=(0,F.Z)({noShadowBlock:{boxShadow:"none"},wrapper:{position:"relative",paddingRight:"1px",overflow:"auto"}}),H=(0,z.l)(j,(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(Y.Z,{entity:t,caption:b().text("Entity details"),className:r.noShadowBlock}))}));var W=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,F.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(95613);const ce="rgba(238, 238, 238, 1)",de=(0,F.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,F.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.Z,{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.Z,{value:n},o().createElement("div",{className:K()(a.defaultCell,i,{[a.clickable]:!!r}),onClick:r},t))}));var Ee=n(53180);const we=(0,z.l)(j,(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,z.l)(j,((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(W.Button,{onClick:x},b().text("Cancel")),o().createElement(W.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),Le=n(27604),Oe=n(22983),_e=n(81137);const Pe=(0,z.l)(j,(0,m.pick)(["onDeleteRelation"]),(e=>{let{uri:t,open:n,onClose:r,onDeleteRelation:i}=e;return o().createElement(_e.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()}})})),Ne=(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:Oe.Z,size:"XXS",tooltipTitle:b().text("Delete"),"data-reltio-id":"reltio-delete-relation-button",onClick:a}),o().createElement(Pe,{open:n,onClose:l,uri:t}))}));Ne.displayName="DeleteRelationButton";const Ae=Ne,ke=(0,z.l)(j,((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:Le.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,z.l)(j,(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),Me=n(94574);const Be=(0,F.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}}}))),Ze=(0,z.l)(j,(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(Me.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,F.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"}}))),Ye=(0,z.l)(j,(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(W.Dialog,{classes:{paper:c.dialogPaper},onClose:m,open:t},o().createElement(W.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(W.Button,{className:c.clearAllButton,onClick:()=>{u([]),h([])}},b().text("Clear All")),o().createElement(W.Button,{className:c.cancelButton,onClick:m},b().text("Cancel")),o().createElement(W.Button,{onClick:()=>{a({entityTypesUris:d,relationTypesUris:p}),n()},color:"primary"},b().text("Apply"))))})),Ve=(0,F.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}}))),He=(0,z.l)(j,(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(Ze,null),o().createElement(W.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(Ye,{open:i,onClose:()=>a(!1)}))}));var We=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,F.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,z.l)(j,(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:L,onChangeEntity:O,onChangeRelationType:_}=(0,Ce.R)({connection:u,onConnectionChange:p,relatedEntity:t});return o().createElement(W.Dialog,{open:n,fullWidth:!0,maxWidth:"sm",onClose:a,classes:{paper:s.dialogPaper}},o().createElement(W.DialogTitle,{disableTypography:!0,classes:{root:s.dialogTitle}},o().createElement(W.Typography,{variant:"subtitle1",classes:{root:s.titleText}},b().text("Add relationship"))),o().createElement(W.DialogContent,{classes:{root:s.content}},o().createElement(Re.n,{connection:u,onAddAttributes:T,onChangeAttribute:S,onRemoveAttribute:L,relatedEntity:t,inRelationTypes:w,outRelationTypes:C,onChangeRelationType:_,onChangeEntity:O})),o().createElement(W.DialogActions,null,o().createElement(W.Button,{onClick:a},b().text("Cancel")),o().createElement(W.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,z.l)(j,(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:We.Z,onClick:()=>{s(!0)}}),o().createElement(Qe,{open:l,onClose:()=>{s(!1)}}))})),et=(0,F.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(W.Typography,{variant:"subtitle1"},b().text("Relationships")),o().createElement(Je,null)),o().createElement(He,null),o().createElement(De,null))};function nt(){return nt=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},nt.apply(this,arguments)}const rt=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",nt({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"}))},ot=(0,F.Z)({wrapper:{display:"flex",overflow:"hidden",marginLeft:"auto",flexShrink:0}});let it;!function(e){e[e.Relationship=0]="Relationship",e[e.EntityDetails=1]="EntityDetails"}(it||(it={}));const at=(0,r.memo)((e=>{var t;let{layout:n}=e;const i=ot(),[a,l]=(0,r.useState)(null),s=(0,r.useCallback)((e=>{l((t=>t===e?null:e))}),[]),c=n===g.YGb.TREE,d=null!==a&&!c,u=(0,r.useMemo)((()=>[{buttonProps:{id:it.Relationship,icon:rt,tooltipTitle:b().text("Relationship"),disabled:c,showForDisabled:!0},content:o().createElement(tt,null)},{buttonProps:{id:it.EntityDetails,icon:M.Z,tooltipTitle:b().text("Entity Details"),disabled:c,showForDisabled:!0},content:o().createElement(H,null)}]),[c]);return o().createElement("div",{className:i.wrapper},o().createElement(U.h,{open:d,width:480},o().createElement(q,null),null===(t=u[a])||void 0===t?void 0:t.content),o().createElement(D.G,{buttonsProps:(0,m.pluck)("buttonProps",u),onButtonClick:s,activeIndexId:a}))}));at.displayName="GraphRightSidePanel";const lt=(0,z.l)(j,(e=>{let{layout:t}=e;return{layout:t}}),at);var st=n(46339),ct=n(23304),dt=n(64488),ut=n(46680),pt=n.n(ut),ht=n(88586);const mt=e=>e.getContext("2d",{preserveDrawingBuffer:!1,antialias:!1}),gt=e=>{const t=document.createElement("canvas");return t.style.position="absolute",t.setAttribute("class",`sigma-${e}`),t},ft=(0,r.createContext)({addRenderers:ee.ZT,canvases:{}}),bt=()=>(0,r.useContext)(ft);ft.displayName="SigmaCustomRenderersContext";const yt=e=>{let{children:t}=e;const n=(()=>{const{container:e,sigma:t}=(0,st.Vr)(),[n,o]=(0,r.useState)({}),i=(0,r.useRef)({}),a=(0,r.useRef)(0),l=(0,r.useRef)(0),s=(0,r.useCallback)((e=>{o((0,m.mergeLeft)(e))}),[]),c=(0,r.useCallback)((()=>{a.current=e.offsetWidth,l.current=e.offsetHeight;const t=(0,ht.getPixelRatio)();for(const e in i.current){const{canvasElement:n,context:r}=i.current[e];n.style.width=a.current+"px",n.style.height=l.current+"px",n.setAttribute("width",a.current*t+"px"),n.setAttribute("height",l.current*t+"px"),1!==t&&r.scale(t,t)}}),[e.offsetHeight,e.offsetWidth]),d=(0,r.useCallback)((()=>{for(const e in n){const{context:t}=i.current[e];t.clearRect(0,0,a.current,l.current);const{renderer:r}=n[e];r(t)}}),[n]),u=(0,r.useCallback)((()=>{for(const t in n){if(!(0,g.O27)(i.current[t]))continue;const{insertBefore:r}=n[t],o=e.querySelector(".sigma-container"),a=gt(t),l=mt(a);o.insertBefore(a,o.querySelector(`.sigma-${r}`)),i.current[t]={canvasElement:a,context:l},c()}}),[n,e,c]);return(0,r.useEffect)((()=>(t.addListener("beforeRender",u),()=>{t.off("beforeRender",u)})),[t,u]),(0,r.useEffect)((()=>(t.addListener("afterRender",d),()=>{t.off("afterRender",d)})),[t,d]),(0,r.useEffect)((()=>(t.addListener("resize",c),()=>{t.off("resize",c)})),[t,c]),(0,r.useEffect)((()=>{const e=i.current;return()=>{for(const t in e)e[t].canvasElement.remove(),delete e[t]}}),[]),{addRenderers:s,canvases:i.current}})();return o().createElement(ft.Provider,{value:n},t)},vt=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())},xt=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&&vt(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)},Et=(e,t,n)=>{vt(e,t,n,!0),xt(e,t,n,!1)};class wt extends ct.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 Ct{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.startsWith("data:image")?t:t+"?not-from-cache"},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 Rt={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 Tt extends ct.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 Ct,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(Rt.id,Rt.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[Rt.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 St=[{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 Lt extends ct.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 Ct,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])),St.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 Ot=n(23193),_t=n.n(Ot);class Pt extends(_t()){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 Nt extends Pt{process(e,t,n,r,o){super.process(t,e,n,r,o)}}var At=n(73343),kt=n.n(At);class It extends dt.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}",kt(),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 jt=e=>{let{children:t}=e;const n=(0,r.useMemo)((()=>({allowInvalidContainer:!0,defaultNodeType:"image",hoverRenderer:Et,labelRenderer:xt,nodeProgramClasses:{image:(0,ct.createNodeCompoundProgram)([Tt,wt,Lt])},edgeProgramClasses:{line:pt(),arrow:(0,dt.createEdgeCompoundProgram)([It,Pt]),doubleArrow:(0,dt.createEdgeCompoundProgram)([It,Pt,Nt])},labelFont:"Roboto",labelSize:13,labelColor:{color:"rgba(0, 0, 0, 0.87)"}})),[]);return o().createElement(st.C6,{graph:h.MultiGraph,style:{background:"transparent"},settings:n},o().createElement(yt,null,t))};var Ut=n(28833),Dt=n.n(Ut),zt=n(3660),Mt=n.n(zt),Bt=n(28301),Zt=n.n(Bt),Ft=n(20562),Gt=n(31181);const qt={[g.MCv.bidirectional]:"doubleArrow",[g.MCv.directed]:"arrow",[g.MCv.undirected]:"line"},Yt=(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,Vt=e=>{let{graph:t,undirectedGraph:n,selectedNode:r,rootNodeUri:o}=e;if(t&&n&&o&&r&&o!==r)try{const e=(0,x.Ar)(n,o,r),i=function(e,t){const n=[],r=arguments.length>2&&void 0!==arguments[2]&&arguments[2]?"findOutEdge":"findEdge";return t&&t.forEach(((t,o,i)=>{const a=i[o+1];a&&n.push(e[r](t,a,(e=>!!e)))})),n}(t,e);return e?{edges:i,nodes:e}:{}}catch(e){}return{}},Ht=.4,Wt=(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}),Xt=(e,t,n,r,o)=>{e.beginPath(),e.moveTo(t+r,n+o),e.lineTo(t+o*Ht,n-r*Ht),e.lineTo(t-o*Ht,n+r*Ht),e.lineTo(t+r,n+o),e.closePath(),e.fill()};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 Qt(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){Jt(e,t,n[t])}))}return e}function Jt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const en=(0,m.memoizeWith)(((e,t,n)=>n.type),g.uie),tn={size:24,buttonSize:8,buttonOffset:[19,19]},nn={size:12,buttonSize:6,buttonOffset:[8,13]},rn=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,st.Ys)(),b=(0,st.sG)(),y=(0,st.$j)(),v=(0,st.eP)(),{selfRelationsPathsMap:x,selfRelationLoopsCanvas:w}=(e=>{const t=(0,st.Ys)(),{addRenderers:n,canvases:o}=bt(),i=(0,r.useRef)({}),{selfRelationLoops:a}=o;return(0,r.useEffect)((()=>{n({selfRelationLoops:{renderer:n=>{e.forEachEdge(((e,r,o)=>{if(r.loop){delete i.current[e];const r=t.getEdgeDisplayData(e),a=t.getNodeDisplayData(o);if(r.hidden||a.hidden)return;const l=((e,t,n)=>{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);e.strokeStyle=o,e.lineWidth=r;const d=new Path2D;if("arrow"===t.type||"doubleArrow"===t.type){if(e.fillStyle=o,"doubleArrow"===t.type){const t=((e,t,n,r,o)=>{const i=Math.sqrt(Math.pow(t-e.x1,2)+Math.pow(n-e.y1,2));return Wt(e.x2,e.y2,i,t,n,r,o)})(c,a,l,s,r*i*2.2);Xt(e,t.aX,t.aY,t.vX,t.vY),d.moveTo(t.aX,t.aY)}else d.moveTo(a,l);const n=((e,t,n,r,o)=>{const i=Math.sqrt(Math.pow(t-e.x1,2)+Math.pow(n-e.y1,2));return Wt(e.x1,e.y1,i,t,n,r,o)})(c,a,l,s,r*i*2.2);d.bezierCurveTo(c.x2,c.y2,c.x1,c.y1,n.aX,n.aY),e.stroke(d),Xt(e,n.aX,n.aY,n.vX,n.vY)}else d.moveTo(a,l),d.bezierCurveTo(c.x1,c.y1,c.x2,c.y2,a,l),e.stroke(d);return d})(n,$t({},r,{size:t.scaleSize(r.size)}),$t({},a,t.framedGraphToViewport(a),{size:t.scaleSize(a.size)}));i.current[e]=l}}))},insertBefore:"edges"}})}),[n,e,t]),{selfRelationsPathsMap:i.current,selfRelationLoopsCanvas:a}})(n),C=((e,t,n)=>{const o=(0,st.Ys)(),i=(0,st.$j)(),{addRenderers:a}=bt(),l=(0,r.useRef)({x:0,y:0}),[s,c]=(0,r.useState)(null),[d,u]=(0,r.useState)(null),p=s||d;return(0,r.useEffect)((()=>{i({enterEdge:e=>{let{edge:t}=e;c(t)},leaveEdge:()=>{c(null)},mousemove:e=>{if(l.current.x=e.x,l.current.y=e.y,!t)return;const{context:r,canvasElement:o}=t,{x:i,y:a}=((e,t)=>{const n=e.getBoundingClientRect();return{x:(t.clientX-n.left)/(n.right-n.left)*e.width,y:(t.clientY-n.top)/(n.bottom-n.top)*e.height}})(o,e.original);for(const e in n){const t=n[e];if(r.isPointInStroke(t,i,a)){u(e);break}u(null)}}})}),[o,i,t,n]),(0,r.useEffect)((()=>{a({tooltips:{renderer:t=>{e.forEachEdge(((e,n,r)=>{const i=o.getEdgeDisplayData(e),a=o.getNodeDisplayData(r);if(!i.hovered||a.highlighted)return;const{x:s,y:c}=l.current;((e,t,n,r)=>{e.font="normal 10px Roboto",e.textAlign="center",e.textBaseline="middle";const o=e.measureText(r).width+16,i=t-o/2,a=n-12;e.fillStyle="rgba(0, 0, 0, 0.54)",((e,t,n,r,o,i)=>{e.beginPath(),e.moveTo(t,n+4),e.arcTo(t,n+24,t+4,n+24,4),e.arcTo(t+r,n+24,t+r,n+24-4,4),e.arcTo(t+r,n,t+r-4,n,4),e.arcTo(t,n,t,n+4,4),e.fill()})(e,i,a,o),e.fillStyle="#fff",e.fillText(r,i+o/2,a+12)})(t,s,c-15,i.relationLabel)}))},insertBefore:"mouse"}})}),[a,e,o]),p})(n,w,x),R=(0,i.useSelector)(d.ZP.selectors.getEntity),T=(0,i.useSelector)(d.ZP.selectors.getMetadata),S=(0,i.useSelector)(d.ZP.selectors.getAbsoluteImagePath)||"",[L,O]=(0,r.useState)(void 0),[_,P]=(0,r.useState)(null),[N,A]=(0,r.useState)({}),k=null==R?void 0:R.uri;(0,r.useEffect)((()=>{f.getCamera().setState({ratio:1.2})}),[n,f]),(0,r.useEffect)((()=>{if(P((0,E.toUndirected)(n)),b(n),o){const e=o(f.getGraph(),l);(0,Gt.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]),(0,r.useEffect)((()=>{const e=Vt({graph:f.getGraph(),undirectedGraph:_,selectedNode:s,rootNodeUri:k});A(e)}),[s,k,f,_]),(0,r.useEffect)((()=>{y({enterNode:e=>{let{node:t}=e;O(t)},leaveNode:()=>{O(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)return;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=Yt(e.x,e.y,r.x+o,r.y-i,a),s=Yt(e.x,e.y,r.x+o,r.y+i,a);if(n.showExpand&&l&&(h(t),u(t)),n.showCollapse&&s){const e=Vt({graph:f.getGraph(),undirectedGraph:_,selectedNode:t,rootNodeUri:k});p(t,e),u(t)}}})}),[f,y,u,p,h,k,_]),(0,r.useEffect)((()=>{const e=f.getGraph();let t;try{t=e.neighbors(s)}catch(e){}v({nodeReducer:(n,r)=>{const{entityTypesUris:o=[]}=m||{},i=en(T,S,{type:r.entityTypeUri}),a=e.neighbors(n),l=a.map((t=>e.getNodeAttribute(t,"hidden"))).filter((e=>!!e)).length,c=(N.nodes||[]).includes(n),d=L===n,u=n===k,p=n===s,h=t&&!t.includes(n)&&s!==n&&s!==k&&!c,g=![s,k].includes(n)&&o.length>0&&!o.includes(r.entityTypeUri),f=Qt({},r,n===s?tn:nn,{color:"#0072CE",image:i,showExpand:r.untraversedRelationsCount>0||l>0,showCollapse:r.traversedRelationsCount>1&&a.length-l>1});return c||p||u?(f.inPath=!0,f.color=u?"#00FFFF":r.color):h&&(f.label=d?r.label:"",f.inactive=!0),d&&(f.highlighted=!0),g&&(f.hidden=!0),f},edgeReducer:(t,n)=>{const{relationTypesUris:r=[]}=m||{},o=Qt({},n,{hidden:!1}),i=(N.edges||[]).includes(t),a=(0,g.V3K)(T,n.relationTypeUri),l=(0,g.oSN)(T,a,"typeColor"),d=s&&s!==k&&!e.hasExtremity(t,s)&&!i||r.length>0&&!r.includes(n.relationTypeUri);var u;return l&&(o.color=l),C===t&&(o.hovered=!0),d&&(o.hidden=!0),c&&(o.arrowSizeRatio=4),i&&(o.color="#0072CE",o.size=4,o.arrowSizeRatio=c?1.4:n.arrowSizeRatio),o.type=(u=c?n.direction:g.MCv.undirected,qt[u]||"line"),o.relationLabel=(0,g.idV)(null==a?void 0:a.label),o},enableEdgeHoverEvents:!0})}),[f,v,L,s,N,k,T,S,c,m,C])};function on(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){an(e,t,n[t])}))}return e}function an(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const ln=e=>{let{data:t,graph:n,selectedNode:o,layout:i,onNodeClick:a,onNodeCollapse:l,onNodeExpand:s,filters:c}=e;const d=(0,v.D)(t);(0,Ft.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();Dt().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)((()=>(Dt().assign(n),{settings:on({},Mt().inferSettings(n),{gravity:1})})),[n]);return rn({workerLayout:Zt(),layoutSettings:u,data:t,graph:n,selectedNode:o,onNodeClick:a,isDirected:i===g.YGb.DIRECTED_NETWORK,onNodeCollapse:l,onNodeExpand:s,filters:c}),null};var sn=n(36039);const cn=(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},dn=(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)?dn(o,t,n,r):t},un=(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 un(e,t,n,r,o)}return t},pn=e=>{let{quantityAtLvl:t,rowNumber:n,isEvenItem:r,layout:o,shouldUseCheckboardPattern:i}=e;const a=o===g.YGb.VERTICAL_TB;return i&&a&&r&&1!==t?10*n+5:10*n},hn=e=>{let{quantityAtLvl:t,posAtLvl:n,max:r,isEvenRow:o,layout:i,shouldUseCheckboardPattern:a}=e;const l=i===g.YGb.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)},mn=e=>e<100;function gn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const fn=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 g.YGb.VERTICAL_TB:return 180;case g.YGb.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=!mn(a),s=((e,t)=>{if(mn(e))return 10;const n=t===g.YGb.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=cn(o,r,t),a=dn(i,[],new Set,o);return un(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=hn({quantityAtLvl:r,posAtLvl:o,max:d,isEvenRow:n,layout:i,shouldUseCheckboardPattern:l}),u=pn({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 sn.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){gn(e,t,n[t])}))}return e}({},e,{[t]:{x:r,y:o}})}),{})}),[i,o]);return rn({syncLayout:d,data:t,graph:n,selectedNode:o,onNodeClick:a,onNodeCollapse:l,onNodeExpand:s,filters:c}),null};var bn=n(24737);const yn=(0,F.Z)({graphTypeSelector:{minWidth:"200px",backgroundColor:"#FAFAFA",opacity:1,height:"40px"},filledInputRoot:{borderRadius:"4px"},valueContainer:{width:"auto",marginLeft:"16px"}}),vn=(0,z.l)(j,(e=>{let{graphTypeUri:t,setGraphTypeUri:n}=e;return{setGraphTypeUri:n,graphTypeUri:t}}),(e=>{let{graphTypeUri:t,setGraphTypeUri:n}=e;const a=yn(),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(bn.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}}}})})),xn=(0,F.Z)({graphLayoutSelector:{minWidth:"202px",backgroundColor:"#FAFAFA",opacity:1,marginLeft:"10px"},filledInputRoot:{borderRadius:"4px",height:"42px"}}),En=(0,r.memo)((e=>{let{value:t,onChangeHandler:n,graphTypeUri:r}=e;const i=xn(),a=[{label:b().text("Simple network"),value:g.YGb.SIMPLE_NETWORK},{label:b().text("Vertical hierarchy"),value:g.YGb.VERTICAL_TB},{label:b().text("Horizontal hierarchy"),value:g.YGb.HORIZONTAL_LR},{label:b().text("Directed network"),value:g.YGb.DIRECTED_NETWORK},{label:b().text("Tree"),value:g.YGb.TREE}],l=r?a:a.filter((e=>e.value!==g.YGb.TREE));return o().createElement(bn.Z,{className:i.graphLayoutSelector,label:b().text("Graph layout"),value:a.find((0,m.propEq)("value",t)),options:l,onChange:e=>n(e.value),TextFieldProps:{InputProps:{disableUnderline:!0,classes:{root:i.filledInputRoot}}}})})),wn=()=>{const e=(0,st.Ys)(),t=(0,r.useCallback)((()=>{e.refresh()}),[e]);return o().createElement(Q.Z,{handleWidth:!0,onResize:t})};var Cn=n(17373);function Rn(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){Tn(e,t,n[t])}))}return e}function Tn(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="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)",Ln={background:"#FFFFFF",boxShadow:Sn,width:"28px",height:"28px"},On=(0,F.Z)({container:{display:"flex",alignItems:"center"},maxButton:Rn({},Ln,{borderRadius:"2px 4px 4px 2px"}),minButton:Rn({},Ln,{borderRadius:"4px 2px 2px 4px"}),thumb:{position:"absolute",boxShadow:Sn,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 _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 Pn=e=>Math.pow(100/e,2),Nn=e=>100/Math.sqrt(e),An=e=>{const t=On(),n=(0,m.omit)(["className"],e);return o().createElement("div",_n({className:t.thumb},n),o().createElement(Cn.Z,{className:K()(t.icon,t.thumbIcon)}))},kn=e=>{let{className:t,max:n,min:i}=e;const a=On(),l=(0,st.eP)(),s=(0,st.$j)(),c=(0,st.Ys)().getCamera(),{zoomIn:d,zoomOut:u}=(0,st.AH)({factor:1.2}),[p,h]=(0,r.useState)((0,m.clamp)(i,n,Nn(c.getState().ratio))),g=(0,r.useMemo)((()=>i>0?Pn(i):null),[i]),f=(0,r.useMemo)((()=>n>0?Pn(n):null),[n]);return(0,r.useEffect)((()=>(l({maxCameraRatio:g,minCameraRatio:f}),()=>{l({maxCameraRatio:null,minCameraRatio:null})})),[l,f,g]),(0,r.useEffect)((()=>{s({updated:e=>h(Nn(e.ratio))})}),[s]),o().createElement("div",{className:K()(a.container,t)},o().createElement(W.IconButton,{className:a.minButton,onClick:()=>u()},o().createElement(Cn.Z,{className:a.icon})),o().createElement(W.Slider,{ThumbComponent:An,classes:{root:a.sliderRoot,rail:a.rail},track:!1,value:p,min:i,max:n,onChange:(e,t)=>c.setState({ratio:c.getBoundedRatio(Pn(t))})}),o().createElement(W.IconButton,{className:a.maxButton,onClick:()=>d()},o().createElement(We.Z,{className:a.icon})))};var In=n(25156);const jn=(0,F.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"}}),Un=e=>{let{node:t}=e;const n=jn(),{gotoNode:r}=(0,st.AH)();return o().createElement(W.IconButton,{className:n.button,onClick:()=>r(t)},o().createElement(In.Z,{className:n.icon}))};var Dn=n(2727);const zn=(0,F.Z)({hierarchyTree:{position:"relative",width:"calc(100% - 190px)",margin:"80px 95px 0",height:"calc(100% - 100px)"}}),Mn=e=>{var t;let{graphTypeUri:n}=e;const a=zn(),{store:l}=(0,r.useContext)(i.ReactReduxContext),s=(0,i.useSelector)(d.ZP.selectors.getMetadata),c=(0,i.useSelector)(d.ZP.selectors.getEntity),u=null===(t=(0,g.mmY)(s,c.type).find((0,m.propEq)("uri",n)))||void 0===t?void 0:t.label,p=(0,r.useMemo)((()=>({id:"___graphView___",class:g.ZIY.HierarchyTree,graph:{type:n},caption:u})),[u,n]);return o().createElement(Dn.HierarchyTreeView,{config:p,store:l,className:a.hierarchyTree,isGraphView:!0})},Bn=(0,F.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"}}),Zn=(0,z.l)(j,(e=>{let{data:t,graphologyGraph:n,selectedEntity:r,onEntitySelect:o,onCollapseEntity:i,onExpandEntity:a,relationshipTable:{filters:l},graphTypeUri:s,layout:c,setLayout:d}=e;return{data:t,graph:n,selectedNode:null==r?void 0:r.uri,onNodeSelect:o,onNodeCollapse:i,onNodeExpand:a,filters:l,graphTypeUri:s,layout:c,setLayout:d}}),(e=>{let{data:t,graph:n,selectedNode:r,onNodeSelect:i,onNodeCollapse:a,onNodeExpand:l,filters:s,graphTypeUri:c,layout:d,setLayout:u}=e;const p=Bn(),h={data:t,graph:n,selectedNode:r,layout:d,onNodeClick:i,onNodeCollapse:a,onNodeExpand:l,filters:s};return o().createElement("div",{className:p.wrapper},o().createElement("div",{className:p.selectors},o().createElement(vn,null),o().createElement(En,{value:d,onChangeHandler:u,graphTypeUri:c})),o().createElement("div",{className:p.graph},d===g.YGb.TREE?o().createElement(Mn,{graphTypeUri:c}):n&&o().createElement(jt,null,o().createElement(o().Fragment,null,o().createElement(wn,null),d===g.YGb.SIMPLE_NETWORK||d===g.YGb.DIRECTED_NETWORK?o().createElement(ln,h):o().createElement(fn,h),o().createElement("div",{className:p.rightBottomControls},o().createElement(kn,{className:p.zoomSlider,min:30,max:300}),o().createElement(Un,{node:r}))))))})),Fn=(0,F.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"}}))),Gn=(0,r.memo)((e=>{let{graphTypeUri:t,graphLayout:n}=e;const a=Fn(),l=(0,i.useSelector)(d.ZP.selectors.getEntity),s=((e,t,n)=>{const{layout:o,setLayout:a}=(e=>{const[t,n]=(0,r.useState)(g.YGb.SIMPLE_NETWORK);return(0,r.useEffect)((()=>{const t=Object.values(g.YGb).some((t=>e===t));t&&n(e)}),[e]),{layout:t,setLayout:n}})(n),{graphTypeUri:l,setGraphTypeUri:s}=((e,t,n)=>{const[o,a]=(0,r.useState)(null),l=(0,i.useSelector)(d.ZP.selectors.getMetadata);return(0,r.useEffect)((()=>{(0,g.mmY)(l,e.type).some((e=>{let{uri:n}=e;return t===n}))&&a(t)}),[t,e,l]),{graphTypeUri:o,setGraphTypeUri:e=>{a(e),e||n(g.YGb.SIMPLE_NETWORK)}}})(e,t,a),{graphLoading:c,data:u,graphologyGraph:p,onAddRelation:h,onDeleteRelation:f,onCollapseEntity:v,onExpandEntity:x}=O(e,l,o),{selectedEntity:E,onEntitySelect:w,selectedEntityLoading:C}=((e,t)=>{const n=(0,y._)(),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=P(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=P({},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=P({},e),h(e.uri)):(s.current={},l(null)))}),[t]),{selectedEntityLoading:c,selectedEntity:a,onEntitySelect:h}})(e,u);return{graphLoading:c,data:u,graphologyGraph:p,selectedEntity:E,selectedEntityLoading:C,graphTypeUri:l,relationshipTable:I({data:u,selectedEntityUri:null==E?void 0:E.uri,mainEntityUri:null==e?void 0:e.uri,graphTypeUri:l}),layout:o,onAddRelation:h,onDeleteRelation:f,onCollapseEntity:v,onExpandEntity:x,onEntitySelect:w,setGraphTypeUri:s,setLayout:a}})(l,t,n),{graphLoading:c}=s;return o().createElement(j.Provider,{value:s},o().createElement("div",{className:a.perspectiveView},c&&o().createElement(u.Z,null),(null==l?void 0:l.uri)&&o().createElement("div",{className:a.graphContainer},o().createElement("div",{className:a.graphWrapper},o().createElement(p.n,{entity:l}),o().createElement(Zn,null)),o().createElement(lt,null))))}));Gn.displayName="GraphPerspectiveView";const qn=Gn,Yn=(0,a.createGenerateClassName)({productionPrefix:"graph",disableGlobal:!0}),Vn=e=>{let{store:t,graphTypeUri:n,graphLayout:r}=e;return o().createElement(i.Provider,{store:t},o().createElement(a.StylesProvider,{generateClassName:Yn},o().createElement(s.MuiPickersUtilsProvider,{utils:c.Z},o().createElement(qn,{graphTypeUri:n,graphLayout:r}),o().createElement(l.Z,{showErrorFromStore:!0}))))}}}]);
1
+ "use strict";(self.webpackChunk_reltio_remotes=self.webpackChunk_reltio_remotes||[]).push([[4407],{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(73122);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)}))},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(49885),c=n(73122),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:L,entity:O}=t,{attributes:_,uri:P,type:N="",direction:A}=L||{},k=Boolean(N),I=(0,l.useSelector)(s.ZP.selectors.getMetadata),j=(0,i.useMemo)((()=>L&&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:_},(0,c.p2l)(L))),[L,_]),U=(0,i.useMemo)((()=>(0,c.xF8)(I,N)),[N,I]),D=(0,i.useMemo)((()=>k?(0,c.jWj)(A===c.Nsj.OUT,I,[(0,c.V3K)(I,N)]):(0,h.uniq)((0,c.jWj)(!0,I,y).concat((0,c.jWj)(!1,I,u)))),[k,N,I,u,y]),z=(0,l.useSelector)((e=>s.ZP.selectors.getGlobalSearchRequestOptions(e,["ovOnly"]))),M=(0,i.useMemo)((()=>L&&{relationType:L.type,direction:L.direction}),[L]),B=(0,i.useMemo)((()=>O&&{entityUri:O.uri,entityType:O.type,entityLabel:(0,c.idV)(O.label)}),[O]),Z=(0,i.useMemo)((()=>O&&O.uri?u.filter((0,c.eHk)(!1,O,n,I)):u),[O,u,n,I]),F=(0,i.useMemo)((()=>O&&O.uri?y.filter((0,c.eHk)(!0,O,n,I)):y),[O,y,n,I]);(0,i.useEffect)((()=>{const{type:e,direction:t}=(0,c.z7d)(u,y)||{};!N&&e&&R&&R({type:e.uri,direction:t})}),[N,u,y,R]),(0,o.D)((()=>{const{type:e,direction:t}=(0,c.z7d)(Z,F)||{};!N&&e&&R({type:e.uri,direction:t})}),[N,O,Z,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:M,metadata:I,inRelationTypes:u,outRelationTypes:y,onChange:G}),T&&a().createElement(g.Z,{errorMessage:x,className:S.item},a().createElement(f.Z,{key:N,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})),N&&a().createElement(d.Z,{attrTypes:U,entity:j,showEmptyEditors:v,mode:c.fO_.EDITING,parentUri:P,onAddAttributes:C,onChangeAttribute:E,onDeleteAttribute:w}))}},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(73122),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"},42520:(e,t,n)=>{n.d(t,{S:()=>P});var r=n(24328),o=n.n(r),i=n(71153),a=n.n(i),l=n(17440),s=n(73122),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 L(){return L=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},L.apply(this,arguments)}function O(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}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 P=(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(),[_,P]=(0,r.useState)(!1),N=(0,r.useCallback)((()=>P(!0)),[]),A=(0,r.useCallback)((()=>P(!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:O({},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]),M=(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);M(t,n)}),[u,M]),{focusIndex:Z,handleKeyDown:F}=(0,v.t)({items:D,open:_,onSelectFocusedItem:B,selectedItems:u,onClose:U}),G=(0,r.useRef)(),q=G.current?G.current.getBoundingClientRect().width:0,Y=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,L({},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"]]:_}),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:N,classes:{root:a()(R.root,n.root)},margin:"dense",variant:"filled",disabled:m,"data-reltio-id":w}),o().createElement(y.Z,{open:_,anchorEl:G.current,onClose:U,onSearch:I,title:C,containerWidth:Y,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:M,selectedItems:u,width:Y,height:245,focusIndex:Z})))}));P.displayName="MetadataTypesSelector"},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(73122),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(73122),s=n(64459),c=n(79618),d=n(94646),u=n(41564),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.e,{collaboration: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"},78620:(e,t,n)=>{n.d(t,{R:()=>d});var r=n(24328),o=n(73122),i=n(17440),a=n(52730),l=n(49885);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}}},51441:(e,t,n)=>{n.r(t),n.d(t,{default:()=>Hn});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(49885),u=n(99136),p=n(40715),h=n(98996),m=n(17440),g=n(73122),f=n(87918),b=n.n(f),y=n(85229),v=n(30634),x=n(75477),E=n(60715),w=n(35174);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){R(e,t,n[t])}))}return e}function R(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const T=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)(S,(0,m.without)([e]))(r);return o.forEach((e=>T(e,t,n))),n},S=e=>(0,m.pipe)((0,m.chain)((e=>[(0,g.nqN)(e),(0,g.j5q)(e)])),m.uniq)(e),L=(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})}))},O=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=>O(e,t,n))),n},_=(e,t,n)=>{const[o,a]=(0,r.useState)(null),l=(0,i.useDispatch)(),[s,c]=(0,r.useState)(null),[u,p]=(0,r.useState)(!1),f=null==e?void 0:e.uri,R=(0,g.biM)(e),_=(0,i.useSelector)(d.ZP.selectors.getMetadata),P=(0,y._)(),N=(0,y._)(),A=n===g.YGb.TREE,k=(0,v.D)(n),I=(0,r.useContext)(x.F),j=k===g.YGb.TREE&&A,U=(0,r.useCallback)((function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return N((0,g.ZYI)({uri:e,deep:n,limitCreditsConsumption:!0,graphTypes:t?[(0,g.nIW)(t)]:null,activenessDate:null,max:t?200:3e3,signal:I}))}),[t,N,I]);(0,r.useEffect)((()=>(!f||(0,g.ZiX)(f)||R||A||(p(!0),P((0,g.ZYI)({uri:f,deep:t?2:1,limitCreditsConsumption:!0,graphTypes:t?[(0,g.nIW)(t)]:null,activenessDate:null,max:t?200:3e3,signal:I})).then((e=>{const t=new h.MultiGraph;L(t,e),a(t),c(e)})).catch((e=>{console.error(e),c(null),(0,g.D_E)(e)||l(d.ui.actions.errorSet((0,g.xU7)(e,b().text("Something went wrong"))))})).finally((()=>{p(!1)}))),()=>{a(null),c(null),p(!1)})),[f,R,l,t,j]);const D=(0,r.useCallback)((async e=>{let{startEntityUri:t,endEntityUri:n,relationType:r,attributes:i,startDate:a,endDate:u}=e;try{var h;p(!0);const e=await(0,g.DsR)({startEntityUri:t,endEntityUri:n,relationType:r,attributes:i,startDate:a,endDate:u});if(null==e||null===(h=e[0])||void 0===h||!h.successful)throw null==e?void 0:e[0];const l=e[0].object,d=t===f?l.endObject.objectURI:l.startObject.objectURI,b=await(0,g.HvW)(d,{select:"label"});t===f?l.endObject.label=b.label:l.startObject.label=b.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=C({},(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?C({},e,{traversedRelations:e.traversedRelations+1}):e)),relations:(e.relations||[]).concat([u])}})(s,l,_);L(o,y);const v=[l.startObject.objectURI,l.endObject.objectURI],x=s.entities.map((0,m.prop)("uri"));v.forEach((e=>{if(x.includes(e)){const t=o.getNodeAttribute(e,"traversedRelationsCount");o.setNodeAttribute(e,"traversedRelationsCount",t+1)}})),c(y)}catch(e){throw l(d.ui.actions.errorSet((0,g.xU7)(e,b().text("Something went wrong")))),e}finally{p(!1)}}),[l,s,o,_]),z=(0,r.useCallback)((e=>{p(!0),(0,g.VGk)(e).then((()=>{o.extremities(e).forEach((e=>{const t=o.getNodeAttribute(e,"traversedRelationsCount");o.setNodeAttribute(e,"traversedRelationsCount",t-1)})),o.dropEdge(e);const{updatedData:t,removedEntitiesUris:n}=((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,w.toUndirected)(n),s=(0,m.cond)([[()=>!(0,E.Ar)(l,e,i),(0,m.always)(i)],[()=>!(0,E.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?C({},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=T(e,t),r=(0,m.pipe)(S,(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}})(f,e,o,s);((e,t)=>{(t||[]).forEach((t=>{e.dropNode(t)}))})(o,n),c(t)})).catch((e=>{l(d.ui.actions.errorSet((0,g.xU7)(e,b().text("Something went wrong"))))})).finally((()=>{p(!1)}))}),[l,o,f,s]),M=(0,r.useCallback)(((e,t)=>{const{nodes:n=[]}=t,r=(0,m.difference)(o.neighbors(e),n);((e,t,n,r)=>{const o=(0,w.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,E.Ar)(e,t,n)?null:n)(o,e,t)&&a.push(t)})),(0,m.uniq)(a.reduce(((e,t)=>O(t,o,e)),[...a]))})(f,e,r,o).forEach((t=>{t!==f&&t!==e&&o.setNodeAttribute(t,"hidden",!0)}))}),[f,o]),B=(0,r.useCallback)((e=>{if(e&&!(0,g.ZiX)(e)&&!R){const t=o.getNodeAttribute(e,"untraversedRelationsCount");o.neighbors(e).forEach((e=>{o.setNodeAttribute(e,"hidden",!1)})),t>0&&(p(!0),U(e).then((t=>{const n=((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]=C({},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||[]])}})(s,t,e);L(o,t);const r=t.entities.find((t=>t.uri===e));o.setNodeAttribute(e,"untraversedRelationsCount",r.untraversedRelations),o.setNodeAttribute(e,"traversedRelationsCount",r.traversedRelations),c(n)})).catch((e=>{console.error(e),(0,g.D_E)(e)||l(d.ui.actions.errorSet((0,g.xU7)(e,b().text("Something went wrong"))))})).finally((()=>{p(!1)})))}}),[s,l,o,R,U]);return{graphLoading:u,data:s,graphologyGraph:o,onAddRelation:D,onDeleteRelation:z,onCollapseEntity:M,onExpandEntity:B}};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 N=(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},A=[25,50,100];function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const I=(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)},j=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)(A[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:I(w,e,t.uri)}})))((null==t?void 0:t.relations)||[])),[t,n,C,w]),{searchText:T,onChangeSearchText:S,filters:L,onFilter:O,relationTypesOptions:_,entityTypesOptions:P}=(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),N=(0,r.useMemo)((()=>(0,m.pipe)((0,m.filter)((e=>{let{entityLabel:t,entity:n,relation:r}=e;const{entityTypesUris:o,relationTypesUris:i}=L;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,L]),j=(0,r.useMemo)((()=>N.slice(c*p,c*p+p)),[N,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){k(e,t,n[t])}))}return e}({},t,{relation:e}):t))))}),[]);(0,r.useEffect)((()=>{u(0),S("")}),[n,a,S,O]),(0,r.useEffect)((()=>{O({entityTypesUris:[],relationTypesUris:[]})}),[a,o,O]),(0,r.useEffect)((()=>{u(0)}),[l,T,L]);const z=(0,r.useCallback)((e=>{y((t=>t.filter((t=>t.relation.uri!==e))))}),[]),M=(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:L,onFilter:O,entityTypesOptions:P,relationTypesOptions:_,editingRelations:f,onStartRelationEditing:U,onCancelRelationEditing:z,onUpdateEditingRelation:D,total:N.length,page:c,rowsPerPage:p,onPageChange:u,onRowsPerPageChange:h,onSaveEditingRelation:M,loading:v}},U=o().createContext({graphLoading:!1,data:null,graphologyGraph:null,selectedEntityLoading:!1,selectedEntity:null,onEntitySelect:()=>{},relationshipTable:{},onCollapseEntity:()=>{},onExpandEntity:()=>{},layout:null,setLayout:()=>{}});U.displayName="GraphStateContext";var D=n(52043),z=n(39827),M=n(48852),B=n(82726),Z=n(31039),F=n(64459),G=n(79692);const q=(0,G.Z)((e=>({link:{textDecoration:"none",color:e.palette.primary.main}}))),Y=(0,M.l)(U,(0,m.pick)(["selectedEntity"]),(e=>{let{selectedEntity:t}=e;const n=q(),r=(0,i.useSelector)(d.ZP.selectors.getEntityUri),a=null==t?void 0:t.uri;return o().createElement(F.Z,{entity:t,renderLabel:e=>r===a?e:o().createElement(Z.Z,{className:n.link,value:(0,g.wwR)(t),screen:"graph"},e)})}));var V=n(8962);const H=(0,G.Z)({noShadowBlock:{boxShadow:"none"},wrapper:{position:"relative",paddingRight:"1px",overflow:"auto"}}),W=(0,M.l)(U,(0,m.pick)(["selectedEntity","selectedEntityLoading"]),(e=>{let{selectedEntity:t,selectedEntityLoading:n}=e;const r=H();return o().createElement("div",{className:r.wrapper},n&&o().createElement(u.Z,null),o().createElement(V.Z,{entity:t,caption:b().text("Entity details"),className:r.noShadowBlock}))}));var X=n(94079),$=n(58662),K=n(71153),Q=n.n(K),J=n(44443),ee=n(30739),te=n(31276);const ne="1px solid rgba(0, 0, 0, 0.05)",re=(0,G.Z)({table:{flex:1,height:"100%",display:"flex",flexDirection:"column",overflow:"hidden"},tableBody:{height:"100%",overflow:"auto"},tableBodyWrapper:{height:"100%",overflow:"hidden"},tableRowWrapper:{borderBottom:ne},tableRow:{display:"flex",alignItems:"center","& > div":{flexShrink:0}},editingRow:{paddingTop:"8px",paddingBottom:"8px"},headRow:{borderBottom:ne}});function oe(){return oe=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},oe.apply(this,arguments)}const ie=(0,r.memo)((e=>{let{columnsData:t,sorting:n,onSort:r}=e;const i=re();return o().createElement("div",{className:Q()(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,te.Dh)(n.order):"asc"})}}:{};return o().createElement("div",{key:t,className:l},o().createElement(s,oe({headCellData:e},c)))})))})),ae=(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=re(),[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:Q()(p.tableRowWrapper,null==n?void 0:n.tableRowWrapper)},o().createElement("div",{className:Q()(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(ie,{columnsData:i,sorting:l,onSort:s}),o().createElement("div",{className:p.tableBodyWrapper},o().createElement(J.Z,{handleHeight:!0,handleWidth:!0,onResize:f}),o().createElement("div",{className:p.tableBody},o().createElement(ee.Z,{listRef:b,width:h.width,height:h.height,data:a,defaultItemSize:u,itemKey:c,showNotMeasuredItems:!0},g))))})),le=(0,r.memo)(ae);var se=n(92332),ce=n(95613);const de="rgba(238, 238, 238, 1)",ue=(0,G.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:de}}});function pe(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const he={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"},me=".collapsibleTableRow:hover &",ge=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){pe(e,t,n[t])}))}return e}({},he,{[me]:{background:`linear-gradient(to right, rgba(238, 238, 238, 0), ${de} 100%)`}}),fe=(0,G.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":he},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":ge},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",[me]:{visibility:"visible",background:de}},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 ye(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){ve(e,t,n[t])}))}return e}function ve(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const xe=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=fe();return o().createElement("div",{className:Q()(i.headCell,t)},o().createElement(se.default,be({},r,{headCellData:ye({},n,{label:o().createElement(ce.Z,{value:n.label},o().createElement("div",{className:i.headLabel},n.label))})})))},Ee=(0,r.memo)((e=>{let{value:t="",tooltip:n,onClick:r,className:i}=e;const a=fe();return n=n||t,o().createElement(ce.Z,{value:n},o().createElement("div",{className:Q()(a.defaultCell,i,{[a.clickable]:!!r}),onClick:r},t))}));var we=n(53180);const Ce=(0,M.l)(U,(e=>{let{onEntitySelect:t}=e;return{onClick:t}}),(e=>{let{value:t,rowValue:{entity:n},className:r,onClick:i}=e;const a=fe(),l=o().createElement(o().Fragment,null,o().createElement(we.Z,{entity:n,avatarClassName:a.entityAvatar}),t);return o().createElement(Ee,{value:l,tooltip:t,className:Q()(a.profileCell,r),onClick:()=>i(n.uri)})}));var Re=n(78620),Te=n(14363);const Se=(0,M.l)(U,((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=fe(),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,Re.R)({connection:E,onConnectionChange:v});return t?o().createElement("div",{className:y.expandedRow},o().createElement(Te.n,{connection:E,onAddAttributes:w,onChangeAttribute:C,onRemoveAttribute:R}),o().createElement("div",{className:y.actionButtons},o().createElement(X.Button,{onClick:x},b().text("Cancel")),o().createElement(X.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 Le=n(8818),Oe=n(27604),_e=n(22983),Pe=n(81137);const Ne=(0,M.l)(U,(0,m.pick)(["onDeleteRelation"]),(e=>{let{uri:t,open:n,onClose:r,onDeleteRelation:i}=e;return o().createElement(Pe.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()}})})),Ae=(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(Le.k,{icon:_e.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}))}));Ae.displayName="DeleteRelationButton";const ke=Ae,Ie=(0,M.l)(U,((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=fe(),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:Q()(s.controlsCell,r,{[s.editingMode]:l})},p&&o().createElement(Le.k,{className:Q()(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(ke,{uri:t}))}));function je(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}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 De=(e,t)=>t[e].relation.uri||`${e}`,ze=(0,M.l)(U,(e=>{let{relationshipTable:t}=e;return je({},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=ue(),g=(0,r.useMemo)((()=>[{id:"entityLabel",label:b().text("Profile"),headCellRenderer:xe,rowCellValueRenderer:Ce,sortable:!0,columnClassName:m.profileColumn},{id:"relationTypeLabel",label:b().text("Relationship type"),headCellRenderer:xe,rowCellValueRenderer:Ee,sortable:!0,columnClassName:m.relationshipTypeColumn},{id:"entityTypeLabel",label:b().text("Entity Type"),headCellRenderer:xe,rowCellValueRenderer:Ee,sortable:!0,columnClassName:m.entityTypeColumn},{id:"controls",label:"",headCellRenderer:xe,rowCellValueRenderer:Ie}]),[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)}))?je({},e,{expanded:!0}):e))),[t,p]),v=(0,r.useMemo)((()=>({tableRow:Q()(m.row,"collapsibleTableRow")})),[m]);return o().createElement("div",{className:m.tableWithPagination},o().createElement("div",{className:m.tableContainer},o().createElement(le,{ref:f,columnsData:g,rowsData:y,sorting:n,onSort:i,getRowKey:De,ExpandedRowRenderer:Se,defaultRowHeight:28,classes:v})),a>A[0]&&o().createElement($.Z,{count:a,rowsPerPageOptions:A,rowsPerPage:s,onChangeRowsPerPage:d,page:l,onChangePage:c,basicTableRef:f}),h&&o().createElement(u.Z,null))}));var Me=n(36444),Be=n(94574);const Ze=(0,G.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}}}))),Fe=(0,M.l)(U,(0,m.pipe)((0,m.prop)("relationshipTable"),(0,m.pick)(["searchText","onChangeSearchText"])),(e=>{let{searchText:t,onChangeSearchText:n}=e;const r=Ze();return o().createElement(Be.Z,{fullWidth:!0,height:40,autofocus:!1,value:t,onSearch:n,placeholder:b().text("Search profiles"),classes:{input:r.input}})}));var Ge=n(59725),qe=n(32371);const Ye=(0,G.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"}}))),Ve=(0,M.l)(U,(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=Ye(),[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(X.Dialog,{classes:{paper:c.dialogPaper},onClose:m,open:t},o().createElement(X.Typography,{className:c.title},b().text("Filter")),o().createElement(Ge.Q,{classes:{root:c.entityTypesSelector},entityTypes:l,selectedEntityTypes:d,enableEmptyValueUnderline:!0,onChange:u}),o().createElement(qe.U,{classes:{root:c.relationTypesSelector},relationTypes:s,selectedRelationTypes:p,enableEmptyValueUnderline:!0,onChange:h}),o().createElement("div",{className:c.footer},o().createElement(X.Button,{className:c.clearAllButton,onClick:()=>{u([]),h([])}},b().text("Clear All")),o().createElement(X.Button,{className:c.cancelButton,onClick:m},b().text("Cancel")),o().createElement(X.Button,{onClick:()=>{a({entityTypesUris:d,relationTypesUris:p}),n()},color:"primary"},b().text("Apply"))))})),He=(0,G.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,M.l)(U,(0,m.pipe)((0,m.prop)("relationshipTable"),(0,m.pick)(["filters"])),(e=>{let{filters:t}=e;const n=He(),[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(Fe,null),o().createElement(X.IconButton,{"data-reltio-id":"reltio-filter-relationship-button",className:n.iconButton,onClick:()=>a(!0)},o().createElement(Me.Z,{className:c?n.activeFiltersIcon:n.inactiveFiltersIcon})),o().createElement(Ve,{open:i,onClose:()=>a(!1)}))}));var Xe=n(65549),$e=n(98808);const Ke=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}},Qe=(0,G.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"}}))),Je=(0,M.l)(U,(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=Qe(),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}=Ke(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:L,onChangeEntity:O,onChangeRelationType:_}=(0,Re.R)({connection:u,onConnectionChange:p,relatedEntity:t});return o().createElement(X.Dialog,{open:n,fullWidth:!0,maxWidth:"sm",onClose:a,classes:{paper:s.dialogPaper}},o().createElement(X.DialogTitle,{disableTypography:!0,classes:{root:s.dialogTitle}},o().createElement(X.Typography,{variant:"subtitle1",classes:{root:s.titleText}},b().text("Add relationship"))),o().createElement(X.DialogContent,{classes:{root:s.content}},o().createElement(Te.n,{connection:u,onAddAttributes:T,onChangeAttribute:S,onRemoveAttribute:L,relatedEntity:t,inRelationTypes:w,outRelationTypes:C,onChangeRelationType:_,onChangeEntity:O})),o().createElement(X.DialogActions,null,o().createElement(X.Button,{onClick:a},b().text("Cancel")),o().createElement(X.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"))))})),et=(0,M.l)(U,(0,m.pick)(["selectedEntity"]),(e=>{let{selectedEntity:t}=e;const{inRelationTypes:n,outRelationTypes:i}=Ke(t.type),a=n.length+i.length>0,[l,s]=(0,r.useState)(!1);return a&&o().createElement(o().Fragment,null,o().createElement($e.K,{"data-reltio-id":"reltio-add-relationship-button",mode:$e.N.button,label:b().text("Add relationship"),icon:Xe.Z,onClick:()=>{s(!0)}}),o().createElement(Je,{open:l,onClose:()=>{s(!1)}}))})),tt=(0,G.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}}),nt=()=>{const e=tt();return o().createElement("div",{className:e.wrapper},o().createElement("div",{className:e.caption},o().createElement(X.Typography,{variant:"subtitle1"},b().text("Relationships")),o().createElement(et,null)),o().createElement(We,null),o().createElement(ze,null))};function rt(){return rt=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},rt.apply(this,arguments)}const ot=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",rt({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"}))},it=(0,G.Z)({wrapper:{display:"flex",overflow:"hidden",marginLeft:"auto",flexShrink:0}});let at;!function(e){e[e.Relationship=0]="Relationship",e[e.EntityDetails=1]="EntityDetails"}(at||(at={}));const lt=(0,r.memo)((e=>{var t;let{layout:n}=e;const i=it(),[a,l]=(0,r.useState)(null),s=(0,r.useCallback)((e=>{l((t=>t===e?null:e))}),[]),c=n===g.YGb.TREE,d=null!==a&&!c,u=(0,r.useMemo)((()=>[{buttonProps:{id:at.Relationship,icon:ot,tooltipTitle:b().text("Relationship"),disabled:c,showForDisabled:!0},content:o().createElement(nt,null)},{buttonProps:{id:at.EntityDetails,icon:B.Z,tooltipTitle:b().text("Entity Details"),disabled:c,showForDisabled:!0},content:o().createElement(W,null)}]),[c]);return o().createElement("div",{className:i.wrapper},o().createElement(D.h,{open:d,width:480},o().createElement(Y,null),null===(t=u[a])||void 0===t?void 0:t.content),o().createElement(z.G,{buttonsProps:(0,m.pluck)("buttonProps",u),onButtonClick:s,activeIndexId:a}))}));lt.displayName="GraphRightSidePanel";const st=(0,M.l)(U,(e=>{let{layout:t}=e;return{layout:t}}),lt);var ct=n(46339),dt=n(23304),ut=n(64488),pt=n(46680),ht=n.n(pt),mt=n(88586);const gt=e=>e.getContext("2d",{preserveDrawingBuffer:!1,antialias:!1}),ft=e=>{const t=document.createElement("canvas");return t.style.position="absolute",t.setAttribute("class",`sigma-${e}`),t},bt=(0,r.createContext)({addRenderers:te.ZT,canvases:{}}),yt=()=>(0,r.useContext)(bt);bt.displayName="SigmaCustomRenderersContext";const vt=e=>{let{children:t}=e;const n=(()=>{const{container:e,sigma:t}=(0,ct.Vr)(),[n,o]=(0,r.useState)({}),i=(0,r.useRef)({}),a=(0,r.useRef)(0),l=(0,r.useRef)(0),s=(0,r.useCallback)((e=>{o((0,m.mergeLeft)(e))}),[]),c=(0,r.useCallback)((()=>{a.current=e.offsetWidth,l.current=e.offsetHeight;const t=(0,mt.getPixelRatio)();for(const e in i.current){const{canvasElement:n,context:r}=i.current[e];n.style.width=a.current+"px",n.style.height=l.current+"px",n.setAttribute("width",a.current*t+"px"),n.setAttribute("height",l.current*t+"px"),1!==t&&r.scale(t,t)}}),[e.offsetHeight,e.offsetWidth]),d=(0,r.useCallback)((()=>{for(const e in n){const{context:t}=i.current[e];t.clearRect(0,0,a.current,l.current);const{renderer:r}=n[e];r(t)}}),[n]),u=(0,r.useCallback)((()=>{for(const t in n){if(!(0,g.O27)(i.current[t]))continue;const{insertBefore:r}=n[t],o=e.querySelector(".sigma-container"),a=ft(t),l=gt(a);o.insertBefore(a,o.querySelector(`.sigma-${r}`)),i.current[t]={canvasElement:a,context:l},c()}}),[n,e,c]);return(0,r.useEffect)((()=>(t.addListener("beforeRender",u),()=>{t.off("beforeRender",u)})),[t,u]),(0,r.useEffect)((()=>(t.addListener("afterRender",d),()=>{t.off("afterRender",d)})),[t,d]),(0,r.useEffect)((()=>(t.addListener("resize",c),()=>{t.off("resize",c)})),[t,c]),(0,r.useEffect)((()=>{const e=i.current;return()=>{for(const t in e)e[t].canvasElement.remove(),delete e[t]}}),[]),{addRenderers:s,canvases:i.current}})();return o().createElement(bt.Provider,{value:n},t)},xt=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())},Et=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&&xt(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)},wt=(e,t,n)=>{xt(e,t,n,!0),Et(e,t,n,!1)};class Ct extends dt.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,mt.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 Rt{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.startsWith("data:image")?t:t+"?not-from-cache"},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 Tt={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 St extends dt.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 Rt,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(Tt.id,Tt.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,mt.floatColor)(e.color),r[o++]=e.inactive?1:0,a&&"ready"===a.status||(a=this.imageLoader.images[Tt.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 Lt=[{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 Ot extends dt.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 Rt,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])),Lt.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,mt.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,mt.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 _t=n(23193),Pt=n.n(_t);class Nt extends(Pt()){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,mt.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 At extends Nt{process(e,t,n,r,o){super.process(t,e,n,r,o)}}var kt=n(73343),It=n.n(kt);class jt extends ut.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}",It(),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,mt.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,mt.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 Ut=e=>{let{children:t}=e;const n=(0,r.useMemo)((()=>({allowInvalidContainer:!0,defaultNodeType:"image",hoverRenderer:wt,labelRenderer:Et,nodeProgramClasses:{image:(0,dt.createNodeCompoundProgram)([St,Ct,Ot])},edgeProgramClasses:{line:ht(),arrow:(0,ut.createEdgeCompoundProgram)([jt,Nt]),doubleArrow:(0,ut.createEdgeCompoundProgram)([jt,Nt,At])},labelFont:"Roboto",labelSize:13,labelColor:{color:"rgba(0, 0, 0, 0.87)"}})),[]);return o().createElement(ct.C6,{graph:h.MultiGraph,style:{background:"transparent"},settings:n},o().createElement(vt,null,t))};var Dt=n(28833),zt=n.n(Dt),Mt=n(3660),Bt=n.n(Mt),Zt=n(28301),Ft=n.n(Zt),Gt=n(20562),qt=n(31181);const Yt={[g.MCv.bidirectional]:"doubleArrow",[g.MCv.directed]:"arrow",[g.MCv.undirected]:"line"},Vt=(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=e=>{let{graph:t,undirectedGraph:n,selectedNode:r,rootNodeUri:o}=e;if(t&&n&&o&&r&&o!==r)try{const e=(0,E.Ar)(n,o,r),i=function(e,t){const n=[],r=arguments.length>2&&void 0!==arguments[2]&&arguments[2]?"findOutEdge":"findEdge";return t&&t.forEach(((t,o,i)=>{const a=i[o+1];a&&n.push(e[r](t,a,(e=>!!e)))})),n}(t,e);return e?{edges:i,nodes:e}:{}}catch(e){}return{}},Wt=.4,Xt=(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}),$t=(e,t,n,r,o)=>{e.beginPath(),e.moveTo(t+r,n+o),e.lineTo(t+o*Wt,n-r*Wt),e.lineTo(t-o*Wt,n+r*Wt),e.lineTo(t+r,n+o),e.closePath(),e.fill()};function Kt(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){Qt(e,t,n[t])}))}return e}function Qt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Jt(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){en(e,t,n[t])}))}return e}function en(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const tn=(0,m.memoizeWith)(((e,t,n)=>n.type),g.uie),nn={size:24,buttonSize:8,buttonOffset:[19,19]},rn={size:12,buttonSize:6,buttonOffset:[8,13]},on=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,ct.Ys)(),b=(0,ct.sG)(),y=(0,ct.$j)(),v=(0,ct.eP)(),{selfRelationsPathsMap:x,selfRelationLoopsCanvas:E}=(e=>{const t=(0,ct.Ys)(),{addRenderers:n,canvases:o}=yt(),i=(0,r.useRef)({}),{selfRelationLoops:a}=o;return(0,r.useEffect)((()=>{n({selfRelationLoops:{renderer:n=>{e.forEachEdge(((e,r,o)=>{if(r.loop){delete i.current[e];const r=t.getEdgeDisplayData(e),a=t.getNodeDisplayData(o);if(r.hidden||a.hidden)return;const l=((e,t,n)=>{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);e.strokeStyle=o,e.lineWidth=r;const d=new Path2D;if("arrow"===t.type||"doubleArrow"===t.type){if(e.fillStyle=o,"doubleArrow"===t.type){const t=((e,t,n,r,o)=>{const i=Math.sqrt(Math.pow(t-e.x1,2)+Math.pow(n-e.y1,2));return Xt(e.x2,e.y2,i,t,n,r,o)})(c,a,l,s,r*i*2.2);$t(e,t.aX,t.aY,t.vX,t.vY),d.moveTo(t.aX,t.aY)}else d.moveTo(a,l);const n=((e,t,n,r,o)=>{const i=Math.sqrt(Math.pow(t-e.x1,2)+Math.pow(n-e.y1,2));return Xt(e.x1,e.y1,i,t,n,r,o)})(c,a,l,s,r*i*2.2);d.bezierCurveTo(c.x2,c.y2,c.x1,c.y1,n.aX,n.aY),e.stroke(d),$t(e,n.aX,n.aY,n.vX,n.vY)}else d.moveTo(a,l),d.bezierCurveTo(c.x1,c.y1,c.x2,c.y2,a,l),e.stroke(d);return d})(n,Kt({},r,{size:t.scaleSize(r.size)}),Kt({},a,t.framedGraphToViewport(a),{size:t.scaleSize(a.size)}));i.current[e]=l}}))},insertBefore:"edges"}})}),[n,e,t]),{selfRelationsPathsMap:i.current,selfRelationLoopsCanvas:a}})(n),C=((e,t,n)=>{const o=(0,ct.Ys)(),i=(0,ct.$j)(),{addRenderers:a}=yt(),l=(0,r.useRef)({x:0,y:0}),[s,c]=(0,r.useState)(null),[d,u]=(0,r.useState)(null),p=s||d;return(0,r.useEffect)((()=>{i({enterEdge:e=>{let{edge:t}=e;c(t)},leaveEdge:()=>{c(null)},mousemove:e=>{if(l.current.x=e.x,l.current.y=e.y,!t)return;const{context:r,canvasElement:o}=t,{x:i,y:a}=((e,t)=>{const n=e.getBoundingClientRect();return{x:(t.clientX-n.left)/(n.right-n.left)*e.width,y:(t.clientY-n.top)/(n.bottom-n.top)*e.height}})(o,e.original);for(const e in n){const t=n[e];if(r.isPointInStroke(t,i,a)){u(e);break}u(null)}}})}),[o,i,t,n]),(0,r.useEffect)((()=>{a({tooltips:{renderer:t=>{e.forEachEdge(((e,n,r)=>{const i=o.getEdgeDisplayData(e),a=o.getNodeDisplayData(r);if(!i.hovered||a.highlighted)return;const{x:s,y:c}=l.current;((e,t,n,r)=>{e.font="normal 10px Roboto",e.textAlign="center",e.textBaseline="middle";const o=e.measureText(r).width+16,i=t-o/2,a=n-12;e.fillStyle="rgba(0, 0, 0, 0.54)",((e,t,n,r,o,i)=>{e.beginPath(),e.moveTo(t,n+4),e.arcTo(t,n+24,t+4,n+24,4),e.arcTo(t+r,n+24,t+r,n+24-4,4),e.arcTo(t+r,n,t+r-4,n,4),e.arcTo(t,n,t,n+4,4),e.fill()})(e,i,a,o),e.fillStyle="#fff",e.fillText(r,i+o/2,a+12)})(t,s,c-15,i.relationLabel)}))},insertBefore:"mouse"}})}),[a,e,o]),p})(n,E,x),R=(0,i.useSelector)(d.ZP.selectors.getEntity),T=(0,i.useSelector)(d.ZP.selectors.getMetadata),S=(0,i.useSelector)(d.ZP.selectors.getAbsoluteImagePath)||"",[L,O]=(0,r.useState)(void 0),[_,P]=(0,r.useState)(null),[N,A]=(0,r.useState)({}),k=null==R?void 0:R.uri;(0,r.useEffect)((()=>{f.getCamera().setState({ratio:1.2})}),[n,f]),(0,r.useEffect)((()=>{if(P((0,w.toUndirected)(n)),b(n),o){const e=o(f.getGraph(),l);(0,qt.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]),(0,r.useEffect)((()=>{const e=Ht({graph:f.getGraph(),undirectedGraph:_,selectedNode:s,rootNodeUri:k});A(e)}),[s,k,f,_]),(0,r.useEffect)((()=>{y({enterNode:e=>{let{node:t}=e;O(t)},leaveNode:()=>{O(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)return;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=Vt(e.x,e.y,r.x+o,r.y-i,a),s=Vt(e.x,e.y,r.x+o,r.y+i,a);if(n.showExpand&&l&&(h(t),u(t)),n.showCollapse&&s){const e=Ht({graph:f.getGraph(),undirectedGraph:_,selectedNode:t,rootNodeUri:k});p(t,e),u(t)}}})}),[f,y,u,p,h,k,_]),(0,r.useEffect)((()=>{const e=f.getGraph();let t;try{t=e.neighbors(s)}catch(e){}v({nodeReducer:(n,r)=>{const{entityTypesUris:o=[]}=m||{},i=tn(T,S,{type:r.entityTypeUri}),a=e.neighbors(n),l=a.map((t=>e.getNodeAttribute(t,"hidden"))).filter((e=>!!e)).length,c=(N.nodes||[]).includes(n),d=L===n,u=n===k,p=n===s,h=t&&!t.includes(n)&&s!==n&&s!==k&&!c,g=![s,k].includes(n)&&o.length>0&&!o.includes(r.entityTypeUri),f=Jt({},r,n===s?nn:rn,{color:"#0072CE",image:i,showExpand:r.untraversedRelationsCount>0||l>0,showCollapse:r.traversedRelationsCount>1&&a.length-l>1});return c||p||u?(f.inPath=!0,f.color=u?"#00FFFF":r.color):h&&(f.label=d?r.label:"",f.inactive=!0),d&&(f.highlighted=!0),g&&(f.hidden=!0),f},edgeReducer:(t,n)=>{const{relationTypesUris:r=[]}=m||{},o=Jt({},n,{hidden:!1}),i=(N.edges||[]).includes(t),a=(0,g.V3K)(T,n.relationTypeUri),l=(0,g.oSN)(T,a,"typeColor"),d=s&&s!==k&&!e.hasExtremity(t,s)&&!i||r.length>0&&!r.includes(n.relationTypeUri);var u;return l&&(o.color=l),C===t&&(o.hovered=!0),d&&(o.hidden=!0),c&&(o.arrowSizeRatio=4),i&&(o.color="#0072CE",o.size=4,o.arrowSizeRatio=c?1.4:n.arrowSizeRatio),o.type=(u=c?n.direction:g.MCv.undirected,Yt[u]||"line"),o.relationLabel=(0,g.idV)(null==a?void 0:a.label),o},enableEdgeHoverEvents:!0})}),[f,v,L,s,N,k,T,S,c,m,C])};function an(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}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,v.D)(t);(0,Gt.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();zt().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)((()=>(zt().assign(n),{settings:an({},Bt().inferSettings(n),{gravity:1})})),[n]);return on({workerLayout:Ft(),layoutSettings:u,data:t,graph:n,selectedNode:o,onNodeClick:a,isDirected:i===g.YGb.DIRECTED_NETWORK,onNodeCollapse:l,onNodeExpand:s,filters:c}),null};var cn=n(36039);const dn=(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},un=(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)?un(o,t,n,r):t},pn=(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 pn(e,t,n,r,o)}return t},hn=e=>{let{quantityAtLvl:t,rowNumber:n,isEvenItem:r,layout:o,shouldUseCheckboardPattern:i}=e;const a=o===g.YGb.VERTICAL_TB;return i&&a&&r&&1!==t?10*n+5:10*n},mn=e=>{let{quantityAtLvl:t,posAtLvl:n,max:r,isEvenRow:o,layout:i,shouldUseCheckboardPattern:a}=e;const l=i===g.YGb.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)},gn=e=>e<100;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 bn=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 g.YGb.VERTICAL_TB:return 180;case g.YGb.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=!gn(a),s=((e,t)=>{if(gn(e))return 10;const n=t===g.YGb.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=dn(o,r,t),a=un(i,[],new Set,o);return pn(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=mn({quantityAtLvl:r,posAtLvl:o,max:d,isEvenRow:n,layout:i,shouldUseCheckboardPattern:l}),u=hn({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 cn.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){fn(e,t,n[t])}))}return e}({},e,{[t]:{x:r,y:o}})}),{})}),[i,o]);return on({syncLayout:d,data:t,graph:n,selectedNode:o,onNodeClick:a,onNodeCollapse:l,onNodeExpand:s,filters:c}),null};var yn=n(24737);const vn=(0,G.Z)({graphTypeSelector:{minWidth:"200px",backgroundColor:"#FAFAFA",opacity:1,height:"40px"},filledInputRoot:{borderRadius:"4px"},valueContainer:{width:"auto",marginLeft:"16px"}}),xn=(0,M.l)(U,(e=>{let{graphTypeUri:t,setGraphTypeUri:n}=e;return{setGraphTypeUri:n,graphTypeUri:t}}),(e=>{let{graphTypeUri:t,setGraphTypeUri:n}=e;const a=vn(),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(yn.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}}}})})),En=(0,G.Z)({graphLayoutSelector:{minWidth:"202px",backgroundColor:"#FAFAFA",opacity:1,marginLeft:"10px"},filledInputRoot:{borderRadius:"4px",height:"42px"}}),wn=(0,r.memo)((e=>{let{value:t,onChangeHandler:n,graphTypeUri:r}=e;const i=En(),a=[{label:b().text("Simple network"),value:g.YGb.SIMPLE_NETWORK},{label:b().text("Vertical hierarchy"),value:g.YGb.VERTICAL_TB},{label:b().text("Horizontal hierarchy"),value:g.YGb.HORIZONTAL_LR},{label:b().text("Directed network"),value:g.YGb.DIRECTED_NETWORK},{label:b().text("Tree"),value:g.YGb.TREE}],l=r?a:a.filter((e=>e.value!==g.YGb.TREE));return o().createElement(yn.Z,{className:i.graphLayoutSelector,label:b().text("Graph layout"),value:a.find((0,m.propEq)("value",t)),options:l,onChange:e=>n(e.value),TextFieldProps:{InputProps:{disableUnderline:!0,classes:{root:i.filledInputRoot}}}})})),Cn=()=>{const e=(0,ct.Ys)(),t=(0,r.useCallback)((()=>{e.refresh()}),[e]);return o().createElement(J.Z,{handleWidth:!0,onResize:t})};var Rn=n(17373);function Tn(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){Sn(e,t,n[t])}))}return e}function Sn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const Ln="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)",On={background:"#FFFFFF",boxShadow:Ln,width:"28px",height:"28px"},_n=(0,G.Z)({container:{display:"flex",alignItems:"center"},maxButton:Tn({},On,{borderRadius:"2px 4px 4px 2px"}),minButton:Tn({},On,{borderRadius:"4px 2px 2px 4px"}),thumb:{position:"absolute",boxShadow:Ln,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 Pn(){return Pn=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},Pn.apply(this,arguments)}const Nn=e=>Math.pow(100/e,2),An=e=>100/Math.sqrt(e),kn=e=>{const t=_n(),n=(0,m.omit)(["className"],e);return o().createElement("div",Pn({className:t.thumb},n),o().createElement(Rn.Z,{className:Q()(t.icon,t.thumbIcon)}))},In=e=>{let{className:t,max:n,min:i}=e;const a=_n(),l=(0,ct.eP)(),s=(0,ct.$j)(),c=(0,ct.Ys)().getCamera(),{zoomIn:d,zoomOut:u}=(0,ct.AH)({factor:1.2}),[p,h]=(0,r.useState)((0,m.clamp)(i,n,An(c.getState().ratio))),g=(0,r.useMemo)((()=>i>0?Nn(i):null),[i]),f=(0,r.useMemo)((()=>n>0?Nn(n):null),[n]);return(0,r.useEffect)((()=>(l({maxCameraRatio:g,minCameraRatio:f}),()=>{l({maxCameraRatio:null,minCameraRatio:null})})),[l,f,g]),(0,r.useEffect)((()=>{s({updated:e=>h(An(e.ratio))})}),[s]),o().createElement("div",{className:Q()(a.container,t)},o().createElement(X.IconButton,{className:a.minButton,onClick:()=>u()},o().createElement(Rn.Z,{className:a.icon})),o().createElement(X.Slider,{ThumbComponent:kn,classes:{root:a.sliderRoot,rail:a.rail},track:!1,value:p,min:i,max:n,onChange:(e,t)=>c.setState({ratio:c.getBoundedRatio(Nn(t))})}),o().createElement(X.IconButton,{className:a.maxButton,onClick:()=>d()},o().createElement(Xe.Z,{className:a.icon})))};var jn=n(25156);const Un=(0,G.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"}}),Dn=e=>{let{node:t}=e;const n=Un(),{gotoNode:r}=(0,ct.AH)();return o().createElement(X.IconButton,{className:n.button,onClick:()=>r(t)},o().createElement(jn.Z,{className:n.icon}))};var zn=n(2727);const Mn=(0,G.Z)({hierarchyTree:{position:"relative",width:"calc(100% - 190px)",margin:"80px 95px 0",height:"calc(100% - 100px)"}}),Bn=e=>{var t;let{graphTypeUri:n}=e;const a=Mn(),{store:l}=(0,r.useContext)(i.ReactReduxContext),s=(0,i.useSelector)(d.ZP.selectors.getMetadata),c=(0,i.useSelector)(d.ZP.selectors.getEntity),u=null===(t=(0,g.mmY)(s,c.type).find((0,m.propEq)("uri",n)))||void 0===t?void 0:t.label,p=(0,r.useMemo)((()=>({id:"___graphView___",class:g.ZIY.HierarchyTree,graph:{type:n},caption:u})),[u,n]);return o().createElement(zn.HierarchyTreeView,{config:p,store:l,className:a.hierarchyTree,isGraphView:!0})},Zn=(0,G.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"}}),Fn=(0,M.l)(U,(e=>{let{data:t,graphologyGraph:n,selectedEntity:r,onEntitySelect:o,onCollapseEntity:i,onExpandEntity:a,relationshipTable:{filters:l},graphTypeUri:s,layout:c,setLayout:d}=e;return{data:t,graph:n,selectedNode:null==r?void 0:r.uri,onNodeSelect:o,onNodeCollapse:i,onNodeExpand:a,filters:l,graphTypeUri:s,layout:c,setLayout:d}}),(e=>{let{data:t,graph:n,selectedNode:r,onNodeSelect:i,onNodeCollapse:a,onNodeExpand:l,filters:s,graphTypeUri:c,layout:d,setLayout:u}=e;const p=Zn(),h={data:t,graph:n,selectedNode:r,layout:d,onNodeClick:i,onNodeCollapse:a,onNodeExpand:l,filters:s};return o().createElement("div",{className:p.wrapper},o().createElement("div",{className:p.selectors},o().createElement(xn,null),o().createElement(wn,{value:d,onChangeHandler:u,graphTypeUri:c})),o().createElement("div",{className:p.graph},d===g.YGb.TREE?o().createElement(Bn,{graphTypeUri:c}):n&&o().createElement(Ut,null,o().createElement(o().Fragment,null,o().createElement(Cn,null),d===g.YGb.SIMPLE_NETWORK||d===g.YGb.DIRECTED_NETWORK?o().createElement(sn,h):o().createElement(bn,h),o().createElement("div",{className:p.rightBottomControls},o().createElement(In,{className:p.zoomSlider,min:30,max:300}),o().createElement(Dn,{node:r}))))))})),Gn=(0,G.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"}}))),qn=(0,r.memo)((e=>{let{graphTypeUri:t,graphLayout:n}=e;const a=Gn(),l=(0,i.useSelector)(d.ZP.selectors.getEntity),s=((e,t,n)=>{const{layout:o,setLayout:a}=(e=>{const[t,n]=(0,r.useState)(g.YGb.SIMPLE_NETWORK);return(0,r.useEffect)((()=>{const t=Object.values(g.YGb).some((t=>e===t));t&&n(e)}),[e]),{layout:t,setLayout:n}})(n),{graphTypeUri:l,setGraphTypeUri:s}=((e,t,n)=>{const[o,a]=(0,r.useState)(null),l=(0,i.useSelector)(d.ZP.selectors.getMetadata);return(0,r.useEffect)((()=>{(0,g.mmY)(l,e.type).some((e=>{let{uri:n}=e;return t===n}))&&a(t)}),[t,e,l]),{graphTypeUri:o,setGraphTypeUri:e=>{a(e),e||n(g.YGb.SIMPLE_NETWORK)}}})(e,t,a),{graphLoading:c,data:u,graphologyGraph:p,onAddRelation:h,onDeleteRelation:f,onCollapseEntity:v,onExpandEntity:x}=_(e,l,o),{selectedEntity:E,onEntitySelect:w,selectedEntityLoading:C}=((e,t)=>{const n=(0,y._)(),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=N(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=N({},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=N({},e),h(e.uri)):(s.current={},l(null)))}),[t]),{selectedEntityLoading:c,selectedEntity:a,onEntitySelect:h}})(e,u);return{graphLoading:c,data:u,graphologyGraph:p,selectedEntity:E,selectedEntityLoading:C,graphTypeUri:l,relationshipTable:j({data:u,selectedEntityUri:null==E?void 0:E.uri,mainEntityUri:null==e?void 0:e.uri,graphTypeUri:l}),layout:o,onAddRelation:h,onDeleteRelation:f,onCollapseEntity:v,onExpandEntity:x,onEntitySelect:w,setGraphTypeUri:s,setLayout:a}})(l,t,n),{graphLoading:c}=s;return o().createElement(U.Provider,{value:s},o().createElement("div",{className:a.perspectiveView},c&&o().createElement(u.Z,null),(null==l?void 0:l.uri)&&o().createElement("div",{className:a.graphContainer},o().createElement("div",{className:a.graphWrapper},o().createElement(p.n,{entity:l}),o().createElement(Fn,null)),o().createElement(st,null))))}));qn.displayName="GraphPerspectiveView";const Yn=qn,Vn=(0,a.createGenerateClassName)({productionPrefix:"graph",disableGlobal:!0}),Hn=e=>{let{store:t,graphTypeUri:n,graphLayout:r}=e;return o().createElement(i.Provider,{store:t},o().createElement(a.StylesProvider,{generateClassName:Vn},o().createElement(s.MuiPickersUtilsProvider,{utils:c.Z},o().createElement(Yn,{graphTypeUri:n,graphLayout:r}),o().createElement(l.Z,{showErrorFromStore:!0}))))}}}]);
2
2
  //# sourceMappingURL=4407.js.map