diff --git a/CHANGELOG-update-hra.md b/CHANGELOG-update-hra.md
new file mode 100644
index 0000000000..7aca3b99a8
--- /dev/null
+++ b/CHANGELOG-update-hra.md
@@ -0,0 +1 @@
+- Updated HRA EUI and organ-info web components to latest version
diff --git a/context/app/static/js/components/HRA/CCFOrganInfo.tsx b/context/app/static/js/components/HRA/CCFOrganInfo.tsx
index 8449a2dd1c..40ae0fe4c6 100644
--- a/context/app/static/js/components/HRA/CCFOrganInfo.tsx
+++ b/context/app/static/js/components/HRA/CCFOrganInfo.tsx
@@ -8,8 +8,7 @@ import { HRAEvent } from './types';
interface CCFOrganInfoProps {
uberonIri: string;
- remoteApiEndpoint?: string;
- remoteApi?: string;
+ dataSources?: string;
onNodeClick?: (event: HRAEvent) => void;
onSexChange?: (event: HRAEvent) => void;
onSideChange?: (event: HRAEvent) => void;
@@ -17,17 +16,16 @@ interface CCFOrganInfoProps {
interface RawOrganProps {
'organ-iri': string;
- 'remote-api-endpoint': string;
- 'use-remote-api': string;
+ 'data-sources': string;
nodeClick?: (event: HRAEvent) => void;
sexChange?: (event: HRAEvent) => void;
sideChange?: (event: HRAEvent) => void;
}
-const defaultRemoteApiEndpoint = 'https://apps.humanatlas.io/hubmap-hra-api/v1';
+const defaultDataSources = '["https://apps.humanatlas.io/api/ds-graph/hubmap?token="]';
-const HRAOrganScript = 'https://cdn.jsdelivr.net/gh/hubmapconsortium/ccf-ui@3/organ-info/wc.js';
-const HRAOrganStyles = 'https://cdn.jsdelivr.net/gh/hubmapconsortium/ccf-ui@3/organ-info/styles.css';
+const HRAOrganScript = 'https://cdn.humanatlas.io/ui/ccf-organ-info/wc.js';
+const HRAOrganStyles = 'https://cdn.humanatlas.io/ui/ccf-organ-info/styles.css';
const OrganInfo = reactifyWc('ccf-organ-info', {
forceEvent: ['nodeClick', 'sexChange', 'sideChange'],
@@ -35,8 +33,7 @@ const OrganInfo = reactifyWc('ccf-organ-info', {
function CCFOrganInfo({
uberonIri,
- remoteApiEndpoint = defaultRemoteApiEndpoint,
- remoteApi = 'true',
+ dataSources = defaultDataSources,
onNodeClick,
onSexChange,
onSideChange,
@@ -47,8 +44,7 @@ function CCFOrganInfo({
return (