Connector data failed to load.
; } const [filtered, setFiltered] = useState(connectors); const [search, setSearch] = useState(""); const [platformFilter, setPlatformFilter] = useState([]); const [fusionVersion, setFusionVersion] = useState(""); const [tagFilter, setTagFilter] = useState([]); const [isTagDropdownOpen, setIsTagDropdownOpen] = useState(false); const [isPlatformDropdownOpen, setIsPlatformDropdownOpen] = useState(false); const [currentPage, setCurrentPage] = useState(1); const itemsPerPage = 5; const dropdownRef = useRef(null); const platformDropdownRef = useRef(null); const parseVersion = versionString => { const parts = versionString.split('.').map(Number); return { major: parts[0] || 0, minor: parts[1] || 0, patch: parts[2] || 0 }; }; const compareVersions = (v1, v2) => { const version1 = parseVersion(v1); const version2 = parseVersion(v2); if (version1.major !== version2.major) { return version1.major - version2.major; } if (version1.minor !== version2.minor) { return version1.minor - version2.minor; } return version1.patch - version2.patch; }; const isVersionInRange = (inputVersion, connectorVersions) => { if (!connectorVersions || connectorVersions.length === 0) { return true; } const startVersion = connectorVersions[0]; const endVersion = connectorVersions[1]; if (compareVersions(inputVersion, startVersion) < 0) { return false; } if (endVersion && compareVersions(inputVersion, endVersion) > 0) { return false; } return true; }; const allTags = []; connectors.forEach(conn => { if (conn.Popular && !allTags.includes("Popular")) { allTags.push("Popular"); } if (conn.Deprecated && !allTags.includes("Deprecated")) { allTags.push("Deprecated"); } if (conn["Security trimming"] === "standard" && !allTags.includes("Security trimming")) { allTags.push("Security trimming"); } if (conn["Security trimming"] === "graph" && !allTags.includes("Graph security trimming")) { allTags.push("Graph security trimming"); } if (conn.Tags) { conn.Tags.forEach(tag => { const tagText = tag["Tag text"]; if (tagText && !allTags.includes(tagText)) { allTags.push(tagText); } }); } }); useEffect(() => { const handleClickOutside = event => { if (dropdownRef.current && !dropdownRef.current.contains(event.target)) { setIsTagDropdownOpen(false); } if (platformDropdownRef.current && !platformDropdownRef.current.contains(event.target)) { setIsPlatformDropdownOpen(false); } }; document.addEventListener('mousedown', handleClickOutside); return () => { document.removeEventListener('mousedown', handleClickOutside); }; }, []); useEffect(() => { let results = connectors; if (platformFilter.length > 0) { results = results.filter(c => platformFilter.includes(c.Platform)); } if (fusionVersion) { const cleanVersion = fusionVersion.replace(/[^0-9.]/g, ''); results = results.filter(c => isVersionInRange(cleanVersion, c["Fusion versions"])); } if (tagFilter.length > 0) { results = results.filter(c => { return tagFilter.some(tag => { if (c.Tags && c.Tags.some(t => t["Tag text"] === tag)) return true; if (tag === "Popular" && c.Popular) return true; if (tag === "Deprecated" && c.Deprecated) return true; if (tag === "Security trimming" && c["Security trimming"] === "standard") return true; if (tag === "Graph security trimming" && c["Security trimming"] === "graph") return true; return false; }); }); } if (search) { const lower = search.toLowerCase(); results = results.filter(c => c.Name.toLowerCase().includes(lower)); } const pinned = results.filter(c => (c.Pinned || 0) > 0); const unpinned = results.filter(c => !(c.Pinned || 0)); unpinned.sort((a, b) => { if (a.Popular === b.Popular) { return a.Name.localeCompare(b.Name); } return a.Popular ? -1 : 1; }); const finalResults = [...unpinned]; pinned.forEach(item => { const position = (item.Pinned || 0) - 1; finalResults.splice(position, 0, item); }); results = finalResults; setFiltered(results); setCurrentPage(1); }, [search, platformFilter, fusionVersion, tagFilter]); const totalPages = Math.ceil(filtered.length / itemsPerPage); const startIndex = (currentPage - 1) * itemsPerPage; const paginatedResults = filtered.slice(startIndex, startIndex + itemsPerPage); returnNo connectors match your filters.
} {paginatedResults.map((conn, idx) =>{conn.Description}
{conn["Fusion versions"] && conn["Fusion versions"].length > 0 &&Compatible with Fusion {conn["Fusion versions"][0]}{conn["Fusion versions"].length > 1 ? ` to ${conn["Fusion versions"][1]}` : ' and later'}.
}