@octane-xplat/ui 0.3.0 → 0.4.0

package/dist/native/ui14.js

@@ -1,83 +1,125 @@
 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);
+import { applyEscapeProps, nativeAccessibilityState } from "./ui3.js";
+import { layoutChildProps } from "./ui5.js";
+import { createContext, defineUniversalComponent, universalComponent, universalIf, universalPlan, universalProps, universalValue, useContext } from "@nativescript-community/octane";
+//#region src/Text.native.tsrx
 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]
-	]
+	"type": "span",
+	"propsSlot": 0,
+	"children": [{
+		"kind": "slot",
+		"slot": 1
+	}]
 });
-var TextArea = defineUniversalComponent("nativescript", function TextArea(props) {
-	const el = useRef(null, _h$0);
-	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 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;
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"propsSlot": 0,
+	"children": [{
+		"kind": "slot",
+		"slot": 1
+	}]
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var InText = createContext(false);
+var TextScope = defineUniversalComponent("nativescript", function TextScope(props) {
+	return InText({
+		value: true,
+		children: props.children
+	});
+}, { "module": "@nativescript-community/octane" });
+var Text = defineUniversalComponent("nativescript", function Text(props) {
+	const inText = useContext(InText);
+	const textStyle = {
+		...props.style,
+		...props.ellipsize ? {
+			whiteSpace: "nowrap",
+			textOverflow: "ellipsis"
+		} : {}
 	};
-	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
-			});
-		},
-		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,
-		(e) => fit(e.object),
-		(e) => props.onChange?.(e.value),
-		props.onSubmit,
-		props.onFocus,
-		props.onBlur
-	]);
+	return universalValue(__octaneUniversalPlan2, [universalIf(inText, () => {
+		return universalValue(__octaneUniversalPlan0, [universalProps([
+			[
+				"set",
+				"ref",
+				(v) => applyEscapeProps(v, props)
+			],
+			[
+				"set",
+				"className",
+				cx(props.className)
+			],
+			[
+				"set",
+				"style",
+				textStyle
+			],
+			["spread", layoutChildProps(props)]
+		]), props.children]);
+	}, () => {
+		return universalValue(__octaneUniversalPlan1, [universalProps([
+			[
+				"set",
+				"id",
+				props.id
+			],
+			[
+				"set",
+				"ref",
+				(v) => applyEscapeProps(v, props)
+			],
+			["spread", layoutChildProps(props)],
+			[
+				"set",
+				"className",
+				cx(props.className)
+			],
+			[
+				"set",
+				"style",
+				textStyle
+			],
+			[
+				"set",
+				"maxLines",
+				props.numberOfLines ?? 0
+			],
+			[
+				"set",
+				"whiteSpace",
+				props.ellipsize ? "nowrap" : "normal"
+			],
+			[
+				"set",
+				"textOverflow",
+				props.ellipsize ? "ellipsis" : void 0
+			],
+			[
+				"set",
+				"accessibilityHint",
+				props.accessibilityHint
+			],
+			[
+				"set",
+				"accessibilityValue",
+				props.accessibilityValue
+			],
+			[
+				"set",
+				"accessibilityState",
+				nativeAccessibilityState(props.accessibilityState)
+			],
+			[
+				"set",
+				"accessibilityLiveRegion",
+				props.accessibilityLiveRegion
+			]
+		]), universalComponent("nativescript", TextScope, universalProps([], props.children))]);
+	})]);
 }, { "module": "@nativescript-community/octane" });
 //#endregion
-export { TextArea };
+export { Text };

package/dist/native/ui15.js

@@ -1,47 +1,43 @@
 import { cx } from "./ui2.js";
-import { defineUniversalComponent, memo, universalComponent, universalIf, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
-import { isAndroid, isIOS } from "@nativescript/core";
-//#region src/List.native.tsrx
+import { applyEscapeProps } from "./ui3.js";
+import { layoutChildProps } from "./ui5.js";
+import { defineUniversalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
+//#region src/RichText.native.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
-	"type": "gridlayout",
+	"type": "label",
+	"propsSlot": 0,
 	"children": [{
-		"kind": "slot",
-		"slot": 0
+		"kind": "host",
+		"type": "formattedstring",
+		"children": [{
+			"kind": "slot",
+			"slot": 1
+		}]
 	}]
 });
 var __octaneUniversalPlan1 = universalPlan("nativescript", {
 	"kind": "host",
-	"type": "listview",
+	"type": "span",
 	"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
-});
-var ListInner = defineUniversalComponent("nativescript", function ListInner(props) {
-	const platformProps = Object.assign({}, isIOS ? props.ios : {}, isAndroid ? props.android : {});
-	return universalValue(__octaneUniversalPlan1, [universalProps([
+var RichText = defineUniversalComponent("nativescript", function RichText(props) {
+	return universalValue(__octaneUniversalPlan0, [universalProps([
 		[
 			"set",
 			"id",
 			props.id
 		],
+		[
+			"set",
+			"ref",
+			(el) => applyEscapeProps(el, props)
+		],
+		["spread", layoutChildProps(props)],
 		[
 			"set",
 			"className",
-			cx(props.className)
+			cx("vx-rich-text", props.className)
 		],
 		[
 			"set",
@@ -50,80 +46,35 @@ var ListInner = defineUniversalComponent("nativescript", function ListInner(prop
 		],
 		[
 			"set",
-			"items",
-			props.items
-		],
+			"whiteSpace",
+			"normal"
+		]
+	]), props.children]);
+}, { "module": "@nativescript-community/octane" });
+function runText(props) {
+	if (props.text !== void 0) return props.text;
+	if (typeof props.children === "string" || typeof props.children === "number") return String(props.children);
+	return "";
+}
+var RichTextSpan = defineUniversalComponent("nativescript", function RichTextSpan(props) {
+	return universalValue(__octaneUniversalPlan1, [universalProps([
 		[
 			"set",
-			"iosEstimatedRowHeight",
-			isIOS ? props.estimatedItemHeight : void 0
+			"text",
+			runText(props)
 		],
 		[
 			"set",
-			"onLoadMoreItems",
-			props.onEndReached
+			"className",
+			cx(props.className)
 		],
+		["spread", props.style],
 		[
 			"set",
-			"renderItem",
-			(item, index) => universalValue(__octaneUniversalPlan0, [props.renderItem(item, index)])
-		],
-		["spread", platformProps]
+			"onLinkTap",
+			props.onPress
+		]
 	])]);
 }, { "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 { List };
+export { RichText, RichTextSpan };

package/dist/native/ui16.js

@@ -1,55 +1,116 @@
 import { cx } from "./ui2.js";
-import { applyEscapeProps } from "./ui3.js";
-import { layoutChildProps } from "./ui4.js";
+import { applyEscapeProps, nativeAccessibilityState } 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
+//#region src/Pressable.native.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
-	"type": "scrollview",
+	"type": "flexboxlayout",
 	"propsSlot": 0,
 	"children": [{
-		"kind": "host",
-		"type": "flexboxlayout",
-		"bindings": [["flexDirection", 1]],
-		"children": [{
-			"kind": "slot",
-			"slot": 2
-		}]
+		"kind": "slot",
+		"slot": 1
 	}]
 });
-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(props.className)
-			],
-			[
-				"set",
-				"style",
-				props.style
-			],
-			[
-				"set",
-				"orientation",
-				props.horizontal ? "horizontal" : "vertical"
-			]
-		]),
-		props.horizontal ? "row" : "column",
-		props.children
-	]);
+var Pressable = defineUniversalComponent("nativescript", function Pressable(props) {
+	return universalValue(__octaneUniversalPlan0, [universalProps([
+		[
+			"set",
+			"ref",
+			(v) => applyEscapeProps(v, props)
+		],
+		[
+			"set",
+			"id",
+			props.id
+		],
+		["spread", layoutChildProps(props)],
+		[
+			"set",
+			"className",
+			cx("vx-pressable", glassClassOf(props.glass), props.className)
+		],
+		[
+			"set",
+			"iosGlassEffect",
+			glassConfigOf(props.glass)
+		],
+		[
+			"set",
+			"style",
+			{
+				...props.style,
+				...props.hitSlop ? {
+					margin: -props.hitSlop,
+					padding: props.hitSlop
+				} : {}
+			}
+		],
+		[
+			"set",
+			"accessible",
+			props.accessible
+		],
+		[
+			"set",
+			"accessibilityLabel",
+			props.accessibilityLabel
+		],
+		[
+			"set",
+			"accessibilityRole",
+			props.accessibilityRole
+		],
+		[
+			"set",
+			"accessibilityHint",
+			props.accessibilityHint
+		],
+		[
+			"set",
+			"accessibilityValue",
+			props.accessibilityValue
+		],
+		[
+			"set",
+			"accessibilityState",
+			nativeAccessibilityState(props.accessibilityState)
+		],
+		[
+			"set",
+			"accessibilityLiveRegion",
+			props.accessibilityLiveRegion
+		],
+		[
+			"set",
+			"ignoreTouchAnimation",
+			props.ignoreTouchAnimation
+		],
+		[
+			"set",
+			"onTap",
+			props.disabled ? void 0 : props.onPress
+		],
+		[
+			"set",
+			"onLongPress",
+			props.disabled ? void 0 : props.onLongPress
+		],
+		[
+			"set",
+			"onDoubleTap",
+			props.disabled ? void 0 : props.onDoublePress
+		],
+		[
+			"set",
+			"onTouch",
+			props.disabled ? void 0 : (e) => {
+				if (e.action === "down") props.onPressIn?.();
+				else if (e.action === "up" || e.action === "cancel") props.onPressOut?.();
+			}
+		]
+	]), props.children]);
 }, { "module": "@nativescript-community/octane" });
 //#endregion
-export { ScrollView };
+export { Pressable };

package/dist/native/ui17.js

@@ -1,47 +1,34 @@
-import { cx } from "./ui2.js";
-import { applyEscapeProps } from "./ui3.js";
-import { layoutChildProps } from "./ui4.js";
-import { defineUniversalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
-//#region src/Image.native.tsrx
+import { Pressable } from "./ui16.js";
+import { defineUniversalComponent, universalChildren, universalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
+import { Utils } from "@nativescript/core";
+//#region src/Link.native.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
-	"type": "image",
-	"propsSlot": 0
+	"type": "flexboxlayout",
+	"props": { "flexDirection": "row" },
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
 });
-var Image = defineUniversalComponent("nativescript", function Image(props) {
-	return universalValue(__octaneUniversalPlan0, [universalProps([
-		[
-			"set",
-			"ref",
-			(v) => applyEscapeProps(v, props)
-		],
-		[
-			"set",
-			"id",
-			props.id
-		],
-		["spread", layoutChildProps(props)],
-		[
-			"set",
-			"className",
-			cx(props.className)
-		],
-		[
-			"set",
-			"style",
-			props.style
-		],
-		[
-			"set",
-			"src",
-			props.src
-		],
-		[
-			"set",
-			"accessibilityLabel",
-			props.alt
-		]
-	])]);
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var Link = defineUniversalComponent("nativescript", function Link(props) {
+	return universalValue(__octaneUniversalPlan1, [universalComponent("nativescript", Pressable, universalProps([[
+		"set",
+		"className",
+		props.className
+	], [
+		"set",
+		"onPress",
+		() => {
+			Utils.openUrl(props.href);
+		}
+	]], universalChildren("nativescript", () => {
+		return universalValue(__octaneUniversalPlan0, [props.children]);
+	})))]);
 }, { "module": "@nativescript-community/octane" });
 //#endregion
-export { Image };
+export { Link };