@kyndryl-design-system/shidoka-charts 2.8.2 → 2.8.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sankey.js","sources":["../../../../src/common/config/chartTypes/sankey.js"],"sourcesContent":["import { getComputedColorPalette } from '../colorPalettes';\nimport { getTokenThemeVal } from '@kyndryl-design-system/shidoka-foundation/common/helpers/color';\nimport { createSankeyTooltipHandler } from '../../plugins/sankeyTooltip';\n\nexport const type = 'sankey';\n\nconst getSankeyLabelColor = () =>\n getTokenThemeVal('--kd-color-text-level-primary');\n\nconst getFrom = (d) => d?.from ?? d?.source;\nconst getTo = (d) => d?.to ?? d?.target;\n\nconst sankeyExternalTooltip = createSankeyTooltipHandler();\n\nexport const options = (ctx) => {\n const userOptions = ctx?.options || {};\n const BorderColor = getTokenThemeVal('--kd-color-background-page-default');\n const LabelColor = getSankeyLabelColor();\n const rawPaletteKey = userOptions.colorPalette || 'categorical';\n const Colors = getComputedColorPalette(rawPaletteKey);\n const SankeyBackground = getTokenThemeVal(\n '--kd-color-data-viz-level-secondary'\n );\n\n const baseOptions = {\n outlineBorderWidth: 0.5,\n outlineBorderColor: BorderColor,\n outlineBackgroundColor: SankeyBackground,\n backgroundColor: Colors[0],\n ...userOptions,\n };\n\n baseOptions.animations = {\n colors: { duration: 0 },\n active: { duration: 0 },\n x: {\n duration: 450,\n easing: 'easeOutCubic',\n },\n y: {\n duration: 450,\n easing: 'easeOutCubic',\n },\n ...(userOptions.animations || {}),\n };\n\n const basePlugins = {\n legend: { display: false },\n datalabels: {\n font: {\n size: 12,\n weight: 'bold',\n },\n color: LabelColor,\n },\n tooltip: {\n enabled: false,\n external: sankeyExternalTooltip,\n },\n ...(userOptions.plugins || {}),\n };\n\n const baseSankey = {\n dataTableHeaderLabels: {\n source: 'Source',\n target: 'Target',\n value: 'Weight',\n },\n ...(userOptions.sankey || {}),\n };\n\n return {\n ...baseOptions,\n plugins: basePlugins,\n sankey: baseSankey,\n borderColor: BorderColor,\n };\n};\n\nexport const datasetOptions = (ctx) => {\n const rawKey = ctx?.options?.colorPalette || 'categorical';\n const key = rawKey === 'default' ? 'categorical' : rawKey;\n const LabelColor = getSankeyLabelColor();\n\n let palette =\n getComputedColorPalette(key) ||\n getComputedColorPalette('categorical') ||\n [];\n\n const FALLBACK_COLOR = palette[0] || '#888';\n\n const buildNodeColorMap = (dataset) => {\n if (!dataset) return {};\n\n const cachedKey = dataset._nodeColorMapPaletteKey;\n if (dataset._nodeColorMap && cachedKey === key) {\n return dataset._nodeColorMap;\n }\n\n const nodes = new Set();\n (dataset.data || []).forEach((d) => {\n if (!d) return;\n const f = getFrom(d);\n const t = getTo(d);\n if (f !== undefined) nodes.add(f);\n if (t !== undefined) nodes.add(t);\n });\n\n const map = {};\n const nodeArray = Array.from(nodes);\n\n if (!palette.length) {\n palette = [FALLBACK_COLOR];\n }\n\n nodeArray.forEach((n, i) => {\n map[n] = palette[i % palette.length];\n });\n\n dataset._nodeColorMap = map;\n dataset._nodeColorMapPaletteKey = key;\n dataset._colorPalette = palette;\n\n return map;\n };\n\n const getNodeColor = (dataset, nodeKey) => {\n if (!dataset || !palette.length) return FALLBACK_COLOR;\n const map = buildNodeColorMap(dataset);\n return nodeKey !== undefined && map[nodeKey]\n ? map[nodeKey]\n : FALLBACK_COLOR;\n };\n\n const colorForIndex = (context, which) => {\n const ds = context?.dataset;\n const idx = typeof context?.dataIndex === 'number' ? context.dataIndex : 0;\n const link = ds?.data?.[idx];\n if (!link) return FALLBACK_COLOR;\n const k = which === 'from' ? getFrom(link) : getTo(link);\n return getNodeColor(ds, k);\n };\n\n // Key change: drop 'gradient' in favor of a solid mode by default\n const colorMode = ctx?.options?.colorMode || 'from';\n\n return {\n color: LabelColor,\n colorFrom: (ctx2) => colorForIndex(ctx2, 'from'),\n colorTo: (ctx2) => colorForIndex(ctx2, 'to'),\n hoverColorFrom: (ctx2) => colorForIndex(ctx2, 'from'),\n hoverColorTo: (ctx2) => colorForIndex(ctx2, 'to'),\n colorMode,\n };\n};\n"],"names":["type","getSankeyLabelColor","getTokenThemeVal","getFrom","d","from","source","getTo","to","target","sankeyExternalTooltip","createSankeyTooltipHandler","options","ctx","userOptions","BorderColor","LabelColor","rawPaletteKey","colorPalette","Colors","getComputedColorPalette","baseOptions","outlineBorderWidth","outlineBorderColor","outlineBackgroundColor","backgroundColor","animations","colors","duration","active","x","easing","y","basePlugins","legend","display","datalabels","font","size","weight","color","tooltip","enabled","external","plugins","baseSankey","dataTableHeaderLabels","value","sankey","borderColor","datasetOptions","rawKey","key","palette","FALLBACK_COLOR","getNodeColor","dataset","nodeKey","length","map","cachedKey","_nodeColorMapPaletteKey","_nodeColorMap","nodes","Set","data","forEach","f","t","undefined","add","nodeArray","Array","n","i","_colorPalette","buildNodeColorMap","colorForIndex","context","which","ds","idx","dataIndex","link","k","colorFrom","ctx2","colorTo","hoverColorFrom","hoverColorTo","colorMode"],"mappings":"4OAIY,MAACA,EAAO,SAEdC,EAAsB,IAC1BC,EAAiB,iCAEbC,EAAWC,GAAMA,GAAGC,MAAQD,GAAGE,
|
|
1
|
+
{"version":3,"file":"sankey.js","sources":["../../../../src/common/config/chartTypes/sankey.js"],"sourcesContent":["import { getComputedColorPalette } from '../colorPalettes';\nimport { getTokenThemeVal } from '@kyndryl-design-system/shidoka-foundation/common/helpers/color';\nimport { createSankeyTooltipHandler } from '../../plugins/sankeyTooltip';\n\nexport const type = 'sankey';\n\nconst getSankeyLabelColor = () =>\n getTokenThemeVal('--kd-color-text-level-primary');\n\nconst getFrom = (d) => d?.from ?? d?.source;\n\nconst getTo = (d) => d?.to ?? d?.target;\n\nconst sankeyExternalTooltip = createSankeyTooltipHandler();\n\nexport const options = (ctx) => {\n const userOptions = ctx?.options || {};\n const BorderColor = getTokenThemeVal('--kd-color-background-page-default');\n const LabelColor = getSankeyLabelColor();\n const rawPaletteKey = userOptions.colorPalette || 'categorical';\n const Colors = getComputedColorPalette(rawPaletteKey);\n const SankeyBackground = getTokenThemeVal(\n '--kd-color-data-viz-level-secondary'\n );\n\n const baseOptions = {\n outlineBorderWidth: 0.5,\n outlineBorderColor: BorderColor,\n outlineBackgroundColor: SankeyBackground,\n backgroundColor: Colors[0],\n ...userOptions,\n };\n\n baseOptions.animations = {\n colors: { duration: 0 },\n active: { duration: 0 },\n x: {\n duration: 450,\n easing: 'easeOutCubic',\n },\n y: {\n duration: 450,\n easing: 'easeOutCubic',\n },\n ...(userOptions.animations || {}),\n };\n\n const basePlugins = {\n legend: { display: false },\n datalabels: {\n font: {\n size: 12,\n weight: 'bold',\n },\n color: LabelColor,\n },\n tooltip: {\n enabled: false,\n external: sankeyExternalTooltip,\n },\n ...(userOptions.plugins || {}),\n };\n\n const baseSankey = {\n dataTableHeaderLabels: {\n source: 'Source',\n target: 'Target',\n value: 'Weight',\n },\n ...(userOptions.sankey || {}),\n };\n\n return {\n ...baseOptions,\n plugins: basePlugins,\n sankey: baseSankey,\n borderColor: BorderColor,\n };\n};\n\nexport const datasetOptions = (ctx) => {\n const rawKey = ctx?.options?.colorPalette || 'categorical';\n const key = rawKey === 'default' ? 'categorical' : rawKey;\n const LabelColor = getSankeyLabelColor();\n\n let palette =\n getComputedColorPalette(key) ||\n getComputedColorPalette('categorical') ||\n [];\n\n const FALLBACK_COLOR = palette[0] || '#888';\n\n const buildNodeColorMap = (dataset) => {\n if (!dataset) return {};\n\n const cachedKey = dataset._nodeColorMapPaletteKey;\n if (dataset._nodeColorMap && cachedKey === key) {\n return dataset._nodeColorMap;\n }\n\n const nodes = new Set();\n (dataset.data || []).forEach((d) => {\n if (!d) return;\n const f = getFrom(d);\n const t = getTo(d);\n if (f !== undefined) nodes.add(f);\n if (t !== undefined) nodes.add(t);\n });\n\n const map = {};\n const nodeArray = Array.from(nodes);\n\n if (!palette.length) {\n palette = [FALLBACK_COLOR];\n }\n\n nodeArray.forEach((n, i) => {\n map[n] = palette[i % palette.length];\n });\n\n dataset._nodeColorMap = map;\n dataset._nodeColorMapPaletteKey = key;\n dataset._colorPalette = palette;\n\n return map;\n };\n\n const getNodeColor = (dataset, nodeKey) => {\n if (!dataset || !palette.length) return FALLBACK_COLOR;\n const map = buildNodeColorMap(dataset);\n return nodeKey !== undefined && map[nodeKey]\n ? map[nodeKey]\n : FALLBACK_COLOR;\n };\n\n const colorForIndex = (context, which) => {\n const ds = context?.dataset;\n const idx = typeof context?.dataIndex === 'number' ? context.dataIndex : 0;\n const link = ds?.data?.[idx];\n if (!link) return FALLBACK_COLOR;\n const k = which === 'from' ? getFrom(link) : getTo(link);\n return getNodeColor(ds, k);\n };\n\n // Key change: drop 'gradient' in favor of a solid mode by default\n const colorMode = ctx?.options?.colorMode || 'from';\n\n return {\n color: LabelColor,\n colorFrom: (ctx2) => colorForIndex(ctx2, 'from'),\n colorTo: (ctx2) => colorForIndex(ctx2, 'to'),\n hoverColorFrom: (ctx2) => colorForIndex(ctx2, 'from'),\n hoverColorTo: (ctx2) => colorForIndex(ctx2, 'to'),\n colorMode,\n };\n};\n"],"names":["type","getSankeyLabelColor","getTokenThemeVal","getFrom","d","from","source","getTo","to","target","sankeyExternalTooltip","createSankeyTooltipHandler","options","ctx","userOptions","BorderColor","LabelColor","rawPaletteKey","colorPalette","Colors","getComputedColorPalette","baseOptions","outlineBorderWidth","outlineBorderColor","outlineBackgroundColor","backgroundColor","animations","colors","duration","active","x","easing","y","basePlugins","legend","display","datalabels","font","size","weight","color","tooltip","enabled","external","plugins","baseSankey","dataTableHeaderLabels","value","sankey","borderColor","datasetOptions","rawKey","key","palette","FALLBACK_COLOR","getNodeColor","dataset","nodeKey","length","map","cachedKey","_nodeColorMapPaletteKey","_nodeColorMap","nodes","Set","data","forEach","f","t","undefined","add","nodeArray","Array","n","i","_colorPalette","buildNodeColorMap","colorForIndex","context","which","ds","idx","dataIndex","link","k","colorFrom","ctx2","colorTo","hoverColorFrom","hoverColorTo","colorMode"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kyndryl-design-system/shidoka-charts",
|
|
3
|
-
"version": "2.8.
|
|
3
|
+
"version": "2.8.3",
|
|
4
4
|
"description": "Shidoka Charts",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "index.js",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"prepare": "npx husky install"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@kyndryl-design-system/shidoka-foundation": "^2.
|
|
29
|
+
"@kyndryl-design-system/shidoka-foundation": "^2.8.3",
|
|
30
30
|
"@kyndryl-design-system/shidoka-icons": "^2.0.0",
|
|
31
31
|
"@sgratzl/chartjs-chart-boxplot": "^4.4.4",
|
|
32
32
|
"chart.js": "^4.4.0",
|