@opentui/react 0.1.14 → 0.1.15

package/index.js

@@ -4,6 +4,7 @@ import {
   ASCIIFontRenderable,
   BoxRenderable,
   InputRenderable,
+  ScrollBoxRenderable,
   SelectRenderable,
   TabSelectRenderable,
   TextRenderable
@@ -13,6 +14,7 @@ var baseComponents = {
   text: TextRenderable,
   input: InputRenderable,
   select: SelectRenderable,
+  scrollbox: ScrollBoxRenderable,
   "ascii-font": ASCIIFontRenderable,
   "tab-select": TabSelectRenderable
 };
@@ -282,7 +284,10 @@ var hostConfig = {
     if (!components[type]) {
       throw new Error(`[Reconciler] Unknown component type: ${type}`);
     }
-    return new components[type](rootContainerInstance.ctx, {});
+    return new components[type](rootContainerInstance.ctx, {
+      id,
+      ...props
+    });
   },
   appendChild(parent, child) {
     parent.add(child);

package/jsx-namespace.d.ts

@@ -2,12 +2,14 @@ import type * as React from "react"
 import type {
   AsciiFontProps,
   BoxProps,
+  ExtendedIntrinsicElements,
   InputProps,
+  OpenTUIComponents,
+  ScrollBoxProps,
   SelectProps,
   TabSelectProps,
   TextProps,
 } from "./src/types/components"
-import type { ExtendedIntrinsicElements, OpenTUIComponents } from "./src/types/components"
 
 export namespace JSX {
   type Element = React.ReactNode
@@ -29,6 +31,7 @@ export namespace JSX {
     text: TextProps
     input: InputProps
     select: SelectProps
+    scrollbox: ScrollBoxProps
     "ascii-font": AsciiFontProps
     "tab-select": TabSelectProps
   }

package/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "types": "src/index.d.ts",
   "type": "module",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "description": "React renderer for building terminal user interfaces using OpenTUI core",
   "license": "MIT",
   "repository": {
@@ -35,7 +35,7 @@
     }
   },
   "dependencies": {
-    "@opentui/core": "0.1.14",
+    "@opentui/core": "0.1.15",
     "react-reconciler": "^0.32.0"
   },
   "devDependencies": {

package/src/components/index.d.ts

@@ -1,10 +1,11 @@
-import { ASCIIFontRenderable, BoxRenderable, InputRenderable, SelectRenderable, TabSelectRenderable, TextRenderable } from "@opentui/core";
+import { ASCIIFontRenderable, BoxRenderable, InputRenderable, ScrollBoxRenderable, SelectRenderable, TabSelectRenderable, TextRenderable } from "@opentui/core";
 import type { RenderableConstructor } from "../types/components";
 export declare const baseComponents: {
     box: typeof BoxRenderable;
     text: typeof TextRenderable;
     input: typeof InputRenderable;
     select: typeof SelectRenderable;
+    scrollbox: typeof ScrollBoxRenderable;
     "ascii-font": typeof ASCIIFontRenderable;
     "tab-select": typeof TabSelectRenderable;
 };

package/src/reconciler/renderer.js

@@ -23,6 +23,7 @@ import {
   ASCIIFontRenderable,
   BoxRenderable,
   InputRenderable,
+  ScrollBoxRenderable,
   SelectRenderable,
   TabSelectRenderable,
   TextRenderable
@@ -32,6 +33,7 @@ var baseComponents = {
   text: TextRenderable,
   input: InputRenderable,
   select: SelectRenderable,
+  scrollbox: ScrollBoxRenderable,
   "ascii-font": ASCIIFontRenderable,
   "tab-select": TabSelectRenderable
 };
@@ -217,7 +219,10 @@ var hostConfig = {
     if (!components[type]) {
       throw new Error(`[Reconciler] Unknown component type: ${type}`);
     }
-    return new components[type](rootContainerInstance.ctx, {});
+    return new components[type](rootContainerInstance.ctx, {
+      id,
+      ...props
+    });
   },
   appendChild(parent, child) {
     parent.add(child);

package/src/types/components.d.ts

@@ -1,4 +1,4 @@
-import type { ASCIIFontOptions, ASCIIFontRenderable, BoxOptions, BoxRenderable, InputRenderable, InputRenderableOptions, Renderable, RenderableOptions, RenderContext, SelectOption, SelectRenderable, SelectRenderableOptions, StyledText, TabSelectOption, TabSelectRenderable, TabSelectRenderableOptions, TextChunk, TextOptions, TextRenderable } from "@opentui/core";
+import type { ASCIIFontOptions, ASCIIFontRenderable, BoxOptions, BoxRenderable, InputRenderable, InputRenderableOptions, Renderable, RenderableOptions, RenderContext, ScrollBoxOptions, ScrollBoxRenderable, SelectOption, SelectRenderable, SelectRenderableOptions, StyledText, TabSelectOption, TabSelectRenderable, TabSelectRenderableOptions, TextChunk, TextOptions, TextRenderable } from "@opentui/core";
 import type React from "react";
 /** Properties that should not be included in the style prop */
 export type NonStyledProps = "id" | "buffered" | "live" | "enableLayout" | "selectable" | "renderAfter" | "renderBefore" | `on${string}`;
@@ -40,6 +40,9 @@ export type SelectProps = ComponentProps<SelectRenderableOptions, SelectRenderab
     onChange?: (index: number, option: SelectOption | null) => void;
     onSelect?: (index: number, option: SelectOption | null) => void;
 };
+export type ScrollBoxProps = ComponentProps<ContainerProps<ScrollBoxOptions>, ScrollBoxRenderable> & {
+    focused?: boolean;
+};
 export type AsciiFontProps = ComponentProps<ASCIIFontOptions, ASCIIFontRenderable>;
 export type TabSelectProps = ComponentProps<TabSelectRenderableOptions, TabSelectRenderable> & {
     focused?: boolean;