@octane-xplat/ui 0.3.0 → 0.5.0

package/dist/native/ui23.js

@@ -1,103 +1,55 @@
 import { cx } from "./ui2.js";
-import { getColorScheme } from "./ui20.js";
-import { createNativeScriptRoot, defineUniversalComponent, universalComponent, universalIf, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
-import { GridLayout, getRootLayout, isAndroid, isIOS } from "@nativescript/core";
-//#region src/toast.native.tsrx
+import { applyEscapeProps } from "./ui3.js";
+import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
+//#region src/TextInput.native.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
-	"type": "label",
-	"props": { "className": "vx-toast" },
-	"children": [{
-		"kind": "slot",
-		"slot": 0
-	}]
+	"type": "textfield",
+	"bindings": [
+		["ref", 0],
+		["id", 1],
+		["className", 2],
+		["style", 3],
+		["text", 4],
+		["hint", 5],
+		["secure", 6],
+		["keyboardType", 7],
+		["returnKeyType", 8],
+		["editable", 9],
+		["onTextChange", 10],
+		["onReturnPress", 11],
+		["onFocus", 12],
+		["onBlur", 13]
+	]
 });
-var __octaneUniversalPlan1 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "gridlayout",
-	"props": { "className": "vx-toast" },
-	"children": [{
-		"kind": "slot",
-		"slot": 0
-	}]
-});
-var __octaneUniversalPlan2 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var queue = [];
-var active = null;
-var ToastBody = defineUniversalComponent("nativescript", function ToastBody(props) {
-	return universalValue(__octaneUniversalPlan2, [universalIf(typeof props.content === "string", () => {
-		return universalValue(__octaneUniversalPlan0, [props.content]);
-	}, () => {
-		const Component = props.content;
-		return universalValue(__octaneUniversalPlan1, [universalComponent("nativescript", Component, universalProps([]))]);
-	})]);
+var TextInput = defineUniversalComponent("nativescript", function TextInput(props) {
+	return universalValue(__octaneUniversalPlan0, [
+		(v) => {
+			if (!v) return;
+			applyEscapeProps(v, props);
+			props.bind?.({
+				focus: () => v.focus(),
+				blur: () => v.dismissSoftInput?.() ?? v.blur(),
+				native: v
+			});
+		},
+		props.id,
+		cx(props.className),
+		{
+			...props.style,
+			...props.placeholderTextColor ? { placeholderColor: props.placeholderTextColor } : {}
+		},
+		props.value,
+		props.placeholder ?? props.hint,
+		props.secure,
+		props.keyboardType === "default" ? void 0 : props.keyboardType,
+		props.returnKeyType,
+		props.editable ?? true,
+		(e) => props.onChange?.(e.value),
+		props.onSubmit,
+		props.onFocus,
+		props.onBlur
+	]);
 }, { "module": "@nativescript-community/octane" });
-function finishToast(entry) {
-	if (active !== entry) return;
-	if (entry.timer !== null) clearTimeout(entry.timer);
-	entry.timer = null;
-	const rootLayout = getRootLayout();
-	const finish = () => {
-		entry.root.unmount?.();
-		if (active === entry) active = null;
-		showNext();
-	};
-	if (rootLayout?.hasChild?.(entry.host)) rootLayout.close(entry.host).then(finish, (error) => {
-		console.error("[Toast] close failed", error);
-		finish();
-	});
-	else finish();
-}
-function showNext() {
-	if (active || queue.length === 0) return;
-	const entry = queue.shift();
-	const rootLayout = getRootLayout();
-	if (!rootLayout) {
-		console.warn("[Toast] RootLayout is not mounted; toast was skipped");
-		return;
-	}
-	const host = new GridLayout();
-	host.className = cx("vx-toast-host", getColorScheme() === "dark" && "ns-dark");
-	host.horizontalAlignment = "stretch";
-	host.verticalAlignment = entry.options.position === "top" ? "top" : "bottom";
-	host.marginTop = entry.options.position === "top" ? 24 : 0;
-	host.marginBottom = entry.options.position === "top" ? 0 : 24;
-	Object.assign(host, isIOS ? entry.options.ios : isAndroid ? entry.options.android : void 0);
-	const root = createNativeScriptRoot(host);
-	const current = {
-		...entry,
-		host,
-		root,
-		timer: null
-	};
-	active = current;
-	root.render(ToastBody, { content: entry.content });
-	const open = () => {
-		rootLayout.open(host).then(() => {
-			if (active === current) current.timer = setTimeout(() => finishToast(current), Math.max(0, entry.options.duration ?? 3e3));
-		}, (error) => {
-			console.error("[Toast] open failed", error);
-			root.unmount?.();
-			if (active === current) active = null;
-			showNext();
-		});
-	};
-	if (rootLayout.hasChild?.(host)) rootLayout.close(host).then(open, (error) => {
-		console.error("[Toast] stale host close failed", error);
-		if (active === current) active = null;
-		showNext();
-	});
-	else open();
-}
-function showToast(content, options = {}) {
-	queue.push({
-		content,
-		options
-	});
-	showNext();
-}
 //#endregion
-export { showToast };
+export { TextInput };

package/dist/native/ui24.js

@@ -1,58 +1,84 @@
-import { hookSlots, useRef } from "@nativescript-community/octane";
-import { cancelAnimationFrame, requestAnimationFrame } from "@nativescript/core/animation-frame";
-//#region src/anim.native.tsrx
-var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
-function createAnimated(initial, prop) {
-	let view = null;
-	let current = initial;
-	let raf = 0;
-	const apply = (v) => {
-		current = v;
-		if (view) view[prop] = v;
+import { cx } from "./ui2.js";
+import { applyEscapeProps } from "./ui3.js";
+import { defineUniversalComponent, hookSlots, universalPlan, universalValue, useEffect, useRef } from "@nativescript-community/octane";
+import { Utils } from "@nativescript/core";
+//#region src/TextArea.native.tsrx
+var _hs$ = /* @__PURE__ */ hookSlots(2);
+var _h$0 = /* @__PURE__ */ Symbol(_hs$);
+var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "textview",
+	"bindings": [
+		["id", 0],
+		["ref", 1],
+		["className", 2],
+		["style", 3],
+		["text", 4],
+		["hint", 5],
+		["keyboardType", 6],
+		["returnKeyType", 7],
+		["editable", 8],
+		["onLoaded", 9],
+		["onTextChange", 10],
+		["onReturnPress", 11],
+		["onFocus", 12],
+		["onBlur", 13]
+	]
+});
+var TextArea = defineUniversalComponent("nativescript", function TextArea(props) {
+	const el = useRef(null, _h$0);
+	const submitOnReturn = props.returnKeyType === "done" || props.returnKeyType === "send";
+	const lineDip = (v) => {
+		const ios = v?.ios?.font?.lineHeight;
+		if (ios > 0) return ios;
+		const px = v?.android?.getLineHeight?.();
+		if (px > 0) return Utils.layout.toDeviceIndependentPixels(px);
+		return 24;
 	};
-	const run = (step) => {
-		cancelAnimationFrame(raf);
-		const start = Date.now();
-		const tick = () => {
-			const v = step(Date.now() - start);
-			if (v === null) return;
-			apply(v);
-			raf = requestAnimationFrame(tick);
-		};
-		raf = requestAnimationFrame(tick);
+	const fit = (v) => {
+		if (!v) return;
+		if (props.style?.height != null) return;
+		const line = lineDip(v);
+		const rows = props.rows ?? (props.autoGrow ? 1 : 3);
+		v.style.minHeight = rows * line;
+		if (props.maxRows) v.style.maxHeight = props.maxRows * line;
+		else if (!props.autoGrow) v.style.maxHeight = rows * line;
 	};
-	return {
-		get value() {
-			return current;
-		},
-		bind(v) {
-			view = v;
-			if (view) view[prop] = current;
-		},
-		to(target, opts) {
-			const dur = opts?.duration ?? 300;
-			const from = current;
-			run((t) => t >= dur ? (apply(target), null) : from + (target - from) * (t / dur));
-		},
-		spring(target, opts) {
-			const damping = opts?.damping ?? 14, stiffness = opts?.stiffness ?? 120;
-			let v = 0, x = current;
-			run(() => {
-				const dt = 1 / 60;
-				v += (-stiffness * (x - target) - damping * v) * dt;
-				x += v * dt;
-				return Math.abs(v) < .5 && Math.abs(x - target) < .5 ? (apply(target), null) : x;
+	useEffect(() => fit(el.current), [
+		props.rows,
+		props.autoGrow,
+		props.maxRows,
+		props.style
+	], _h$1);
+	return universalValue(__octaneUniversalPlan0, [
+		props.id,
+		(v) => {
+			el.current = v;
+			if (!v) return;
+			applyEscapeProps(v, props);
+			props.bind?.({
+				focus: () => v.focus(),
+				blur: () => v.dismissSoftInput?.() ?? v.blur(),
+				native: v
 			});
 		},
-		stop() {
-			cancelAnimationFrame(raf);
-		}
-	};
-}
-function useAnimation(initial = 0, prop = "translateX") {
-	const c = useRef(null, _h$0);
-	if (!c.current) c.current = createAnimated(initial, prop);
-	return c.current;
-}
+		cx(props.className),
+		{
+			...props.style,
+			...props.placeholderTextColor ? { placeholderColor: props.placeholderTextColor } : {}
+		},
+		props.value,
+		props.placeholder ?? props.hint,
+		props.keyboardType === "default" ? void 0 : props.keyboardType,
+		props.returnKeyType,
+		props.editable ?? true,
+		(e) => fit(e.object),
+		(e) => props.onChange?.(e.value),
+		submitOnReturn ? props.onSubmit : void 0,
+		props.onFocus,
+		props.onBlur
+	]);
+}, { "module": "@nativescript-community/octane" });
 //#endregion
-export { useAnimation };
+export { TextArea };

package/dist/native/ui25.js

@@ -1,19 +1,141 @@
-import "@nativescript-community/octane";
-import { defineUniversalComponent as defineUniversalComponent$1, universalComponent as universalComponent$1 } from "octane/universal/native";
-//#region src/styled.native.tsrx
-function styled(Base, def) {
-	function Styled(props) {
-		const cls = [def.base];
-		const rest = { ...props };
-		for (const k of Object.keys(def.variants ?? {})) {
-			if (props[k]) cls.push(def.variants[k]);
-			delete rest[k];
-		}
-		if (props.className) cls.push(props.className);
-		rest.className = cls;
-		return universalComponent$1("nativescript", Base, rest);
+import { cx } from "./ui2.js";
+import { defineUniversalComponent, memo, universalComponent, universalIf, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
+import { ScrollView, isAndroid, isIOS } from "@nativescript/core";
+//#region src/List.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "gridlayout",
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "listview",
+	"propsSlot": 0
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan3 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
+});
+var __octaneUniversalPlan4 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+function rejectNestedScrollView(event) {
+	let parent = event.object?.parent;
+	while (parent) {
+		if (parent instanceof ScrollView) throw new Error("[List] cannot be nested inside native ScrollView. Use ScrollBox so the ListView owns scrolling.");
+		parent = parent.parent;
 	}
-	return defineUniversalComponent$1("nativescript", Styled);
 }
+var ListInner = defineUniversalComponent("nativescript", function ListInner(props) {
+	const platformProps = Object.assign({}, isIOS ? props.ios : {}, isAndroid ? props.android : {});
+	return universalValue(__octaneUniversalPlan1, [universalProps([
+		[
+			"set",
+			"id",
+			props.id
+		],
+		[
+			"set",
+			"className",
+			cx(props.className)
+		],
+		[
+			"set",
+			"style",
+			props.style
+		],
+		[
+			"set",
+			"items",
+			props.items
+		],
+		[
+			"set",
+			"iosEstimatedRowHeight",
+			isIOS ? props.estimatedItemHeight : void 0
+		],
+		[
+			"set",
+			"onLoadMoreItems",
+			props.onEndReached
+		],
+		[
+			"set",
+			"onLoaded",
+			rejectNestedScrollView
+		],
+		[
+			"set",
+			"renderItem",
+			(item, index) => universalValue(__octaneUniversalPlan0, [props.renderItem(item, index)])
+		],
+		["spread", platformProps]
+	])]);
+}, { "module": "@nativescript-community/octane" });
+var MemoListView = memo(ListInner, (a, b) => a.items === b.items && a.className === b.className && a.style === b.style && a.id === b.id && a.estimatedItemHeight === b.estimatedItemHeight && a.onEndReached === b.onEndReached && a.ios === b.ios && a.android === b.android);
+var List = defineUniversalComponent("nativescript", function List(props) {
+	return universalValue(__octaneUniversalPlan4, [universalIf(props.items.length > 0, () => {
+		return universalValue(__octaneUniversalPlan2, [universalComponent("nativescript", MemoListView, universalProps([
+			[
+				"set",
+				"id",
+				props.id
+			],
+			[
+				"set",
+				"items",
+				props.items
+			],
+			[
+				"set",
+				"className",
+				props.className
+			],
+			[
+				"set",
+				"style",
+				props.style
+			],
+			[
+				"set",
+				"renderItem",
+				props.renderItem
+			],
+			[
+				"set",
+				"estimatedItemHeight",
+				props.estimatedItemHeight
+			],
+			[
+				"set",
+				"onEndReached",
+				props.onEndReached
+			],
+			[
+				"set",
+				"ios",
+				props.ios
+			],
+			[
+				"set",
+				"android",
+				props.android
+			]
+		]))]);
+	}, () => {
+		return universalValue(__octaneUniversalPlan3, [props.renderEmpty?.()]);
+	})]);
+}, { "module": "@nativescript-community/octane" });
 //#endregion
-export { styled };
+export { List };

package/dist/native/ui26.js

@@ -1,27 +1,12 @@
-import { cx } from "./ui2.js";
-import { applyEscapeProps } from "./ui3.js";
-import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/Screen.native.tsrx
+import { View } from "./ui6.js";
+import { defineUniversalComponent, universalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
+//#region src/ScrollBox.native.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "rootlayout",
-	"bindings": [
-		["ref", 0],
-		["className", 1],
-		["style", 2]
-	],
-	"children": [{
-		"kind": "slot",
-		"slot": 3
-	}]
+	"kind": "slot",
+	"slot": 0
 });
-var Screen = defineUniversalComponent("nativescript", function Screen(props) {
-	return universalValue(__octaneUniversalPlan0, [
-		(v) => applyEscapeProps(v, props),
-		cx(props.className),
-		props.style,
-		props.children
-	]);
+var ScrollBox = defineUniversalComponent("nativescript", function ScrollBox(props) {
+	return universalValue(__octaneUniversalPlan0, [universalComponent("nativescript", View, universalProps([["spread", props]], props.children))]);
 }, { "module": "@nativescript-community/octane" });
 //#endregion
-export { Screen };
+export { ScrollBox };

package/dist/native/ui27.js

@@ -1,35 +1,61 @@
-import { Application, Frame } from "@nativescript/core";
-//#region src/stacks.native.ts
-/** Named parallel stacks. A shell (Tabs with `stack` on a spec, the app
-*  entry's root frame) registers its Frame here; `pushRoute` resolves the
-*  target by name. Native-only concept — on web, parallel stacks map to
-*  nested routes (one linear URL stack). 'root' needs no registration:
-*  unregistered, it resolves to the app's root view when that's a
-*  Frame — the standard `Application.run({ create: () => frame })` boot
-*  shape. An explicit registerStack('root', frame) overrides it. */
-var stacks = /* @__PURE__ */ new Map();
-var regListeners = /* @__PURE__ */ new Set();
-function registerStack(name, frame) {
-	stacks.set(name, frame);
-	regListeners.forEach((l) => l(name, frame));
-}
-function getStack(name) {
-	const registered = stacks.get(name);
-	if (registered) return registered;
-	if (name === "root") {
-		const rv = Application.getRootView?.();
-		if (rv instanceof Frame) return rv;
-	}
-}
-/** All registered stacks in registration order — for hardware-back
-*  resolution (pop whichever stack is visibly on top). */
-function stackEntries() {
-	return stacks.entries();
-}
-/** Internal: route.native attaches frame listeners as stacks appear —
-*  named frames can register after a useRoute subscription ran. */
-function onStackRegistered(cb) {
-	regListeners.add(cb);
-}
+import { cx } from "./ui2.js";
+import { applyEscapeProps } from "./ui3.js";
+import { glassClassOf, glassConfigOf } from "./ui4.js";
+import { layoutChildProps } from "./ui5.js";
+import { defineUniversalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
+//#region src/ScrollView.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "scrollview",
+	"propsSlot": 0,
+	"children": [{
+		"kind": "host",
+		"type": "flexboxlayout",
+		"bindings": [["flexDirection", 1]],
+		"children": [{
+			"kind": "slot",
+			"slot": 2
+		}]
+	}]
+});
+var ScrollView = defineUniversalComponent("nativescript", function ScrollView(props) {
+	return universalValue(__octaneUniversalPlan0, [
+		universalProps([
+			[
+				"set",
+				"ref",
+				(v) => applyEscapeProps(v, props)
+			],
+			[
+				"set",
+				"id",
+				props.id
+			],
+			["spread", layoutChildProps(props)],
+			[
+				"set",
+				"className",
+				cx(glassClassOf(props.glass), props.className)
+			],
+			[
+				"set",
+				"style",
+				props.style
+			],
+			[
+				"set",
+				"iosGlassEffect",
+				glassConfigOf(props.glass)
+			],
+			[
+				"set",
+				"orientation",
+				props.horizontal ? "horizontal" : "vertical"
+			]
+		]),
+		props.horizontal ? "row" : "column",
+		props.children
+	]);
+}, { "module": "@nativescript-community/octane" });
 //#endregion
-export { getStack, onStackRegistered, registerStack, stackEntries };
+export { ScrollView };