@rotorjs/react 0.7.0 → 0.9.0

package/dist/Dashboard.d.ts

@@ -20,4 +20,4 @@ export type DashboardProps = {
     };
     children?: ReactNode;
 };
-export declare function Dashboard({ engine, initialVars: rawInitialVars, initialFacts: rawInitialFacts, layouts, defaultLayout, tiles, layout, content, onAction, allowedNavigateOrigins: rawAllowedNavigateOrigins, children, }: DashboardProps): import("react/jsx-runtime").JSX.Element;
+export declare function Dashboard({ engine, initialVars: rawInitialVars, initialFacts: rawInitialFacts, layouts, defaultLayout, tiles, layout, content, onAction, allowedNavigateOrigins: rawAllowedNavigateOrigins, children, }: DashboardProps): import("react").JSX.Element;

package/dist/DashboardLayout.d.ts

@@ -4,4 +4,4 @@ export type DashboardLayoutProps = {
     layout?: DashboardLayoutNode;
     children: ReactNode;
 };
-export declare function DashboardLayout({ layout, children }: DashboardLayoutProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DashboardLayout({ layout, children }: DashboardLayoutProps): import("react").JSX.Element | null;

package/dist/DashboardLayoutError.d.ts

@@ -3,4 +3,4 @@ export declare function DashboardLayoutError({ id, error, children, }: PropsWith
     type?: 'error';
     id?: string;
     error: unknown;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): import("react").JSX.Element;

package/dist/DashboardTileContainer.d.ts

@@ -7,4 +7,4 @@ export type DashboardTileContainerProps = {
         style?: CSSProperties;
     }) => ReactNode;
 };
-export declare function DashboardTileContainer({ layout, children, }: DashboardTileContainerProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function DashboardTileContainer({ layout, children, }: DashboardTileContainerProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;

package/dist/DashboardTileError.d.ts

@@ -2,4 +2,4 @@ export declare function DashboardTileError({ id, error, }: {
     type?: 'error';
     id?: string;
     error: unknown;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/DashboardTiles.d.ts

@@ -2,4 +2,4 @@ import { DashboardTileNode } from '@rotorjs/dashboard';
 export type DashboardTilesProps = {
     content: DashboardTileNode[];
 };
-export declare function DashboardTiles({ content }: DashboardTilesProps): import("react/jsx-runtime").JSX.Element;
+export declare function DashboardTiles({ content }: DashboardTilesProps): import("react").JSX.Element;

package/dist/main.d.ts

@@ -9,3 +9,4 @@ export * from './DashboardTileError';
 export * from './DashboardTiles';
 export * from './getNodeKey';
 export * from './useDashboardState';
+export * from './useNumberFormatter';

package/dist/main.js

@@ -1,122 +1,122 @@
 import { ActionEvent as e } from "@rotorjs/state";
 import t from "fast-deep-equal";
-import { createContext as n, createElement as r, useContext as i, useEffect as a, useMemo as o, useState as s } from "react";
-import { v7 as c } from "uuid";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { DashboardStateConsumer as f } from "@rotorjs/dashboard";
+import { createContext as n, createElement as r, useCallback as i, useContext as a, useEffect as o, useMemo as s, useState as c } from "react";
+import { v7 as l } from "uuid";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { DashboardStateConsumer as p, NumberFormatter as m } from "@rotorjs/dashboard";
 //#region lib/DashboardContext.ts
-var p = n(void 0);
+var h = n(void 0);
 //#endregion
 //#region lib/DashboardError.tsx
-function m({ error: e }) {
+function g({ error: e }) {
 	throw e;
 }
 //#endregion
 //#region lib/DashboardLayoutContext.ts
-var h = n(void 0);
+var _ = n(void 0);
 //#endregion
 //#region lib/getNodeKey.ts
-function g(e, t = 0) {
+function v(e, t = 0) {
 	return `${encodeURIComponent(e.type)}:${e.id ? `id:${encodeURIComponent(e.id)}` : `idx:${t}`}`;
 }
 //#endregion
 //#region lib/DashboardLayoutError.tsx
-var _ = { type: "error" };
-function v({ id: e, error: t, children: n }) {
-	let { layouts: a } = i(p), o = a.error ?? m, s = {
+var y = { type: "error" };
+function b({ id: e, error: t, children: n }) {
+	let { layouts: i } = a(h), o = i.error ?? g, s = {
 		type: "error",
 		id: e,
 		error: t
 	};
-	return /* @__PURE__ */ u(h.Provider, {
-		value: _,
+	return /* @__PURE__ */ d(_.Provider, {
+		value: y,
 		children: /* @__PURE__ */ r(o, {
 			...s,
-			key: g(s)
+			key: v(s)
 		}, n)
 	});
 }
 //#endregion
 //#region lib/DashboardLayout.tsx
-function y({ layout: e, children: t }) {
-	let { layouts: n, defaultLayout: a } = i(p), s = o(() => ({
-		error: m,
+function x({ layout: e, children: t }) {
+	let { layouts: n, defaultLayout: i } = a(h), o = s(() => ({
+		error: g,
 		...n
-	}), [n]), c = e ?? a, l = c?.type, d = o(() => ({ type: l }), [l]);
+	}), [n]), c = e ?? i, l = c?.type, u = s(() => ({ type: l }), [l]);
 	if (!c?.type) return null;
-	let f = s[c.type];
-	return f ? /* @__PURE__ */ u(h.Provider, {
-		value: d,
+	let f = o[c.type];
+	return f ? /* @__PURE__ */ d(_.Provider, {
+		value: u,
 		children: /* @__PURE__ */ r(f, {
 			...c,
-			key: g(c)
+			key: v(c)
 		}, t)
-	}) : /* @__PURE__ */ u(v, {
+	}) : /* @__PURE__ */ d(b, {
 		error: `Invalid layout type "${c.type}"`,
 		children: t
 	});
 }
 //#endregion
 //#region lib/DashboardTileError.tsx
-function b({ id: e, error: t }) {
-	let { tiles: n } = i(p), a = n.error ?? m, o = {
+function S({ id: e, error: t }) {
+	let { tiles: n } = a(h), i = n.error ?? g, o = {
 		type: "error",
 		id: e,
 		error: t
 	};
-	return /* @__PURE__ */ r(a, {
+	return /* @__PURE__ */ r(i, {
 		...o,
-		key: g(o)
+		key: v(o)
 	});
 }
 //#endregion
 //#region lib/DashboardTiles.tsx
-function x({ content: e }) {
-	let { tiles: t } = i(p), n = o(() => ({
-		error: m,
+function C({ content: e }) {
+	let { tiles: t } = a(h), n = s(() => ({
+		error: g,
 		...t
 	}), [t]);
-	return /* @__PURE__ */ u(l, { children: e.map((e, t) => {
+	return /* @__PURE__ */ d(u, { children: e.map((e, t) => {
 		if (!e?.type) return null;
 		let i = n[e.type];
 		return i ? /* @__PURE__ */ r(i, {
 			...e,
-			key: g(e, t)
-		}) : /* @__PURE__ */ u(b, { error: `Invalid tile type "${e.type}"` }, g({ type: "error" }, t));
+			key: v(e, t)
+		}) : /* @__PURE__ */ d(S, { error: `Invalid tile type "${e.type}"` }, v({ type: "error" }, t));
 	}) });
 }
 //#endregion
 //#region lib/Dashboard.tsx
-var S = { [window.location.origin]: !0 };
-function C({ engine: n, initialVars: r, initialFacts: i, layouts: l, defaultLayout: f, tiles: m, layout: h, content: g, onAction: _, allowedNavigateOrigins: v = S, children: b }) {
-	let [C] = s(() => c()), [w] = s(r ?? {}), [T] = s(i ?? {}), [E, D] = s(v), [O, k] = s(w), [A, j] = s(T);
-	t(E, v) || D(v), a(() => {
-		Object.entries(w).forEach(([t, { value: r, exposed: i }]) => {
+var w = { [window.location.origin]: !0 };
+function T({ engine: n, initialVars: r, initialFacts: i, layouts: a, defaultLayout: u, tiles: p, layout: m, content: g, onAction: _, allowedNavigateOrigins: v = w, children: y }) {
+	let [b] = c(() => l()), [S] = c(r ?? {}), [T] = c(i ?? {}), [E, D] = c(v), [O, k] = c(S), [A, j] = c(T);
+	t(E, v) || D(v), o(() => {
+		Object.entries(S).forEach(([t, { value: r, exposed: i }]) => {
 			let a = new e({
 				type: "var",
 				name: t,
 				value: r,
 				exposed: i
 			});
-			a.emitter = C, n.dispatchEvent(a);
+			a.emitter = b, n.dispatchEvent(a);
 		}), Object.entries(T).forEach(([t, { value: r }]) => {
 			let i = new e({
 				type: "fact",
 				name: t,
 				value: r
 			});
-			i.emitter = C, n.dispatchEvent(i);
+			i.emitter = b, n.dispatchEvent(i);
 		});
 	}, [
-		C,
+		b,
 		n,
-		w,
+		S,
 		T
-	]), a(() => {
+	]), o(() => {
 		let e = new AbortController(), t = e.signal;
 		return n.addEventListener("action", (e) => {
 			let t = e.action;
-			if (e.emitter !== C) switch (t.type) {
+			if (e.emitter !== b) switch (t.type) {
 				case "var":
 					k((e) => {
 						let n = e[t.name];
@@ -154,55 +154,61 @@ function C({ engine: n, initialVars: r, initialFacts: i, layouts: l, defaultLayo
 			e.abort();
 		};
 	}, [
-		C,
+		b,
 		n,
 		_,
 		E
 	]);
-	let M = o(() => ({
+	let M = s(() => ({
 		engine: n,
 		vars: O,
 		facts: A,
-		layouts: l,
-		defaultLayout: f,
-		tiles: m
+		layouts: a,
+		defaultLayout: u,
+		tiles: p
 	}), [
 		n,
 		O,
 		A,
-		l,
-		f,
-		m
+		a,
+		u,
+		p
 	]);
-	return /* @__PURE__ */ u(p.Provider, {
+	return /* @__PURE__ */ d(h.Provider, {
 		value: M,
-		children: /* @__PURE__ */ d(y, {
-			layout: h,
-			children: [/* @__PURE__ */ u(x, { content: g }), b]
+		children: /* @__PURE__ */ f(x, {
+			layout: m,
+			children: [/* @__PURE__ */ d(C, { content: g }), y]
 		})
 	});
 }
 //#endregion
 //#region lib/DashboardTileContainer.tsx
-function w({ layout: e, children: t }) {
-	let { tileContainer: n } = i(h);
-	return n ? /* @__PURE__ */ u(n, {
+function E({ layout: e, children: t }) {
+	let { tileContainer: n } = a(_);
+	return n ? /* @__PURE__ */ d(n, {
 		layout: e,
 		children: t
 	}) : t({});
 }
 //#endregion
 //#region lib/useDashboardState.ts
-function T(e, n = []) {
-	let { engine: r } = i(p), [o, c] = s(e), [l, u] = s(n);
-	return t(o, e) || c(e), a(() => {
-		let e = new f(r, o, (e) => {
+function D(e, n = []) {
+	let { engine: r } = a(h), [i, s] = c(e), [l, u] = c(n);
+	return t(i, e) || s(e), o(() => {
+		let e = new p(r, i, (e) => {
 			u((n) => t(e, n) ? n : e);
 		});
 		return () => {
 			e.stop();
 		};
-	}, [r, o]), l;
+	}, [r, i]), l;
+}
+//#endregion
+//#region lib/useNumberFormatter.ts
+function O(e) {
+	let { locale: t } = e ?? {}, n = s(() => new m({ locale: t }), [t]);
+	return i((e, t) => n.format(e, t), [n]);
 }
 //#endregion
-export { C as Dashboard, p as DashboardContext, m as DashboardError, y as DashboardLayout, h as DashboardLayoutContext, v as DashboardLayoutError, w as DashboardTileContainer, b as DashboardTileError, x as DashboardTiles, g as getNodeKey, T as useDashboardState };
+export { T as Dashboard, h as DashboardContext, g as DashboardError, x as DashboardLayout, _ as DashboardLayoutContext, b as DashboardLayoutError, E as DashboardTileContainer, S as DashboardTileError, C as DashboardTiles, v as getNodeKey, D as useDashboardState, O as useNumberFormatter };

package/dist/useNumberFormatter.d.ts

@@ -0,0 +1,5 @@
+import { NumberFormat } from '@rotorjs/dashboard';
+export type NumberFormatterOptions = {
+    locale?: Intl.UnicodeBCP47LocaleIdentifier;
+};
+export declare function useNumberFormatter(init?: NumberFormatterOptions): (value: number, format?: NumberFormat) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rotorjs/react",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "description": "Rotor",
   "author": {
     "name": "Aaron Burmeister"
@@ -44,32 +44,32 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@rotorjs/dashboard": "^0.1.0",
-    "@types/react": "^19.1.12",
+    "@rotorjs/dashboard": "^0.3.1",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.1.9",
     "@vitejs/plugin-react": "^6.0.2",
-    "eslint": "^10.4.0",
+    "eslint": "^10.4.1",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-import-resolver-typescript": "^4.4.5",
     "eslint-plugin-import-x": "^4.16.2",
-    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-prettier": "^5.5.6",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.2",
     "globals": "^17.6.0",
-    "prettier": "^3.8.3",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
+    "prettier": "^3.8.4",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.59.4",
-    "unplugin-dts": "^1.0.1",
-    "vite": "^8.0.13"
+    "typescript-eslint": "^8.61.0",
+    "unplugin-dts": "^1.0.2",
+    "vite": "^8.0.16"
   },
   "peerDependencies": {
-    "@rotorjs/dashboard": "^0.1.0",
+    "@rotorjs/dashboard": "^0.3.1",
     "react": "^19.0.0"
   },
   "dependencies": {
-    "@rotorjs/state": "^0.3.0",
+    "@rotorjs/state": "^0.6.1",
     "fast-deep-equal": "^3.1.3",
     "uuid": "^14.0.0"
   }