@datarecce/ui 0.1.1 → 0.1.6

package/dist/style-LYNBK7ND.css

@@ -0,0 +1,106 @@
+/* Schema diff color palette */
+:root {
+  --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);
+}
+
+/* Row backgrounds must be applied to cells because rows use display:contents */
+.row-added {
+  background-color: var(--schema-color-added);
+}
+
+.row-added:hover,
+.row-added[aria-selected="true"],
+.row-added.ag-row-selected {
+  background-color: var(--schema-color-added-hover);
+}
+
+.row-added[aria-selected="true"]:hover,
+.row-added.ag-row-selected:hover {
+  background-color: var(--schema-color-added-active);
+}
+
+.row-removed {
+  background-color: var(--schema-color-removed);
+}
+
+.row-removed:hover,
+.row-removed[aria-selected="true"],
+.row-removed.ag-row-selected {
+  background-color: var(--schema-color-removed-hover);
+}
+
+.row-removed[aria-selected="true"]:hover,
+.row-removed.ag-row-selected:hover {
+  background-color: var(--schema-color-removed-active);
+}
+
+.row-normal {
+  background-color: white;
+}
+
+.row-normal:hover,
+.row-normal[aria-selected="true"],
+.row-normal.ag-row-selected {
+  background-color: rgb(241 241 241);
+}
+
+.row-normal[aria-selected="true"]:hover,
+.row-normal.ag-row-selected:hover {
+  background-color: rgb(230 230 230);
+}
+
+.row-selectable {
+  cursor: pointer;
+}
+
+/* for general column */
+
+.schema-column[aria-selected="true"] {
+  outline: none;
+  outline-offset: 0;
+}
+
+.schema-column-index {
+  text-align: right;
+  filter: brightness(0.95);
+}
+
+/* for reorder-index and type-change column */
+
+/* Type change badges for merged type column */
+.type-badge {
+  display: inline-block;
+  padding: 2px 6px;
+  border-radius: 4px;
+  font-size: 0.75rem;
+  line-height: 1.2;
+}
+
+.type-badge-removed {
+  background-color: var(--schema-color-removed);
+  margin-right: 4px;
+}
+
+.type-badge-added {
+  background-color: var(--schema-color-added);
+}
+
+.column-index-reordered {
+  background-color: rgb(255 173 21);
+}
+
+.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);
+}
+
+.row-normal[aria-selected="true"]:hover .column-index-reordered,
+.row-normal.ag-row-selected:hover .column-index-reordered {
+  background-color: rgb(224 147 6);
+}

package/dist/styles-TU5BYTIL.css

@@ -0,0 +1,21 @@
+/* AG Grid custom styles for query views */
+
+/* Header hover behavior for pin/key icons */
+.grid-header:hover .pin-icon {
+  display: block;
+}
+
+.grid-header:hover .key-icon {
+  display: block;
+}
+
+/* Context menu visibility on row hover */
+.ag-row:hover .row-context-menu {
+  visibility: visible;
+  width: auto;
+}
+
+/* Cell overflow for context menu */
+.cell-show-context-menu {
+  overflow: visible;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarecce/ui",
-  "version": "0.1.1",
+  "version": "0.1.6",
   "description": "Recce UI Components Library - Reusable React components for data validation and review",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -48,8 +48,9 @@
   "scripts": {
     "dev": "tsup --watch",
     "build": "tsup",
-    "type:check": "tsc --noEmit",
+    "type:check": "tsc --noEmit 2>&1 | grep -E '^src/' || echo 'Type check passed (OSS errors filtered)'",
     "type:check:strict": "tsc --noEmit",
+    "type:check:all": "tsc --noEmit",
     "lint": "eslint src --ext ts,tsx",
     "test": "vitest",
     "test:watch": "vitest watch",
@@ -72,11 +73,11 @@
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
-    "url": "https://github.com/DataRecce/recce-ui.git"
+    "url": "git+https://github.com/DataRecce/recce-ui.git"
   },
   "peerDependencies": {
-    "@chakra-ui/react": "^3.0.0",
     "@emotion/react": "^11.0.0",
+    "@mui/material": "^7.0.0",
     "@tanstack/react-query": "^5.0.0",
     "@xyflow/react": "^12.0.0",
     "axios": "^1.0.0",
@@ -86,27 +87,37 @@
   "_comment": "Dependencies are synced with recce-source/js/package.json. peerDependencies use broad ranges for library compatibility.",
   "dependencies": {
     "@amplitude/unified": "1.0.0-beta.9",
-    "@chakra-ui/styled-system": "^2.12.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/styled": "^11.14.1",
     "@hello-pangea/dnd": "^18.0.1",
     "@jeromefitz/date-fns-tz": "3.0.0-canary.8",
-    "@monaco-editor/react": "^4.7.0",
-    "@sentry/react": "^10.30.0",
-    "chakra-react-select": "^6.1.1",
+    "@mui/material": "^7.3.6",
+    "@mui/system": "^7.3.6",
+    "@sentry/react": "^10.32.1",
+    "@types/js-cookie": "^3.0.6",
+    "@uiw/codemirror-theme-github": "^4.25.4",
+    "@uiw/react-codemirror": "^4.25.4",
+    "ag-grid-community": "^35.0.0",
+    "ag-grid-react": "^35.0.0",
     "chart.js": "^4.5.1",
+    "codemirror": "^6.0.2",
     "common-tags": "^1.8.2",
     "date-fns": "^4.1.0",
     "file-saver": "^2.0.5",
     "html-to-image": "^1.11.13",
-    "html2canvas-pro": "^1.5.13",
+    "html2canvas-pro": "^1.6.1",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
-    "monaco-editor": "^0.55.1",
     "next-themes": "^0.4.6",
     "react-chartjs-2": "^5.3.1",
-    "react-data-grid": "7.0.0-beta.58",
     "react-icons": "^5.5.0",
     "react-markdown": "^10.1.0",
+    "react-select": "^5.10.2",
     "react-split": "^2.0.14",
     "react-syntax-highlighter": "^16.1.0",
     "remark-gfm": "^4.0.1",
@@ -121,11 +132,11 @@
     "@types/file-saver": "^2.0.7",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.21",
-    "@types/node": "^24.10.2",
+    "@types/node": "^25.0.3",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
     "@types/react-syntax-highlighter": "^15.5.13",
-    "next": "^16.0.0",
+    "next": "^16.1.0",
     "tsup": "^8.3.5",
     "typescript": "^5.9.3"
   },

package/dist/reload-image-PGVLW7NX.svg

@@ -1,4 +0,0 @@
-<svg width="104" height="105" viewBox="0 0 104 105" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.0712891" y="0.237671" width="103.858" height="103.858" rx="51.9288" fill="#FD683E" fill-opacity="0.1" style="fill:#FD683E;fill:color(display-p3 0.9922 0.4078 0.2431);fill-opacity:0.1;"/>
-<path d="M65.9715 53.6425C65.5123 57.9561 63.0682 61.9984 59.0238 64.3334C52.3044 68.2128 43.7124 65.9106 39.8329 59.1912L39.4197 58.4755M38.028 50.6905C38.4871 46.3769 40.9313 42.3346 44.9756 39.9996C51.695 36.1202 60.2871 38.4224 64.1665 45.1418L64.5797 45.8575M37.9404 62.1924L39.1504 57.6769L43.6659 58.8868M60.3345 45.4462L64.85 46.6562L66.0599 42.1406" stroke="#FD683E" style="stroke:#FD683E;stroke:color(display-p3 0.9922 0.4078 0.2431);stroke-opacity:1;" stroke-width="3.30558" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/dist/styles-LEL5RGUW.css

@@ -1,67 +0,0 @@
-.index-column {
-  color: rgb(128, 128, 128);
-  text-align: right;
-}
-
-.rdg-cell {
-  border-width: 0 1px 1px 0;
-  border-style: solid;
-  border-color: var(--rdg-border-color);
-  background-color: var(--rdg-background-color);
-}
-
-.rdg-cell[role="columnheader"] {
-  /* neutral-100 themes.ts */
-  background-color: #f5f5f5;
-}
-
-.rdg-cell.rdg-cell-frozen[role="gridcell"] {
-  /* neutral-100 themes.ts */
-  background-color: #f5f5f5;
-}
-
-.diff-header-added,
-.diff-header-added.rdg-cell.rdg-cell-frozen[role="gridcell"] {
-  /* green-700 theme.ts */
-  background-color: #15803d;
-  color: white;
-}
-
-.diff-header-removed,
-.diff-header-removed.rdg-cell.rdg-cell-frozen[role="gridcell"] {
-  /* rose-500 theme.ts */
-  background-color: #f43f5e;
-  color: white;
-}
-
-.diff-cell-added.rdg-cell {
-  background-color: #cefece;
-  color: black;
-}
-
-.diff-cell-removed.rdg-cell {
-  background-color: #ffc5c5;
-  color: black;
-}
-
-.diff-cell-modified.rdg-cell {
-  background-color: #ffc5c5;
-  color: black;
-}
-
-.cell-show-context-menu {
-  overflow: visible;
-}
-
-.grid-header:hover .pin-icon {
-  display: block;
-}
-
-.grid-header:hover .key-icon {
-  display: block;
-}
-
-.rdg-row:hover .row-context-menu {
-  visibility: visible;
-  width: auto;
-}