@termaxjs/web-react 0.1.1

package/dist/tree/TerminalTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalTree.d.ts","sourceRoot":"","sources":["../../src/tree/TerminalTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,SAAS,EACT,KAAK,GACN,EAAE,iBAAiB,qBA4GnB"}

package/dist/tree/TerminalTree.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+export function TerminalTree({ data, activeId, onSelect, onToggleFolder, className, style, }) {
+    const [expandedIds, setExpandedIds] = useState(new Set(['root']));
+    const toggleExpand = (node) => {
+        setExpandedIds((prev) => {
+            const next = new Set(prev);
+            const isCurrentlyExpanded = next.has(node.id);
+            if (isCurrentlyExpanded) {
+                next.delete(node.id);
+            }
+            else {
+                next.add(node.id);
+            }
+            onToggleFolder?.(node, !isCurrentlyExpanded);
+            return next;
+        });
+    };
+    const renderNodes = (nodes, depth = 0) => {
+        return nodes.map((node) => {
+            const isExpanded = expandedIds.has(node.id);
+            const isActive = node.id === activeId;
+            return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsxs("div", { role: "treeitem", "aria-selected": isActive, "aria-expanded": node.isFolder ? isExpanded : undefined, tabIndex: 0, onClick: () => {
+                            if (node.isFolder) {
+                                toggleExpand(node);
+                            }
+                            onSelect?.(node);
+                        }, onKeyDown: (e) => {
+                            if (e.key === 'Enter' || e.key === ' ') {
+                                e.preventDefault();
+                                if (node.isFolder) {
+                                    toggleExpand(node);
+                                }
+                                onSelect?.(node);
+                            }
+                        }, style: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'space-between',
+                            padding: '4px 8px',
+                            paddingLeft: `${depth * 14 + 8}px`,
+                            fontSize: '12px',
+                            cursor: 'pointer',
+                            userSelect: 'none',
+                            backgroundColor: isActive ? 'rgba(88, 166, 255, 0.15)' : 'transparent',
+                            color: isActive ? '#58a6ff' : 'inherit',
+                            borderRadius: '4px',
+                        }, onMouseEnter: (e) => {
+                            if (!isActive)
+                                e.currentTarget.style.backgroundColor = 'rgba(255, 255, 255, 0.05)';
+                        }, onMouseLeave: (e) => {
+                            if (!isActive)
+                                e.currentTarget.style.backgroundColor = 'transparent';
+                        }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '6px', overflow: 'hidden' }, children: [node.isFolder && (_jsx("span", { style: { fontSize: '10px', width: '12px', opacity: 0.6 }, children: isExpanded ? '▼' : '▶' })), _jsx("span", { children: node.icon || (node.isFolder ? '📁' : '📄') }), _jsx("span", { style: { whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }, children: node.name })] }), node.badge !== undefined && (_jsx("span", { style: { fontSize: '10px', opacity: 0.5, padding: '1px 4px', borderRadius: '4px', backgroundColor: 'rgba(255, 255, 255, 0.1)' }, children: node.badge }))] }), node.isFolder && isExpanded && node.children && (_jsx("div", { children: renderNodes(node.children, depth + 1) }))] }, node.id));
+        });
+    };
+    return (_jsx("div", { className: className, style: {
+            display: 'flex',
+            flexDirection: 'column',
+            width: '100%',
+            height: '100%',
+            overflowY: 'auto',
+            padding: '4px 0',
+            fontSize: '12px',
+            ...style,
+        }, children: renderNodes(data) }));
+}
+//# sourceMappingURL=TerminalTree.js.map

package/dist/tree/TerminalTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalTree.js","sourceRoot":"","sources":["../../src/tree/TerminalTree.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@termaxjs/web-react",
+  "version": "0.1.1",
+  "description": "Declarative React 18/19 components (<TerminalView />, <SplitPaneView />) and custom hooks for Termax",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./pool": {
+      "types": "./dist/pool/index.d.ts",
+      "import": "./dist/pool/index.js",
+      "default": "./dist/pool/index.js"
+    }
+  },
+  "dependencies": {
+    "@termaxjs/web-core": "0.1.1",
+    "@termaxjs/web-addons": "0.1.1",
+    "@termaxjs/web-adapter": "0.1.1",
+    "@termaxjs/web-ui": "0.1.1"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "type": "module",
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.7.2",
+    "vitest": "^3.0.5"
+  },
+  "license": "Apache-2.0",
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc",
+    "check-types": "tsc --noEmit",
+    "test": "vitest run --passWithNoTests"
+  }
+}