Merge branch 'master' of https://github.com/HealthSamurai/aidbox-ts-sdk

Author: RomanPogorov

packages/react-components/package.json

@@ -1,107 +1,99 @@
 {
-  "name": "@panthevm_original/react-components",
-  "private": false,
-  "version": "1.0.10",
-  "description": "React components library",
-  "main": "dist/react-components.umd.js",
-  "module": "./dist/react-components.js",
-  "types": "./dist/types/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "type": "module",
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/types/index.d.ts",
-        "default": "./dist/react-components.js"
-      },
-      "require": {
-        "types": "./dist/types/index.d.ts",
-        "default": "./dist/react-components.umd.js"
-      }
-    },
-    "./styles.css": {
-      "types": "./dist/types/styles.d.ts",
-      "default": "./dist/react-components.css"
-    }
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -p tsconfig.build.json && vite build",
-    "lint": "eslint .",
-    "preview": "vite preview",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "sync-design-tokens": "node scripts/sync-design-tokens.js"
-  },
-  "dependencies": {
-    "@hookform/resolvers": "^5.2.1",
-    "@radix-ui/react-accordion": "^1.2.11",
-    "@radix-ui/react-alert-dialog": "^1.1.14",
-    "@radix-ui/react-aspect-ratio": "^1.1.7",
-    "@radix-ui/react-avatar": "^1.1.10",
-    "@radix-ui/react-checkbox": "^1.3.2",
-    "@radix-ui/react-collapsible": "^1.1.11",
-    "@radix-ui/react-context-menu": "^2.2.15",
-    "@radix-ui/react-dialog": "^1.1.14",
-    "@radix-ui/react-dropdown-menu": "^2.1.15",
-    "@radix-ui/react-hover-card": "^1.1.14",
-    "@radix-ui/react-label": "^2.1.7",
-    "@radix-ui/react-menubar": "^1.1.15",
-    "@radix-ui/react-navigation-menu": "^1.2.13",
-    "@radix-ui/react-popover": "^1.1.14",
-    "@radix-ui/react-progress": "^1.1.7",
-    "@radix-ui/react-radio-group": "^1.3.7",
-    "@radix-ui/react-scroll-area": "^1.2.9",
-    "@radix-ui/react-select": "^2.2.5",
-    "@radix-ui/react-separator": "^1.1.7",
-    "@radix-ui/react-slider": "^1.3.5",
-    "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-switch": "^1.2.5",
-    "@radix-ui/react-tabs": "^1.1.12",
-    "@radix-ui/react-toggle": "^1.1.9",
-    "@radix-ui/react-toggle-group": "^1.1.10",
-    "@radix-ui/react-tooltip": "^1.2.7",
-    "@tailwindcss/vite": "^4.1.11",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "date-fns": "^4.1.0",
-    "embla-carousel-react": "^8.6.0",
-    "input-otp": "^1.4.2",
-    "lucide-react": "^0.536.0",
-    "next-themes": "^0.4.6",
-    "react": "^19.1.0",
-    "react-day-picker": "^9.8.1",
-    "react-dom": "^19.1.0",
-    "react-hook-form": "^7.62.0",
-    "react-resizable-panels": "^3.0.4",
-    "recharts": "2.15.4",
-    "sonner": "^2.0.7",
-    "tailwind-merge": "^3.3.1",
-    "tailwindcss": "^4.1.11",
-    "vaul": "^1.1.2",
-    "zod": "^4.0.14"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.30.1",
-    "@storybook/addon-storysource": "9.0.0-alpha.14",
-    "@storybook/addon-themes": "^9.1.1",
-    "@storybook/react-vite": "^9.1.1",
-    "@types/node": "^24.2.0",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "@vitejs/plugin-react": "^4.6.0",
-    "eslint": "^9.30.1",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.20",
-    "eslint-plugin-storybook": "^9.1.1",
-    "globals": "^16.3.0",
-    "storybook": "^9.1.1",
-    "tw-animate-css": "^1.3.6",
-    "typescript": "~5.8.3",
-    "typescript-eslint": "^8.35.1",
-    "vite": "^7.0.4"
-  }
-}
+	"name": "@panthevm_original/react-components",
+	"private": false,
+	"version": "1.0.10",
+	"description": "React components library",
+	"main": "dist/react-components.umd.js",
+	"module": "./dist/react-components.js",
+	"types": "./dist/types/index.d.ts",
+	"files": [
+		"dist"
+	],
+	"type": "module",
+	"exports": {
+		".": {
+			"types": "./dist/types/index.d.ts",
+			"import": "./dist/react-components.js",
+			"require": "./dist/react-components.umd.js"
+		},
+		"./styles.css": "./dist/react-components.css"
+	},
+	"scripts": {
+		"dev": "vite",
+		"build": "tsc -p tsconfig.build.json && vite build && node scripts/clean-types.js",
+		"lint": "eslint .",
+		"preview": "vite preview",
+		"storybook": "storybook dev -p 6006",
+		"build-storybook": "storybook build",
+		"sync-design-tokens": "node scripts/sync-design-tokens.js"
+	},
+	"dependencies": {
+		"@hookform/resolvers": "^5.2.1",
+		"@radix-ui/react-accordion": "^1.2.11",
+		"@radix-ui/react-alert-dialog": "^1.1.14",
+		"@radix-ui/react-aspect-ratio": "^1.1.7",
+		"@radix-ui/react-avatar": "^1.1.10",
+		"@radix-ui/react-checkbox": "^1.3.2",
+		"@radix-ui/react-collapsible": "^1.1.11",
+		"@radix-ui/react-context-menu": "^2.2.15",
+		"@radix-ui/react-dialog": "^1.1.14",
+		"@radix-ui/react-dropdown-menu": "^2.1.15",
+		"@radix-ui/react-hover-card": "^1.1.14",
+		"@radix-ui/react-label": "^2.1.7",
+		"@radix-ui/react-menubar": "^1.1.15",
+		"@radix-ui/react-navigation-menu": "^1.2.13",
+		"@radix-ui/react-popover": "^1.1.14",
+		"@radix-ui/react-progress": "^1.1.7",
+		"@radix-ui/react-radio-group": "^1.3.7",
+		"@radix-ui/react-scroll-area": "^1.2.9",
+		"@radix-ui/react-select": "^2.2.5",
+		"@radix-ui/react-separator": "^1.1.7",
+		"@radix-ui/react-slider": "^1.3.5",
+		"@radix-ui/react-slot": "^1.2.3",
+		"@radix-ui/react-switch": "^1.2.5",
+		"@radix-ui/react-tabs": "^1.1.12",
+		"@radix-ui/react-toggle": "^1.1.9",
+		"@radix-ui/react-toggle-group": "^1.1.10",
+		"@radix-ui/react-tooltip": "^1.2.7",
+		"@tailwindcss/vite": "^4.1.11",
+		"class-variance-authority": "^0.7.1",
+		"clsx": "^2.1.1",
+		"cmdk": "^1.1.1",
+		"date-fns": "^4.1.0",
+		"embla-carousel-react": "^8.6.0",
+		"input-otp": "^1.4.2",
+		"lucide-react": "^0.536.0",
+		"next-themes": "^0.4.6",
+		"react": "^19.1.0",
+		"react-day-picker": "^9.8.1",
+		"react-dom": "^19.1.0",
+		"react-hook-form": "^7.62.0",
+		"react-resizable-panels": "^3.0.4",
+		"recharts": "2.15.4",
+		"sonner": "^2.0.7",
+		"tailwind-merge": "^3.3.1",
+		"tailwindcss": "^4.1.11",
+		"vaul": "^1.1.2",
+		"zod": "^4.0.14"
+	},
+	"devDependencies": {
+		"@eslint/js": "^9.30.1",
+		"@storybook/addon-storysource": "9.0.0-alpha.14",
+		"@storybook/addon-themes": "^9.1.1",
+		"@storybook/react-vite": "^9.1.1",
+		"@types/node": "^24.2.0",
+		"@types/react": "^19.1.8",
+		"@types/react-dom": "^19.1.6",
+		"@vitejs/plugin-react": "^4.6.0",
+		"eslint": "^9.30.1",
+		"eslint-plugin-react-hooks": "^5.2.0",
+		"eslint-plugin-react-refresh": "^0.4.20",
+		"eslint-plugin-storybook": "^9.1.1",
+		"globals": "^16.3.0",
+		"storybook": "^9.1.1",
+		"tw-animate-css": "^1.3.6",
+		"typescript": "~5.8.3",
+		"typescript-eslint": "^8.35.1",
+		"vite": "^7.0.4"
+	}
+}

packages/react-components/scripts/clean-types.js

@@ -0,0 +1,22 @@
+#!/usr/bin/env node
+
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const indexDtsPath = path.join(__dirname, '../dist/types/index.d.ts');
+
+if (fs.existsSync(indexDtsPath)) {
+  let content = fs.readFileSync(indexDtsPath, 'utf8');
+  
+  // Remove CSS import from TypeScript declarations
+  content = content.replace(/^import\s+["']\.\/index\.css["'];?\s*\n/m, '');
+  
+  fs.writeFileSync(indexDtsPath, content);
+  console.log('✅ Cleaned up TypeScript declarations');
+} else {
+  console.log('⚠️  index.d.ts not found');
+}

packages/react-components/src/components/ui/input.tsx

@@ -8,7 +8,7 @@ function Input({ className, type, ...props }: React.ComponentProps<"input">) {
       type={type}
       data-slot="input"
       className={cn(
-        "h-[36px] file:text-foreground placeholder:text-(--color-elements-disabled) selection:bg-primary selection:text-primary-foreground border-input flex w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-(--color-elements-assistive) md:text-sm",
+        "h-9 file:text-foreground placeholder:text-(--color-elements-disabled) selection:bg-primary selection:text-primary-foreground border-border-primary flex w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-(--color-elements-assistive) md:text-sm",
         "focus-visible:border-(--color-border-XS-regular-hover)",
         "disabled:bg-(--color-surface-1)",
         "aria-invalid:ring-destructive aria-invalid:text-(--color-critical-default) aria-invalid:border-destructive",

packages/react-components/src/components/ui/request-line-editor.tsx

@@ -0,0 +1,81 @@
+import {
+	Button,
+	DropdownMenu,
+	DropdownMenuCheckboxItem,
+	DropdownMenuContent,
+	DropdownMenuLabel,
+	DropdownMenuSeparator,
+	DropdownMenuTrigger,
+	Input,
+
+} from "../../index";
+
+import {
+	Check,
+	ChevronDown,
+	Copy,
+} from "lucide-react";
+import { useState } from "react";
+
+const requestMethods = ["GET", "POST", "PUT", "PATCH", "DELETE"];
+
+
+// Move to copy-button.tsx
+function CopyButton() {
+	const [isActive, setIsActive] = useState(false);
+	function handleClick() {
+		setIsActive(true);
+		setTimeout(() => {
+			setIsActive(false);
+		}, 1000);
+	}
+	return (
+		<Button
+			variant="ghost"
+			className="p-1 absolute right-2 top-1.5 text-text-secondary"
+			onClick={handleClick}
+		>
+			{isActive ? <Check /> : <Copy />}
+		</Button>
+	);
+}
+
+function RequestMethodSelector() {
+	const [selectedMethod, setMethod] = useState("GET");
+	return (
+		<DropdownMenu>
+			<DropdownMenuTrigger asChild>
+				<Button
+					variant="outline"
+					className="rounded-r-none! border-r-0! pr-3! w-26 h-9 bg-bg-secondary"
+				>
+					{selectedMethod}
+					<ChevronDown />
+				</Button>
+			</DropdownMenuTrigger>
+			<DropdownMenuContent>
+				<DropdownMenuLabel>Request method</DropdownMenuLabel>
+				<DropdownMenuSeparator></DropdownMenuSeparator>
+				{requestMethods.map((requestMethod) => (
+					<DropdownMenuCheckboxItem
+						key={requestMethod}
+						checked={selectedMethod === requestMethod}
+						onCheckedChange={() => setMethod(requestMethod)}
+					>
+						{requestMethod}
+					</DropdownMenuCheckboxItem>
+				))}
+			</DropdownMenuContent>
+		</DropdownMenu>
+	);
+}
+
+function ReuqestLineEditor() {
+	return (
+		<div className="flex relative w-full">
+				<RequestMethodSelector />
+				<Input className="rounded-l-none!" defaultValue="/fhir/Patient" />
+				<CopyButton />
+			</div>
+	);
+}

packages/react-components/src/index.css.d.ts

@@ -0,0 +1,3 @@
+// CSS module declaration
+declare const styles: void;
+export default styles;

packages/react-components/src/styles.ts

@@ -0,0 +1,2 @@
+// CSS entry point for the library
+import "./index.css";

packages/react-components/tsconfig.build.json

@@ -5,7 +5,8 @@
     "declaration": true,
     "declarationMap": true,
     "outDir": "./dist/types",
-    "emitDeclarationOnly": true
+    "emitDeclarationOnly": true,
+    "skipLibCheck": true
   },
   "include": ["src"],
   "exclude": ["src/**/*.stories.ts", "src/**/*.stories.tsx", "src/**/*.test.ts", "src/**/*.test.tsx"]

packages/react-components/vite.config.ts

@@ -12,6 +12,7 @@ export default defineConfig({
     },
   },
   build: {
+    emptyOutDir: false,
     lib: {
       name: "@panthevm_original/react-components",
       entry: path.resolve(__dirname, "./src/index.tsx"),
@@ -23,7 +24,8 @@ export default defineConfig({
         globals: {
           react: 'React',
           'react-dom': 'ReactDOM'
-        }
+        },
+        assetFileNames: 'react-components.[ext]'
       }
     }
   }