@reltio/profile 1.4.1347 → 1.4.1349

package/317.bundle.js

@@ -1 +1 @@
-"use strict";(self.webpackChunk_reltio_profile=self.webpackChunk_reltio_profile||[]).push([[317],{51317:(e,t,n)=>{n.r(t),n.d(t,{RelationshipsTableView:()=>st});var a=n(8598),o=n(8156),r=n.n(o),l=n(88267),i=n(73288),c=n(34756),s=n(42308),p=n.n(s),u=n(65549),d=n(47450),m=n.n(d),g=n(95099),y=n.n(g),f=n(65751),h=n.n(f),b=n(40797);const v=(0,b.makeStyles)({addButton:{marginLeft:"12px",padding:"9px 16px 9px 12px",backgroundColor:"rgba(98, 2, 238, 0)"},label:{fontSize:"14px",fontWeight:500,lineHeight:"16px"},icon:{fontSize:"18px",marginRight:"8px"}}),C=e=>{let{onClick:t}=e;const n=v();return r().createElement(m(),{color:"primary",className:n.addButton,onClick:t},r().createElement(u.Z,{classes:{root:n.icon}}),r().createElement("div",{className:n.label},h().text("Add")))};C.propTypes={onClick:y().func};const w=C;var E=n(78310),R=n.n(E),x=n(2396);const T={textDecoration:"line-through",color:"rgba(0,0,0,.54)"},O={color:"rgba(0,0,0,.54)"},S=(0,b.makeStyles)((e=>({headCell:{display:"flex",alignItems:"center",height:"100%",fontSize:"12px"},entityCell:{display:"flex",alignItems:"center",height:"100%"},entityLabel:{fontSize:"15px",color:e.palette.secondary.main,cursor:"pointer",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap","$row-cell--removed &":T,"$row-cell--inactive &":O},entityAvatar:{transform:"scale(0.7)",margin:"0 10px"},rowCell:{fontSize:"13px",overflow:"hidden"},"row-cell--sorted":{color:"rgba(0,0,0,0.87)"},"row-cell--removed":{pointerEvents:"none","& > :not($entityCell)":T},"row-cell--inactive":O})));function P(){return P=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},P.apply(this,arguments)}const k=e=>{let{cell:t,CellValueRenderer:n,rowValue:{connection:a},isSorted:o}=e,l=function(e,t){if(null==e)return{};var n,a,o=function(e,t){if(null==e)return{};var n,a,o={},r=Object.keys(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["cell","CellValueRenderer","rowValue","isSorted"]);const i=S(),c=(0,x.checkRemoved)(a),s=(0,x.isActiveObject)(a.relation)&&(0,x.isActiveObject)(a.entity);return r().createElement("div",{className:R()({[i["row-cell--sorted"]]:o,[i["row-cell--removed"]]:c,[i["row-cell--inactive"]]:!s},i.rowCell)},t.values.map(((e,t)=>r().createElement(n,P({key:t,value:e},l)))))};k.propTypes={rowValue:y().object,cell:y().object,CellValueRenderer:y().elementType,isSorted:y().bool};const D=k;var j=n(87251),I=n(53862),N=n(12212),A=n(42662),F=n(74187);const Z=e=>{let{value:{entityType:t,entity:n}}=e;const a=(0,c.useDispatch)(),l=(0,o.useContext)(N.m),p=S(),u=(0,x.getLabel)(n.entityLabel),d=(0,x.getEntityUriForLink)({uri:n.entityUri,dataTenant:n.dataTenant});return r().createElement("div",{className:p.entityCell},r().createElement(A.Z,{className:p.entityAvatar,entityType:t}),r().createElement(F.C,{value:u},r().createElement("span",{className:p.entityLabel,onClick:(0,i.pipe)((0,i.always)({uri:d,viewId:l}),s.ui.actions.openEntity,a)},u)))};Z.propTypes={value:y().shape({entity:y().shape({entityUri:y().string,entityLabel:y().string}),entityType:x.EntityTypeType})};const z=Z;var M=n(92332);const U=(0,n(25843).Z)((e=>{const t=S();return r().createElement("div",{className:t.headCell},r().createElement(M.default,e))}));var L=n(46728);const _=(0,i.pipe)((0,i.map)((e=>e.uri||e)),i.uniq);function V(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const B=(0,i.pipe)((0,i.split)("."),(0,i.slice)(2,1/0)),W=e=>{if(e.startsWith("relation.attributes")){const t=B(e);return t.length>1?t.slice(0,-1):null}return null},Q=(0,i.map)((e=>{return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),a.forEach((function(t){V(e,t,n[t])}))}return e}({},e,{sortable:!0,resizable:!0,nestedPath:W(e.id),headCellRenderer:U,rowCellValueRenderer:(t=e.id,"entity.label"===t?z:L.Z)});var t})),H=(0,b.makeStyles)({tableContainer:{display:"flex",fontFamily:"Roboto",color:"rgba(0,0,0,0.54)"},emptyData:{marginBottom:"30px"},"@global div[role=tooltip]":{fontFamily:"Roboto, Helvetica, Arial, sans-serif"},"@global div[role=presentation]":{fontFamily:"Roboto, Helvetica, Arial, sans-serif"},"row-cell__buttons-container":{position:"absolute"},"row-cell__buttons-wrapper":{display:"flex",paddingLeft:"10px","& > button":{marginLeft:"-10px",transform:"scale(0.9)"}}});var G=n(86929),$=n.n(G),q=n(70683),Y=n.n(q),J=n(27604),K=n(22983);const X=e=>{let{canUpdate:t,canRemove:n,handleEditRelation:a,handleRemoveRelation:o}=e;return r().createElement(r().Fragment,null,t&&r().createElement($(),{title:h().text("Edit")},r().createElement(Y(),{onClick:a},r().createElement(J.Z,null))),n&&r().createElement($(),{title:h().text("Remove")},r().createElement(Y(),{onClick:o},r().createElement(K.Z,null))))};X.propTypes={canUpdate:y().bool,canRemove:y().bool,handleEditRelation:y().func,handleRemoveRelation:y().func};const ee=X;function te(){return te=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},te.apply(this,arguments)}const ne=e=>{let{mode:t,columnsData:n,connections:a,metadata:l,sorting:c,onSort:p,filters:u,onFilter:d,onEditRelation:m,onRemoveRelation:g,basicTableRef:y,allowOnlyCreateNew:f}=e;const h=(0,o.useMemo)((()=>((e,t,n)=>e.map((e=>(0,i.pipe)((0,i.reduce)(((t,a)=>{let{id:o}=a;return(0,i.assoc)(o,((e,t,n)=>{let{entity:a,relation:o}=t;switch(e){case"entity.label":return{entity:a,entityType:(0,x.getEntityType)(n,a.entityType)};case"relation.label":return o.relationLabel||(0,x.getRelationTypeLabelFromMetadata)(n,o.relationType);case"relation.activeness.startDate":return o.startDate;case"relation.activeness.endDate":return o.endDate;default:return((e,t)=>(0,i.pipe)((0,i.path)(["object","attributes"]),(0,x.getOvAttributeValuesByPath)(e))(t))(B(e),o)}})(o,e,n),t)}),{}),(0,i.assoc)("connection",e))(t))))(a,n,l)),[a,n,l]),b=(0,o.useMemo)((()=>Q(n)),[n]),v=H(),C=(0,o.useCallback)((e=>r().createElement(D,te({},e,{isSorted:!!c&&c.field===e.columnData.id}))),[c]),[w,E]=(0,o.useState)(null),{canRemove:R,canUpdate:T}=(e=>{let{metadata:t,mode:n,connection:a,onRemoveRelation:o,onEditRelation:r,allowOnlyCreateNew:l}=e;const i=(0,x.checkNew)(a);if(s.profile.mode.selectors.getIsEditableMode(n)&&a&&(!l||i)){const{relation:{relationType:e}}=a,l=(0,x.checkRemoved)(a),i=(0,x.getRelationType)(t,e);return{canRemove:o&&!l&&(0,x.checkMetadataForDelete)(n,i),canUpdate:r&&!l&&(0,x.checkMetadataForUpdate)(n,i)}}return{canRemove:!1,canUpdate:!1}})({mode:t,onRemoveRelation:g,onEditRelation:m,metadata:l,allowOnlyCreateNew:f,connection:(0,i.path)([w,"connection"],h)}),O=(0,o.useCallback)((e=>E(e)),[]),S=(0,o.useCallback)((()=>m((0,i.path)([w,"connection"],h))),[w,m,h]),P=(0,o.useCallback)((()=>g((0,i.path)([w,"connection","relation","relationUri"],h))),[w,g,h]),k=R||T?r().createElement(ee,{handleEditRelation:S,handleRemoveRelation:P,canRemove:R,canUpdate:T}):void 0;return r().createElement("div",{className:v.tableContainer},r().createElement(j.Z,{autosizing:!0,maxHeight:477,columnsData:b,rowsData:h,sorting:c,onSort:p,filters:u,onFilter:d,hoverStateEnabled:!0,defaultColumnWidth:250,defaultColumnMinWidth:200,headRowHeight:56,renderRowCell:C,onRowHover:O,hoverRowIndex:w,hoveredRowRightContent:k,classes:{hoveredRowRightContentWrapper:v["row-cell__buttons-wrapper"],hoveredRowRightContentContainer:v["row-cell__buttons-container"]},ref:y,resizeDebounceDelay:150}))};ne.propTypes={mode:y().string,columnsData:I.uz,connections:y().arrayOf(x.ConnectionType),metadata:x.MetadataType,filters:y().objectOf(I.Dq),onFilter:y().func,sorting:I.nI,onSort:y().func,onEditRelation:y().func,onRemoveRelation:y().func,basicTableRef:y().shape({current:y().object}),allowOnlyCreateNew:y().bool};const ae=ne;var oe=n(76593),re=n.n(oe),le=n(52722),ie=n(10742),ce=n(55310),se=n(46804),pe=n(33903),ue=n(45124),de=n(26446),me=n.n(de),ge=n(46907),ye=n.n(ge),fe=n(95351),he=n.n(fe),be=n(43054),ve=n(39475);const Ce=(0,b.makeStyles)((()=>({popupContent:{padding:"19px 23px"},checkboxControlLabel:{fontSize:"0.85rem"},checkboxControlCheckbox:{marginRight:"5px"}}))),we=e=>{let{className:t,showInactive:n,onShowInactiveChange:a}=e;const l=Ce(),i=(0,o.useRef)(),[c,s]=(0,o.useState)(!1),p=()=>s((e=>!e));return r().createElement(r().Fragment,null,r().createElement(ve.k,{className:t,ref:i,tooltipTitle:h().text("More"),icon:be.Z,onClick:p,size:"L"}),r().createElement(me(),{open:c,classes:{paper:l.popupContent},anchorEl:i.current,onClose:p,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"}},r().createElement(ye(),{classes:{label:l.checkboxControlLabel},control:r().createElement(he(),{className:l.checkboxControlCheckbox,checked:n||!1,onChange:e=>a(e.target.checked)}),label:h().text("Show inactive Relationships")})))},Ee=(0,b.makeStyles)({header:{padding:"0 4px 0 16px"},totalCaption:{lineHeight:"19px",fontSize:"14px",letterSpacing:"0.24px",color:"rgba(0,0,0,0.6)",flexShrink:0,marginRight:"5px",justifyContent:"flex-start",paddingTop:"16px",paddingBottom:"13px"},moreButton:{marginLeft:"-6px"}}),Re=e=>{let{title:t,total:n,searchQuery:a,onChangeSearchQuery:o,filtersEnabled:l,onToggleFilters:i,columnsData:c,selectedColumns:s,onChangeColumns:p,showInactive:u,onChangeShowInactive:d}=e;const m=Ee();return r().createElement(le.Z,{title:t,className:m.header},r().createElement(ie.Z,{widthToHide:500},r().createElement(ce.Z,{height:24,margin:16}),r().createElement(re(),{className:m.totalCaption,variant:"caption"},n>1?h().text("${count} entities",{count:n}):h().text("${count} entity",{count:n}))),r().createElement(se.i,{query:a,onChange:o}),r().createElement(pe.Z,{enabled:l,onClick:i}),r().createElement(ce.Z,{height:24,margin:4}),r().createElement(ue.Z,{columnsData:c,selectedColumns:s,onChangeColumns:p}),r().createElement(we,{className:m.moreButton,showInactive:u,onShowInactiveChange:d}))};Re.propTypes={title:y().string,total:y().number,columnsData:I.uz,selectedColumns:y().arrayOf(y().string),onChangeColumns:y().func,searchQuery:y().string,onChangeSearchQuery:y().func,filtersEnabled:y().bool,onToggleFilters:y().func,showInactive:y().bool,onChangeShowInactive:y().func};const xe=Re;var Te=n(75975),Oe=n(79573);function Se(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),a.forEach((function(t){Pe(e,t,n[t])}))}return e}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 ke="CHANGE_SEARCH_QUERY",De="CHANGE_SHOW_INACTIVE",je=Se({},Te.ZP.actions,{changeSearchQuery:(0,Oe.zD)(ke),changeShowInactive:(0,Oe.zD)(De)}),Ie=(e,t)=>{switch(t.type){case ke:return Se({},e,{searchQuery:t.payload,page:0});case De:return Se({},e,{showInactive:t.payload});default:return Te.ZP.reducer(e,t)}};var Ne=n(80231),Ae=n(80225),Fe=n(47081),Ze=n(1730),ze=n(2225),Me=n(33379),Ue=n(92944);const Le=[10,25,50,100],_e=[{id:"entity.label",get label(){return h().text("Entity label")},dataTypeDefinition:{type:x.DataTypes.TYPE_STRING},hideable:!1},{id:"relation.label",get label(){return h().text("Directional label")},dataTypeDefinition:{type:x.DataTypes.TYPE_STRING}},{id:"relation.activeness.startDate",get label(){return h().text("Start date")},dataTypeDefinition:x.ActivenessAttrTypes.startDate},{id:"relation.activeness.endDate",get label(){return h().text("End date")},dataTypeDefinition:x.ActivenessAttrTypes.endDate}],Ve=(0,i.pipe)(x.attributeUriToSearchUri,(0,i.concat)("relation.")),Be=(0,i.pipe)((0,i.map)((e=>({id:Ve(e.uri),label:e.label,dataTypeDefinition:(0,x.getAttrDataTypeDefinition)(e)}))),(0,i.uniqBy)((0,i.prop)("id"))),We=(0,i.pipe)(((e,t)=>{let{content:{inRelations:n=[],outRelations:a=[]}}=e,{relationTypes:o}=t;return(0,i.pipe)(_,(0,i.chain)((e=>(0,i.pipe)((0,i.find)((0,i.propEq)("uri",e)),x.getReadableAttributesList)(o))))([...n,...a])}),Be,(0,i.concat)(_e));var Qe=n(9377);function He(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),a.forEach((function(t){Ge(e,t,n[t])}))}return e}function Ge(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const $e=e=>e.uri||e,qe=e=>t=>$e(t)===e,Ye=(0,i.curry)(((e,t)=>{const n=(t,a)=>{let o=$e(a),r=!1;o.startsWith("!")&&(o=o.slice(1),r=!0);const l=e[o]&&(0,x.checkMetadataPermission)(x.MetadataPermissions.READ,e[o]),c=t.find(qe(o))||!l?t:t.concat(a.uri?He({},a,{uri:o}):o);return r?c:(0,i.keys)(e).reduce(((t,a)=>e[a].extendsTypeURI!==o||t.find(qe(a))?t:n(t,a)),c)};return t.reduce(n,[])})),Je=(0,i.curry)(((e,t)=>{const n=function(t){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return n.reduce(((n,a)=>{const o=$e(a),r=(0,i.path)([o,t,"objectTypeUri"],e);return!r||n.find(qe(r))?n:n.concat(r)}),[])};return He({},t,{entityTypes:[...n("startObject",t.inRelations),...n("endObject",t.outRelations)]})})),Ke=(0,i.indexBy)((0,i.prop)("uri")),Xe=(0,i.curry)(((e,t)=>{const n=Ke(e.relationTypes),a=Ke(e.entityTypes),o=e=>(0,i.evolve)({inRelations:Ye(n),outRelations:Ye(n),entityTypes:Ye(a),nextEntry:o},e);return(0,i.pipe)((0,i.unless)((0,i.either)((0,i.prop)("nextEntry"),(0,i.prop)("entityTypes")),Je(n)),o)(t)})),et=(0,b.makeStyles)({addArea:{display:"flex",alignItems:"center",height:"48px",borderBottom:"1px solid rgba(0, 0, 0, 0.12)"},noData:{fontSize:"13px",paddingLeft:"20px",marginBottom:"20px",marginTop:"10px",color:"rgba(0,0,0,0.54)"}}),tt=(0,i.pluck)("id",_e),[nt]=tt;function at(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const ot=(0,i.memoizeWith)(((e,t)=>t.id),((e,t)=>(0,i.evolve)({content:Xe(e)},t))),rt=(0,c.connect)(((e,t)=>{const{config:n}=t;return{connections:p().selectors.getConnectionsWithDraftsByViewId(e,n.id),total:p().selectors.getTotalByViewId(e,n.id),entity:p().selectors.getEntity(e),metadata:p().selectors.getMetadata(e),mode:p().selectors.getMode(e),relationToAdd:p().selectors.getRelationToAddByViewId(e,n.id),relationsToEdit:p().selectors.getRelationsToEditByViewId(e,n.id),checkIfCanAddRelations:p().selectors.getCheckIfCanAddRelations(e,n.content)}}),void 0,((e,t,n)=>function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),a.forEach((function(t){at(e,t,n[t])}))}return e}({},e,t,n,{config:ot(e.metadata,n.config)})))((e=>{let{className:t,config:n,entity:a,metadata:l,connections:c=[],total:p=0,mode:u,relationToAdd:d,relationsToEdit:m=[],checkIfCanAddRelations:g,dispatch:y}=e;const f={searchQuery:"",filters:null,visibleColumns:tt,sorting:{order:n.sortOrder||"asc",field:n.sortColumn||nt},page:0,rowsPerPage:n.max||15,showInactive:!1},b=et(),v=(0,o.useContext)(Ne.j)?u:x.ModeTypes.VIEWING,[C,E]=(0,o.useReducer)(Ie,f),R=(0,i.pipe)(je.changeSearchQuery,E),T=(0,i.pipe)(je.changeShowInactive,E);(0,o.useEffect)((()=>{R("")}),[null==a?void 0:a.uri]);const{visibleColumns:O,searchQuery:S,filters:P,sorting:k,page:D,rowsPerPage:j,showInactive:I}=C,N=(0,o.useMemo)((()=>We(n,l)),[n,l]),A=(0,o.useMemo)((()=>O.map((e=>N.find((0,i.propEq)("id",e))))),[O,N]),F=(0,o.useMemo)((()=>((e,t,n)=>{const a=x.Maybe.fromFalsy(e).map(x.filterValueToQueryStringWithQuotes).map((e=>`containsWordStartingWith(entity.label,${e}) or containsWordStartingWith(relation.label,${e})`)).orSome(""),o=(0,Qe.Tz)(n,t);return(new x.FilterBuilder).addClause(a).addClause(o).build()})(S,P,A)),[P,S]),{isLoading:Z}=(0,Ae.a)({sorting:k,filter:F,page:D,rowsPerPage:j,config:n,entity:a,relationActivityFilter:I?x.ActivityFilter.ALL:x.ActivityFilter.ACTIVE_ONLY,mode:u}),z=(0,o.useMemo)((()=>{return e=f.rowsPerPage,Le.filter((t=>t!==e)).concat(e).sort(i.subtract);var e}),[]),{handleRowsPerPageChange:M,handlePageChange:U}=(0,o.useMemo)((()=>({handleRowsPerPageChange:(0,i.pipe)(je.changeRowsPerPage,E),handlePageChange:(0,i.pipe)(je.changePage,E)})),[]),L=(0,o.useCallback)((()=>{const e=(0,x.createNewConnectionWithDefaultRelationType)({config:n,mode:v,metadata:l,parentEntityUri:void 0});(0,i.pipe)(s.profile.relations.actions.openRelationEditor(n.id),y)(e)}),[n,v,l,y]),_=(0,o.useCallback)((e=>{y(s.profile.relations.actions.closeRelationEditor(n.id,e)),y(s.profile.relations.actions.removeRelation(n.id,e));const t=c.find((t=>s.profile.relations.selectors.getRelationUriFromConnection(t)===e)),a=s.profile.relations.selectors.getEntityUriFromConnection(t);(0,x.isTempUri)(a)&&y(s.profile.modifiedEntities.actions.entityDeleted(a))}),[n,c,y]),V=a&&g,B=d?[d,...m]:m,{canUpdate:W,canDelete:Q}=(0,Fe.l)(),H=W(n),G=Q(n),$=(0,o.useRef)(null);return r().createElement(Ze.Z,{className:t},r().createElement(xe,{title:n.caption,total:p,columnsData:N,selectedColumns:O,onChangeColumns:(0,i.pipe)(je.changeColumns,E),searchQuery:S,onChangeSearchQuery:R,filtersEnabled:!!P,onToggleFilters:(0,i.pipe)(je.toggleFilters,E),showInactive:I,onChangeShowInactive:T}),V&&r().createElement("div",{className:b.addArea},r().createElement(w,{onClick:L})),B.map((e=>r().createElement(ze.Z,{key:s.profile.relations.selectors.getRelationUriFromConnection(e),connection:e,config:n,mode:v,metadata:l}))),r().createElement("div",{style:{position:"relative"}},r().createElement(ae,{mode:v,columnsData:A,connections:c,metadata:l,filters:P,onFilter:(0,i.pipe)(je.changeFilter,E),sorting:k,onSort:(0,i.pipe)(je.toggleSort,E),onEditRelation:H?(0,i.pipe)(s.profile.relations.actions.openRelationEditor(n.id),y):null,onRemoveRelation:G?_:null,basicTableRef:$,allowOnlyCreateNew:n.allowOnlyCreateNew}),c.length?r().createElement(Me.Z,{count:p,rowsPerPageOptions:z,rowsPerPage:j,onChangeRowsPerPage:M,page:D,onChangePage:U,basicTableRef:$}):r().createElement(re(),{className:b.noData},h().text("No data found")),Z&&r().createElement(Ue.Z,null)))}));var lt=n(35985),it=n(97333);const ct=(0,b.createGenerateClassName)({productionPrefix:"relTable",disableGlobal:!0}),st=e=>{let{config:t,store:n,onResize:o=i.identity,className:s}=e;return r().createElement(c.Provider,{store:n},r().createElement(N.m.Provider,{value:t.id},r().createElement(b.StylesProvider,{generateClassName:ct},r().createElement(lt.is,{utils:a.Z},r().createElement(l.Z,{handleHeight:!0,onResize:(e,t)=>o(Math.floor(e),Math.floor(t))}),t&&r().createElement(rt,{config:t,className:s}),r().createElement(it.Z,null)))))}}}]);
+"use strict";(self.webpackChunk_reltio_profile=self.webpackChunk_reltio_profile||[]).push([[317],{51317:(e,t,n)=>{n.r(t),n.d(t,{RelationshipsTableView:()=>st});var a=n(8598),o=n(8156),r=n.n(o),l=n(88267),i=n(73288),c=n(34756),s=n(42308),p=n.n(s),u=n(65549),d=n(47450),m=n.n(d),g=n(95099),y=n.n(g),f=n(65751),h=n.n(f),b=n(40797);const v=(0,b.makeStyles)({addButton:{marginLeft:"12px",padding:"9px 16px 9px 12px",backgroundColor:"rgba(98, 2, 238, 0)"},label:{fontSize:"14px",fontWeight:500,lineHeight:"16px"},icon:{fontSize:"18px",marginRight:"8px"}}),C=e=>{let{onClick:t}=e;const n=v();return r().createElement(m(),{color:"primary",className:n.addButton,onClick:t},r().createElement(u.Z,{classes:{root:n.icon}}),r().createElement("div",{className:n.label},h().text("Add")))};C.propTypes={onClick:y().func};const w=C;var E=n(78310),R=n.n(E),x=n(2396);const T={textDecoration:"line-through",color:"rgba(0,0,0,.54)"},O={color:"rgba(0,0,0,.54)"},S=(0,b.makeStyles)((e=>({headCell:{display:"flex",alignItems:"center",height:"100%",fontSize:"12px"},entityCell:{display:"flex",alignItems:"center",height:"100%"},entityLabel:{fontSize:"15px",color:e.palette.secondary.main,cursor:"pointer",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap","$row-cell--removed &":T,"$row-cell--inactive &":O},entityAvatar:{transform:"scale(0.7)",margin:"0 10px"},rowCell:{fontSize:"13px",overflow:"hidden"},"row-cell--sorted":{color:"rgba(0,0,0,0.87)"},"row-cell--removed":{pointerEvents:"none","& > :not($entityCell)":T},"row-cell--inactive":O})));function P(){return P=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},P.apply(this,arguments)}const k=e=>{let{cell:t,CellValueRenderer:n,rowValue:{connection:a},isSorted:o}=e,l=function(e,t){if(null==e)return{};var n,a,o=function(e,t){if(null==e)return{};var n,a,o={},r=Object.keys(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["cell","CellValueRenderer","rowValue","isSorted"]);const i=S(),c=(0,x.checkRemoved)(a),s=(0,x.isActiveObject)(a.relation)&&(0,x.isActiveObject)(a.entity);return r().createElement("div",{className:R()({[i["row-cell--sorted"]]:o,[i["row-cell--removed"]]:c,[i["row-cell--inactive"]]:!s},i.rowCell)},t.values.map(((e,t)=>r().createElement(n,P({key:t,value:e},l)))))};k.propTypes={rowValue:y().object,cell:y().object,CellValueRenderer:y().elementType,isSorted:y().bool};const D=k;var j=n(45494),I=n(53862),N=n(12212),A=n(42662),F=n(74187);const Z=e=>{let{value:{entityType:t,entity:n}}=e;const a=(0,c.useDispatch)(),l=(0,o.useContext)(N.m),p=S(),u=(0,x.getLabel)(n.entityLabel),d=(0,x.getEntityUriForLink)({uri:n.entityUri,dataTenant:n.dataTenant});return r().createElement("div",{className:p.entityCell},r().createElement(A.Z,{className:p.entityAvatar,entityType:t}),r().createElement(F.C,{value:u},r().createElement("span",{className:p.entityLabel,onClick:(0,i.pipe)((0,i.always)({uri:d,viewId:l}),s.ui.actions.openEntity,a)},u)))};Z.propTypes={value:y().shape({entity:y().shape({entityUri:y().string,entityLabel:y().string}),entityType:x.EntityTypeType})};const z=Z;var M=n(92332);const U=(0,n(25843).Z)((e=>{const t=S();return r().createElement("div",{className:t.headCell},r().createElement(M.default,e))}));var L=n(46728);const _=(0,i.pipe)((0,i.map)((e=>e.uri||e)),i.uniq);function V(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const B=(0,i.pipe)((0,i.split)("."),(0,i.slice)(2,1/0)),W=e=>{if(e.startsWith("relation.attributes")){const t=B(e);return t.length>1?t.slice(0,-1):null}return null},Q=(0,i.map)((e=>{return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),a.forEach((function(t){V(e,t,n[t])}))}return e}({},e,{sortable:!0,resizable:!0,nestedPath:W(e.id),headCellRenderer:U,rowCellValueRenderer:(t=e.id,"entity.label"===t?z:L.Z)});var t})),H=(0,b.makeStyles)({tableContainer:{display:"flex",fontFamily:"Roboto",color:"rgba(0,0,0,0.54)"},emptyData:{marginBottom:"30px"},"@global div[role=tooltip]":{fontFamily:"Roboto, Helvetica, Arial, sans-serif"},"@global div[role=presentation]":{fontFamily:"Roboto, Helvetica, Arial, sans-serif"},"row-cell__buttons-container":{position:"absolute"},"row-cell__buttons-wrapper":{display:"flex",paddingLeft:"10px","& > button":{marginLeft:"-10px",transform:"scale(0.9)"}}});var G=n(86929),$=n.n(G),q=n(70683),Y=n.n(q),J=n(27604),K=n(22983);const X=e=>{let{canUpdate:t,canRemove:n,handleEditRelation:a,handleRemoveRelation:o}=e;return r().createElement(r().Fragment,null,t&&r().createElement($(),{title:h().text("Edit")},r().createElement(Y(),{onClick:a},r().createElement(J.Z,null))),n&&r().createElement($(),{title:h().text("Remove")},r().createElement(Y(),{onClick:o},r().createElement(K.Z,null))))};X.propTypes={canUpdate:y().bool,canRemove:y().bool,handleEditRelation:y().func,handleRemoveRelation:y().func};const ee=X;function te(){return te=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},te.apply(this,arguments)}const ne=e=>{let{mode:t,columnsData:n,connections:a,metadata:l,sorting:c,onSort:p,filters:u,onFilter:d,onEditRelation:m,onRemoveRelation:g,basicTableRef:y,allowOnlyCreateNew:f}=e;const h=(0,o.useMemo)((()=>((e,t,n)=>e.map((e=>(0,i.pipe)((0,i.reduce)(((t,a)=>{let{id:o}=a;return(0,i.assoc)(o,((e,t,n)=>{let{entity:a,relation:o}=t;switch(e){case"entity.label":return{entity:a,entityType:(0,x.getEntityType)(n,a.entityType)};case"relation.label":return o.relationLabel||(0,x.getRelationTypeLabelFromMetadata)(n,o.relationType);case"relation.activeness.startDate":return o.startDate;case"relation.activeness.endDate":return o.endDate;default:return((e,t)=>(0,i.pipe)((0,i.path)(["object","attributes"]),(0,x.getOvAttributeValuesByPath)(e))(t))(B(e),o)}})(o,e,n),t)}),{}),(0,i.assoc)("connection",e))(t))))(a,n,l)),[a,n,l]),b=(0,o.useMemo)((()=>Q(n)),[n]),v=H(),C=(0,o.useCallback)((e=>r().createElement(D,te({},e,{isSorted:!!c&&c.field===e.columnData.id}))),[c]),[w,E]=(0,o.useState)(null),{canRemove:R,canUpdate:T}=(e=>{let{metadata:t,mode:n,connection:a,onRemoveRelation:o,onEditRelation:r,allowOnlyCreateNew:l}=e;const i=(0,x.checkNew)(a);if(s.profile.mode.selectors.getIsEditableMode(n)&&a&&(!l||i)){const{relation:{relationType:e}}=a,l=(0,x.checkRemoved)(a),i=(0,x.getRelationType)(t,e);return{canRemove:o&&!l&&(0,x.checkMetadataForDelete)(n,i),canUpdate:r&&!l&&(0,x.checkMetadataForUpdate)(n,i)}}return{canRemove:!1,canUpdate:!1}})({mode:t,onRemoveRelation:g,onEditRelation:m,metadata:l,allowOnlyCreateNew:f,connection:(0,i.path)([w,"connection"],h)}),O=(0,o.useCallback)((e=>E(e)),[]),S=(0,o.useCallback)((()=>m((0,i.path)([w,"connection"],h))),[w,m,h]),P=(0,o.useCallback)((()=>g((0,i.path)([w,"connection","relation","relationUri"],h))),[w,g,h]),k=R||T?r().createElement(ee,{handleEditRelation:S,handleRemoveRelation:P,canRemove:R,canUpdate:T}):void 0;return r().createElement("div",{className:v.tableContainer},r().createElement(j.Z,{autosizing:!0,maxHeight:477,columnsData:b,rowsData:h,sorting:c,onSort:p,filters:u,onFilter:d,hoverStateEnabled:!0,defaultColumnWidth:250,defaultColumnMinWidth:200,headRowHeight:56,renderRowCell:C,onRowHover:O,hoverRowIndex:w,hoveredRowRightContent:k,classes:{hoveredRowRightContentWrapper:v["row-cell__buttons-wrapper"],hoveredRowRightContentContainer:v["row-cell__buttons-container"]},ref:y,resizeDebounceDelay:150}))};ne.propTypes={mode:y().string,columnsData:I.uz,connections:y().arrayOf(x.ConnectionType),metadata:x.MetadataType,filters:y().objectOf(I.Dq),onFilter:y().func,sorting:I.nI,onSort:y().func,onEditRelation:y().func,onRemoveRelation:y().func,basicTableRef:y().shape({current:y().object}),allowOnlyCreateNew:y().bool};const ae=ne;var oe=n(76593),re=n.n(oe),le=n(52722),ie=n(10742),ce=n(55310),se=n(46804),pe=n(33903),ue=n(45124),de=n(26446),me=n.n(de),ge=n(46907),ye=n.n(ge),fe=n(95351),he=n.n(fe),be=n(43054),ve=n(39475);const Ce=(0,b.makeStyles)((()=>({popupContent:{padding:"19px 23px"},checkboxControlLabel:{fontSize:"0.85rem"},checkboxControlCheckbox:{marginRight:"5px"}}))),we=e=>{let{className:t,showInactive:n,onShowInactiveChange:a}=e;const l=Ce(),i=(0,o.useRef)(),[c,s]=(0,o.useState)(!1),p=()=>s((e=>!e));return r().createElement(r().Fragment,null,r().createElement(ve.k,{className:t,ref:i,tooltipTitle:h().text("More"),icon:be.Z,onClick:p,size:"L"}),r().createElement(me(),{open:c,classes:{paper:l.popupContent},anchorEl:i.current,onClose:p,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"}},r().createElement(ye(),{classes:{label:l.checkboxControlLabel},control:r().createElement(he(),{className:l.checkboxControlCheckbox,checked:n||!1,onChange:e=>a(e.target.checked)}),label:h().text("Show inactive Relationships")})))},Ee=(0,b.makeStyles)({header:{padding:"0 4px 0 16px"},totalCaption:{lineHeight:"19px",fontSize:"14px",letterSpacing:"0.24px",color:"rgba(0,0,0,0.6)",flexShrink:0,marginRight:"5px",justifyContent:"flex-start",paddingTop:"16px",paddingBottom:"13px"},moreButton:{marginLeft:"-6px"}}),Re=e=>{let{title:t,total:n,searchQuery:a,onChangeSearchQuery:o,filtersEnabled:l,onToggleFilters:i,columnsData:c,selectedColumns:s,onChangeColumns:p,showInactive:u,onChangeShowInactive:d}=e;const m=Ee();return r().createElement(le.Z,{title:t,className:m.header},r().createElement(ie.Z,{widthToHide:500},r().createElement(ce.Z,{height:24,margin:16}),r().createElement(re(),{className:m.totalCaption,variant:"caption"},n>1?h().text("${count} entities",{count:n}):h().text("${count} entity",{count:n}))),r().createElement(se.i,{query:a,onChange:o}),r().createElement(pe.Z,{enabled:l,onClick:i}),r().createElement(ce.Z,{height:24,margin:4}),r().createElement(ue.Z,{columnsData:c,selectedColumns:s,onChangeColumns:p}),r().createElement(we,{className:m.moreButton,showInactive:u,onShowInactiveChange:d}))};Re.propTypes={title:y().string,total:y().number,columnsData:I.uz,selectedColumns:y().arrayOf(y().string),onChangeColumns:y().func,searchQuery:y().string,onChangeSearchQuery:y().func,filtersEnabled:y().bool,onToggleFilters:y().func,showInactive:y().bool,onChangeShowInactive:y().func};const xe=Re;var Te=n(75975),Oe=n(79573);function Se(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),a.forEach((function(t){Pe(e,t,n[t])}))}return e}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 ke="CHANGE_SEARCH_QUERY",De="CHANGE_SHOW_INACTIVE",je=Se({},Te.ZP.actions,{changeSearchQuery:(0,Oe.zD)(ke),changeShowInactive:(0,Oe.zD)(De)}),Ie=(e,t)=>{switch(t.type){case ke:return Se({},e,{searchQuery:t.payload,page:0});case De:return Se({},e,{showInactive:t.payload});default:return Te.ZP.reducer(e,t)}};var Ne=n(80231),Ae=n(80225),Fe=n(47081),Ze=n(1730),ze=n(2225),Me=n(33379),Ue=n(92944);const Le=[10,25,50,100],_e=[{id:"entity.label",get label(){return h().text("Entity label")},dataTypeDefinition:{type:x.DataTypes.TYPE_STRING},hideable:!1},{id:"relation.label",get label(){return h().text("Directional label")},dataTypeDefinition:{type:x.DataTypes.TYPE_STRING}},{id:"relation.activeness.startDate",get label(){return h().text("Start date")},dataTypeDefinition:x.ActivenessAttrTypes.startDate},{id:"relation.activeness.endDate",get label(){return h().text("End date")},dataTypeDefinition:x.ActivenessAttrTypes.endDate}],Ve=(0,i.pipe)(x.attributeUriToSearchUri,(0,i.concat)("relation.")),Be=(0,i.pipe)((0,i.map)((e=>({id:Ve(e.uri),label:e.label,dataTypeDefinition:(0,x.getAttrDataTypeDefinition)(e)}))),(0,i.uniqBy)((0,i.prop)("id"))),We=(0,i.pipe)(((e,t)=>{let{content:{inRelations:n=[],outRelations:a=[]}}=e,{relationTypes:o}=t;return(0,i.pipe)(_,(0,i.chain)((e=>(0,i.pipe)((0,i.find)((0,i.propEq)("uri",e)),x.getReadableAttributesList)(o))))([...n,...a])}),Be,(0,i.concat)(_e));var Qe=n(9377);function He(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),a.forEach((function(t){Ge(e,t,n[t])}))}return e}function Ge(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const $e=e=>e.uri||e,qe=e=>t=>$e(t)===e,Ye=(0,i.curry)(((e,t)=>{const n=(t,a)=>{let o=$e(a),r=!1;o.startsWith("!")&&(o=o.slice(1),r=!0);const l=e[o]&&(0,x.checkMetadataPermission)(x.MetadataPermissions.READ,e[o]),c=t.find(qe(o))||!l?t:t.concat(a.uri?He({},a,{uri:o}):o);return r?c:(0,i.keys)(e).reduce(((t,a)=>e[a].extendsTypeURI!==o||t.find(qe(a))?t:n(t,a)),c)};return t.reduce(n,[])})),Je=(0,i.curry)(((e,t)=>{const n=function(t){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return n.reduce(((n,a)=>{const o=$e(a),r=(0,i.path)([o,t,"objectTypeUri"],e);return!r||n.find(qe(r))?n:n.concat(r)}),[])};return He({},t,{entityTypes:[...n("startObject",t.inRelations),...n("endObject",t.outRelations)]})})),Ke=(0,i.indexBy)((0,i.prop)("uri")),Xe=(0,i.curry)(((e,t)=>{const n=Ke(e.relationTypes),a=Ke(e.entityTypes),o=e=>(0,i.evolve)({inRelations:Ye(n),outRelations:Ye(n),entityTypes:Ye(a),nextEntry:o},e);return(0,i.pipe)((0,i.unless)((0,i.either)((0,i.prop)("nextEntry"),(0,i.prop)("entityTypes")),Je(n)),o)(t)})),et=(0,b.makeStyles)({addArea:{display:"flex",alignItems:"center",height:"48px",borderBottom:"1px solid rgba(0, 0, 0, 0.12)"},noData:{fontSize:"13px",paddingLeft:"20px",marginBottom:"20px",marginTop:"10px",color:"rgba(0,0,0,0.54)"}}),tt=(0,i.pluck)("id",_e),[nt]=tt;function at(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const ot=(0,i.memoizeWith)(((e,t)=>t.id),((e,t)=>(0,i.evolve)({content:Xe(e)},t))),rt=(0,c.connect)(((e,t)=>{const{config:n}=t;return{connections:p().selectors.getConnectionsWithDraftsByViewId(e,n.id),total:p().selectors.getTotalByViewId(e,n.id),entity:p().selectors.getEntity(e),metadata:p().selectors.getMetadata(e),mode:p().selectors.getMode(e),relationToAdd:p().selectors.getRelationToAddByViewId(e,n.id),relationsToEdit:p().selectors.getRelationsToEditByViewId(e,n.id),checkIfCanAddRelations:p().selectors.getCheckIfCanAddRelations(e,n.content)}}),void 0,((e,t,n)=>function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),a.forEach((function(t){at(e,t,n[t])}))}return e}({},e,t,n,{config:ot(e.metadata,n.config)})))((e=>{let{className:t,config:n,entity:a,metadata:l,connections:c=[],total:p=0,mode:u,relationToAdd:d,relationsToEdit:m=[],checkIfCanAddRelations:g,dispatch:y}=e;const f={searchQuery:"",filters:null,visibleColumns:tt,sorting:{order:n.sortOrder||"asc",field:n.sortColumn||nt},page:0,rowsPerPage:n.max||15,showInactive:!1},b=et(),v=(0,o.useContext)(Ne.j)?u:x.ModeTypes.VIEWING,[C,E]=(0,o.useReducer)(Ie,f),R=(0,i.pipe)(je.changeSearchQuery,E),T=(0,i.pipe)(je.changeShowInactive,E);(0,o.useEffect)((()=>{R("")}),[null==a?void 0:a.uri]);const{visibleColumns:O,searchQuery:S,filters:P,sorting:k,page:D,rowsPerPage:j,showInactive:I}=C,N=(0,o.useMemo)((()=>We(n,l)),[n,l]),A=(0,o.useMemo)((()=>O.map((e=>N.find((0,i.propEq)("id",e))))),[O,N]),F=(0,o.useMemo)((()=>((e,t,n)=>{const a=x.Maybe.fromFalsy(e).map(x.filterValueToQueryStringWithQuotes).map((e=>`containsWordStartingWith(entity.label,${e}) or containsWordStartingWith(relation.label,${e})`)).orSome(""),o=(0,Qe.Tz)(n,t);return(new x.FilterBuilder).addClause(a).addClause(o).build()})(S,P,A)),[P,S]),{isLoading:Z}=(0,Ae.a)({sorting:k,filter:F,page:D,rowsPerPage:j,config:n,entity:a,relationActivityFilter:I?x.ActivityFilter.ALL:x.ActivityFilter.ACTIVE_ONLY,mode:u}),z=(0,o.useMemo)((()=>{return e=f.rowsPerPage,Le.filter((t=>t!==e)).concat(e).sort(i.subtract);var e}),[]),{handleRowsPerPageChange:M,handlePageChange:U}=(0,o.useMemo)((()=>({handleRowsPerPageChange:(0,i.pipe)(je.changeRowsPerPage,E),handlePageChange:(0,i.pipe)(je.changePage,E)})),[]),L=(0,o.useCallback)((()=>{const e=(0,x.createNewConnectionWithDefaultRelationType)({config:n,mode:v,metadata:l,parentEntityUri:void 0});(0,i.pipe)(s.profile.relations.actions.openRelationEditor(n.id),y)(e)}),[n,v,l,y]),_=(0,o.useCallback)((e=>{y(s.profile.relations.actions.closeRelationEditor(n.id,e)),y(s.profile.relations.actions.removeRelation(n.id,e));const t=c.find((t=>s.profile.relations.selectors.getRelationUriFromConnection(t)===e)),a=s.profile.relations.selectors.getEntityUriFromConnection(t);(0,x.isTempUri)(a)&&y(s.profile.modifiedEntities.actions.entityDeleted(a))}),[n,c,y]),V=a&&g,B=d?[d,...m]:m,{canUpdate:W,canDelete:Q}=(0,Fe.l)(),H=W(n),G=Q(n),$=(0,o.useRef)(null);return r().createElement(Ze.Z,{className:t},r().createElement(xe,{title:n.caption,total:p,columnsData:N,selectedColumns:O,onChangeColumns:(0,i.pipe)(je.changeColumns,E),searchQuery:S,onChangeSearchQuery:R,filtersEnabled:!!P,onToggleFilters:(0,i.pipe)(je.toggleFilters,E),showInactive:I,onChangeShowInactive:T}),V&&r().createElement("div",{className:b.addArea},r().createElement(w,{onClick:L})),B.map((e=>r().createElement(ze.Z,{key:s.profile.relations.selectors.getRelationUriFromConnection(e),connection:e,config:n,mode:v,metadata:l}))),r().createElement("div",{style:{position:"relative"}},r().createElement(ae,{mode:v,columnsData:A,connections:c,metadata:l,filters:P,onFilter:(0,i.pipe)(je.changeFilter,E),sorting:k,onSort:(0,i.pipe)(je.toggleSort,E),onEditRelation:H?(0,i.pipe)(s.profile.relations.actions.openRelationEditor(n.id),y):null,onRemoveRelation:G?_:null,basicTableRef:$,allowOnlyCreateNew:n.allowOnlyCreateNew}),c.length?r().createElement(Me.Z,{count:p,rowsPerPageOptions:z,rowsPerPage:j,onChangeRowsPerPage:M,page:D,onChangePage:U,basicTableRef:$}):r().createElement(re(),{className:b.noData},h().text("No data found")),Z&&r().createElement(Ue.Z,null)))}));var lt=n(35985),it=n(97333);const ct=(0,b.createGenerateClassName)({productionPrefix:"relTable",disableGlobal:!0}),st=e=>{let{config:t,store:n,onResize:o=i.identity,className:s}=e;return r().createElement(c.Provider,{store:n},r().createElement(N.m.Provider,{value:t.id},r().createElement(b.StylesProvider,{generateClassName:ct},r().createElement(lt.is,{utils:a.Z},r().createElement(l.Z,{handleHeight:!0,onResize:(e,t)=>o(Math.floor(e),Math.floor(t))}),t&&r().createElement(rt,{config:t,className:s}),r().createElement(it.Z,null)))))}}}]);