@burdenoff/microfe-theglobalfuel 2026.705.2 → 2026.705.4

package/dist/theglobalfuel/components/viz/lib/hooks.js

@@ -0,0 +1,39 @@
+import { useEffect as e, useLayoutEffect as t, useRef as n, useState as r } from "react";
+//#region src/theglobalfuel/components/viz/lib/hooks.ts
+var i = typeof window < "u", a = i ? t : e;
+function o() {
+	let [t, n] = r(!1);
+	return e(() => {
+		if (!i || typeof window.matchMedia != "function") return;
+		let e = window.matchMedia("(prefers-reduced-motion: reduce)"), t = () => n(e.matches);
+		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []), t;
+}
+function s() {
+	let [t, n] = r(!1);
+	return e(() => {
+		let e = requestAnimationFrame(() => n(!0));
+		return () => cancelAnimationFrame(e);
+	}, []), t;
+}
+var c = 0;
+function l(e = "viz") {
+	let [t] = r(() => (c += 1, `${e}-${c}`));
+	return t;
+}
+function u() {
+	let e = n(null), [t, i] = r(0);
+	return a(() => {
+		let t = e.current;
+		if (!t || (i(t.clientWidth), typeof ResizeObserver > "u")) return;
+		let n = new ResizeObserver((e) => {
+			let t = e[0]?.contentRect.width;
+			typeof t == "number" && i(t);
+		});
+		return n.observe(t), () => n.disconnect();
+	}, []), [e, t];
+}
+//#endregion
+export { u as useElementWidth, s as useMounted, o as usePrefersReducedMotion, l as useVizId };
+
+//# sourceMappingURL=hooks.js.map

package/dist/theglobalfuel/components/viz/lib/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","names":[],"sources":["../../../../../src/theglobalfuel/components/viz/lib/hooks.ts"],"sourcesContent":["import { type RefObject, useEffect, useLayoutEffect, useRef, useState } from 'react';\n\nconst canUseDOM = typeof window !== 'undefined';\nconst useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;\n\n/**\n * Tracks the user's reduced-motion preference. Components use this to skip\n * entrance / draw-in transitions entirely rather than merely shortening them.\n */\nexport function usePrefersReducedMotion(): boolean {\n  const [reduced, setReduced] = useState(false);\n  useEffect(() => {\n    if (!canUseDOM || typeof window.matchMedia !== 'function') {\n      return;\n    }\n    const mq = window.matchMedia('(prefers-reduced-motion: reduce)');\n    const update = () => setReduced(mq.matches);\n    update();\n    mq.addEventListener('change', update);\n    return () => mq.removeEventListener('change', update);\n  }, []);\n  return reduced;\n}\n\n/** Becomes true after the first paint — drives one-shot enter transitions. */\nexport function useMounted(): boolean {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => {\n    const raf = requestAnimationFrame(() => setMounted(true));\n    return () => cancelAnimationFrame(raf);\n  }, []);\n  return mounted;\n}\n\nlet uidCounter = 0;\n\n/** Stable, SVG-safe unique id (no colons) for gradient / clip / aria references. */\nexport function useVizId(prefix = 'viz'): string {\n  const [id] = useState(() => {\n    uidCounter += 1;\n    return `${prefix}-${uidCounter}`;\n  });\n  return id;\n}\n\n/**\n * Observes the width of an element so SVG charts can render a 1:1 viewBox\n * (no aspect-ratio distortion) and reflow on resize. Falls back gracefully\n * where ResizeObserver is unavailable.\n */\nexport function useElementWidth<T extends HTMLElement>(): [RefObject<T | null>, number] {\n  const ref = useRef<T>(null);\n  const [width, setWidth] = useState(0);\n  useIsomorphicLayoutEffect(() => {\n    const el = ref.current;\n    if (!el) {\n      return;\n    }\n    setWidth(el.clientWidth);\n    if (typeof ResizeObserver === 'undefined') {\n      return;\n    }\n    const ro = new ResizeObserver((entries) => {\n      const measured = entries[0]?.contentRect.width;\n      if (typeof measured === 'number') {\n        setWidth(measured);\n      }\n    });\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, []);\n  return [ref, width];\n}\n"],"mappings":";;AAEA,IAAM,IAAY,OAAO,SAAW,KAC9B,IAA4B,IAAY,IAAkB;AAMhE,SAAgB,IAAmC;CACjD,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM;AAW7C,QAVA,QAAgB;AACd,MAAI,CAAC,KAAa,OAAO,OAAO,cAAe,WAC7C;EAEF,IAAM,IAAK,OAAO,WAAW,mCAAmC,EAC1D,UAAe,EAAW,EAAG,QAAQ;AAG3C,SAFA,GAAQ,EACR,EAAG,iBAAiB,UAAU,EAAO,QACxB,EAAG,oBAAoB,UAAU,EAAO;IACpD,EAAE,CAAC,EACC;;AAIT,SAAgB,IAAsB;CACpC,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM;AAK7C,QAJA,QAAgB;EACd,IAAM,IAAM,4BAA4B,EAAW,GAAK,CAAC;AACzD,eAAa,qBAAqB,EAAI;IACrC,EAAE,CAAC,EACC;;AAGT,IAAI,IAAa;AAGjB,SAAgB,EAAS,IAAS,OAAe;CAC/C,IAAM,CAAC,KAAM,SACX,KAAc,GACP,GAAG,EAAO,GAAG,KACpB;AACF,QAAO;;AAQT,SAAgB,IAAwE;CACtF,IAAM,IAAM,EAAU,KAAK,EACrB,CAAC,GAAO,KAAY,EAAS,EAAE;AAmBrC,QAlBA,QAAgC;EAC9B,IAAM,IAAK,EAAI;AAKf,MAJI,CAAC,MAGL,EAAS,EAAG,YAAY,EACpB,OAAO,iBAAmB,KAC5B;EAEF,IAAM,IAAK,IAAI,gBAAgB,MAAY;GACzC,IAAM,IAAW,EAAQ,IAAI,YAAY;AACzC,GAAI,OAAO,KAAa,YACtB,EAAS,EAAS;IAEpB;AAEF,SADA,EAAG,QAAQ,EAAG,QACD,EAAG,YAAY;IAC3B,EAAE,CAAC,EACC,CAAC,GAAK,EAAM"}

package/dist/theglobalfuel/components/viz/lib/palette.js

@@ -0,0 +1,27 @@
+//#region src/theglobalfuel/components/viz/lib/palette.ts
+var e = "var(--color-accent-primary)", t = "var(--color-chart-grid)", n = "var(--color-chart-axis)", r = {
+	success: "var(--color-status-success-text)",
+	warning: "var(--color-status-warning-text)",
+	danger: "var(--color-status-error-text)",
+	info: "var(--color-status-info-text)"
+}, i = [
+	e,
+	"var(--color-accent-blue)",
+	"var(--color-accent-teal)",
+	"var(--color-accent-purple)",
+	"var(--color-accent-indigo)",
+	r.warning,
+	r.info,
+	r.success,
+	"var(--color-chart-6)",
+	"var(--color-chart-7)",
+	"var(--color-chart-9)",
+	"var(--color-chart-12)"
+];
+function a(e) {
+	return e <= 0 ? [] : Array.from({ length: e }, (e, t) => i[t % i.length]);
+}
+//#endregion
+export { e as ACCENT, n as CHART_AXIS, t as CHART_GRID, r as STATUS, a as chartPalette };
+
+//# sourceMappingURL=palette.js.map

package/dist/theglobalfuel/components/viz/lib/palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.js","names":[],"sources":["../../../../../src/theglobalfuel/components/viz/lib/palette.ts"],"sourcesContent":["/**\n * Tokenized color palette for the visualization kit.\n *\n * Every color here is a reference to a fe-libs semantic CSS variable, so the\n * kit themes automatically (light / dark / product themes) and never ships a\n * raw hex. The single \"accent\" used for highlights and single-series charts is\n * the product theme's primary action color — the app is NOT green; whatever the\n * active theme resolves `--color-accent-primary` to is what renders.\n *\n * Tints/shades are produced by SVG opacity (fill-opacity / stop-opacity) at the\n * call site, never by emitting a second raw color.\n */\n\n/** Primary highlight — resolves to the product theme's primary action color. */\nexport const ACCENT = 'var(--color-accent-primary)';\n\n/** Faint chart chrome (theme-aware). */\nexport const CHART_GRID = 'var(--color-chart-grid)';\nexport const CHART_AXIS = 'var(--color-chart-axis)';\n\n/** Semantic status hues — saturated and readable in both light and dark. */\nexport const STATUS = {\n  success: 'var(--color-status-success-text)',\n  warning: 'var(--color-status-warning-text)',\n  danger: 'var(--color-status-error-text)',\n  info: 'var(--color-status-info-text)',\n} as const;\n\nexport type StatusTone = keyof typeof STATUS;\n\n/**\n * Ordered categorical palette, led by the product accent and drawn entirely\n * from theme-aware semantic tokens. Used to color multi-series charts.\n */\nconst SERIES_TOKENS: readonly string[] = [\n  ACCENT,\n  'var(--color-accent-blue)',\n  'var(--color-accent-teal)',\n  'var(--color-accent-purple)',\n  'var(--color-accent-indigo)',\n  STATUS.warning,\n  STATUS.info,\n  STATUS.success,\n  'var(--color-chart-6)',\n  'var(--color-chart-7)',\n  'var(--color-chart-9)',\n  'var(--color-chart-12)',\n];\n\n/**\n * A tokenized palette of `count` colors, cycling the semantic series list.\n * Returns CSS-variable strings (never raw colors).\n */\nexport function chartPalette(count: number): string[] {\n  if (count <= 0) {\n    return [];\n  }\n  return Array.from({ length: count }, (_, i) => SERIES_TOKENS[i % SERIES_TOKENS.length]);\n}\n"],"mappings":";AAcA,IAAa,IAAS,+BAGT,IAAa,2BACb,IAAa,2BAGb,IAAS;CACpB,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACP,EAQK,IAAmC;CACvC;CACA;CACA;CACA;CACA;CACA,EAAO;CACP,EAAO;CACP,EAAO;CACP;CACA;CACA;CACA;CACD;AAMD,SAAgB,EAAa,GAAyB;AAIpD,QAHI,KAAS,IACJ,EAAE,GAEJ,MAAM,KAAK,EAAE,QAAQ,GAAO,GAAG,GAAG,MAAM,EAAc,IAAI,EAAc,QAAQ"}

package/dist/theglobalfuel/hooks/useCursorPager.js

@@ -1,22 +1,13 @@
 import { useCallback as e, useState as t } from "react";
 //#region src/theglobalfuel/hooks/useCursorPager.ts
 function n() {
-	let [n, r] = t([null]), i = n.length - 1;
+	let [n, r] = t(0);
 	return {
-		page: i,
-		cursor: n[i] ?? void 0,
-		next: e((e) => {
-			e && r((t) => [...t, e]);
-		}, []),
-		prev: e(() => {
-			r((e) => e.length > 1 ? e.slice(0, -1) : e);
-		}, []),
-		reset: e(() => {
-			r([null]);
-		}, []),
-		onPageChange: e((e, t) => {
-			r((n) => e > n.length - 1 ? t ? [...n, t] : n : n.length > 1 ? n.slice(0, -1) : n);
-		}, [])
+		page: n,
+		next: e(() => r((e) => e + 1), []),
+		prev: e(() => r((e) => Math.max(0, e - 1)), []),
+		reset: e(() => r(0), []),
+		onPageChange: e((e) => r(Math.max(0, e)), [])
 	};
 }
 //#endregion

package/dist/theglobalfuel/hooks/useCursorPager.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCursorPager.js","names":[],"sources":["../../../src/theglobalfuel/hooks/useCursorPager.ts"],"sourcesContent":["/**\n * useCursorPager — forward/back cursor pagination for Eco* list connections.\n * @module theglobalfuel/hooks\n *\n * The svc paginates by cursor only (`PaginationInput.offset` is a no-op — the\n * resolver never sets Prisma `skip` from it). So a page must send\n * `pagination.cursor = the previous page's pageInfo.cursor` to advance. This\n * hook keeps a stack of the cursors that opened each visited page so Prev/Next\n * are exact, and exposes a 0-indexed `page` for display.\n */\n\nimport { useCallback, useState } from 'react';\n\nexport interface CursorPager {\n  /** 0-indexed page number for display. */\n  page: number;\n  /**\n   * Cursor that opens the current page — `undefined` on the first page so it is\n   * OMITTED from the GraphQL variables (the svc rejects an explicit `cursor: null`;\n   * a first page must send no cursor at all, per cursor-pagination convention).\n   */\n  cursor: string | undefined;\n  /** Advance to the next page using the current page's end cursor. No-op if null. */\n  next: (endCursor: string | null | undefined) => void;\n  /** Go back one page. No-op on the first page. */\n  prev: () => void;\n  /** Reset to the first page (call when filters change). */\n  reset: () => void;\n  /**\n   * Adapter for `<Pagination onPageChange>` — compares the requested page to the\n   * current one and calls next()/prev() accordingly.\n   */\n  onPageChange: (targetPage: number, endCursor: string | null | undefined) => void;\n}\n\nexport function useCursorPager(): CursorPager {\n  const [stack, setStack] = useState<(string | null)[]>([null]);\n  const page = stack.length - 1;\n  const cursor = stack[page] ?? undefined;\n\n  const next = useCallback((endCursor: string | null | undefined) => {\n    if (endCursor) setStack((s) => [...s, endCursor]);\n  }, []);\n\n  const prev = useCallback(() => {\n    setStack((s) => (s.length > 1 ? s.slice(0, -1) : s));\n  }, []);\n\n  const reset = useCallback(() => {\n    setStack([null]);\n  }, []);\n\n  const onPageChange = useCallback((targetPage: number, endCursor: string | null | undefined) => {\n    setStack((s) => {\n      const current = s.length - 1;\n      if (targetPage > current) {\n        return endCursor ? [...s, endCursor] : s;\n      }\n      return s.length > 1 ? s.slice(0, -1) : s;\n    });\n  }, []);\n\n  return { page, cursor, next, prev, reset, onPageChange };\n}\n"],"mappings":";;AAmCA,SAAgB,IAA8B;CAC5C,IAAM,CAAC,GAAO,KAAY,EAA4B,CAAC,KAAK,CAAC,EACvD,IAAO,EAAM,SAAS;AAyB5B,QAAO;EAAE;EAAM,QAxBA,EAAM,MAAS,KAAA;EAwBP,MAtBV,GAAa,MAAyC;AACjE,GAAI,KAAW,GAAU,MAAM,CAAC,GAAG,GAAG,EAAU,CAAC;KAChD,EAAE,CAAC;EAoBuB,MAlBhB,QAAkB;AAC7B,MAAU,MAAO,EAAE,SAAS,IAAI,EAAE,MAAM,GAAG,GAAG,GAAG,EAAG;KACnD,EAAE,CAAC;EAgB6B,OAdrB,QAAkB;AAC9B,KAAS,CAAC,KAAK,CAAC;KACf,EAAE,CAAC;EAYoC,cAVrB,GAAa,GAAoB,MAAyC;AAC7F,MAAU,MAEJ,IADY,EAAE,SAAS,IAElB,IAAY,CAAC,GAAG,GAAG,EAAU,GAAG,IAElC,EAAE,SAAS,IAAI,EAAE,MAAM,GAAG,GAAG,GAAG,EACvC;KACD,EAAE,CAAC;EAEkD"}
+{"version":3,"file":"useCursorPager.js","names":[],"sources":["../../../src/theglobalfuel/hooks/useCursorPager.ts"],"sourcesContent":["/**\n * useCursorPager — forward/back pager for the `The*Connection` list queries.\n * @module theglobalfuel/hooks\n *\n * Paginates by OFFSET, not cursor. The workspaces gateway's composed\n * `PaginationInput` does not reliably carry `cursor` (a shared federated input\n * type), so sending `pagination.cursor` fails at the gateway / subgraph\n * (VALIDATION_FAILED or, for a null/absent end-cursor, INTERNAL_SERVER_ERROR).\n * The svc DOES honor `offset` (Prisma `skip`), so a page requests\n * `pagination = { limit, offset: page * limit }` and uses `pageInfo.hasMore`\n * to enable Next. Keeps a 0-indexed `page` for display.\n */\n\nimport { useCallback, useState } from 'react';\n\nexport interface CursorPager {\n  /** 0-indexed page number for display; multiply by pageSize for the offset. */\n  page: number;\n  /** Advance one page. */\n  next: () => void;\n  /** Go back one page (no-op on the first page). */\n  prev: () => void;\n  /** Reset to the first page (call when filters change). */\n  reset: () => void;\n  /** Adapter for `<Pagination onPageChange>` — jump to an absolute page index. */\n  onPageChange: (targetPage: number) => void;\n}\n\nexport function useCursorPager(): CursorPager {\n  const [page, setPage] = useState(0);\n\n  const next = useCallback(() => setPage((p) => p + 1), []);\n  const prev = useCallback(() => setPage((p) => Math.max(0, p - 1)), []);\n  const reset = useCallback(() => setPage(0), []);\n  const onPageChange = useCallback((targetPage: number) => setPage(Math.max(0, targetPage)), []);\n\n  return { page, next, prev, reset, onPageChange };\n}\n"],"mappings":";;AA4BA,SAAgB,IAA8B;CAC5C,IAAM,CAAC,GAAM,KAAW,EAAS,EAAE;AAOnC,QAAO;EAAE;EAAM,MALF,QAAkB,GAAS,MAAM,IAAI,EAAE,EAAE,EAAE,CAAC;EAKpC,MAJR,QAAkB,GAAS,MAAM,KAAK,IAAI,GAAG,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC;EAI3C,OAHb,QAAkB,EAAQ,EAAE,EAAE,EAAE,CAAC;EAGb,cAFb,GAAa,MAAuB,EAAQ,KAAK,IAAI,GAAG,EAAW,CAAC,EAAE,EAAE,CAAC;EAE9C"}