{"version":3,"file":"index.modern.mjs","sources":["../src/components/Radar/hooks.ts","../src/components/Radar/Controls.tsx","../src/components/Radar/index.tsx"],"sourcesContent":["// Radar/hooks.ts\nimport { useEffect, useState } from 'react'\nimport { SelectedLevels } from '.'\n\nconst defaultLevelsByRole: Record = {\n 'Software Engineer': {\n Technology: 'Adopts',\n System: 'Designs',\n People: 'Supports',\n Process: 'Enforces',\n Influence: 'Team',\n },\n 'Senior Software Engineer': {\n Technology: 'Specializes',\n System: 'Owns',\n People: 'Mentors',\n Process: 'Challenges',\n Influence: 'Multiple Teams',\n },\n 'Tech Lead': {\n Technology: 'Specializes',\n System: 'Owns',\n People: 'Mentors',\n Process: 'Adjusts',\n Influence: 'Team',\n },\n 'Principal Engineer': {\n Technology: 'Masters',\n System: 'Evolves',\n People: 'Mentors',\n Process: 'Adjusts',\n Influence: 'Multiple Teams',\n },\n}\n\nconst useLocalStorageSync = (\n username: string,\n defaultLevels: SelectedLevels\n): [SelectedLevels, (newLevels: SelectedLevels) => void] => {\n const [isClient, setIsClient] = useState(false)\n const [initialized, setInitialized] = useState(false)\n const [selectedLevels, setSelectedLevels] =\n useState(defaultLevels)\n\n // Initialize on mount\n useEffect(() => {\n setIsClient(true)\n\n // Initialize all roles with their default values if they don't exist\n if (!localStorage.getItem('hasVisitedBefore')) {\n Object.entries(defaultLevelsByRole).forEach(([role, levels]) => {\n const key = `radarLevels_${role}`\n if (!localStorage.getItem(key)) {\n localStorage.setItem(key, JSON.stringify(levels))\n }\n })\n localStorage.setItem('hasVisitedBefore', 'true')\n }\n\n // Set initial levels for current role\n const storedLevels = localStorage.getItem(`radarLevels_${username}`)\n if (storedLevels) {\n setSelectedLevels(JSON.parse(storedLevels))\n } else {\n // If no stored levels exist for this role, use the default\n const defaultForRole = defaultLevelsByRole[username] || defaultLevels\n setSelectedLevels(defaultForRole)\n localStorage.setItem(\n `radarLevels_${username}`,\n JSON.stringify(defaultForRole)\n )\n }\n\n setInitialized(true)\n }, [username, defaultLevels])\n\n // Handle updates\n useEffect(() => {\n if (isClient && initialized) {\n localStorage.setItem(\n `radarLevels_${username}`,\n JSON.stringify(selectedLevels)\n )\n }\n }, [isClient, initialized, username, selectedLevels])\n\n const updateSelectedLevels = (newLevels: SelectedLevels) => {\n setSelectedLevels(newLevels)\n }\n\n return [selectedLevels, updateSelectedLevels]\n}\n\nexport default useLocalStorageSync\n","// Radar/.tsx\nimport React from 'react'\n\n// Type Definitions\nexport type Category = 'Technology' | 'System' | 'People' | 'Process' | 'Influence'\nexport type SelectedLevels = {\n [key in Category]: string\n}\nexport type LevelMap = {\n [key in Category]: string[]\n}\n\n// Style configuration types\nexport interface StyleConfig {\n form?: React.CSSProperties\n fieldset?: React.CSSProperties\n controlsContainer?: React.CSSProperties\n controlWrapper?: React.CSSProperties\n label?: React.CSSProperties\n selectWrapper?: React.CSSProperties\n select?: React.CSSProperties\n // Optional custom dropdown arrow\n customDropdownArrow?: {\n url: string\n width?: number\n height?: number\n position?: {\n right?: number | string\n top?: number | string\n }\n }\n}\n\n// Default styles\nconst defaultStyles: StyleConfig = {\n form: {\n margin: '48px 0',\n width: '100%'\n },\n fieldset: {\n border: 'none',\n padding: 0,\n margin: 0\n },\n controlsContainer: {\n display: 'flex',\n justifyContent: 'space-between',\n gap: '32px'\n },\n controlWrapper: {\n display: 'flex',\n flexDirection: 'column'\n },\n label: {\n color: '#333',\n fontSize: '16px',\n marginBottom: '8px',\n fontWeight: 'normal'\n },\n selectWrapper: {\n position: 'relative'\n },\n select: {\n appearance: 'none',\n width: '100%',\n padding: '8px 32px 8px 12px',\n fontSize: '16px',\n border: '1px solid #ccc',\n borderRadius: '4px',\n backgroundColor: 'white',\n cursor: 'pointer',\n backgroundImage: `url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")`,\n backgroundRepeat: 'no-repeat',\n backgroundPosition: 'right 12px center'\n }\n}\n\ninterface ControlsProps {\n categories: Category[]\n selectedLevels: SelectedLevels\n handleLevelChange: (category: Category, value: string) => void\n levelMap: LevelMap\n scrollable?: boolean\n styles?: StyleConfig\n}\n\nconst Controls: React.FC = ({\n categories,\n selectedLevels,\n handleLevelChange,\n levelMap,\n scrollable = false,\n styles = {}\n}) => {\n // Merge default styles with custom styles\n const mergedStyles: StyleConfig = {\n form: { ...defaultStyles.form, ...styles.form },\n fieldset: { ...defaultStyles.fieldset, ...styles.fieldset },\n controlsContainer: {\n ...defaultStyles.controlsContainer,\n ...(scrollable && {\n justifyContent: 'flex-start',\n overflowX: 'auto',\n paddingBottom: '16px'\n }),\n ...styles.controlsContainer\n },\n controlWrapper: {\n ...defaultStyles.controlWrapper,\n ...(scrollable && { minWidth: '180px' }),\n ...styles.controlWrapper\n },\n label: { ...defaultStyles.label, ...styles.label },\n selectWrapper: { ...defaultStyles.selectWrapper, ...styles.selectWrapper },\n select: { ...defaultStyles.select, ...styles.select }\n }\n\n // If custom dropdown arrow is provided, update select background properties\n if (styles.customDropdownArrow) {\n const { url, width = 10, height = 6, position = { right: 12, top: '50%' } } = styles.customDropdownArrow\n mergedStyles.select = {\n ...mergedStyles.select,\n backgroundImage: `url(\"${url}\")`,\n backgroundSize: `${width}px ${height}px`,\n backgroundPosition: 'right 12px center'\n }\n }\n\n return (\n
\n
\n
\n {categories.map((category) => (\n
\n \n {category}\n \n
\n handleLevelChange(category, e.target.value)}\n style={mergedStyles.select}\n >\n {levelMap[category].map((level) => (\n \n ))}\n \n
\n
\n ))}\n
\n
\n
\n )\n}\n\nexport default Controls\n","import React from 'react'\nimport useLocalStorageSync from './hooks'\nimport Controls from './Controls'\n\nexport type Category =\n | 'Technology'\n | 'System'\n | 'People'\n | 'Process'\n | 'Influence'\n\nexport type LevelMap = {\n [key in Category]: string[]\n}\n\nconst defaultLevels: SelectedLevels = {\n Technology: 'Specializes',\n System: 'Owns',\n People: 'Mentors',\n Process: 'Challenges',\n Influence: 'Multiple Teams',\n}\n\nconst categories: Category[] = [\n 'Technology',\n 'System',\n 'People',\n 'Process',\n 'Influence',\n]\n\nconst levelMap: LevelMap = {\n Technology: ['Adopts', 'Specializes', 'Evangelizes', 'Masters', 'Creates'],\n System: ['Enhances', 'Designs', 'Owns', 'Evolves', 'Leads'],\n People: ['Learns', 'Supports', 'Mentors', 'Coordinates', 'Manages'],\n Process: ['Follows', 'Enforces', 'Challenges', 'Adjusts', 'Defines'],\n Influence: ['Subsystem', 'Team', 'Multiple Teams', 'Company', 'Community'],\n}\n\nexport type SelectedLevels = {\n [key in Category]: string\n}\n\ntype Coordinates = {\n x: number\n y: number\n}\n\nexport interface RadarProps {\n username: string\n levels?: SelectedLevels\n}\n\nexport const Radar: React.FC = ({\n username,\n levels = defaultLevels,\n}) => {\n const [selectedLevels, setSelectedLevels] = useLocalStorageSync(\n username,\n levels\n )\n\n const handleLevelChange = (category: Category, level: string): void => {\n setSelectedLevels({ ...selectedLevels, [category]: level })\n }\n\n const getCoordinates = (index: number, level: number): Coordinates => {\n const angle = (Math.PI * 2 * index) / categories.length - Math.PI / 2\n const radius = ((level + 1) / 6) * 350\n return {\n x: 400 + radius * Math.cos(angle),\n y: 400 + radius * Math.sin(angle),\n }\n }\n\n const getLabelPosition = (index: number, level: number): Coordinates => {\n const { x, y } = getCoordinates(index, level)\n const angle = (Math.PI * 2 * index) / categories.length - Math.PI / 2\n const adjustedX = x + Math.cos(angle) * 20\n const adjustedY = y + Math.sin(angle) * 20\n return { x: adjustedX, y: adjustedY }\n }\n\n return (\n
\n \n {/* Draw pentagon levels */}\n {[0, 1, 2, 3, 4].map((levelIndex) => (\n {\n const { x, y } = getCoordinates(i, levelIndex)\n return `${x},${y}`\n })\n .join(' ')}\n fill='none'\n stroke='#ccc'\n strokeWidth='1'\n />\n ))}\n\n {/* Draw category lines */}\n {categories.map((_, index) => {\n const { x, y } = getCoordinates(index, 4)\n return (\n \n )\n })}\n\n {/* Draw selected level line */}\n {\n const level = levelMap[category].indexOf(selectedLevels[category])\n const { x, y } = getCoordinates(index, level)\n return `${x},${y}`\n })\n .join(' ')}\n fill='rgba(255, 0, 0, 0.2)'\n stroke='red'\n strokeWidth='2'\n />\n\n {/* Draw category labels */}\n {categories.map((category, index) => {\n const { x, y } = getLabelPosition(index, 5)\n return (\n \n {category}\n \n )\n })}\n\n {/* Draw level labels */}\n {categories.map((category, categoryIndex) =>\n levelMap[category].map((level, levelIndex) => {\n const { x, y } = getLabelPosition(categoryIndex, levelIndex)\n return (\n \n {level}\n \n )\n })\n )}\n \n \n
\n )\n}\n\nexport default Radar\n"],"names":["defaultLevelsByRole","Technology","System","People","Process","Influence","defaultStyles","margin","width","border","padding","display","justifyContent","gap","flexDirection","color","fontSize","marginBottom","fontWeight","position","appearance","borderRadius","backgroundColor","cursor","backgroundImage","backgroundRepeat","backgroundPosition","Controls","categories","selectedLevels","handleLevelChange","levelMap","scrollable","styles","mergedStyles","form","_extends","fieldset","controlsContainer","overflowX","paddingBottom","controlWrapper","minWidth","label","selectWrapper","select","customDropdownArrow","url","height","right","top","backgroundSize","React","createElement","role","style","map","category","key","htmlFor","toLowerCase","id","value","onChange","e","target","level","defaultLevels","Radar","username","levels","setSelectedLevels","useLocalStorageSync","isClient","setIsClient","useState","initialized","setInitialized","useEffect","localStorage","getItem","Object","entries","forEach","setItem","JSON","stringify","storedLevels","parse","defaultForRole","newLevels","getCoordinates","index","angle","Math","PI","length","radius","x","cos","y","sin","getLabelPosition","className","maxWidth","viewBox","levelIndex","points","_","i","join","fill","stroke","strokeWidth","x1","y1","x2","y2","indexOf","textAnchor","dominantBaseline","categoryIndex"],"mappings":"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"}