@octane-xplat/ui 0.5.0 → 0.6.0

package/dist/native/CameraView.native.tsrx.js

@@ -0,0 +1,165 @@
+import { cx } from "./cx.js";
+import { applyEscapeProps, nativeAccessibilityRole, nativeAccessibilityState } from "./escape-props.native.js";
+import { layoutChildProps } from "./layout-child.native.js";
+import { cameraHardwarePresent, ensureCameraPermission } from "./camera-permission.native.js";
+import { defineUniversalComponent, hookSlots, registerElement, universalIf, universalPlan, universalProps, universalValue, useCallback, useEffect, useRef, useState } from "@nativescript-community/octane";
+import { isAndroid } from "@nativescript/core";
+import { __methodDep } from "octane";
+import { CameraPlus } from "@nstudio/nativescript-camera-plus";
+//#region src/CameraView.native.tsrx
+var _hs$ = /* @__PURE__ */ hookSlots(8);
+var _h$0 = /* @__PURE__ */ Symbol(_hs$);
+var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
+var _h$2 = /* @__PURE__ */ Symbol(_hs$ + 2);
+var _h$3 = /* @__PURE__ */ Symbol(_hs$ + 3);
+var _h$4 = /* @__PURE__ */ Symbol(_hs$ + 4);
+var _h$5 = /* @__PURE__ */ Symbol(_hs$ + 5);
+var _h$6 = /* @__PURE__ */ Symbol(_hs$ + 6);
+var _h$7 = /* @__PURE__ */ Symbol(_hs$ + 7);
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "cameraplus",
+	"props": {
+		"showFlashIcon": false,
+		"showToggleIcon": false,
+		"showCaptureIcon": false,
+		"showGalleryIcon": false,
+		"confirmPhotos": false,
+		"saveToGallery": false
+	},
+	"bindings": [
+		["ref", 0],
+		["onLoaded", 1],
+		["onError", 2]
+	]
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "gridlayout",
+	"propsSlot": 0,
+	"children": [{
+		"kind": "slot",
+		"slot": 1
+	}]
+});
+registerElement("cameraplus", CameraPlus);
+var CameraView = defineUniversalComponent("nativescript", function CameraView(props) {
+	const host = useRef(null, _h$0);
+	const wired = useRef(null, _h$1);
+	const currentFacing = useRef("back", _h$2);
+	const [granted, setGranted] = useState(false, _h$3);
+	const facing = props.facing ?? "back";
+	const active = props.active !== false;
+	const bindHost = useCallback((v) => {
+		host.current = v;
+	}, [], _h$4);
+	useEffect(() => {
+		if (!active) {
+			setGranted(false);
+			return;
+		}
+		if (!cameraHardwarePresent()) {
+			props.onError?.({ message: "camera unsupported" });
+			return;
+		}
+		let alive = true;
+		ensureCameraPermission().then((ok) => {
+			if (!alive) return;
+			setGranted(ok);
+			if (!ok) props.onError?.({ message: "camera permission denied" });
+		});
+		return () => {
+			alive = false;
+		};
+	}, [active], _h$5);
+	useEffect(() => {
+		const cam = host.current;
+		if (!cam || wired.current === cam) return;
+		wired.current = cam;
+		cam.doubleTapCameraSwitch = false;
+		applyEscapeProps(cam, props);
+		props.bind?.({ native: cam });
+		if (isAndroid) try {
+			cam.camera?.startPreview?.();
+		} catch {}
+	}, [props, __methodDep(props, "bind", true)], _h$6);
+	useEffect(() => {
+		const cam = host.current;
+		if (!cam || facing === currentFacing.current) return;
+		currentFacing.current = facing;
+		try {
+			cam.toggleCamera?.();
+		} catch {}
+	}, [facing], _h$7);
+	return universalValue(__octaneUniversalPlan1, [universalProps([
+		[
+			"set",
+			"id",
+			props.id
+		],
+		[
+			"set",
+			"rows",
+			"*"
+		],
+		[
+			"set",
+			"columns",
+			"*"
+		],
+		[
+			"set",
+			"className",
+			cx("vx-stack", "vx-cameraview", props.className)
+		],
+		[
+			"set",
+			"style",
+			props.style
+		],
+		["spread", layoutChildProps(props)],
+		[
+			"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
+		]
+	]), universalIf(active && granted, () => {
+		return universalValue(__octaneUniversalPlan0, [
+			bindHost,
+			() => props.onReady?.(),
+			(e) => props.onError?.({ message: e?.message ?? e?.data?.message ?? "camera error" })
+		]);
+	})]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { CameraView };

package/dist/native/Card.native.tsrx.js

@@ -0,0 +1,64 @@
+import { cx } from "./cx.js";
+import { applyEscapeProps } from "./escape-props.native.js";
+import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
+//#region src/Card.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"props": { "className": "vx-card-header" },
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"props": { "className": "vx-card-footer" },
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"bindings": [
+		["ref", 0],
+		["id", 1],
+		["className", 2],
+		["style", 3]
+	],
+	"children": [
+		{
+			"kind": "slot",
+			"slot": 4
+		},
+		{
+			"kind": "host",
+			"type": "flexboxlayout",
+			"props": { "className": "vx-card-body" },
+			"children": [{
+				"kind": "slot",
+				"slot": 5
+			}]
+		},
+		{
+			"kind": "slot",
+			"slot": 6
+		}
+	]
+});
+var Card = defineUniversalComponent("nativescript", function Card(props) {
+	return universalValue(__octaneUniversalPlan2, [
+		(v) => applyEscapeProps(v, props),
+		props.id,
+		cx("vx-card", props.className),
+		props.style,
+		props.header != null ? universalValue(__octaneUniversalPlan0, [props.header]) : null,
+		props.children,
+		props.footer != null ? universalValue(__octaneUniversalPlan1, [props.footer]) : null
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { Card };

package/dist/native/Checkbox.native.tsrx.js

@@ -0,0 +1,58 @@
+import { cx } from "./cx.js";
+import { applyEscapeProps, nativeAccessibilityRole } from "./escape-props.native.js";
+import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
+//#region src/Checkbox.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"props": {
+		"className": "vx-checkbox-check",
+		"text": "✓"
+	}
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"props": { "className": "vx-checkbox-label" },
+	"bindings": [["text", 0]]
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"bindings": [
+		["ref", 0],
+		["id", 1],
+		["className", 2],
+		["style", 3],
+		["accessibilityRole", 4],
+		["accessibilityLabel", 5],
+		["onTap", 6]
+	],
+	"children": [{
+		"kind": "host",
+		"type": "flexboxlayout",
+		"props": { "className": "vx-checkbox" },
+		"children": [{
+			"kind": "slot",
+			"slot": 7
+		}]
+	}, {
+		"kind": "slot",
+		"slot": 8
+	}]
+});
+var Checkbox = defineUniversalComponent("nativescript", function Checkbox(props) {
+	return universalValue(__octaneUniversalPlan2, [
+		(v) => applyEscapeProps(v, props),
+		props.id,
+		cx("vx-checkbox-row", props.checked && "vx-checkbox--on", props.disabled && "vx-checkbox--disabled", props.className),
+		props.style,
+		nativeAccessibilityRole("checkbox"),
+		props.accessibilityLabel,
+		props.disabled ? void 0 : () => props.onCheckedChange?.(!(props.checked ?? false)),
+		props.checked ? universalValue(__octaneUniversalPlan0, []) : null,
+		props.label != null ? universalValue(__octaneUniversalPlan1, [props.label]) : null
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { Checkbox };

package/dist/native/CheckboxGroup.native.tsrx.js

@@ -0,0 +1,70 @@
+import { cx } from "./cx.js";
+import { applyEscapeProps } from "./escape-props.native.js";
+import { Checkbox } from "./Checkbox.native.tsrx.js";
+import { defineUniversalComponent, hookSlots, universalComponent, universalFor, universalPlan, universalProps, universalValue, useState } from "@nativescript-community/octane";
+//#region src/CheckboxGroup.native.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",
+	"bindings": [
+		["ref", 0],
+		["id", 1],
+		["flexDirection", 2],
+		["className", 3],
+		["style", 4],
+		["accessibilityLabel", 5]
+	],
+	"children": [{
+		"kind": "slot",
+		"slot": 6
+	}]
+});
+var CheckboxGroup = defineUniversalComponent("nativescript", function CheckboxGroup(props) {
+	const [internal, setInternal] = useState(props.defaultValue ?? [], _h$0);
+	const controlled = props.value !== void 0;
+	const selected = controlled ? props.value : internal;
+	const setSelected = (next) => {
+		if (!controlled) setInternal(next);
+		props.onValueChange?.(next);
+	};
+	const toggle = (v, on) => setSelected(on ? [...selected, v] : selected.filter((x) => x !== v));
+	return universalValue(__octaneUniversalPlan1, [
+		(v) => applyEscapeProps(v, props),
+		props.id,
+		props.horizontal ? "row" : "column",
+		cx("vx-checkbox-group", props.horizontal && "vx-checkbox-group--row", props.className),
+		props.style,
+		props.accessibilityLabel,
+		universalFor(props.options, (opt, __octaneUniversalIndex) => opt.value, (opt, __octaneUniversalIndex) => {
+			return universalValue(__octaneUniversalPlan0, [universalComponent("nativescript", Checkbox, universalProps([
+				[
+					"set",
+					"checked",
+					selected.includes(opt.value)
+				],
+				[
+					"set",
+					"disabled",
+					props.disabled || opt.disabled
+				],
+				[
+					"set",
+					"label",
+					opt.label
+				],
+				[
+					"set",
+					"onCheckedChange",
+					(on) => toggle(opt.value, on)
+				]
+			]))]);
+		})
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { CheckboxGroup };

package/dist/native/Chip.native.tsrx.js

@@ -0,0 +1,83 @@
+import { cx } from "./cx.js";
+import { Pressable } from "./Pressable.native.tsrx.js";
+import { defineUniversalComponent, universalChildren, universalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
+//#region src/Chip.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"props": {
+		"className": "vx-chip-remove",
+		"text": "✕"
+	},
+	"bindings": [["onTap", 0]]
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}, {
+		"kind": "slot",
+		"slot": 1
+	}]
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var Chip = defineUniversalComponent("nativescript", function Chip(props) {
+	return universalValue(__octaneUniversalPlan2, [universalComponent("nativescript", Pressable, universalProps([
+		[
+			"set",
+			"id",
+			props.id
+		],
+		[
+			"set",
+			"className",
+			cx("vx-chip", props.selected && "vx-chip--on", props.disabled && "vx-chip--disabled", props.className)
+		],
+		[
+			"set",
+			"style",
+			props.style
+		],
+		[
+			"set",
+			"disabled",
+			props.disabled
+		],
+		[
+			"set",
+			"onPress",
+			props.onSelect
+		],
+		[
+			"set",
+			"accessibilityLabel",
+			props.accessibilityLabel
+		],
+		[
+			"set",
+			"accessibilityState",
+			{
+				selected: props.selected,
+				disabled: props.disabled
+			}
+		],
+		[
+			"set",
+			"ios",
+			props.ios
+		],
+		[
+			"set",
+			"android",
+			props.android
+		]
+	], universalChildren("nativescript", () => {
+		return universalValue(__octaneUniversalPlan1, [props.children, props.onRemove ? universalValue(__octaneUniversalPlan0, [props.disabled ? void 0 : props.onRemove]) : null]);
+	})))]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { Chip };

package/dist/native/Collapsible.native.tsrx.js

@@ -0,0 +1,74 @@
+import { cx } from "./cx.js";
+import { applyEscapeProps } from "./escape-props.native.js";
+import { Pressable } from "./Pressable.native.tsrx.js";
+import { defineUniversalComponent, hookSlots, universalComponent, universalPlan, universalProps, universalValue, useState } from "@nativescript-community/octane";
+//#region src/Collapsible.native.tsrx
+var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"props": { "className": "vx-collapsible-content" },
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"bindings": [
+		["ref", 0],
+		["id", 1],
+		["className", 2],
+		["style", 3]
+	],
+	"children": [{
+		"kind": "slot",
+		"slot": 4
+	}, {
+		"kind": "slot",
+		"slot": 5
+	}]
+});
+var Collapsible = defineUniversalComponent("nativescript", function Collapsible(props) {
+	const [internal, setInternal] = useState(props.defaultOpen ?? false, _h$0);
+	const controlled = props.open !== void 0;
+	const open = controlled ? props.open : internal;
+	const toggle = () => {
+		if (props.disabled) return;
+		const next = !open;
+		if (!controlled) setInternal(next);
+		props.onOpenChange?.(next);
+	};
+	return universalValue(__octaneUniversalPlan1, [
+		(v) => applyEscapeProps(v, props),
+		props.id,
+		cx("vx-collapsible", open && "vx-collapsible--open", props.className),
+		props.style,
+		universalComponent("nativescript", Pressable, universalProps([
+			[
+				"set",
+				"className",
+				"vx-collapsible-trigger"
+			],
+			[
+				"set",
+				"disabled",
+				props.disabled
+			],
+			[
+				"set",
+				"onPress",
+				toggle
+			],
+			[
+				"set",
+				"accessibilityLabel",
+				props.accessibilityLabel
+			]
+		], props.trigger)),
+		open ? universalValue(__octaneUniversalPlan0, [props.children]) : null
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { Collapsible };

package/dist/native/CommandPalette.native.tsrx.js

@@ -0,0 +1,143 @@
+import { cx } from "./cx.js";
+import { Icon } from "./Icon.native.tsrx.js";
+import { TextInput } from "./TextInput.native.tsrx.js";
+import { Overlay } from "./Overlay.native.tsrx.js";
+import { defineUniversalComponent, hookSlots, universalChildren, universalComponent, universalFor, universalPlan, universalProps, universalValue, useState } from "@nativescript-community/octane";
+//#region src/CommandPalette.native.tsrx
+var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"props": { "className": "vx-menu-item-label" },
+	"bindings": [["text", 0]]
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"bindings": [["className", 0], ["onTap", 1]],
+	"children": [{
+		"kind": "slot",
+		"slot": 2
+	}, {
+		"kind": "slot",
+		"slot": 3
+	}]
+});
+var __octaneUniversalPlan3 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"props": {
+		"horizontalAlignment": "center",
+		"verticalAlignment": "top",
+		"marginTop": 80
+	},
+	"bindings": [
+		["className", 0],
+		["style", 1],
+		["id", 2]
+	],
+	"children": [{
+		"kind": "slot",
+		"slot": 3
+	}, {
+		"kind": "host",
+		"type": "flexboxlayout",
+		"props": { "className": "vx-menu-list vx-cmdk-list" },
+		"children": [{
+			"kind": "slot",
+			"slot": 4
+		}]
+	}]
+});
+var __octaneUniversalPlan4 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var CommandPalette = defineUniversalComponent("nativescript", function CommandPalette(props) {
+	const [query, setQuery] = useState("", _h$0);
+	const setOpen = (next) => {
+		if (!next) setQuery("");
+		props.onOpenChange?.(next);
+	};
+	const shown = query ? props.items.filter((i) => (i.label ?? i.key).toLowerCase().includes(query.toLowerCase())) : props.items;
+	const select = (item) => {
+		if (item.disabled) return;
+		setOpen(false);
+		item.onSelect?.();
+	};
+	return universalValue(__octaneUniversalPlan4, [universalComponent("nativescript", Overlay, universalProps([
+		[
+			"set",
+			"open",
+			props.open
+		],
+		[
+			"set",
+			"shadeCover",
+			true
+		],
+		[
+			"set",
+			"onDismiss",
+			() => setOpen(false)
+		],
+		[
+			"set",
+			"className",
+			"vx-cmdk-layer"
+		]
+	], universalChildren("nativescript", () => {
+		return universalValue(__octaneUniversalPlan3, [
+			cx("vx-commandpalette", props.className),
+			props.style,
+			props.id,
+			universalComponent("nativescript", TextInput, universalProps([
+				[
+					"set",
+					"className",
+					"vx-cmdk-search"
+				],
+				[
+					"set",
+					"placeholder",
+					props.placeholder ?? "Type a command…"
+				],
+				[
+					"set",
+					"value",
+					query
+				],
+				[
+					"set",
+					"onChange",
+					setQuery
+				],
+				[
+					"set",
+					"onSubmit",
+					() => {
+						if (shown.length && !shown[0].disabled) select(shown[0]);
+					}
+				]
+			])),
+			universalFor(shown, (item, __octaneUniversalIndex) => item.key, (item, __octaneUniversalIndex) => {
+				return universalValue(__octaneUniversalPlan2, [
+					cx("vx-menu-item", item.disabled && "vx-menu-item--disabled"),
+					item.disabled ? void 0 : () => select(item),
+					item.icon ? universalValue(__octaneUniversalPlan0, [universalComponent("nativescript", Icon, universalProps([[
+						"set",
+						"name",
+						item.icon
+					]]))]) : null,
+					item.label != null ? universalValue(__octaneUniversalPlan1, [item.label]) : null
+				]);
+			})
+		]);
+	})))]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { CommandPalette };