@octane-xplat/ui 0.5.0 → 0.7.0

package/dist/native/Tree.tsrx.js

@@ -0,0 +1,140 @@
+import { cx } from "./cx.js";
+import { applyEscapeProps } from "./escape-props.js";
+import { defineUniversalComponent, hookSlots, universalComponent, universalPlan, universalProps, universalValue, useState } from "@nativescript-community/octane";
+//#region src/Tree.tsrx
+var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"props": { "className": "vx-tree-node" },
+	"children": [{
+		"kind": "host",
+		"type": "flexboxlayout",
+		"bindings": [
+			["className", 0],
+			["style", 1],
+			["onTap", 2]
+		],
+		"children": [{
+			"kind": "host",
+			"type": "label",
+			"props": { "className": "vx-tree-caret" },
+			"bindings": [["text", 3]]
+		}, {
+			"kind": "host",
+			"type": "label",
+			"props": { "className": "vx-tree-label" },
+			"bindings": [["text", 4]]
+		}]
+	}, {
+		"kind": "slot",
+		"slot": 5
+	}]
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan3 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"bindings": [
+		["ref", 0],
+		["id", 1],
+		["className", 2],
+		["style", 3]
+	],
+	"children": [{
+		"kind": "slot",
+		"slot": 4
+	}]
+});
+var TreeRow = defineUniversalComponent("nativescript", function TreeRow(props) {
+	const node = props.node;
+	const kids = node.children ?? [];
+	const isOpen = props.open.has(node.key);
+	return universalValue(__octaneUniversalPlan1, [
+		cx("vx-tree-row", node.disabled && "vx-tree-row--disabled"),
+		{ paddingLeft: props.depth * 16 },
+		node.disabled ? void 0 : () => kids.length ? props.toggle(node) : props.onSelect?.(node),
+		kids.length ? isOpen ? "▾" : "▸" : "",
+		node.label ?? node.key,
+		isOpen && kids.map((kid) => universalValue(__octaneUniversalPlan0, [universalComponent("nativescript", TreeRow, universalProps([
+			[
+				"set",
+				"node",
+				kid
+			],
+			[
+				"set",
+				"depth",
+				props.depth + 1
+			],
+			[
+				"set",
+				"open",
+				props.open
+			],
+			[
+				"set",
+				"toggle",
+				props.toggle
+			],
+			[
+				"set",
+				"onSelect",
+				props.onSelect
+			]
+		]))]))
+	]);
+}, { "module": "@nativescript-community/octane" });
+var Tree = defineUniversalComponent("nativescript", function Tree(props) {
+	const [open, setOpen] = useState(new Set(props.defaultExpanded ?? []), _h$0);
+	const toggle = (node) => {
+		const next = new Set(open);
+		const willOpen = !next.has(node.key);
+		if (willOpen) next.add(node.key);
+		else next.delete(node.key);
+		setOpen(next);
+		props.onToggle?.(node.key, willOpen);
+	};
+	return universalValue(__octaneUniversalPlan3, [
+		(v) => applyEscapeProps(v, props),
+		props.id,
+		cx("vx-tree", props.className),
+		props.style,
+		props.nodes.map((node) => universalValue(__octaneUniversalPlan2, [universalComponent("nativescript", TreeRow, universalProps([
+			[
+				"set",
+				"node",
+				node
+			],
+			[
+				"set",
+				"depth",
+				0
+			],
+			[
+				"set",
+				"open",
+				open
+			],
+			[
+				"set",
+				"toggle",
+				toggle
+			],
+			[
+				"set",
+				"onSelect",
+				props.onSelect
+			]
+		]))]))
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { Tree };

package/dist/native/User.tsrx.js

@@ -0,0 +1,95 @@
+import { cx } from "./cx.js";
+import { applyEscapeProps } from "./escape-props.js";
+import { Avatar } from "./Avatar.tsrx.js";
+import { defineUniversalComponent, markWarm, universalComponent, universalPlan, universalProps, universalValue, useBatch, warmChild } from "@nativescript-community/octane";
+//#region src/User.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"props": { "className": "vx-user-name" },
+	"bindings": [["text", 0]]
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"props": { "className": "vx-user-desc" },
+	"bindings": [["text", 0]]
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"props": { "flexDirection": "row" },
+	"bindings": [
+		["ref", 0],
+		["id", 1],
+		["className", 2],
+		["style", 3],
+		["onTap", 4]
+	],
+	"children": [{
+		"kind": "slot",
+		"slot": 5
+	}, {
+		"kind": "host",
+		"type": "flexboxlayout",
+		"props": { "className": "vx-user-body" },
+		"children": [{
+			"kind": "slot",
+			"slot": 6
+		}, {
+			"kind": "slot",
+			"slot": 7
+		}]
+	}]
+});
+var User = defineUniversalComponent("nativescript", markWarm(function User(props) {
+	useBatch([], () => {
+		warmChild(Avatar, {
+			src: props.src,
+			fallback: props.fallback,
+			alt: props.name,
+			size: props.size
+		});
+	});
+	return universalValue(__octaneUniversalPlan2, [
+		(v) => applyEscapeProps(v, props),
+		props.id,
+		cx("vx-user", props.onSelect && "vx-user--pressable", props.className),
+		props.style,
+		props.onSelect,
+		universalComponent("nativescript", Avatar, universalProps([
+			[
+				"set",
+				"src",
+				props.src
+			],
+			[
+				"set",
+				"fallback",
+				props.fallback
+			],
+			[
+				"set",
+				"alt",
+				props.name
+			],
+			[
+				"set",
+				"size",
+				props.size
+			]
+		])),
+		props.name != null ? universalValue(__octaneUniversalPlan0, [props.name]) : null,
+		props.description != null ? universalValue(__octaneUniversalPlan1, [props.description]) : null
+	]);
+}, (__wp) => {
+	const props = __wp;
+	warmChild(Avatar, {
+		src: props.src,
+		fallback: props.fallback,
+		alt: props.name,
+		size: props.size
+	});
+}), { "module": "@nativescript-community/octane" });
+//#endregion
+export { User };

package/dist/native/View.tsrx.js

@@ -0,0 +1,98 @@
+import { cx } from "./cx.js";
+import { applyEscapeProps, nativeAccessibilityRole, nativeAccessibilityState } from "./escape-props.js";
+import { layoutChildProps } from "./layout-child.js";
+import { usePan } from "./pan.tsrx.js";
+import { defineUniversalComponent, hookSlots, universalPlan, universalProps, universalValue, withSlot } from "@nativescript-community/octane";
+//#region src/View.tsrx
+var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"propsSlot": 0,
+	"children": [{
+		"kind": "slot",
+		"slot": 1
+	}]
+});
+var View = defineUniversalComponent("nativescript", function View(props) {
+	return universalValue(__octaneUniversalPlan0, [universalProps([
+		[
+			"set",
+			"id",
+			props.id
+		],
+		["spread", layoutChildProps(props)],
+		[
+			"set",
+			"ref",
+			(v) => {
+				if (v) {
+					applyEscapeProps(v, props);
+					props.bind?.(v);
+				}
+			}
+		],
+		[
+			"set",
+			"flexDirection",
+			"column"
+		],
+		[
+			"set",
+			"className",
+			cx(props.className)
+		],
+		[
+			"set",
+			"style",
+			props.style
+		],
+		[
+			"set",
+			"accessible",
+			props.accessible
+		],
+		[
+			"set",
+			"accessibilityLabel",
+			props.accessibilityLabel
+		],
+		[
+			"set",
+			"accessibilityRole",
+			nativeAccessibilityRole(props.accessibilityRole)
+		],
+		[
+			"set",
+			"accessibilityHint",
+			props.accessibilityHint
+		],
+		[
+			"set",
+			"accessibilityValue",
+			props.accessibilityValue
+		],
+		[
+			"set",
+			"accessibilityState",
+			nativeAccessibilityState(props.accessibilityState)
+		],
+		[
+			"set",
+			"accessibilityLiveRegion",
+			props.accessibilityLiveRegion
+		],
+		[
+			"set",
+			"onPan",
+			withSlot(_h$0, usePan, props.onPan)
+		],
+		[
+			"set",
+			"onSwipe",
+			props.onSwipe
+		]
+	]), props.children]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { View };