@datarecce/ui 0.1.23 → 0.1.25

package/dist/{state-AeoqV9ja.js → state-FkYREAs-.js}

@@ -132,7 +132,11 @@ _mui_material_ButtonGroup = __toESM(_mui_material_ButtonGroup);
 * - red -> error
 * - neutral -> grey
 */
+const white = "#FFFFFF";
+const black = "#000000";
 const colors = {
+	white,
+	black,
 	iochmara: {
 		50: "#EAF3FB",
 		100: "#C4DDF3",
@@ -185,6 +189,19 @@ const colors = {
 		900: "#78350F",
 		950: "#431407"
 	},
+	yellow: {
+		50: "#FEFCE8",
+		100: "#FEF9C3",
+		200: "#FEF08A",
+		300: "#FDE047",
+		400: "#FACC15",
+		500: "#EAB308",
+		600: "#CA8A04",
+		700: "#A16207",
+		800: "#854D0E",
+		900: "#713F12",
+		950: "#422006"
+	},
 	green: {
 		50: "#F0FDF4",
 		100: "#DCFCE7",
@@ -268,7 +285,7 @@ function createButtonColorVariants(colorName, colorScale) {
 			},
 			style: {
 				backgroundColor: colorScale[500],
-				color: "#FFFFFF",
+				color: white,
 				"&:hover": { backgroundColor: colorScale[600] }
 			}
 		},
@@ -315,7 +332,7 @@ function createBadgeColorVariant(colorName, colorScale) {
 		props: { color: colorName },
 		style: { "& .MuiBadge-badge": {
 			backgroundColor: colorScale[500],
-			color: "#FFFFFF"
+			color: white
 		} }
 	};
 }
@@ -330,7 +347,7 @@ function createChipColorVariants(colorName, colorScale) {
 		},
 		style: {
 			backgroundColor: colorScale[500],
-			color: "#FFFFFF",
+			color: white,
 			"&:hover": { backgroundColor: colorScale[600] }
 		}
 	}, {
@@ -408,7 +425,7 @@ const componentOverrides = {
 				borderRadius: 6,
 				...ownerState.color === "neutral" && ownerState.variant === "contained" && {
 					backgroundColor: colors.neutral[700],
-					color: "#FFFFFF",
+					color: white,
 					"&:hover": { backgroundColor: colors.neutral[800] }
 				},
 				...ownerState.color === "neutral" && ownerState.variant === "outlined" && {
@@ -585,31 +602,31 @@ const baseThemeOptions = {
 			main: colors.iochmara[500],
 			light: colors.iochmara[300],
 			dark: colors.iochmara[600],
-			contrastText: "#FFFFFF"
+			contrastText: white
 		},
 		secondary: {
 			main: colors.cyan[500],
 			light: colors.cyan[400],
 			dark: colors.cyan[600],
-			contrastText: "#FFFFFF"
+			contrastText: white
 		},
 		success: {
 			main: colors.green[500],
 			light: colors.green[400],
 			dark: colors.green[600],
-			contrastText: "#FFFFFF"
+			contrastText: white
 		},
 		warning: {
 			main: colors.amber[500],
 			light: colors.amber[400],
 			dark: colors.amber[600],
-			contrastText: "#FFFFFF"
+			contrastText: white
 		},
 		error: {
 			main: colors.red[500],
 			light: colors.red[400],
 			dark: colors.red[600],
-			contrastText: "#FFFFFF"
+			contrastText: white
 		},
 		grey: {
 			50: colors.neutral[50],
@@ -683,8 +700,8 @@ const lightThemeOptions = {
 		...baseThemeOptions.palette,
 		mode: "light",
 		background: {
-			default: "#FFFFFF",
-			paper: "#FFFFFF"
+			default: white,
+			paper: white
 		},
 		text: {
 			primary: colors.neutral[900],
@@ -714,7 +731,7 @@ function createPaletteColor(colorScale) {
 		main: colorScale[500],
 		light: colorScale[300],
 		dark: colorScale[600],
-		contrastText: "#FFFFFF"
+		contrastText: white
 	};
 }
 const customPaletteAdditions = {
@@ -723,7 +740,7 @@ const customPaletteAdditions = {
 		main: colors.iochmara[500],
 		light: colors.iochmara[50],
 		dark: colors.iochmara[700],
-		contrastText: "#FFFFFF"
+		contrastText: white
 	},
 	cyan: createPaletteColor(colors.cyan),
 	amber: createPaletteColor(colors.amber),
@@ -735,7 +752,7 @@ const customPaletteAdditions = {
 		main: colors.neutral[500],
 		light: colors.neutral[300],
 		dark: colors.neutral[600],
-		contrastText: "#FFFFFF"
+		contrastText: white
 	},
 	envBase: semanticColors.envBase,
 	envCurrent: semanticColors.envCurrent
@@ -771,8 +788,8 @@ function token(path$2) {
 		let colorName = parts[1];
 		const variant = parts[2];
 		if (colorName in colorAliases) colorName = colorAliases[colorName];
-		if (colorName === "white") return "#FFFFFF";
-		if (colorName === "black") return "#000000";
+		if (colorName === "white") return white;
+		if (colorName === "black") return black;
 		if (colorName in semanticColors) {
 			const semantic = semanticColors[colorName];
 			if (typeof semantic === "object" && variant in semantic) return semantic[variant];
@@ -1091,8 +1108,8 @@ async function getModelInfo(model) {
 
 //#endregion
 //#region recce-source/js/src/lib/api/cll.ts
-async function getCll(input) {
-	return (await axiosClient.post("/api/cll", input)).data;
+async function getCll(input, client = axiosClient) {
+	return (await client.post("/api/cll", input)).data;
 }
 
 //#endregion
@@ -1589,37 +1606,37 @@ function mutateAddKey(run) {
 	});
 	return run;
 }
-async function submitRun(type, params, options) {
+async function submitRun(type, params, options, client = axiosClient) {
 	const track_props = options?.trackProps ? { ...options.trackProps } : {};
 	if (getExperimentTrackingBreakingChangeEnabled()) track_props.breaking_change_analysis = true;
-	return (await axiosClient.post("/api/runs", {
+	return (await client.post("/api/runs", {
 		type,
 		params,
 		nowait: options?.nowait,
 		track_props
 	})).data;
 }
-async function getRun(runId) {
-	return (await axiosClient.get(`/api/runs/${runId}`)).data;
+async function getRun(runId, client = axiosClient) {
+	return (await client.get(`/api/runs/${runId}`)).data;
 }
-async function waitRun(runId, timeout) {
-	return mutateAddKey((await axiosClient.get(`/api/runs/${runId}/wait`, { params: { timeout } })).data);
+async function waitRun(runId, timeout, client = axiosClient) {
+	return mutateAddKey((await client.get(`/api/runs/${runId}/wait`, { params: { timeout } })).data);
 }
-async function cancelRun(runId) {
-	return await axiosClient.post(`/api/runs/${runId}/cancel`);
+async function cancelRun(runId, client = axiosClient) {
+	return await client.post(`/api/runs/${runId}/cancel`);
 }
-async function submitRunFromCheck(checkId, options) {
-	return (await axiosClient.post(`/api/checks/${checkId}/run`, { nowait: options?.nowait })).data;
+async function submitRunFromCheck(checkId, options, client = axiosClient) {
+	return (await client.post(`/api/checks/${checkId}/run`, { nowait: options?.nowait })).data;
 }
-async function searchRuns(type, params, limit) {
-	return (await axiosClient.post(`/api/runs/search`, {
+async function searchRuns(type, params, limit, client = axiosClient) {
+	return (await client.post(`/api/runs/search`, {
 		type,
 		params,
 		limit
 	})).data;
 }
-async function listRuns() {
-	return (await axiosClient.get("/api/runs")).data;
+async function listRuns(client = axiosClient) {
+	return (await client.get("/api/runs")).data;
 }
 async function aggregateRuns(client = axiosClient) {
 	return (await client.post(`/api/runs/aggregate`, {})).data;
@@ -1627,20 +1644,20 @@ async function aggregateRuns(client = axiosClient) {
 
 //#endregion
 //#region recce-source/js/src/lib/api/adhocQuery.ts
-async function submitQuery(params, options) {
-	return await submitRun("query", params, options);
+async function submitQuery(params, options, client = axiosClient) {
+	return await submitRun("query", params, options, client);
 }
-async function submitQueryBase(params, options) {
-	return await submitRun("query_base", params, options);
+async function submitQueryBase(params, options, client = axiosClient) {
+	return await submitRun("query_base", params, options, client);
 }
-async function submitQueryDiff(params, options) {
-	return await submitRun("query_diff", params, options);
+async function submitQueryDiff(params, options, client = axiosClient) {
+	return await submitRun("query_diff", params, options, client);
 }
 
 //#endregion
 //#region recce-source/js/src/lib/api/lineagecheck.ts
-async function createLineageDiffCheck(viewOptions) {
-	return (await axiosClient.post("/api/checks", {
+async function createLineageDiffCheck(viewOptions, client = axiosClient) {
+	return (await client.post("/api/checks", {
 		type: "lineage_diff",
 		params: {},
 		view_options: viewOptions
@@ -1649,17 +1666,17 @@ async function createLineageDiffCheck(viewOptions) {
 
 //#endregion
 //#region recce-source/js/src/lib/api/profile.ts
-async function submitProfileDiff(params, options) {
-	return await submitRun("profile_diff", params, options);
+async function submitProfileDiff(params, options, client = axiosClient) {
+	return await submitRun("profile_diff", params, options, client);
 }
 
 //#endregion
 //#region recce-source/js/src/lib/api/valuediff.ts
-async function submitValueDiff(params, options) {
-	return await submitRun("value_diff", params, options);
+async function submitValueDiff(params, options, client = axiosClient) {
+	return await submitRun("value_diff", params, options, client);
 }
-async function submitValueDiffDetail(params, options) {
-	return await submitRun("value_diff_detail", params, options);
+async function submitValueDiffDetail(params, options, client = axiosClient) {
+	return await submitRun("value_diff_detail", params, options, client);
 }
 
 //#endregion
@@ -2225,14 +2242,15 @@ function setKeepAliveCallback(callback) {
 * - Minimum 3 seconds between API calls
 * - Prevents concurrent API calls with a lock
 *
+* @param client - Optional axios instance for API configuration
 * @returns true if keep-alive was sent, false if throttled/skipped
 */
-async function sendKeepAlive() {
+async function sendKeepAlive(client = axiosClient) {
 	if (Date.now() - lastKeepAliveTime < MIN_KEEP_ALIVE_INTERVAL_MS) return false;
 	if (isSending) return false;
 	try {
 		isSending = true;
-		await axiosClient.post("/api/keep-alive");
+		await client.post("/api/keep-alive");
 		lastKeepAliveTime = Date.now();
 		if (onKeepAliveSuccess) onKeepAliveSuccess(lastKeepAliveTime);
 		return true;
@@ -2303,6 +2321,7 @@ const IDLE_DETECTION_CONFIG = {
 function useIdleDetection() {
 	const { data: instanceInfo, isLoading, isError } = useRecceInstanceInfo();
 	const isDisconnected = useIdleTimeoutSafe()?.isDisconnected ?? false;
+	const { apiClient } = useApiConfig();
 	const idleTimeout = instanceInfo?.idle_timeout;
 	const isEnabled = idleTimeout !== void 0 && idleTimeout > 0 && !isDisconnected;
 	debugLog("[Idle Detection] Instance info", {
@@ -2320,8 +2339,8 @@ function useIdleDetection() {
 	*/
 	const sendKeepAliveNow = (0, react.useCallback)(async () => {
 		if (document.hidden) return;
-		if (await sendKeepAlive()) debugLog("[Idle Detection] Keep-alive sent successfully", { timestamp: (/* @__PURE__ */ new Date()).toISOString() });
-	}, []);
+		if (await sendKeepAlive(apiClient)) debugLog("[Idle Detection] Keep-alive sent successfully", { timestamp: (/* @__PURE__ */ new Date()).toISOString() });
+	}, [apiClient]);
 	/**
 	* Handle any user activity event
 	* Attempts to send keep-alive (axios layer handles throttling)
@@ -3357,26 +3376,26 @@ function ProfileDiffForm({ params, onParamsChanged, setIsReadyToExecute }) {
 
 //#endregion
 //#region recce-source/js/src/lib/api/models.ts
-async function fetchModelRowCount(modelName) {
-	return (await axiosClient.get(`/api/models/${modelName}/row_count`)).data;
+async function fetchModelRowCount(modelName, client = axiosClient) {
+	return (await client.get(`/api/models/${modelName}/row_count`)).data;
 }
-async function queryModelRowCount(modelName) {
-	const { result } = await queryRowCount([modelName]);
+async function queryModelRowCount(modelName, client = axiosClient) {
+	const { result } = await queryRowCount([modelName], client);
 	return result[modelName];
 }
-async function queryRowCount(modelNames) {
+async function queryRowCount(modelNames, client = axiosClient) {
 	if (modelNames.length === 0) throw new Error("No model names provided");
-	const { run_id } = await submitRowCountDiff({ node_names: modelNames }, { nowait: true });
+	const { run_id } = await submitRowCountDiff({ node_names: modelNames }, { nowait: true }, client);
 	return {
 		runId: run_id,
-		result: (await waitRun(run_id)).result
+		result: (await waitRun(run_id, void 0, client)).result
 	};
 }
 
 //#endregion
 //#region recce-source/js/src/lib/api/rowcount.ts
-async function submitRowCountDiff(params, options) {
-	return await submitRun("row_count_diff", params, options);
+async function submitRowCountDiff(params, options, client = axiosClient) {
+	return await submitRun("row_count_diff", params, options, client);
 }
 
 //#endregion
@@ -5576,6 +5595,7 @@ const useCloseModalEffect = (onClose) => {
 	}, [onClose, (0, next_navigation.usePathname)()]);
 };
 function RecceActionContextProvider({ children }) {
+	const { apiClient } = useApiConfig();
 	const [action, setAction] = (0, react.useState)();
 	const [isModalOpen, setModalOpen] = (0, react.useState)(false);
 	const onModalOpen = (0, react.useCallback)(() => setModalOpen(true), []);
@@ -5603,7 +5623,7 @@ function RecceActionContextProvider({ children }) {
 			const session = (/* @__PURE__ */ new Date()).getTime().toString();
 			let lastRun = void 0;
 			if (options?.showLast) {
-				const runs = await searchRuns(type, params, 1);
+				const runs = await searchRuns(type, params, 1, apiClient);
 				if (runs.length === 1) lastRun = runs[0];
 			}
 			const run = findByRunType(type);
@@ -5614,7 +5634,7 @@ function RecceActionContextProvider({ children }) {
 				const { run_id } = await submitRun(type, params, {
 					nowait: true,
 					trackProps: options?.trackProps
-				});
+				}, apiClient);
 				await showRunId(run_id);
 				await queryClient.invalidateQueries({ queryKey: cacheKeys.runs() });
 				if (location.startsWith("/lineage")) setLocation("/lineage");
@@ -5644,7 +5664,8 @@ function RecceActionContextProvider({ children }) {
 		showRunId,
 		location,
 		setLocation,
-		queryClient
+		queryClient,
+		apiClient
 	]);
 	useCloseModalEffect(onModalClose);
 	const handleExecute = async (type, params) => {
@@ -5653,7 +5674,7 @@ function RecceActionContextProvider({ children }) {
 			const { run_id } = await submitRun(type, params, {
 				nowait: true,
 				trackProps: action?.options?.trackProps
-			});
+			}, apiClient);
 			await showRunId(run_id);
 		} catch (e) {
 			toaster.create({
@@ -8193,66 +8214,67 @@ const findByRunType = (runType) => {
 
 //#endregion
 //#region recce-source/js/src/lib/api/checks.ts
-async function createSimpleCheck() {
-	return (await axiosClient.post("/api/checks", { type: "simple" })).data;
+async function createSimpleCheck(client = axiosClient) {
+	return (await client.post("/api/checks", { type: "simple" })).data;
 }
-async function createCheckByRun(runId, viewOptions) {
+async function createCheckByRun(runId, viewOptions, client = axiosClient) {
 	const track_props = getExperimentTrackingBreakingChangeEnabled() ? { breaking_change_analysis: true } : {};
-	return (await axiosClient.post("/api/checks", {
+	return (await client.post("/api/checks", {
 		run_id: runId,
 		view_options: viewOptions,
 		track_props
 	})).data;
 }
-async function listChecks() {
-	return (await axiosClient.get("/api/checks")).data;
+async function listChecks(client = axiosClient) {
+	return (await client.get("/api/checks")).data;
 }
 function useChecks(enabled) {
+	const { apiClient } = useApiConfig();
 	return (0, _tanstack_react_query.useQuery)({
 		queryKey: cacheKeys.checks(),
-		queryFn: listChecks,
+		queryFn: () => listChecks(apiClient),
 		enabled
 	});
 }
-async function getCheck(checkId) {
-	return (await axiosClient.get(`/api/checks/${checkId}`)).data;
+async function getCheck(checkId, client = axiosClient) {
+	return (await client.get(`/api/checks/${checkId}`)).data;
 }
-async function updateCheck(checkId, payload) {
-	return (await axiosClient.patch(`/api/checks/${checkId}`, payload)).data;
+async function updateCheck(checkId, payload, client = axiosClient) {
+	return (await client.patch(`/api/checks/${checkId}`, payload)).data;
 }
-async function deleteCheck(checkId) {
-	return (await axiosClient.delete(`/api/checks/${checkId}`)).data;
+async function deleteCheck(checkId, client = axiosClient) {
+	return (await client.delete(`/api/checks/${checkId}`)).data;
 }
-async function reorderChecks(order) {
-	return await axiosClient.post("/api/checks/reorder", order);
+async function reorderChecks(order, client = axiosClient) {
+	return await client.post("/api/checks/reorder", order);
 }
-async function markAsPresetCheck(checkId) {
-	await axiosClient.post(`/api/checks/${checkId}/mark-as-preset`);
+async function markAsPresetCheck(checkId, client = axiosClient) {
+	await client.post(`/api/checks/${checkId}/mark-as-preset`);
 }
 
 //#endregion
 //#region recce-source/js/src/lib/api/state.ts
-async function saveAs(input) {
-	return (await axiosClient.post("/api/save-as", input)).data;
+async function saveAs(input, client = axiosClient) {
+	return (await client.post("/api/save-as", input)).data;
 }
-async function rename(input) {
-	return (await axiosClient.post("/api/rename", input)).data;
+async function rename(input, client = axiosClient) {
+	return (await client.post("/api/rename", input)).data;
 }
-async function exportState() {
-	return (await axiosClient.post("/api/export")).data;
+async function exportState(client = axiosClient) {
+	return (await client.post("/api/export")).data;
 }
-async function importState(file, checksOnly) {
+async function importState(file, checksOnly, client = axiosClient) {
 	const formData = new FormData();
 	formData.append("file", file);
 	formData.append("checks_only", (!!checksOnly).toString());
-	return (await axiosClient.post("/api/import", formData)).data;
+	return (await client.post("/api/import", formData)).data;
 }
-async function isStateSyncing() {
-	return (await axiosClient.get("/api/sync")).status === 208;
+async function isStateSyncing(client = axiosClient) {
+	return (await client.get("/api/sync")).status === 208;
 }
-async function syncState(input) {
+async function syncState(input, client = axiosClient) {
 	try {
-		const response = await axiosClient.post("/api/sync", input);
+		const response = await client.post("/api/sync", input);
 		if (response.status === 202) return { status: "accepted" };
 		if (response.status === 208) return { status: "syncing" };
 	} catch (error) {
@@ -8262,8 +8284,8 @@ async function syncState(input) {
 	}
 	throw new Error("Failed to sync state");
 }
-async function shareState() {
-	return (await axiosClient.post("/api/share")).data;
+async function shareState(client = axiosClient) {
+	return (await client.post("/api/share")).data;
 }
 
 //#endregion
@@ -8417,6 +8439,12 @@ Object.defineProperty(exports, 'QueryResultView', {
     return QueryResultView;
   }
 });
+Object.defineProperty(exports, 'RecceActionContext', {
+  enumerable: true,
+  get: function () {
+    return RecceActionContext;
+  }
+});
 Object.defineProperty(exports, 'RecceActionContextProvider', {
   enumerable: true,
   get: function () {
@@ -9173,4 +9201,4 @@ Object.defineProperty(exports, 'waitRun', {
     return waitRun;
   }
 });
-//# sourceMappingURL=state-AeoqV9ja.js.map
+//# sourceMappingURL=state-FkYREAs-.js.map