@humanforest/charts 0.3.5 → 0.3.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humanforest/charts",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "type": "module",
   "files": [
     "src"
@@ -24,7 +24,7 @@
     "vue": "^3.5.22"
   },
   "dependencies": {
-    "@humanforest/tokens": "^0.3.5"
+    "@humanforest/tokens": "^0.3.6"
   },
   "publishConfig": {
     "access": "public"

package/src/forestTooltip.ts

@@ -97,7 +97,7 @@ export function forestTooltip<Datum extends Record<string, unknown>>(
     const present = keys.filter((k) => k in d);
     const title = opts.titleFormatter ? opts.titleFormatter(d) : Object.values(d)[0];
     const rows: ForestTipRow[] = present.map((k, i) => {
-      const item = categories[k];
+      const item = categories[k]!;
       const raw = d[k];
       return {
         swatch: typeof item.color === 'string' ? item.color : `var(--vis-color${i})`,

package/src/fromCategories.ts

@@ -35,8 +35,8 @@ export function fromCategories<Datum extends Record<string, unknown>>(
       : Array.isArray(item.color) && typeof item.color[0] === 'string' ? item.color[0]
         : `var(--vis-color${i})`;
   return {
-    colors: keys.map((k, i) => colorOf(categories[k], i)),
-    legendItems: keys.map((k, i) => ({ ...categories[k], color: colorOf(categories[k], i) })),
+    colors: keys.map((k, i) => colorOf(categories[k]!, i)),
+    legendItems: keys.map((k, i) => ({ ...categories[k]!, color: colorOf(categories[k]!, i) })),
     yAccessors: keys.map((k) => (d: Datum) => d[k] as number | null | undefined),
     xAccessor: xKey ? (d) => d[xKey] as number : (_d, i) => i,
   };

package/src/resolveVar.ts

@@ -16,6 +16,6 @@
 /** The computed value of a `var(--x)` string. Non-var strings pass through untouched. */
 export function resolveVar(value: string, context: Element = document.documentElement): string {
   if (typeof window === 'undefined' || !value.startsWith('var(--')) return value;
-  const name = value.slice(4, -1).split(',')[0].trim();
+  const name = value.slice(4, -1).split(',')[0]!.trim();
   return getComputedStyle(context).getPropertyValue(name).trim() || value;
 }

package/src/useCellScale.ts

@@ -118,9 +118,9 @@ export function useCellScale<D>(options: CellScaleOptions<D>) {
       const stops = swatches.value;
       // A flat domain has no gradient to express — everything sits at the top stop rather than
       // dividing by zero.
-      if (hi <= lo) return stops[stops.length - 1];
+      if (hi <= lo) return stops[stops.length - 1]!;
       const t = Math.min(1, Math.max(0, (v - lo) / (hi - lo)));
-      return stops[Math.min(stops.length - 1, Math.floor(t * stops.length))];
+      return stops[Math.min(stops.length - 1, Math.floor(t * stops.length))]!;
     }
     const states = unref(options.states) ?? {};
     const key = options.state!(d as D) as string;