@datarecce/ui 0.1.12 → 0.1.13

package/dist/{lineagecheck-BIlm5vq1.d.ts → lineagecheck-BQaKAQzn.d.mts}

@@ -1,5 +1,5 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { AxiosResponse } from 'axios';
+import { AxiosInstance, AxiosResponse } from 'axios';
 import React__default, { ReactNode, CSSProperties, Ref, ForwardRefExoticComponent, RefAttributes, ComponentType } from 'react';
 import { IconType } from 'react-icons';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -117,7 +117,7 @@ interface ServerInfoResult {
     codespace: boolean;
     support_tasks: Record<string, boolean>;
 }
-declare function getServerInfo(): Promise<ServerInfoResult>;
+declare function getServerInfo(client?: AxiosInstance): Promise<ServerInfoResult>;
 interface ModelInfoResult {
     model: {
         base: {
@@ -184,7 +184,7 @@ type RunsAggregated = Record<string, Record<"row_count_diff" | "value_diff" | "r
     run_id: string;
     result: unknown;
 }>>;
-declare function aggregateRuns(): Promise<RunsAggregated>;
+declare function aggregateRuns(client?: AxiosInstance): Promise<RunsAggregated>;
 
 interface QueryParams extends QueryRunParams, QueryDiffParams, QueryPreviewChangeParams {
 }

package/dist/{lineagecheck-BIlm5vq1.d.mts → lineagecheck-BQaKAQzn.d.ts}

@@ -1,5 +1,5 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { AxiosResponse } from 'axios';
+import { AxiosInstance, AxiosResponse } from 'axios';
 import React__default, { ReactNode, CSSProperties, Ref, ForwardRefExoticComponent, RefAttributes, ComponentType } from 'react';
 import { IconType } from 'react-icons';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -117,7 +117,7 @@ interface ServerInfoResult {
     codespace: boolean;
     support_tasks: Record<string, boolean>;
 }
-declare function getServerInfo(): Promise<ServerInfoResult>;
+declare function getServerInfo(client?: AxiosInstance): Promise<ServerInfoResult>;
 interface ModelInfoResult {
     model: {
         base: {
@@ -184,7 +184,7 @@ type RunsAggregated = Record<string, Record<"row_count_diff" | "value_diff" | "r
     run_id: string;
     result: unknown;
 }>>;
-declare function aggregateRuns(): Promise<RunsAggregated>;
+declare function aggregateRuns(client?: AxiosInstance): Promise<RunsAggregated>;
 
 interface QueryParams extends QueryRunParams, QueryDiffParams, QueryPreviewChangeParams {
 }

package/dist/{style-LYNBK7ND.css → style-466WWZLM.css}

@@ -1,11 +1,39 @@
-/* Schema diff color palette */
-:root {
+/**
+ * Schema diff color palette
+ * Uses CSS custom properties for theme-aware colors
+ */
+
+/* Light mode (default) */
+:root,
+.light {
   --schema-color-added: rgb(204 255 216);
   --schema-color-added-hover: rgb(193 246 205);
   --schema-color-added-active: rgb(166 242 184);
   --schema-color-removed: rgb(255 215 213);
   --schema-color-removed-hover: rgb(246 195 193);
   --schema-color-removed-active: rgb(242 170 166);
+  --schema-color-normal: #ffffff;
+  --schema-color-normal-hover: rgb(241 241 241);
+  --schema-color-normal-active: rgb(230 230 230);
+  --schema-color-reordered: rgb(255 173 21);
+  --schema-color-reordered-hover: rgb(249 164 6);
+  --schema-color-reordered-active: rgb(224 147 6);
+}
+
+/* Dark mode */
+.dark {
+  --schema-color-added: rgb(26 77 26);
+  --schema-color-added-hover: rgb(34 97 34);
+  --schema-color-added-active: rgb(42 117 42);
+  --schema-color-removed: rgb(92 31 31);
+  --schema-color-removed-hover: rgb(112 41 41);
+  --schema-color-removed-active: rgb(132 51 51);
+  --schema-color-normal: #262626;
+  --schema-color-normal-hover: rgb(64 64 64);
+  --schema-color-normal-active: rgb(82 82 82);
+  --schema-color-reordered: rgb(180 83 9);
+  --schema-color-reordered-hover: rgb(146 64 14);
+  --schema-color-reordered-active: rgb(120 53 15);
 }
 
 /* Row backgrounds must be applied to cells because rows use display:contents */
@@ -40,18 +68,18 @@
 }
 
 .row-normal {
-  background-color: white;
+  background-color: var(--schema-color-normal);
 }
 
 .row-normal:hover,
 .row-normal[aria-selected="true"],
 .row-normal.ag-row-selected {
-  background-color: rgb(241 241 241);
+  background-color: var(--schema-color-normal-hover);
 }
 
 .row-normal[aria-selected="true"]:hover,
 .row-normal.ag-row-selected:hover {
-  background-color: rgb(230 230 230);
+  background-color: var(--schema-color-normal-active);
 }
 
 .row-selectable {
@@ -91,16 +119,16 @@
 }
 
 .column-index-reordered {
-  background-color: rgb(255 173 21);
+  background-color: var(--schema-color-reordered);
 }
 
 .row-normal:hover .column-index-reordered,
 .row-normal[aria-selected="true"] .column-index-reordered,
 .row-normal.ag-row-selected .column-index-reordered {
-  background-color: rgb(249 164 6);
+  background-color: var(--schema-color-reordered-hover);
 }
 
 .row-normal[aria-selected="true"]:hover .column-index-reordered,
 .row-normal.ag-row-selected:hover .column-index-reordered {
-  background-color: rgb(224 147 6);
+  background-color: var(--schema-color-reordered-active);
 }

package/dist/styles-JV3V5MVO.css

@@ -0,0 +1,42 @@
+/**
+ * React Flow Controls - Theme-aware colors
+ * Uses CSS custom properties for theme-aware colors
+ * Maps to colors from mui-theme.ts neutral palette
+ */
+
+/* Light mode (default) */
+:root,
+.light {
+  --rf-controls-bg: #fafafa; /* neutral[50] */
+  --rf-controls-border: #e5e5e5; /* neutral[200] */
+  --rf-controls-text: #404040; /* neutral[700] */
+  --rf-controls-hover-bg: #e5e5e5; /* neutral[200] */
+}
+
+/* Dark mode */
+.dark {
+  --rf-controls-bg: #404040; /* neutral[700] */
+  --rf-controls-border: #525252; /* neutral[600] */
+  --rf-controls-text: #e5e5e5; /* neutral[200] */
+  --rf-controls-hover-bg: #525252; /* neutral[600] */
+}
+
+/* React Flow Controls */
+.react-flow__controls {
+  background-color: var(--rf-controls-bg);
+  border-color: var(--rf-controls-border);
+}
+
+.react-flow__controls-button {
+  background-color: var(--rf-controls-bg);
+  color: var(--rf-controls-text);
+  border-bottom-color: var(--rf-controls-border);
+}
+
+.react-flow__controls-button:hover {
+  background-color: var(--rf-controls-hover-bg);
+}
+
+.react-flow__controls-button svg {
+  fill: var(--rf-controls-text);
+}

package/dist/{styles-PJUYW64Y.css → styles-QUPOR3LM.css}

@@ -1,11 +1,16 @@
+/**
+ * Split pane gutter styles
+ * Uses CSS custom properties from global.css for theme-aware colors.
+ */
+
 .gutter {
-  background-color: #eee;
+  background-color: var(--recce-gutter-bg);
   background-repeat: no-repeat;
   background-position: 50%;
 }
 
 .gutter:hover {
-  background-color: orange;
+  background-color: var(--recce-gutter-hover);
 }
 
 .gutter.gutter-vertical {

package/dist/types.d.mts

@@ -1,5 +1,5 @@
-import { C as Check, aK as RunParamTypes, y as NodeData, aG as ColumnRenderMode } from './lineagecheck-BIlm5vq1.mjs';
-export { aB as AxiosQueryParams, aF as ColumnType, aH as DataFrame, aJ as LineageDiffParams, aD as RowData, aC as RowDataTypes, aE as RowObjectType, aL as Run, a_ as RunFormProps, a$ as RunResultViewProps, aI as SchemaDiffParams, aZ as isHistogramDiffRun, aX as isLineageDiffRun, aU as isProfileDiffRun, aT as isProfileRun, aO as isQueryBaseRun, aP as isQueryDiffRun, aN as isQueryRun, aW as isRowCountDiffRun, aV as isRowCountRun, aS as isSchemaDiffRun, aM as isSimpleRun, aY as isTopKDiffRun, aR as isValueDiffDetailRun, aQ as isValueDiffRun } from './lineagecheck-BIlm5vq1.mjs';
+import { C as Check, aK as RunParamTypes, y as NodeData, aG as ColumnRenderMode } from './lineagecheck-BQaKAQzn.mjs';
+export { aB as AxiosQueryParams, aF as ColumnType, aH as DataFrame, aJ as LineageDiffParams, aD as RowData, aC as RowDataTypes, aE as RowObjectType, aL as Run, a_ as RunFormProps, a$ as RunResultViewProps, aI as SchemaDiffParams, aZ as isHistogramDiffRun, aX as isLineageDiffRun, aU as isProfileDiffRun, aT as isProfileRun, aO as isQueryBaseRun, aP as isQueryDiffRun, aN as isQueryRun, aW as isRowCountDiffRun, aV as isRowCountRun, aS as isSchemaDiffRun, aM as isSimpleRun, aY as isTopKDiffRun, aR as isValueDiffDetailRun, aQ as isValueDiffRun } from './lineagecheck-BQaKAQzn.mjs';
 import '@tanstack/react-query';
 import 'axios';
 import 'react';

package/dist/types.d.ts

@@ -1,5 +1,5 @@
-import { C as Check, aK as RunParamTypes, y as NodeData, aG as ColumnRenderMode } from './lineagecheck-BIlm5vq1.js';
-export { aB as AxiosQueryParams, aF as ColumnType, aH as DataFrame, aJ as LineageDiffParams, aD as RowData, aC as RowDataTypes, aE as RowObjectType, aL as Run, a_ as RunFormProps, a$ as RunResultViewProps, aI as SchemaDiffParams, aZ as isHistogramDiffRun, aX as isLineageDiffRun, aU as isProfileDiffRun, aT as isProfileRun, aO as isQueryBaseRun, aP as isQueryDiffRun, aN as isQueryRun, aW as isRowCountDiffRun, aV as isRowCountRun, aS as isSchemaDiffRun, aM as isSimpleRun, aY as isTopKDiffRun, aR as isValueDiffDetailRun, aQ as isValueDiffRun } from './lineagecheck-BIlm5vq1.js';
+import { C as Check, aK as RunParamTypes, y as NodeData, aG as ColumnRenderMode } from './lineagecheck-BQaKAQzn.js';
+export { aB as AxiosQueryParams, aF as ColumnType, aH as DataFrame, aJ as LineageDiffParams, aD as RowData, aC as RowDataTypes, aE as RowObjectType, aL as Run, a_ as RunFormProps, a$ as RunResultViewProps, aI as SchemaDiffParams, aZ as isHistogramDiffRun, aX as isLineageDiffRun, aU as isProfileDiffRun, aT as isProfileRun, aO as isQueryBaseRun, aP as isQueryDiffRun, aN as isQueryRun, aW as isRowCountDiffRun, aV as isRowCountRun, aS as isSchemaDiffRun, aM as isSimpleRun, aY as isTopKDiffRun, aR as isValueDiffDetailRun, aQ as isValueDiffRun } from './lineagecheck-BQaKAQzn.js';
 import '@tanstack/react-query';
 import 'axios';
 import 'react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarecce/ui",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "description": "Recce UI Components Library - Reusable React components for data validation and review",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -76,27 +76,27 @@
   },
   "dependencies": {
     "@amplitude/unified": "1.0.0-beta.9",
-    "@emotion/react": "^11.14.0",
-    "@tanstack/react-query": "^5.0.0",
-    "@xyflow/react": "^12.0.0",
-    "axios": "^1.0.0",
     "@codemirror/lang-sql": "^6.10.0",
     "@codemirror/lang-yaml": "^6.1.2",
     "@codemirror/merge": "^6.11.2",
     "@codemirror/state": "^6.5.2",
     "@codemirror/view": "^6.39.4",
     "@dagrejs/dagre": "^1.1.8",
+    "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@hello-pangea/dnd": "^18.0.1",
     "@jeromefitz/date-fns-tz": "3.0.0-canary.8",
     "@mui/material": "^7.3.6",
     "@mui/system": "^7.3.6",
     "@sentry/react": "^10.32.1",
+    "@tanstack/react-query": "^5.90.12",
     "@types/js-cookie": "^3.0.6",
     "@uiw/codemirror-theme-github": "^4.25.4",
     "@uiw/react-codemirror": "^4.25.4",
+    "@xyflow/react": "^12.10.0",
     "ag-grid-community": "^35.0.0",
     "ag-grid-react": "^35.0.0",
+    "axios": "^1.13.2",
     "chart.js": "^4.5.1",
     "codemirror": "^6.0.2",
     "common-tags": "^1.8.2",

package/dist/styles-VXS6KNFS.css

@@ -1,9 +0,0 @@
-.node-unhighlight {
-  filter: opacity(0.2) grayscale(50%);
-}
-
-.node-highlight {
-  border-width: 1;
-  border-color: "orange";
-  box-shadow: "0px 5px 15px #00000040";
-}