\r\n }\r\n showExtraLogos\r\n >\r\n \r\n {hub.hub.description && hub.hub.description.length > 0 && (\r\n \r\n this.scrollToRef(this.info)}\r\n id=\"infos-btn\"\r\n >\r\n {t(\"scenes.hub.informations\")}\r\n \r\n \r\n )}\r\n \r\n this.scrollToRef(this.nodesRef)}\r\n >\r\n {t(\"scenes.hub.nodes\")}\r\n \r\n \r\n {!isA11y && hub.hub.dashboards && hub.hub.dashboards.length > 0 && themeConfig.enableDashboard && (\r\n \r\n \r\n {t(\"scenes.hub.dashboards\")}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n {!isA11y && (\r\n 0 ? \"?\" : \"\") + paramsStr}\r\n target=\"_self\"\r\n className=\"skip-link sr-only\"\r\n >\r\n {t(\"commons.hashLinks.accessible\")}\r\n \r\n )}\r\n \r\n {t(\"commons.hashLinks.main\")}\r\n \r\n {node && node.description && node.description.length > 0 && (\r\n \r\n {t(\"commons.hashLinks.nodeInformation\")}\r\n \r\n )}\r\n {isDefault && otherNodes.length > 0 && (\r\n \r\n {t(\"commons.hashLinks.otherNodes\")}\r\n \r\n )}\r\n \r\n {t(\"commons.hashLinks.footer\")}\r\n \r\n \r\n \r\n }\r\n background={nodeMinimalInfo.backgroundMediaURL\r\n ? nodeMinimalInfo.backgroundMediaURL.match(/\\.(jpeg|jpg|gif|png|JPEG|JPG|GIF|PNG|svg|SVG)$/)\r\n ? \r\n : (\r\n \r\n )\r\n : \r\n }\r\n showExtraLogos={isDefault}\r\n >\r\n \r\n {node && node.description && node.description.length > 0 && (\r\n \r\n this.scrollToRef(this.info)}\r\n id=\"infos-btn\"\r\n >\r\n {t(\"scenes.node.informations\")}\r\n \r\n \r\n )}\r\n {catalog && !catalog.isEmpty && (\r\n \r\n goToNodeCategories(nodeCode)}\r\n >\r\n {t(\"scenes.node.explore\")}\r\n \r\n \r\n )}\r\n {!isA11y && nodeMinimalInfo.dashboards && nodeMinimalInfo.dashboards.length > 0 && themeConfig.enableDashboard && (\r\n \r\n goToNodeDashboards(nodeCode)}\r\n >\r\n {t(\"scenes.node.dashboards\")}\r\n \r\n \r\n )}\r\n {isDefault && otherNodes.length > 0 && (\r\n \r\n this.scrollToRef(this.nodes)}\r\n >\r\n {t(\"scenes.node.otherNodes\")}\r\n \r\n \r\n )}\r\n {catalog && isSearchVisible && (\r\n \r\n \r\n {t(\"scenes.node.search\")}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default compose(\r\n withStyles(styles),\r\n withTranslation(),\r\n connect(mapStateToProps, mapDispatchToProps),\r\n withRouter\r\n)(Node);","import {initRequest} from '../../middlewares/request/requestActions';\r\nimport {getNodeUrl} from '../../serverApi/urls';\r\n\r\nexport const NODE_FETCH = \"node/fetch\";\r\nexport const NODE_CLEAR = \"node/clear\";\r\n\r\nexport const fetchNode = (nodeId: number, nodeCode: string) =>\r\n initRequest(\r\n NODE_FETCH,\r\n getNodeUrl(nodeId),\r\n undefined,\r\n undefined,\r\n t => ({\r\n onStart: t(\"domains.node.messages.fetch.start\")\r\n }),\r\n {\r\n nodeId,\r\n nodeCode\r\n }\r\n );\r\n\r\nexport const clearNode = () => ({\r\n type: NODE_CLEAR\r\n})\r\n\r\n","import {initRequest} from \"../../middlewares/request/requestActions\";\r\nimport {getNodeCatalogUrl} from \"../../serverApi/urls\";\r\n\r\nexport const CATALOG_FETCH = \"catalog/fetch\";\r\nexport const CATALOG_CLEAR = \"catalog/clear\";\r\n\r\nexport const fetchCatalog = (nodeId: number, nodeCode: string) => initRequest(\r\n CATALOG_FETCH,\r\n getNodeCatalogUrl(nodeId),\r\n undefined,\r\n undefined,\r\n t => ({\r\n onStart: t(\"domains.catalog.messages.fetch.start\")\r\n }),\r\n {\r\n nodeId,\r\n nodeCode\r\n }\r\n);\r\n\r\nexport const clearCatalog = () => ({\r\n type: CATALOG_CLEAR\r\n})","import React, {useEffect, useState} from \"react\";\r\nimport TreeItem from \"@material-ui/lab/TreeItem\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport TreeView from \"@material-ui/lab/TreeView\";\r\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\r\nimport ChevronRightIcon from \"@material-ui/icons/ChevronRight\";\r\nimport {goToDatasetsSearch} from \"../../links\";\r\nimport Checkbox from \"@material-ui/core/Checkbox\";\r\nimport {withStyles} from \"@material-ui/core\";\r\nimport Box from \"@material-ui/core/Box\";\r\nimport {withTranslation} from \"react-i18next\";\r\nimport {compose} from \"redux\";\r\n\r\nconst styles = () => ({\r\n container: {\r\n background: \"#F5F5F5\",\r\n paddingTop: 8,\r\n paddingBottom: 8\r\n },\r\n nodeIcon: {\r\n marginTop: 5\r\n },\r\n item: {\r\n background: \"none !important\"\r\n },\r\n resCount: {\r\n fontWeight: \"bold\",\r\n marginLeft: 4\r\n },\r\n checkbox: {\r\n padding: 0,\r\n transform: \"translateY(-2px)\"\r\n }\r\n});\r\n\r\nfunction ResultTree(props) {\r\n const {\r\n classes,\r\n catalog,\r\n query,\r\n node,\r\n filters = [],\r\n categoryGroupsWithCount,\r\n uncategorizedDatasetsCount,\r\n t\r\n } = props;\r\n\r\n const [expanded, setExpanded] = useState([]);\r\n\r\n useEffect(() => {\r\n setExpanded(((\r\n catalog.hasCategorySchemes\r\n ? categoryGroupsWithCount\r\n : categoryGroupsWithCount?.[0]?.categories\r\n ) || []).map(({id}) => id));\r\n }, [catalog, categoryGroupsWithCount]);\r\n\r\n const getTreeItems = (tree, prevPath, noCheckbox = false) =>\r\n tree.map((cat, i) => {\r\n\r\n const selected = !!filters.find(filter => filter.includes(cat.id));\r\n\r\n return (\r\n \r\n {!noCheckbox && (\r\n \r\n \r\n {\r\n goToDatasetsSearch(\r\n node.code,\r\n query,\r\n selected\r\n ? filters.filter(path => !path.includes(cat.id))\r\n : [...filters, [...prevPath, cat.id]]\r\n );\r\n e.stopPropagation();\r\n }}\r\n />\r\n \r\n )}\r\n \r\n {cat.label}\r\n {!noCheckbox && (\r\n ({cat.count})\r\n )}\r\n \r\n \r\n }\r\n classes={{\r\n label: classes.item\r\n }}\r\n >\r\n {cat.categories && cat.categories.length > 0 && getTreeItems(cat.categories, [...prevPath, cat.id])}\r\n \r\n );\r\n });\r\n\r\n const uncategorizedSelected = !!filters.find(filter => filter.includes(\"uncategorized\"));\r\n\r\n return (\r\n \r\n {categoryGroupsWithCount.length > 0 && (\r\n }\r\n defaultExpandIcon={}\r\n defaultExpandIcon={\r\n \r\n \r\n {\r\n goToDatasetsSearch(\r\n node.code,\r\n query,\r\n uncategorizedSelected\r\n ? filters.filter(path => JSON.stringify(path) !== JSON.stringify([\"uncategorized\"]))\r\n : [...filters, [\"uncategorized\"]]\r\n );\r\n e.stopPropagation();\r\n }}\r\n />\r\n \r\n \r\n {t(\"commons.catalog.uncategorized\")} ({uncategorizedDatasetsCount})\r\n \r\n \r\n }\r\n classes={{label: classes.item}}\r\n />\r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default compose(\r\n withStyles(styles),\r\n withTranslation()\r\n)(ResultTree);","import React, {Fragment, useEffect} from \"react\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport ExpandLessIcon from \"@material-ui/icons/ExpandLess\";\r\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport {useTranslation} from \"react-i18next\";\r\nimport withStyles from \"@material-ui/core/styles/withStyles\";\r\nimport SanitizedHTML from \"../sanitized-html\";\r\nimport CatalogInfoButton from \"../catalog-info-button\";\r\nimport CatalogMetadataButton from \"../catalog-metadata-button\";\r\nimport Tooltip from \"@material-ui/core/Tooltip\";\r\nimport InfoIcon from \"@material-ui/icons/Info\";\r\nimport CustomLink from \"../custom-link\";\r\nimport StorageIcon from \"@material-ui/icons/Storage\";\r\nimport DatasetAttachments from \"../dataset-attachments\";\r\n\r\nconst $ = window.jQuery;\r\n\r\nconst styles = () => ({\r\n dataset: {\r\n display: \"flex\",\r\n alignItems: \"center\"\r\n },\r\n actions: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n padding: \"8px 16px\",\r\n \"& > button\": {\r\n padding: 8\r\n }\r\n },\r\n description: {\r\n width: \"100%\",\r\n padding: \"16px !important\"\r\n },\r\n descriptionTextWrapper: {\r\n fontSize: 16\r\n },\r\n descriptionTextWrapperCollapsed: {\r\n maxHeight: 48,\r\n overflow: \"hidden\"\r\n },\r\n descriptionTextWrapperExpanded: {\r\n minHeight: 48\r\n },\r\n descriptionText: {\r\n \"& > p\": {\r\n margin: 0\r\n }\r\n },\r\n descriptionIcon: {\r\n display: \"none\",\r\n justifyContent: \"flex-end\"\r\n }\r\n});\r\n\r\n// based on https://stackoverflow.com/a/7616484\r\nconst getIdFromDatasetIdentifier = identifier => {\r\n if (!identifier) {\r\n return undefined;\r\n }\r\n\r\n let hash = 0, i, chr;\r\n if (identifier.length === 0) return hash;\r\n for (i = 0; i < identifier.length; i++) {\r\n chr = identifier.charCodeAt(i);\r\n hash = ((hash << 5) - hash) + chr;\r\n hash |= 0; // convert to 32bit integer\r\n }\r\n return \"id__\" + hash;\r\n};\r\n\r\nconst handleStyle = (dataset, isExpanded) => {\r\n const textHeight = $(`#${getIdFromDatasetIdentifier(dataset.identifier)}__description__text`).outerHeight() || 0;\r\n const textWrapperHeight = $(`#${getIdFromDatasetIdentifier(dataset.identifier)}__description__text-wrapper`).outerHeight() || 0;\r\n $(`#${getIdFromDatasetIdentifier(dataset.identifier)}__description__icon`).css({\r\n display: (textHeight > textWrapperHeight || isExpanded) ? \"flex\" : \"none\"\r\n });\r\n};\r\n\r\nconst DatasetCard = ({\r\n dataset,\r\n classes,\r\n isExpanded,\r\n onViewDataset,\r\n onExpand,\r\n onCollapse,\r\n onClick,\r\n xs,\r\n md,\r\n isMultiCategorized\r\n }) => {\r\n\r\n const {t} = useTranslation();\r\n\r\n useEffect(() => {\r\n const f = () => handleStyle(dataset, isExpanded);\r\n f();\r\n window.addEventListener(\"resize\", f);\r\n return () => window.removeEventListener(\"resize\", f);\r\n }, [dataset, isExpanded]);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {isExpanded\r\n ?
\r\n \r\n )}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default withStyles(styles)(DatasetCard);","export const scrollResultsToDatasetByParam = () => {\r\n let datasetIdParam;\r\n\r\n const split = window.location.hash.split(\"datasetId=\");\r\n if (split && split.length === 2 && split[1].length > 0) {\r\n const split2 = split[1].split(\"&\");\r\n if (split2[0] && split2[0].length > 0) {\r\n datasetIdParam = decodeURIComponent(split2[0]);\r\n }\r\n }\r\n\r\n if (datasetIdParam) {\r\n const element = document.getElementById(encodeURIComponent(datasetIdParam));\r\n if (element) {\r\n element.scrollIntoView();\r\n }\r\n }\r\n};","import React, {Fragment, useEffect, useState} from 'react';\r\nimport NodeHeader from \"../node-header\";\r\nimport {withStyles} from \"@material-ui/core\";\r\nimport Page from \"../page\";\r\nimport Container from \"@material-ui/core/Container\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport {getDatasetInternalUrl, getDatasetsInternalUrl, getHomeInternalUrl, getNodeCategoriesInternalUrl, getNodeInternalUrl} from \"../../links\";\r\nimport CardActions from '@material-ui/core/CardActions';\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport ListIcon from '@material-ui/icons/List';\r\nimport GridOnIcon from '@material-ui/icons/GridOn';\r\nimport Breadcrumbs from \"@material-ui/core/Breadcrumbs\";\r\nimport ResultTree from \"./ResultTree\";\r\nimport {withTranslation} from \"react-i18next\";\r\nimport {compose} from \"redux\";\r\nimport FolderIcon from \"@material-ui/icons/Folder\";\r\nimport DatasetCard from \"./DatasetCard\";\r\nimport {scrollResultsToDatasetByParam} from \"./utils\";\r\nimport {withRouter} from \"react-router\";\r\nimport {HashLink} from 'react-router-hash-link';\r\nimport DetailLevelSelect from \"../detail-level-select\";\r\nimport {connect} from \"react-redux\";\r\nimport {getFilteredTreeWithPaths, getMappedTree} from \"../../utils/tree\";\r\nimport CatalogInfoButton from \"../catalog-info-button\";\r\nimport CatalogMetadataButton from \"../catalog-metadata-button\";\r\nimport {getPageTitle} from \"../../utils/other\";\r\nimport Footer from \"../footer\";\r\nimport CustomLink from \"../custom-link\";\r\nimport Tooltip from \"@material-ui/core/Tooltip\";\r\nimport CustomEmpty from \"../custom-empty\";\r\nimport Divider from \"@material-ui/core/Divider\";\r\nimport CategoriesTree from \"../categories-tree\";\r\nimport {\r\n CATALOG_NAVIGATION_MODE_GRID,\r\n CATALOG_NAVIGATION_MODE_LIST,\r\n CATALOG_NAVIGATION_MODE_TREE\r\n} from \"../settings-select/nodes-settings-form/node-settings-form\";\r\n\r\nconst styles = theme => ({\r\n fullWidthContainer: {\r\n width: \"100%\",\r\n minHeight: \"100%\",\r\n backgroundColor: \"#f5f5f5\",\r\n display: \"flex\",\r\n flexDirection: \"column\"\r\n },\r\n toolbar: {\r\n minHeight: 48,\r\n marginTop: theme.spacing(3)\r\n },\r\n searchTitle: {\r\n fontSize: 24,\r\n fontWeight: 400,\r\n letterSpacing: 0,\r\n whiteSpace: \"pre-wrap\"\r\n },\r\n categoriesTitle: {\r\n fontSize: 28,\r\n fontWeight: 300,\r\n letterSpacing: 0,\r\n paddingBottom: 8,\r\n position: \"relative\",\r\n width: \"calc(100% - 96px)\",\r\n zIndex: 2\r\n },\r\n breadcrumbs: {\r\n minHeight: 48,\r\n padding: \"8px 0\",\r\n display: \"flex\"\r\n },\r\n breadcrumbsSeparator: {\r\n margin: \"0 4px\"\r\n },\r\n breadcrumbsLastElem: {\r\n color: theme.palette.primary.main,\r\n padding: 4\r\n },\r\n detailLevels: {\r\n padding: \"8px 4px\"\r\n },\r\n results: {\r\n marginTop: 8\r\n },\r\n row: {\r\n marginBottom: theme.spacing(1)\r\n },\r\n card: {\r\n height: \"100%\",\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n justifyContent: \"space-between\"\r\n },\r\n cardActions: {\r\n padding: \"4px 8px\"\r\n },\r\n divider: {\r\n margin: \"16px 0\"\r\n },\r\n categoriesTree: {\r\n marginTop: -52,\r\n zIndex: 1\r\n },\r\n treeItemCategory: {\r\n \"& .categories-tree__tree-item__node__icon\": {\r\n width: 32,\r\n height: 32\r\n }\r\n },\r\n treeItemDataset: {\r\n \"& .categories-tree__tree-item__dataset__icon\": {\r\n margin: \"0 6px\"\r\n }\r\n }\r\n});\r\n\r\nconst mapStateToProps = state => ({\r\n filteredCatalog: state.detailLevel.filteredCatalog,\r\n detailLevel: state.detailLevel.detailLevel\r\n});\r\n\r\nconst Results = ({\r\n classes,\r\n query,\r\n hub,\r\n catalog,\r\n node,\r\n nodeCode,\r\n isDefault,\r\n categoryPath,\r\n subCategories,\r\n filters,\r\n filtersParams,\r\n t,\r\n location,\r\n detailLevel,\r\n filteredCatalog,\r\n datasets,\r\n isAccessible,\r\n onAccessibleDatasetFetch\r\n }) => {\r\n\r\n const [expandedIndexes, setExpandedIndexes] = useState([]);\r\n\r\n const [catalogNavigationMode, setCatalogNavigationMode] = useState(\r\n hub.nodes\r\n .find(({code}) => code.toLowerCase() === nodeCode.toLowerCase())\r\n .catalogNavigationMode\r\n );\r\n\r\n useEffect(() => {\r\n setExpandedIndexes([]);\r\n }, [categoryPath]);\r\n\r\n useEffect(() => scrollResultsToDatasetByParam());\r\n\r\n const nodeMinimalInfo = hub.nodes.find(({code}) => code.toLowerCase() === nodeCode.toLowerCase());\r\n\r\n const nodeExtras = nodeMinimalInfo?.extras || [];\r\n const hideLabelOnCategoryWithImage = JSON.parse(nodeExtras.find(({key}) => key === \"HideLabelOnCategoryWithImage\")?.value || \"[]\");\r\n\r\n if (filteredCatalog) {\r\n\r\n let categoryPathLabels = [];\r\n if (categoryPath) {\r\n if (categoryPath[0] === \"uncategorized\") {\r\n categoryPathLabels = [t(\"commons.catalog.uncategorized\")];\r\n } else {\r\n\r\n let category;\r\n\r\n if (catalog.hasCategorySchemes) {\r\n category = catalog.categoryGroups.find(({id}) => id === categoryPath[0]);\r\n } else {\r\n category = catalog.categoryGroups[0].categories.find(({id}) => id === categoryPath[0]);\r\n }\r\n\r\n categoryPathLabels.push(category.label);\r\n for (let i = 1; i < categoryPath.length; i++) {\r\n category = (category.childrenCategories || category.categories).find(({id}) => id === categoryPath[i]);\r\n categoryPathLabels.push(category.label);\r\n }\r\n }\r\n }\r\n\r\n let categoryGroupsWithCount, uncategorizedDatasetsCount;\r\n\r\n if (query) {\r\n const testDSForQuery = ds =>\r\n (ds.title || \"\").toLowerCase().includes(query.toLowerCase()) ||\r\n !!ds.keywords?.find(keyword => keyword.toLowerCase().includes(query.toLowerCase()));\r\n\r\n const testCatForFilters = cat => filters.length === 0 || filters.includes(cat.id);\r\n\r\n const dssForCount = []; // satisfy only query (necessary to display count numbers)\r\n const dssForResults = []; // satisfy query and filters\r\n\r\n if (filteredCatalog.uncategorizedDatasets && filteredCatalog.uncategorizedDatasets.length > 0) {\r\n filteredCatalog.uncategorizedDatasets.forEach(ds => {\r\n\r\n ds.categoryPath = [\"uncategorized\"];\r\n\r\n if (testDSForQuery(ds)) {\r\n dssForCount.push(ds);\r\n if (filters.length === 0 || filters.includes(\"uncategorized\")) {\r\n dssForResults.push(ds);\r\n }\r\n }\r\n });\r\n }\r\n\r\n const searchRecursive = (categories, categoryPath, overrideCatSatisfyFilters = false) => {\r\n\r\n categories.forEach(c => {\r\n\r\n const catSatisfyFilters = overrideCatSatisfyFilters || testCatForFilters(c);\r\n\r\n c.datasetIdentifiers.forEach(id => {\r\n const ds = {\r\n ...catalog.datasets[id],\r\n identifier: id,\r\n categoryPath: [...categoryPath, c.id]\r\n };\r\n if (testDSForQuery(ds)) {\r\n dssForCount.push(ds);\r\n if (catSatisfyFilters) {\r\n dssForResults.push(ds);\r\n }\r\n }\r\n });\r\n\r\n searchRecursive(c.childrenCategories, [...categoryPath, c.id], catSatisfyFilters);\r\n });\r\n };\r\n\r\n if (filteredCatalog.hasCategorySchemes) {\r\n // with category schemes\r\n filteredCatalog.categoryGroups.forEach(group => searchRecursive(group.categories, [group.id]));\r\n } else if (filteredCatalog.categoryGroups.length === 1) {\r\n // no category schemes\r\n searchRecursive(filteredCatalog.categoryGroups[0].categories, []);\r\n }\r\n\r\n const dssSatisfyQueryMap = {};\r\n dssForCount.forEach(ds => dssSatisfyQueryMap[ds.identifier] = ds);\r\n\r\n const recursiveCountAndFilterZero = (tree, visited) => tree\r\n .map(node => {\r\n const children = recursiveCountAndFilterZero(node.childrenCategories, visited).filter(({count}) => count > 0);\r\n\r\n const uniqueDssSatisfyQueryCount = node.datasetIdentifiers?.filter(dsId => {\r\n if (dssSatisfyQueryMap[dsId] !== undefined) {\r\n if (visited[dsId]) {\r\n return false;\r\n } else {\r\n visited[dsId] = true;\r\n return true;\r\n }\r\n } else {\r\n return false;\r\n }\r\n }).length || 0;\r\n\r\n return ({\r\n ...node,\r\n childrenCategories: node.childrenCategories ? children : undefined,\r\n count: children.reduce((acc, node) => acc + node.count, 0) + uniqueDssSatisfyQueryCount\r\n });\r\n })\r\n .filter(({count}) => count > 0);\r\n\r\n categoryGroupsWithCount = filteredCatalog.categoryGroups\r\n .map(categoryGroup => {\r\n const categories = (categoryGroup?.categories || [])\r\n .map(category => {\r\n const visited = {};\r\n const childrenCategories = recursiveCountAndFilterZero(category.childrenCategories, visited);\r\n return {\r\n ...category,\r\n childrenCategories: childrenCategories,\r\n count: childrenCategories.reduce((acc, node) => acc + node.count, 0) +\r\n (category.datasetIdentifiers?.filter(dsId => dssSatisfyQueryMap[dsId] !== undefined).length || 0)\r\n };\r\n })\r\n .filter(({count}) => count > 0);\r\n return {\r\n ...categoryGroup,\r\n categories: categories,\r\n count: categories.reduce((acc, node) => acc + node.count, 0)\r\n };\r\n })\r\n .filter(({count}) => count > 0);\r\n\r\n uncategorizedDatasetsCount =\r\n filteredCatalog.uncategorizedDatasets\r\n .filter(({identifier}) => dssSatisfyQueryMap[identifier] !== undefined)\r\n .length;\r\n\r\n // remove duplicates from results ( O(2n) )\r\n const resultsMap = {};\r\n dssForResults.forEach(ds => resultsMap[ds.identifier] = ds);\r\n\r\n datasets = Object.keys(resultsMap).map(id => resultsMap[id]);\r\n }\r\n\r\n const filteredDatasets = detailLevel\r\n ? datasets.filter(({detailsLevels: dls}) => (detailLevel == null || (dls || []).includes(detailLevel)))\r\n : datasets;\r\n\r\n const filteredSubCategories =\r\n detailLevel !== null && subCategories\r\n ? getFilteredTreeWithPaths(\r\n getMappedTree(subCategories, \"childrenCategories\", cat => ({\r\n ...cat,\r\n datasetIdentifiers: (cat.datasetIdentifiers || []).filter(id => (catalog.datasets[id].detailsLevels || []).includes(detailLevel))\r\n })),\r\n \"childrenCategories\",\r\n ({datasetIdentifiers}) => datasetIdentifiers && datasetIdentifiers.length > 0\r\n )\r\n : subCategories;\r\n\r\n const categoriesWithImages = (filteredSubCategories || []).find(({image}) => !!image) !== undefined;\r\n\r\n const params = new URLSearchParams(location.search);\r\n params.set(\"accessible\", \"true\");\r\n const paramsStr = params.toString();\r\n const path = location.pathname;\r\n\r\n const isTreeViewMode = catalogNavigationMode === CATALOG_NAVIGATION_MODE_TREE && (\r\n (catalog.hasCategorySchemes && (categoryPath || []).length === 2) ||\r\n (!catalog.hasCategorySchemes && (categoryPath || []).length === 1)\r\n );\r\n\r\n let catalogForTreeView = null;\r\n\r\n if (isTreeViewMode) {\r\n const categorySchemaId = catalog.hasCategorySchemes\r\n ? categoryPath[0]\r\n : filteredCatalog.categoryGroups[0].id;\r\n const categoryId = catalog.hasCategorySchemes\r\n ? categoryPath[1]\r\n : categoryPath[0];\r\n\r\n const categoryGroup = filteredCatalog.categoryGroups.find(({id}) => id === categorySchemaId);\r\n\r\n catalogForTreeView = {\r\n ...filteredCatalog,\r\n hasCategorySchemes: false,\r\n categoryGroups: categoryGroup\r\n ? [{\r\n ...categoryGroup,\r\n categories: categoryGroup.categories.find(({id}) => id === categoryId).childrenCategories\r\n }]\r\n : [],\r\n uncategorizedDatasets: null,\r\n rootDatasets: filteredDatasets\r\n };\r\n }\r\n\r\n return (\r\n \r\n \r\n {hub.hub.description && hub.hub.description.length > 0 && (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default compose(\r\n withStyles(styles),\r\n withTranslation(),\r\n connect(mapStateToProps),\r\n withRouter\r\n)(Home);","import {initRequest} from \"../../middlewares/request/requestActions\";\r\nimport {getHubMinimalInfoUrl} from \"../../serverApi/urls\";\r\n\r\nexport const HUB_FETCH = \"hub/fetch\";\r\nexport const HUB_CLEAR = \"hub/clear\";\r\n\r\nexport const fetchHub = () => initRequest(\r\n HUB_FETCH,\r\n getHubMinimalInfoUrl(),\r\n undefined,\r\n undefined,\r\n t => ({\r\n onStart: t(\"domains.hub.messages.fetch.start\")\r\n })\r\n);\r\n\r\nexport const clearHub = () => ({\r\n type: HUB_CLEAR\r\n})","import React, {Component, Fragment} from \"react\";\r\nimport Hero from \"../hero\";\r\nimport CardsGrid from \"../cards-grid\";\r\nimport Container from \"@material-ui/core/Container\";\r\nimport PageSection from \"../page-section\";\r\nimport {withStyles} from \"@material-ui/core\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport NodeHeader from \"../node-header\";\r\nimport Page from \"../page\";\r\nimport {getNodeInternalUrl, goToNodeCategories, goToNodeDashboards} from \"../../links\";\r\nimport Box from \"@material-ui/core/Box\";\r\nimport {connect} from \"react-redux\";\r\nimport {compose} from \"redux\";\r\nimport {withTranslation} from \"react-i18next\";\r\nimport SanitizedHTML from \"../sanitized-html\";\r\nimport {HashLink} from \"react-router-hash-link\";\r\nimport {withRouter} from \"react-router\";\r\nimport {openSearchDialog} from \"../../state/search-dialog/searchDialogActions\";\r\nimport {getPageTitle} from \"../../utils/other\";\r\nimport Footer from \"../footer\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport ModulesPlaceholder from \"../modules-placeholder\";\r\nimport {WINDOW_SCREEN_WIDTH_MD} from \"../../utils/constants\";\r\nimport {NodeVisibility} from \"../../model/IHubMinimalNode.d.ts\";\r\n\r\nimport themeConfig from \"../../config/theme/config.json\";\r\n\r\nconst styles = theme => ({\r\n main: {\r\n width: \"100%\",\r\n height: \"100%\"\r\n },\r\n fullWidthContainer: {\r\n backgroundColor: \"#f5f5f5\",\r\n width: \"100%\"\r\n },\r\n container: {\r\n paddingTop: theme.spacing(3)\r\n },\r\n anchorContainer: {\r\n position: \"relative\"\r\n },\r\n anchor: {\r\n position: \"absolute\",\r\n top: -theme.mixins.toolbar.minHeight\r\n },\r\n section: {\r\n paddingTop: theme.spacing(3)\r\n },\r\n nodesContainer: {\r\n marginTop: theme.spacing(2)\r\n }\r\n});\r\n\r\nconst mapStateToProps = state => ({\r\n isA11y: state.app.isA11y,\r\n baseURL: state.config.baseURL\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n onSearch: () => dispatch(openSearchDialog())\r\n});\r\n\r\nclass Node extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isSearchVisible: false\r\n };\r\n }\r\n\r\n setSearchButtonVisibility = () => {\r\n if (this.state.isSearchVisible !== (window.innerWidth > WINDOW_SCREEN_WIDTH_MD)) {\r\n this.setState({isSearchVisible: window.innerWidth > WINDOW_SCREEN_WIDTH_MD});\r\n }\r\n };\r\n\r\n componentDidMount() {\r\n this.setSearchButtonVisibility();\r\n window.addEventListener(\"resize\", this.setSearchButtonVisibility);\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener(\"resize\", this.setSearchButtonVisibility);\r\n };\r\n\r\n info = React.createRef();\r\n nodes = React.createRef();\r\n\r\n scrollToRef(ref) {\r\n ref.current.scrollIntoView({\r\n behavior: \"smooth\",\r\n block: \"start\",\r\n inline: \"nearest\"\r\n });\r\n ref.current.focus({preventScroll: true});\r\n }\r\n\r\n render() {\r\n\r\n const {\r\n isSearchVisible\r\n } = this.state;\r\n\r\n const {\r\n classes,\r\n defaultTreeOpen,\r\n defaultNodeConfigOpen,\r\n defaultAppConfigOpen,\r\n defaultUserConfigOpen,\r\n defaultNodesConfigOpen,\r\n node,\r\n nodeCode,\r\n hub,\r\n catalog,\r\n baseURL,\r\n isDefault,\r\n isA11y,\r\n t,\r\n location,\r\n onSearch\r\n } = this.props;\r\n\r\n const nodeMinimalInfo = hub.nodes.find(({code}) => code.toLowerCase() === nodeCode.toLowerCase());\r\n\r\n const otherNodes = hub.nodes.filter(n => n.code.toLowerCase() !== nodeCode.toLowerCase() && n.visible !== NodeVisibility.No);\r\n\r\n const params = new URLSearchParams(location.search);\r\n params.set(\"accessible\", \"true\");\r\n const paramsStr = params.toString();\r\n const path = location.pathname;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {node && node.description && node.description.length > 0 && (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n {dataset.title}\r\n {isMultiCategorized && (\r\n \r\n \r\n )}\r\n \r\n }\r\n icon={}\r\n textStyle={{\r\n fontSize: 18,\r\n minHeight: 48,\r\n padding: \"16px 16px 0 16px\"\r\n }}\r\n subText={dataset.source}\r\n subTextStyle={{\r\n fontSize: 14,\r\n fontWeight: \"normal\",\r\n color: \"rgba(0, 0, 0, 0.54)\",\r\n padding: \"0 16px 16px 16px\"\r\n }}\r\n disabled={dataset.catalogType === \"ONLY_FILE\"}\r\n />\r\n {(dataset.attachedDataFiles || dataset.note || dataset.referenceMetadata) && (\r\n
\r\n {dataset.description && (\r\n \r\n
\r\n )}\r\n \r\n \r\n {dataset.description && (\r\n
\r\n