@reltio/remotes 1.4.1016 → 1.4.1019

package/2405.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_reltio_remotes=self.webpackChunk_reltio_remotes||[]).push([[2405],{28101:(e,t,r)=>{r.d(t,{G:()=>h});var n=r(24328),o=r.n(n),l=r(71153),a=r.n(l),i=r(39475),s=r(79692),c=r(41128);const p=(0,s.Z)((e=>({container:{display:"flex",flexDirection:"column",flexShrink:0,width:"64px",paddingTop:"8px",backgroundColor:e.palette.background.paper,boxShadow:"0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2)"},active:{backgroundColor:(0,c.U1)(e.palette.primary.main,.12),color:e.palette.primary.main,"&:after":{content:'""',position:"absolute",height:"42px",width:"3px",backgroundColor:e.palette.primary.main,left:"-8px",borderRadius:"0 6px 6px 0"}},buttonWrapper:{position:"relative",width:"48px",height:"44px",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"6px",margin:"2px 8px",color:e.palette.text.secondary}})));function u(){return u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(this,arguments)}function d(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const h=e=>{let{buttonsProps:t,activeIndexId:r,className:n,onButtonClick:l,classes:s={}}=e;const c=p(),{active:h,buttonWrapper:m}=s,f=d(s,["active","buttonWrapper"]);return o().createElement("div",{className:a()(c.container,n)},t.map((e=>{let{id:t}=e,n=d(e,["id"]);return o().createElement(i.k,u({},n,{classes:f,size:"S",key:t,className:a()({[a()(c.active,h)]:r===t},c.buttonWrapper,m),onClick:()=>l(t),"data-reltio-id":`reltio-profile-right-side-button-${t}`}))})))}},11821:(e,t,r)=>{r.d(t,{h:()=>a});var n=r(24328),o=r.n(n);const l=(0,r(79692).Z)((e=>({contentWrapper:{display:"flex",flexDirection:"column",backgroundColor:e.palette.background.paper,boxShadow:"0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2)",marginLeft:"3px",transition:e.transitions.create(["width"],{duration:e.transitions.duration.enteringScreen})}}))),a=e=>{let{width:t,open:r,children:n}=e;const a=l();return o().createElement("div",{className:a.contentWrapper,style:{width:`${r?t:0}px`}},r&&o().createElement(o().Fragment,null,n))}},62405:(e,t,r)=>{r.r(t),r.d(t,{default:()=>pe});var n=r(24328),o=r.n(n),l=r(52730),a=r(36138),i=r(97333),s=r(22664),c=r(52844),p=r(89810),u=r(87378),d=r(4171),h=r(87918),m=r.n(h),f=r(17440),g=r(29627);function v(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const y=(e,t)=>{const r=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?Object(arguments[t]):{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){v(e,t,r[t])}))}return e}({},e,{[null==t?void 0:t.uri]:t}),n=Object.keys(r);return n.length>50&&delete r[n[0]],r},b=o().createContext({graphLoading:!1,data:null,selectedEntityLoading:!1,selectedEntity:null,onEntitySelect:()=>{}});b.displayName="GraphStateContext";var E=r(71153),x=r.n(E),w=r(33109),S=r(62901),N=r(72316),O=r(95544),j=r(79692);const k=(0,j.Z)({comments:{display:"flex",justifyContent:"flex-end",marginTop:"10px"}}),C=(0,n.memo)((e=>{let{className:t}=e;const r=k(),n=(0,l.useSelector)(p.ZP.selectors.getEntity),a=(0,l.useSelector)(p.ZP.selectors.getRangeColors);return o().createElement(w.Z,{className:x()(t,S.U),entity:n,rangeColorsConfig:a},o().createElement(O.Z,{className:r.comments},o().createElement(N.Z,{uri:n.uri,relatedObjectUris:(0,d.wp9)(d.q7e.ENTITY,{entityUri:n.uri}),objectType:d.q7e.ENTITY})))}));C.displayName="GraphProfileBand";const P=C;var R=r(11821),U=r(28101),Z=r(82726);const T=(0,j.Z)({wrapper:{display:"flex",overflow:"hidden",marginLeft:"auto",flexShrink:0}});function I(){return I=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},I.apply(this,arguments)}const G=e=>{let{styles:t={}}=e,r=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,["styles"]);return o().createElement("svg",I({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),o().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 7v2h2V7H6zm0 4v2h2v-2H6zm0 4v2h2v-2H6zm4-8v2h8V7h-8zm10-2v5.02a6.52 6.52 0 012 2.01V3H2v18h11.028a6.52 6.52 0 01-2.009-2H4V5h16zm-9.503 8a6.497 6.497 0 011.31-2H10v2h.497zM10 15.5c0-.168.006-.335.019-.5H10v.5zm0 0c0 .516.06 1.018.173 1.5H10v-1.5zm10.3 2.39L23.42 21 22 22.42l-3.12-3.12c-.69.44-1.51.7-2.39.7-2.48 0-4.49-2.01-4.49-4.5s2.01-4.5 4.5-4.5 4.5 2.01 4.5 4.5c0 .88-.26 1.69-.7 2.39zm-3.8.11a2.5 2.5 0 000-5 2.5 2.5 0 000 5z",fill:"currentColor"}))};var L=r(50548);const z=(0,L.l)(b,(0,f.pick)(["selectedEntity"]),(e=>{let{selectedEntity:t}=e;return o().createElement(w.Z,{entity:t})}));var D=r(15177);const H=(0,j.Z)({noShadowBlock:{boxShadow:"none"},wrapper:{position:"relative",paddingRight:"1px",overflow:"auto"}}),W=(0,L.l)(b,(0,f.pick)(["selectedEntity","selectedEntityLoading"]),(e=>{let{selectedEntity:t,selectedEntityLoading:r}=e;const n=H();return o().createElement("div",{className:n.wrapper},r&&o().createElement(u.Z,null),o().createElement(D.Z,{entity:t,caption:m().text("Entity details"),className:n.noShadowBlock}))}));let F;!function(e){e[e.Relationship=0]="Relationship",e[e.EntityDetails=1]="EntityDetails"}(F||(F={}));const M=(0,n.memo)((()=>{var e;const t=T(),[r,l]=(0,n.useState)(null),a=(0,n.useCallback)((e=>{l((t=>t===e?null:e))}),[]),i=null!==r,s=(0,n.useMemo)((()=>[{buttonProps:{id:F.Relationship,icon:G,tooltipTitle:m().text("Relationship")},content:"Relationship"},{buttonProps:{id:F.EntityDetails,icon:Z.Z,tooltipTitle:m().text("Entity Details")},content:o().createElement(W,null)}]),[]);return o().createElement("div",{className:t.wrapper},o().createElement(R.h,{open:i,width:480},o().createElement(z,null),null===(e=s[r])||void 0===e?void 0:e.content),o().createElement(U.G,{buttonsProps:(0,f.pluck)("buttonProps",s),onButtonClick:a,activeIndexId:r}))}));M.displayName="GraphRightSidePanel";const A=M;var V=r(4986);const $=e=>{let{children:t}=e;return o().createElement(V.SigmaContainer,{style:{background:"transparent"}},t)};var B=r(98996),Y=r.n(B),_=r(28833),q=r.n(_),X=r(3660),J=r.n(X);function K(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?Object(arguments[t]):{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){Q(e,t,r[t])}))}return e}function Q(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const ee=e=>{let{data:t,selectedNode:r,onNodeClick:o}=e;const l=(0,V.useSigma)(),a=(0,V.useRegisterEvents)(),i=(0,V.useLoadGraph)(),s=(0,V.useSetSettings)(),[c,p]=(0,n.useState)({hoverNode:void 0,hoverNeighbours:void 0});return(0,n.useEffect)((()=>{const e=new(Y());t.nodes.forEach((t=>{e.addNode(t.id,{label:t.name,size:21,color:"#0072CE"})})),t.edges.forEach((t=>{e.addEdge(t.from,t.to,{size:5})})),q().assign(e);const r=J().inferSettings(e);J().assign(e,{settings:r,iterations:600}),i(e),l.getCamera().animatedUnzoom()}),[i,t,l]),(0,n.useEffect)((()=>{a({enterNode:e=>{let{node:r}=e;p({hoverNode:r,hoverNeighbours:t.edges.filter((e=>e.from===r||e.to===r)).map((e=>{var n,o;const l=e.from===r?e.to:e.from;return null!==(n=null===(o=t.nodes.find((e=>e.id===l)))||void 0===o?void 0:o.id)&&void 0!==n?n:""}))})},leaveNode:()=>{p({hoverNode:void 0,hoverNeighbours:void 0})},clickNode:e=>{let{node:t}=e;o(t)}})}),[l,a,t,o]),(0,n.useEffect)((()=>{s({nodeReducer:(e,t)=>{const n=K({},t);return c.hoverNeighbours&&!c.hoverNeighbours.includes(e)&&c.hoverNode!==e&&(n.label="",n.color="#f6f6f6"),e===r&&(n.color="red"),n},edgeReducer:(e,t)=>{const r=l.getGraph(),n=K({},t,{hidden:!1});return c.hoverNode&&!r.hasExtremity(e,c.hoverNode)&&(n.hidden=!0),n}})}),[l,s,c,r]),null},te=(0,j.Z)({wrapper:{height:"100%",position:"relative"},selectors:{display:"flex",position:"absolute",top:"12px",right:"16px",zIndex:2},graph:{height:"calc(100% - 5px)"}});var re=r(84425);const ne=(0,j.Z)({graphTypeSelector:{minWidth:"200px",backgroundColor:"#FAFAFA",opacity:1,height:"40px"},filledInputRoot:{borderRadius:"4px"},valueContainer:{width:"auto",marginLeft:"16px"}}),oe=(0,L.l)(b,(e=>{let{graphTypeUri:t,setGraphTypeUri:r}=e;return{setGraphTypeUri:r,graphTypeUri:t}}),(e=>{let{graphTypeUri:t,setGraphTypeUri:r}=e;const a=ne(),i=(0,l.useSelector)(p.ZP.selectors.getMetadata),s=(0,l.useSelector)(p.ZP.selectors.getEntity),c=(0,n.useMemo)((()=>[{label:m().text("All"),value:null},...(0,d.mmY)(i,s.type).map((e=>{let{uri:t,label:r}=e;return{value:t,label:r}}))]),[s,i]),u=(0,n.useMemo)((()=>c.find((e=>e.value===t))),[c,t]);return o().createElement(re.Z,{classes:{valueContainer:a.valueContainer},className:a.graphTypeSelector,height:42,label:m().text("Graph type"),value:u,options:c,onChange:e=>r(e.value),TextFieldProps:{InputProps:{disableUnderline:!0,classes:{root:a.filledInputRoot}}}})})),le=(0,L.l)(b,(e=>{let{data:t,selectedEntity:r,onEntitySelect:n}=e;return{data:t,selectedNode:null==r?void 0:r.uri,onNodeSelect:n}}),(e=>{let{data:t,selectedNode:r,onNodeSelect:l}=e;const a=(0,n.useMemo)((()=>t&&(e=>{var t;const r=new Set,n=new Set;e.entities.forEach((e=>r.add(e.uri))),((null===(t=e.relations)||void 0===t?void 0:t.filter((e=>r.has(e.startObject.objectURI)&&r.has(e.endObject.objectURI))))||[]).forEach((e=>{n.has(`${e.endObject.objectURI}--${e.startObject.objectURI}`)||n.add(`${e.startObject.objectURI}--${e.endObject.objectURI}--${e.direction}`)}));const o=e.entities.map((e=>({id:e.uri,name:e.label}))),l=[];return n.forEach((e=>{const t=e.split("--");l.push({from:t[0],to:t[1]})})),{nodes:o,edges:l}})(t)),[t]),i=te();return o().createElement("div",{className:i.wrapper},o().createElement("div",{className:i.selectors},o().createElement(oe,null)),o().createElement("div",{className:i.graph},a&&o().createElement($,null,o().createElement(ee,{data:a,selectedNode:r,onNodeClick:l}))))})),ae=(0,j.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"}}))),ie=(0,n.memo)((()=>{const e=ae(),t=(0,l.useSelector)(p.ZP.selectors.getEntity),r=(e=>{const{graphLoading:t,data:r,graphTypeUri:o,setGraphTypeUri:a}=(e=>{const[t,r]=(0,n.useState)(null),o=(0,l.useDispatch)(),[a,i]=(0,n.useState)(null),[s,c]=(0,n.useState)(!1),u=null==e?void 0:e.uri,h=(0,d.biM)(e);return(0,n.useEffect)((()=>(!u||(0,d.ZiX)(u)||h||(c(!0),(0,d.ZYI)({uri:u,deep:t?2:1,limitCreditsConsumption:!0,graphTypes:t?[(0,d.nIW)(t)]:null,activenessDate:null,max:t?200:3e3}).then(i).catch((e=>{i(null),o(p.ui.actions.errorSet((0,d.xU7)(e,m().text("Something went wrong"))))})).finally((()=>{c(!1)}))),()=>{i(null),c(!1)})),[u,h,o,t]),{graphLoading:s,data:a,graphTypeUri:t,setGraphTypeUri:r}})(e),{selectedEntity:i,onEntitySelect:s,selectedEntityLoading:c}=((e,t)=>{const r=(0,g._)(),o=(0,l.useDispatch)(),[a,i]=(0,n.useState)(null),s=(0,n.useRef)({}),[c,u]=(0,n.useState)(!1),h=(0,n.useCallback)((e=>{var n;if(s.current[e])return void i(s.current[e]);const l=null==t||null===(n=t.entities)||void 0===n?void 0:n.find((0,f.propEq)("uri",e));l&&i(l),u(!0),r((0,d.HvW)(e)).then((e=>{s.current=y(s.current,e),i(e)})).catch((e=>{o(p.ui.actions.errorSet((0,d.xU7)(e,m().text("Something went wrong"))))})).finally((()=>{u(!1)}))}),[o,t,r]);return(0,n.useEffect)((()=>{null!=e&&e.uri&&(s.current=y({},e),h(e.uri))}),[null==e?void 0:e.uri]),{selectedEntityLoading:c,selectedEntity:a,onEntitySelect:h}})(e,r);return{graphLoading:t,data:r,selectedEntity:i,onEntitySelect:s,selectedEntityLoading:c,graphTypeUri:o,setGraphTypeUri:a}})(t),{graphLoading:a}=r;return o().createElement(b.Provider,{value:r},o().createElement("div",{className:e.perspectiveView},a&&o().createElement(u.Z,null),(null==t?void 0:t.uri)&&o().createElement("div",{className:e.graphContainer},o().createElement("div",{className:e.graphWrapper},o().createElement(P,null),o().createElement(le,null)),o().createElement(A,null))))}));ie.displayName="GraphPerspectiveView";const se=ie,ce=(0,a.createGenerateClassName)({productionPrefix:"graph",disableGlobal:!0}),pe=e=>{let{store:t}=e;return o().createElement(l.Provider,{store:t},o().createElement(a.StylesProvider,{generateClassName:ce},o().createElement(s.MuiPickersUtilsProvider,{utils:c.Z},o().createElement(se,null),o().createElement(i.Z,{showErrorFromStore:!0}))))}}}]);