25 lines
757 B
TypeScript
25 lines
757 B
TypeScript
|
import type { ReactNode } from 'react';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Deterministic color for attribute badges.
|
||
|
|
* Uses the value (not the key) to compute the color,
|
||
|
|
* ensuring the same value always gets the same color
|
||
|
|
* regardless of where it's displayed.
|
||
|
|
*
|
||
|
|
* Returns a BadgeColor that the design system accepts.
|
||
|
|
*/
|
||
|
|
const COLORS = ['primary', 'success', 'warning', 'running'] as const;
|
||
|
|
type BadgeColor = 'primary' | 'success' | 'warning' | 'error' | 'running' | 'auto';
|
||
|
|
|
||
|
|
function hashString(s: string): number {
|
||
|
|
let hash = 0;
|
||
|
|
for (let i = 0; i < s.length; i++) {
|
||
|
|
hash = ((hash << 5) - hash + s.charCodeAt(i)) | 0;
|
||
|
|
}
|
||
|
|
return Math.abs(hash);
|
||
|
|
}
|
||
|
|
|
||
|
|
export function attributeBadgeColor(value: string): BadgeColor {
|
||
|
|
return COLORS[hashString(value) % COLORS.length];
|
||
|
|
}
|