@tetrascience-npm/tetrascience-react-ui 0.3.0 → 0.4.0-beta.10.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tetrascience-npm/tetrascience-react-ui",
-  "version": "0.3.0",
+  "version": "0.4.0-beta.10.1",
   "description": "TetraScience React UI",
   "type": "module",
   "author": "TetraScience",
@@ -34,26 +34,72 @@
         "default": "./dist/cjs/server.js"
       }
     },
+    "./server/providers/athena": {
+      "import": {
+        "types": "./dist/providers/athena.d.ts",
+        "default": "./dist/esm/providers/athena.js"
+      },
+      "require": {
+        "types": "./dist/providers/athena.d.ts",
+        "default": "./dist/cjs/providers/athena.js"
+      }
+    },
+    "./server/providers/snowflake": {
+      "import": {
+        "types": "./dist/providers/snowflake.d.ts",
+        "default": "./dist/esm/providers/snowflake.js"
+      },
+      "require": {
+        "types": "./dist/providers/snowflake.d.ts",
+        "default": "./dist/cjs/providers/snowflake.js"
+      }
+    },
+    "./server/providers/databricks": {
+      "import": {
+        "types": "./dist/providers/databricks.d.ts",
+        "default": "./dist/esm/providers/databricks.js"
+      },
+      "require": {
+        "types": "./dist/providers/databricks.d.ts",
+        "default": "./dist/cjs/providers/databricks.js"
+      }
+    },
     "./index.css": "./dist/index.css",
     "./package.json": "./package.json"
   },
   "scripts": {
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage",
+    "test": "vitest run --project=unit",
+    "test:watch": "vitest --project=unit",
+    "test:coverage": "vitest run --project=unit --coverage",
+    "test:storybook": "vitest run --project=storybook",
+    "test:storybook:watch": "vitest --project=storybook",
+    "test:storybook:coverage": "vitest run --project=storybook --coverage",
+    "test:storybook:ci": "vitest run --project=storybook --reporter=junit --outputFile=test-results/storybook-junit.xml",
+    "test:all": "vitest run",
+    "test:all:coverage": "vitest run --coverage",
     "build": "rm -rf dist && rollup -c --bundleConfigAsCjs",
     "storybook": "pms build && storybook dev -p 6006",
     "build-storybook": "pms build && storybook build",
     "prepare": "husky",
-    "prepublishOnly": "pms run build"
+    "prepublishOnly": "pms run build",
+    "lint": "eslint . --max-warnings 0",
+    "lint:fix": "eslint . --fix --max-warnings 0",
+    "typecheck": "tsc --noEmit",
+    "format": "prettier --write .",
+    "format:check": "prettier --check ."
   },
   "dependencies": {
+    "@aws-sdk/client-cloudwatch-logs": ">=3.0.0 <4.0.0",
+    "@aws-sdk/client-sqs": ">=3.0.0 <4.0.0",
+    "@aws-sdk/client-ssm": ">=3.0.0 <4.0.0",
+    "@aws-sdk/lib-storage": ">=3.0.0 <4.0.0",
     "@dagrejs/dagre": "^1.1.4",
     "@monaco-editor/react": "^4.7.0",
-    "@tetrascience-npm/ts-connectors-sdk": "^3.1.1",
+    "@tetrascience-npm/ts-connectors-sdk": "^3.2.0",
     "@types/plotly.js": "^3.0.0",
     "@types/react-plotly.js": "^2.6.3",
     "@xyflow/react": "^12.6.4",
+    "apache-arrow": "^21.1.0",
     "axios": "^1.9.0",
     "elkjs": "^0.10.0",
     "immer": "^10.1.1",
@@ -61,8 +107,6 @@
     "monaco-themes": "0.4.7",
     "plotly.js": "^3.0.1",
     "plotly.js-dist": "^2.35.2",
-    "react": "^18.3.0",
-    "react-dom": "^18.3.0",
     "react-markdown": "^10.1.0",
     "react-plotly.js": "^2.6.0",
     "react-syntax-highlighter": "^15.6.1",
@@ -72,37 +116,67 @@
     "use-immer": "^0.11.0"
   },
   "peerDependencies": {
-    "react": "^18.3.0",
-    "react-dom": "^18.3.0"
+    "@aws-sdk/client-athena": "^3.0.0",
+    "@databricks/sql": "^1.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "snowflake-sdk": "^2.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@aws-sdk/client-athena": {
+      "optional": true
+    },
+    "@databricks/sql": {
+      "optional": true
+    },
+    "snowflake-sdk": {
+      "optional": true
+    }
   },
   "devDependencies": {
+    "@aws-sdk/client-athena": "^3.975.0",
+    "@aws-sdk/client-s3": "^3.985.0",
+    "@aws-sdk/s3-request-presigner": "^3.985.0",
+    "@databricks/sql": "^1.12.0",
     "@eslint/js": "^9.9.0",
     "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.1",
-    "@storybook/addon-essentials": "^8.5.6",
-    "@storybook/addon-interactions": "^8.5.6",
-    "@storybook/addon-links": "^8.5.6",
-    "@storybook/blocks": "^8.5.6",
-    "@storybook/react": "^8.5.6",
-    "@storybook/react-vite": "^8.5.6",
-    "@storybook/test": "^8.5.6",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
+    "@storybook/addon-docs": "^10.2.10",
+    "@storybook/addon-links": "^10.2.10",
+    "@storybook/addon-vitest": "^10.2.10",
+    "@storybook/react": "^10.2.10",
+    "@storybook/react-vite": "^10.2.10",
+    "@types/cookie-parser": "^1",
+    "@types/eslint-plugin-jsx-a11y": "^6",
+    "@types/jsdom": "^27",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@types/react-syntax-highlighter": "^15",
     "@types/rollup-plugin-peer-deps-external": "^2",
     "@vitejs/plugin-react": "^4.3.1",
-    "@vitest/coverage-v8": "^2.1.0",
+    "@vitest/browser": "^3",
+    "@vitest/coverage-v8": "^3",
+    "cookie-parser": "^1.4.7",
     "eslint": "^9.9.0",
     "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^5.1.0-rc.0",
     "eslint-plugin-react-refresh": "^0.4.9",
-    "eslint-plugin-storybook": "^0.11.2",
+    "eslint-plugin-sonarjs": "^3.0.7",
+    "eslint-plugin-storybook": "^10.2.8",
+    "eslint-plugin-unicorn": "^63.0.0",
+    "fast-xml-parser": "^5.3.4",
     "globals": "^15.9.0",
     "husky": "^9.1.7",
+    "jsdom": "^27.4.0",
     "lint-staged": "^15.2.0",
+    "playwright": "^1.58.1",
     "pmswitch": "^1.0.8",
+    "prettier": "^3.8.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "rollup": "^4.41.0",
     "rollup-plugin-dts": "^6.2.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
@@ -110,11 +184,14 @@
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
     "sass": "^1.89.0",
-    "storybook": "^8.5.6",
+    "snowflake-sdk": "^2.3.3",
+    "storybook": "^10.2.10",
+    "ts-morph": "^27.0.2",
+    "tsx": "^4.21.0",
     "typescript": "^5.5.3",
     "typescript-eslint": "^8.0.1",
     "vite": "^5.4.1",
-    "vitest": "^2.1.0"
+    "vitest": "^3"
   },
   "resolutions": {
     "jackspeak": "2.1.1",
@@ -148,4 +225,4 @@
     "url": "https://github.com/tetrascience/ts-lib-ui-kit/issues"
   },
   "homepage": "https://github.com/tetrascience/ts-lib-ui-kit#readme"
-}
+}

package/src/styles/README.md

@@ -1,56 +0,0 @@
-# SCSS System Guide
-
-This document explains how to use the centralized SCSS system in TetraScience UI components.
-
-## Architecture Overview
-
-Our SCSS system provides:
-- **Centralized colors** via CSS custom properties + SCSS variables
-- **Reusable mixins** for common patterns
-- **Design tokens** for consistent spacing, typography, etc.
-- **Single source of truth** for all styling values
-
-## File Structure
-
-```
-src/
-├── colors.scss           # Color definitions (CSS vars + SCSS vars)
-├── index.scss            # Main entry point 
-├── styles/
-│   ├── variables.scss    # Shared SCSS utilities
-│   └── README.md         # This file
-└── components/
-    └── atoms/
-        └── Button/
-            ├── Button.tsx
-            └── Button.scss  # Component-specific styles
-```
-
-## Available Design Tokens
-
-### Spacing
-```scss
-$spacing-0: 0;
-$spacing-1: 0.25rem;   // 4px
-$spacing-2: 0.5rem;    // 8px
-$spacing-3: 0.75rem;   // 12px
-$spacing-4: 1rem;      // 16px
-```
-
-### Typography
-```scss
-$text-xs: 0.75rem;     // 12px
-$text-sm: 0.875rem;    // 14px
-$text-base: 1rem;      // 16px
-$text-lg: 1.125rem;    // 18px
-```
-
-### Colors
-All CSS custom properties are available as SCSS variables:
-```scss
-$color-black-900, $color-white-900, $color-blue-500, etc.
-```
-
-For the complete color palette and usage examples, see the **Color System** section in the [main README](../../README.md#color-system).
-
-See `src/components/atoms/Button/Button.scss` for implementation examples.