@octane-xplat/ui 0.5.0 → 0.6.0

package/dist/native/ContextMenu.native.tsrx.js

@@ -0,0 +1,140 @@
+import { cx } from "./cx.js";
+import { applyEscapeProps } from "./escape-props.native.js";
+import { Popover } from "./Popover.native.tsrx.js";
+import { Icon } from "./Icon.native.tsrx.js";
+import { defineUniversalComponent, hookSlots, universalChildren, universalComponent, universalPlan, universalProps, universalValue, useRef, useState } from "@nativescript-community/octane";
+//#region src/ContextMenu.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": "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",
+	"propsSlot": 0,
+	"children": [{
+		"kind": "slot",
+		"slot": 1
+	}, {
+		"kind": "slot",
+		"slot": 2
+	}]
+});
+var __octaneUniversalPlan3 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"props": { "className": "vx-menu-list" },
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
+});
+var __octaneUniversalPlan4 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"bindings": [
+		["ref", 0],
+		["id", 1],
+		["className", 2],
+		["style", 3],
+		["onLongPress", 4]
+	],
+	"children": [{
+		"kind": "slot",
+		"slot": 5
+	}, {
+		"kind": "slot",
+		"slot": 6
+	}]
+});
+var ContextMenu = defineUniversalComponent("nativescript", function ContextMenu(props) {
+	const anchor = useRef(null, _h$0);
+	const [internal, setInternal] = useState(props.defaultOpen ?? false, _h$1);
+	const controlled = props.open !== void 0;
+	const open = controlled ? props.open : internal;
+	const setOpen = (next) => {
+		if (props.disabled && next) return;
+		if (!controlled) setInternal(next);
+		props.onOpenChange?.(next);
+	};
+	const select = (item) => {
+		if (item.disabled) return;
+		setOpen(false);
+		item.onSelect?.();
+	};
+	return universalValue(__octaneUniversalPlan4, [
+		(v) => {
+			anchor.current = v;
+			if (v) applyEscapeProps(v, props);
+		},
+		props.id,
+		cx("vx-contextmenu", props.className),
+		props.style,
+		props.disabled ? void 0 : () => setOpen(true),
+		props.children,
+		universalComponent("nativescript", Popover, universalProps([
+			[
+				"set",
+				"anchor",
+				anchor
+			],
+			[
+				"set",
+				"open",
+				open
+			],
+			[
+				"set",
+				"placement",
+				"bottom"
+			],
+			[
+				"set",
+				"onDismiss",
+				() => setOpen(false)
+			],
+			[
+				"set",
+				"className",
+				"vx-menu"
+			]
+		], universalChildren("nativescript", () => {
+			return universalValue(__octaneUniversalPlan3, [props.items.map((item) => universalValue(__octaneUniversalPlan2, [
+				universalProps([
+					[
+						"set",
+						"key",
+						item.key
+					],
+					[
+						"set",
+						"className",
+						cx("vx-menu-item", item.disabled && "vx-menu-item--disabled")
+					],
+					[
+						"set",
+						"onTap",
+						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 { ContextMenu };

package/dist/native/Drawer.native.tsrx.js

@@ -0,0 +1,60 @@
+import { cx } from "./cx.js";
+import { applyEscapeProps } from "./escape-props.native.js";
+import { defineUniversalComponent, universalIf, universalPlan, universalValue } from "@nativescript-community/octane";
+//#region src/Drawer.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [{
+		"kind": "host",
+		"type": "flexboxlayout",
+		"props": { "className": "vx-drawer-backdrop" },
+		"bindings": [["onTap", 0]]
+	}, {
+		"kind": "host",
+		"type": "flexboxlayout",
+		"props": {
+			"className": "vx-drawer-panel",
+			"horizontalAlignment": "left"
+		},
+		"children": [{
+			"kind": "slot",
+			"slot": 1
+		}]
+	}]
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "gridlayout",
+	"bindings": [
+		["id", 0],
+		["ref", 1],
+		["className", 2],
+		["style", 3]
+	],
+	"children": [{
+		"kind": "host",
+		"type": "gridlayout",
+		"props": { "className": "vx-drawer-main" },
+		"children": [{
+			"kind": "slot",
+			"slot": 4
+		}]
+	}, {
+		"kind": "slot",
+		"slot": 5
+	}]
+});
+var Drawer = defineUniversalComponent("nativescript", function Drawer(props) {
+	return universalValue(__octaneUniversalPlan1, [
+		props.id,
+		(v) => applyEscapeProps(v, props),
+		cx("vx-drawer", props.className),
+		props.style,
+		props.main,
+		universalIf(props.open, () => {
+			return universalValue(__octaneUniversalPlan0, [props.onDismiss, props.drawer]);
+		})
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { Drawer };

package/dist/native/DropdownMenu.native.tsrx.js

@@ -0,0 +1,155 @@
+import { cx } from "./cx.js";
+import "./escape-props.native.js";
+import { Pressable } from "./Pressable.native.tsrx.js";
+import { Popover } from "./Popover.native.tsrx.js";
+import { Icon } from "./Icon.native.tsrx.js";
+import { defineUniversalComponent, hookSlots, universalChildren, universalComponent, universalPlan, universalProps, universalValue, useRef, useState } from "@nativescript-community/octane";
+//#region src/DropdownMenu.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": "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",
+	"propsSlot": 0,
+	"children": [{
+		"kind": "slot",
+		"slot": 1
+	}, {
+		"kind": "slot",
+		"slot": 2
+	}]
+});
+var __octaneUniversalPlan3 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"props": { "className": "vx-menu-list" },
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
+});
+var __octaneUniversalPlan4 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}, {
+		"kind": "slot",
+		"slot": 1
+	}]
+});
+var DropdownMenu = defineUniversalComponent("nativescript", function DropdownMenu(props) {
+	const anchor = useRef(null, _h$0);
+	const [internal, setInternal] = useState(props.defaultOpen ?? false, _h$1);
+	const controlled = props.open !== void 0;
+	const open = controlled ? props.open : internal;
+	const setOpen = (next) => {
+		if (props.disabled && next) return;
+		if (!controlled) setInternal(next);
+		props.onOpenChange?.(next);
+	};
+	const select = (item) => {
+		if (item.disabled) return;
+		setOpen(false);
+		item.onSelect?.();
+	};
+	return universalValue(__octaneUniversalPlan4, [universalComponent("nativescript", Pressable, universalProps([
+		[
+			"set",
+			"bind",
+			(v) => {
+				anchor.current = v;
+			}
+		],
+		[
+			"set",
+			"id",
+			props.id
+		],
+		[
+			"set",
+			"className",
+			cx("vx-menu-trigger", props.className)
+		],
+		[
+			"set",
+			"style",
+			props.style
+		],
+		[
+			"set",
+			"disabled",
+			props.disabled
+		],
+		[
+			"set",
+			"onPress",
+			() => setOpen(!open)
+		]
+	], props.trigger)), universalComponent("nativescript", Popover, universalProps([
+		[
+			"set",
+			"anchor",
+			anchor
+		],
+		[
+			"set",
+			"open",
+			open
+		],
+		[
+			"set",
+			"placement",
+			props.placement ?? "bottom"
+		],
+		[
+			"set",
+			"onDismiss",
+			() => setOpen(false)
+		],
+		[
+			"set",
+			"className",
+			"vx-menu"
+		]
+	], universalChildren("nativescript", () => {
+		return universalValue(__octaneUniversalPlan3, [props.items.map((item) => universalValue(__octaneUniversalPlan2, [
+			universalProps([
+				[
+					"set",
+					"key",
+					item.key
+				],
+				[
+					"set",
+					"className",
+					cx("vx-menu-item", item.disabled && "vx-menu-item--disabled")
+				],
+				[
+					"set",
+					"onTap",
+					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 { DropdownMenu };

package/dist/native/Empty.native.tsrx.js

@@ -0,0 +1,82 @@
+import { cx } from "./cx.js";
+import { applyEscapeProps } from "./escape-props.native.js";
+import { Icon } from "./Icon.native.tsrx.js";
+import { defineUniversalComponent, markWarm, universalComponent, universalPlan, universalProps, universalValue, useBatch, warmChild } from "@nativescript-community/octane";
+//#region src/Empty.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"props": { "className": "vx-empty-title" },
+	"bindings": [["text", 0]]
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"props": { "className": "vx-empty-desc" },
+	"bindings": [["text", 0]]
+});
+var __octaneUniversalPlan3 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"bindings": [
+		["ref", 0],
+		["id", 1],
+		["className", 2],
+		["style", 3]
+	],
+	"children": [
+		{
+			"kind": "slot",
+			"slot": 4
+		},
+		{
+			"kind": "slot",
+			"slot": 5
+		},
+		{
+			"kind": "slot",
+			"slot": 6
+		},
+		{
+			"kind": "slot",
+			"slot": 7
+		}
+	]
+});
+var Empty = defineUniversalComponent("nativescript", markWarm(function Empty(props) {
+	useBatch([], () => {
+		warmChild(Icon, {
+			name: props.icon,
+			className: "vx-empty-icon"
+		});
+	});
+	return universalValue(__octaneUniversalPlan3, [
+		(v) => applyEscapeProps(v, props),
+		props.id,
+		cx("vx-empty", props.className),
+		props.style,
+		props.icon ? universalValue(__octaneUniversalPlan0, [universalComponent("nativescript", Icon, universalProps([[
+			"set",
+			"name",
+			props.icon
+		], [
+			"set",
+			"className",
+			"vx-empty-icon"
+		]]))]) : null,
+		props.title != null ? universalValue(__octaneUniversalPlan1, [props.title]) : null,
+		props.description != null ? universalValue(__octaneUniversalPlan2, [props.description]) : null,
+		props.children
+	]);
+}, (__wp) => {
+	warmChild(Icon, {
+		name: __wp.icon,
+		className: "vx-empty-icon"
+	});
+}), { "module": "@nativescript-community/octane" });
+//#endregion
+export { Empty };

package/dist/native/FieldGroup.native.tsrx.js

@@ -0,0 +1,39 @@
+import { cx } from "./cx.js";
+import { applyEscapeProps } from "./escape-props.native.js";
+import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
+//#region src/FieldGroup.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"props": { "className": "vx-fieldgroup-label" },
+	"bindings": [["text", 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 FieldGroup = defineUniversalComponent("nativescript", function FieldGroup(props) {
+	return universalValue(__octaneUniversalPlan1, [
+		(v) => applyEscapeProps(v, props),
+		props.id,
+		cx("vx-fieldgroup", props.className),
+		props.style,
+		props.label != null ? universalValue(__octaneUniversalPlan0, [props.label]) : null,
+		props.children
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { FieldGroup };

package/dist/native/FormField.native.tsrx.js

@@ -0,0 +1,53 @@
+import { cx } from "./cx.js";
+import { applyEscapeProps } from "./escape-props.native.js";
+import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
+//#region src/FormField.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"props": { "className": "vx-field-label" },
+	"bindings": [["text", 0]]
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"bindings": [["className", 0], ["text", 1]]
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"bindings": [
+		["ref", 0],
+		["id", 1],
+		["className", 2],
+		["style", 3]
+	],
+	"children": [
+		{
+			"kind": "slot",
+			"slot": 4
+		},
+		{
+			"kind": "slot",
+			"slot": 5
+		},
+		{
+			"kind": "slot",
+			"slot": 6
+		}
+	]
+});
+var FormField = defineUniversalComponent("nativescript", function FormField(props) {
+	const message = props.error ?? props.hint;
+	return universalValue(__octaneUniversalPlan2, [
+		(v) => applyEscapeProps(v, props),
+		props.id,
+		cx("vx-field", props.error && "vx-field--error", props.className),
+		props.style,
+		props.label != null ? universalValue(__octaneUniversalPlan0, [props.required ? props.label + " *" : props.label]) : null,
+		props.children,
+		message != null ? universalValue(__octaneUniversalPlan1, [cx("vx-field-msg", props.error && "vx-field-msg--error"), message]) : null
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { FormField };

package/dist/native/{ui8.js → Grid.native.tsrx.js}

@@ -1,6 +1,5 @@
-import { cx } from "./ui2.js";
-import { applyEscapeProps } from "./ui3.js";
-import { glassClassOf, glassConfigOf } from "./ui4.js";
+import { cx } from "./cx.js";
+import { applyEscapeProps, nativeAccessibilityRole, nativeAccessibilityState } from "./escape-props.native.js";
 import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
 //#region src/Grid.native.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
@@ -13,27 +12,39 @@ var __octaneUniversalPlan0 = universalPlan("nativescript", {
 		["columns", 3],
 		["className", 4],
 		["style", 5],
-		["iosGlassEffect", 6]
+		["accessible", 6],
+		["accessibilityLabel", 7],
+		["accessibilityRole", 8],
+		["accessibilityHint", 9],
+		["accessibilityValue", 10],
+		["accessibilityState", 11],
+		["accessibilityLiveRegion", 12]
 	],
 	"children": [{
 		"kind": "slot",
-		"slot": 7
+		"slot": 13
 	}]
 });
 var warnedAboutGap = false;
 var Grid = defineUniversalComponent("nativescript", function Grid(props) {
 	if (props.gap != null && !warnedAboutGap) {
 		warnedAboutGap = true;
-		console.warn("[Grid] gap is not supported; use child margins instead.");
+		console.warn("[Grid] gap was removed; use child margins");
 	}
 	return universalValue(__octaneUniversalPlan0, [
 		props.id,
 		(view) => applyEscapeProps(view, props),
 		props.rows,
 		props.columns,
-		cx("vx-grid", glassClassOf(props.glass), props.className),
+		cx("vx-grid", props.className),
 		props.style,
-		glassConfigOf(props.glass),
+		props.accessible,
+		props.accessibilityLabel,
+		nativeAccessibilityRole(props.accessibilityRole),
+		props.accessibilityHint,
+		props.accessibilityValue,
+		nativeAccessibilityState(props.accessibilityState),
+		props.accessibilityLiveRegion,
 		props.children
 	]);
 }, { "module": "@nativescript-community/octane" });

package/dist/native/{ui59.js → Heading.native.tsrx.js}

@@ -1,5 +1,5 @@
-import { cx } from "./ui2.js";
-import { applyNativeProps } from "./ui36.js";
+import { cx } from "./cx.js";
+import { applyNativeProps } from "./platformProps.native.js";
 import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
 import { AccessibilityRole } from "@nativescript/core";
 //#region src/Heading.native.tsrx

package/dist/native/{ui58.js → Icon.native.tsrx.js}

@@ -1,7 +1,7 @@
-import { cx } from "./ui2.js";
-import { glyphSvgMarkup, isSvgSrc, svgSource } from "./ui28.js";
-import { applyNativeProps } from "./ui36.js";
-import { getIcon } from "./ui57.js";
+import { cx } from "./cx.js";
+import { applyNativeProps } from "./platformProps.native.js";
+import { getIcon } from "./icons.js";
+import { glyphSvgMarkup, isSvgSrc, svgSource } from "./svg.native.js";
 import { defineUniversalComponent, universalIf, universalPlan, universalValue } from "@nativescript-community/octane";
 //#region src/Icon.native.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {

package/dist/native/{ui29.js → Image.native.tsrx.js}

@@ -1,7 +1,7 @@
-import { cx } from "./ui2.js";
-import { applyEscapeProps } from "./ui3.js";
-import { layoutChildProps } from "./ui5.js";
-import { isSvgSrc, svgSource } from "./ui28.js";
+import { cx } from "./cx.js";
+import { applyEscapeProps } from "./escape-props.native.js";
+import { layoutChildProps } from "./layout-child.native.js";
+import { isSvgSrc, svgSource } from "./svg.native.js";
 import { defineUniversalComponent, hookSlots, universalIf, universalPlan, universalProps, universalValue, useMemo } from "@nativescript-community/octane";
 import { ImageSource } from "@nativescript/core";
 //#region src/Image.native.tsrx