@octane-xplat/table 0.0.1 → 0.11.0

package/dist/native/DataGrid.tsrx.js

@@ -0,0 +1,957 @@
+import { useTable } from "./useTable.tsrx.js";
+import { columnStyle } from "./grid-layout.js";
+import { gridRowPosition } from "./grid-accessibility.js";
+import { ColumnDrag } from "./ColumnDrag.tsrx.js";
+import { GridControls, GridPagination } from "./GridControls.tsrx.js";
+import { defineUniversalComponent, hookSlots, universalChildren, universalComponent, universalPlan, universalProps, universalValue, withSlot } from "@nativescript-community/octane";
+import { CheckboxInput, HStack, Pressable, Text, TextInput, View, VirtualList } from "@octane-xplat/ui";
+//#region src/DataGrid.tsrx
+var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 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 __octaneUniversalPlan3 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan4 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}, {
+		"kind": "slot",
+		"slot": 1
+	}]
+});
+var __octaneUniversalPlan5 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
+});
+var __octaneUniversalPlan6 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan7 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan8 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan9 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan10 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [
+		{
+			"kind": "slot",
+			"slot": 0
+		},
+		{
+			"kind": "slot",
+			"slot": 1
+		},
+		{
+			"kind": "slot",
+			"slot": 2
+		}
+	]
+});
+var __octaneUniversalPlan11 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan12 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan13 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan14 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
+});
+var __octaneUniversalPlan15 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan16 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan17 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan18 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}, {
+		"kind": "slot",
+		"slot": 1
+	}]
+});
+var __octaneUniversalPlan19 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan20 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan21 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}, {
+		"kind": "text",
+		"value": " selected"
+	}]
+});
+var __octaneUniversalPlan22 = universalPlan("nativescript", {
+	"kind": "text",
+	"value": "Clear selection"
+});
+var __octaneUniversalPlan23 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan24 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [
+		{
+			"kind": "slot",
+			"slot": 0
+		},
+		{
+			"kind": "slot",
+			"slot": 1
+		},
+		{
+			"kind": "slot",
+			"slot": 2
+		}
+	]
+});
+var __octaneUniversalPlan25 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan26 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan27 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan28 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan29 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}, {
+		"kind": "slot",
+		"slot": 1
+	}]
+});
+var __octaneUniversalPlan30 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan31 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan32 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}, {
+		"kind": "slot",
+		"slot": 1
+	}]
+});
+var __octaneUniversalPlan33 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan34 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [
+		{
+			"kind": "slot",
+			"slot": 0
+		},
+		{
+			"kind": "slot",
+			"slot": 1
+		},
+		{
+			"kind": "slot",
+			"slot": 2
+		},
+		{
+			"kind": "slot",
+			"slot": 3
+		}
+	]
+});
+var __octaneUniversalPlan35 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+function renderTemplate(template, ctx) {
+	if (template == null) return null;
+	return typeof template === "function" ? template(ctx) : template;
+}
+var TemplateContent = defineUniversalComponent("nativescript", function TemplateContent(props) {
+	const content = props.content;
+	if (content == null || content === false) return null;
+	if (typeof content === "string" || typeof content === "number" || typeof content === "bigint") return universalValue(__octaneUniversalPlan0, [universalComponent("nativescript", Text, universalProps([], String(content)))]);
+	return content;
+}, { "module": "@nativescript-community/octane" });
+function sortIndicator(column) {
+	const dir = column.getIsSorted?.();
+	return dir === "asc" ? " ↑" : dir === "desc" ? " ↓" : "";
+}
+var DataGridHeaderCell = defineUniversalComponent("nativescript", function DataGridHeaderCell(props) {
+	const { header } = props;
+	props.state;
+	const column = header.column;
+	const canSort = !header.isPlaceholder && column.getCanSort?.() === true;
+	const content = props.render ? props.render(header) : renderTemplate(column.columnDef.header, header.getContext()) ?? column.id;
+	const inner = typeof content === "string" || typeof content === "number" || typeof content === "bigint" ? universalValue(__octaneUniversalPlan2, [universalComponent("nativescript", Text, universalProps([], universalChildren("nativescript", () => {
+		return universalValue(__octaneUniversalPlan1, [String(content), canSort ? sortIndicator(column) : ""]);
+	})))]) : universalValue(__octaneUniversalPlan4, [universalComponent("nativescript", TemplateContent, universalProps([[
+		"set",
+		"content",
+		content
+	]])), canSort ? universalValue(__octaneUniversalPlan3, [universalComponent("nativescript", Text, universalProps([], sortIndicator(column)))]) : null]);
+	return universalValue(__octaneUniversalPlan11, [universalComponent("nativescript", View, universalProps([
+		[
+			"set",
+			"className",
+			"vx-table-cell vx-table-th"
+		],
+		[
+			"set",
+			"web",
+			{ role: "columnheader" }
+		],
+		[
+			"set",
+			"style",
+			columnStyle(column, Boolean(props.resize || props.reorder), props.state.columnSizing)
+		]
+	], universalChildren("nativescript", () => {
+		return universalValue(__octaneUniversalPlan10, [
+			canSort ? universalValue(__octaneUniversalPlan6, [universalComponent("nativescript", Pressable, universalProps([
+				[
+					"set",
+					"id",
+					props.id
+				],
+				[
+					"set",
+					"className",
+					"vx-table-th--sortable"
+				],
+				[
+					"set",
+					"onPress",
+					() => column.toggleSorting()
+				],
+				[
+					"set",
+					"accessibilityLabel",
+					`Sort ${column.id}, ${column.getIsSorted() || "unsorted"}`
+				]
+			], universalChildren("nativescript", () => {
+				return universalValue(__octaneUniversalPlan5, [inner]);
+			})))]) : universalValue(__octaneUniversalPlan7, [universalComponent("nativescript", View, universalProps([[
+				"set",
+				"id",
+				props.id
+			]], inner))]),
+			!header.isPlaceholder && props.filters && column.getCanFilter() ? universalValue(__octaneUniversalPlan8, [universalComponent("nativescript", TextInput, universalProps([
+				[
+					"set",
+					"id",
+					props.id ? `${props.id}-filter` : void 0
+				],
+				[
+					"set",
+					"value",
+					String(column.getFilterValue() ?? "")
+				],
+				[
+					"set",
+					"placeholder",
+					`Filter ${column.id}`
+				],
+				[
+					"set",
+					"accessibilityLabel",
+					`Filter ${column.id}`
+				],
+				[
+					"set",
+					"onChange",
+					(value) => {
+						column.setFilterValue(value);
+						props.table.setPageIndex(0);
+					}
+				]
+			]))]) : null,
+			!header.isPlaceholder && column.columns.length === 0 && (props.resize || props.reorder) ? universalValue(__octaneUniversalPlan9, [universalComponent("nativescript", ColumnDrag, universalProps([
+				[
+					"set",
+					"id",
+					props.id
+				],
+				[
+					"set",
+					"table",
+					props.table
+				],
+				[
+					"set",
+					"column",
+					column
+				],
+				[
+					"set",
+					"resize",
+					props.resize
+				],
+				[
+					"set",
+					"reorder",
+					props.reorder
+				],
+				[
+					"set",
+					"direction",
+					props.direction
+				],
+				[
+					"set",
+					"state",
+					props.state
+				]
+			]))]) : null
+		]);
+	})))]);
+}, { "module": "@nativescript-community/octane" });
+var DataGridBodyRow = defineUniversalComponent("nativescript", function DataGridBodyRow(props) {
+	const { row } = props;
+	props.state;
+	const cells = row.getVisibleCells();
+	const inner = universalValue(__octaneUniversalPlan14, [cells.map((cell) => universalValue(__octaneUniversalPlan13, [universalComponent("nativescript", View, universalProps([
+		[
+			"set",
+			"key",
+			cell.id
+		],
+		[
+			"set",
+			"className",
+			"vx-table-cell"
+		],
+		[
+			"set",
+			"web",
+			{ role: "cell" }
+		],
+		[
+			"set",
+			"style",
+			columnStyle(cell.column, Boolean(props.fixed), props.state.columnSizing)
+		]
+	], universalChildren("nativescript", () => {
+		return universalValue(__octaneUniversalPlan12, [universalComponent("nativescript", TemplateContent, universalProps([[
+			"set",
+			"content",
+			props.renderCell ? props.renderCell(cell) : renderTemplate(cell.column.columnDef.cell, cell.getContext()) ?? cell.renderValue?.()
+		]]))]);
+	})))]))]);
+	const cls = "vx-table-row" + (props.onRowPress ? " vx-table-row--pressable" : "") + (row.getIsSelected?.() ? " vx-table-row--selected" : "");
+	const id = props.idPrefix ? `${props.idPrefix}-row-${row.id}` : void 0;
+	const content = props.onRowPress ? universalValue(__octaneUniversalPlan15, [universalComponent("nativescript", Pressable, universalProps([
+		[
+			"set",
+			"id",
+			props.selection ? void 0 : id
+		],
+		[
+			"set",
+			"className",
+			"vx-datagrid-row-action"
+		],
+		[
+			"set",
+			"onPress",
+			() => props.onRowPress(row)
+		],
+		[
+			"set",
+			"accessibilityLabel",
+			props.getRowLabel?.(row) ?? row.id
+		],
+		[
+			"set",
+			"accessibilityHint",
+			props.position.label
+		],
+		[
+			"set",
+			"accessibilityState",
+			{ selected: row.getIsSelected?.() || void 0 }
+		]
+	], inner))]) : inner;
+	return universalValue(__octaneUniversalPlan19, [universalComponent("nativescript", HStack, universalProps([
+		[
+			"set",
+			"id",
+			props.selection || !props.onRowPress ? id : void 0
+		],
+		[
+			"set",
+			"className",
+			cls
+		],
+		[
+			"set",
+			"web",
+			{
+				role: "row",
+				"aria-rowindex": props.position.ariaIndex
+			}
+		],
+		[
+			"set",
+			"accessibilityHint",
+			props.position.label
+		],
+		[
+			"set",
+			"accessibilityState",
+			{ selected: row.getIsSelected?.() || void 0 }
+		]
+	], universalChildren("nativescript", () => {
+		return universalValue(__octaneUniversalPlan18, [props.selection ? universalValue(__octaneUniversalPlan17, [universalComponent("nativescript", View, universalProps([[
+			"set",
+			"className",
+			"vx-datagrid-selection"
+		], [
+			"set",
+			"web",
+			{ role: "cell" }
+		]], universalChildren("nativescript", () => {
+			return universalValue(__octaneUniversalPlan16, [universalComponent("nativescript", CheckboxInput, universalProps([
+				[
+					"set",
+					"id",
+					props.idPrefix ? `${props.idPrefix}-select-${row.id}` : void 0
+				],
+				[
+					"set",
+					"checked",
+					row.getIsSelected()
+				],
+				[
+					"set",
+					"isDisabled",
+					!row.getCanSelect()
+				],
+				[
+					"set",
+					"accessibilityLabel",
+					`Select ${props.getRowLabel?.(row) ?? row.id}`
+				],
+				[
+					"set",
+					"accessibilityHint",
+					props.position.label
+				],
+				[
+					"set",
+					"onCheckedChange",
+					(checked) => row.toggleSelected(checked)
+				]
+			]))]);
+		})))]) : null, content]);
+	})))]);
+}, { "module": "@nativescript-community/octane" });
+var DataGrid = defineUniversalComponent("nativescript", function DataGrid(props) {
+	const { table, state } = withSlot(_h$0, useTable, {
+		...props.options,
+		defaultColumn: props.showColumnFilters ? {
+			filterFn: "includesString",
+			...props.options?.defaultColumn
+		} : props.options?.defaultColumn,
+		data: props.data,
+		columns: props.columns,
+		features: props.features,
+		initialState: props.initialState,
+		state: props.state,
+		getRowId: props.getRowId
+	});
+	const headerGroups = table.getHeaderGroups();
+	const rows = table.getRowModel().rows;
+	const rowCount = props.options?.manualPagination && props.options.rowCount == null ? -1 : table.getRowCount();
+	const ariaRowCount = rowCount < 0 ? -1 : headerGroups.length + rowCount;
+	return universalValue(__octaneUniversalPlan35, [universalComponent("nativescript", View, universalProps([
+		[
+			"set",
+			"id",
+			props.id
+		],
+		[
+			"set",
+			"className",
+			[
+				"vx-table",
+				"vx-datagrid",
+				props.className
+			]
+		],
+		[
+			"set",
+			"style",
+			props.style
+		],
+		[
+			"set",
+			"flexGrow",
+			props.flexGrow ?? 1
+		],
+		[
+			"set",
+			"flexShrink",
+			props.flexShrink
+		],
+		[
+			"set",
+			"alignSelf",
+			props.alignSelf
+		],
+		[
+			"set",
+			"row",
+			props.row
+		],
+		[
+			"set",
+			"col",
+			props.col
+		],
+		[
+			"set",
+			"rowSpan",
+			props.rowSpan
+		],
+		[
+			"set",
+			"colSpan",
+			props.colSpan
+		],
+		[
+			"set",
+			"ios",
+			props.ios
+		],
+		[
+			"set",
+			"android",
+			props.android
+		],
+		[
+			"set",
+			"web",
+			props.web
+		],
+		[
+			"set",
+			"accessible",
+			props.accessible
+		],
+		[
+			"set",
+			"accessibilityHint",
+			props.accessibilityHint
+		],
+		[
+			"set",
+			"accessibilityState",
+			props.accessibilityState
+		],
+		[
+			"set",
+			"accessibilityRole",
+			props.accessibilityRole
+		],
+		[
+			"set",
+			"accessibilityLabel",
+			props.accessibilityLabel
+		]
+	], universalChildren("nativescript", () => {
+		return universalValue(__octaneUniversalPlan34, [
+			props.showGlobalFilter || props.showColumnSettings ? universalValue(__octaneUniversalPlan20, [universalComponent("nativescript", GridControls, universalProps([
+				[
+					"set",
+					"id",
+					props.id
+				],
+				[
+					"set",
+					"table",
+					table
+				],
+				[
+					"set",
+					"state",
+					state
+				],
+				[
+					"set",
+					"search",
+					props.showGlobalFilter
+				],
+				[
+					"set",
+					"settings",
+					props.showColumnSettings
+				]
+			]))]) : null,
+			props.showRowSelection ? universalValue(__octaneUniversalPlan25, [universalComponent("nativescript", HStack, universalProps([[
+				"set",
+				"className",
+				"vx-datagrid-controls"
+			]], universalChildren("nativescript", () => {
+				return universalValue(__octaneUniversalPlan24, [
+					universalComponent("nativescript", Text, universalProps([[
+						"set",
+						"id",
+						props.id ? `${props.id}-selected-count` : void 0
+					]], universalChildren("nativescript", () => {
+						return universalValue(__octaneUniversalPlan21, [Object.values(state.rowSelection).filter(Boolean).length]);
+					}))),
+					universalComponent("nativescript", Pressable, universalProps([
+						[
+							"set",
+							"id",
+							props.id ? `${props.id}-clear-selection` : void 0
+						],
+						[
+							"set",
+							"className",
+							"vx-datagrid-action"
+						],
+						[
+							"set",
+							"onPress",
+							() => table.resetRowSelection(true)
+						],
+						[
+							"set",
+							"accessibilityLabel",
+							"Clear selection"
+						]
+					], universalChildren("nativescript", () => {
+						return universalValue(__octaneUniversalPlan23, [universalComponent("nativescript", Text, universalProps([], universalChildren("nativescript", () => {
+							return universalValue(__octaneUniversalPlan22, []);
+						})))]);
+					}))),
+					props.renderSelectionActions?.(table)
+				]);
+			})))]) : null,
+			universalComponent("nativescript", View, universalProps([
+				[
+					"set",
+					"id",
+					props.id ? `${props.id}-table` : void 0
+				],
+				[
+					"set",
+					"flexGrow",
+					1
+				],
+				[
+					"set",
+					"web",
+					{
+						role: "table",
+						"aria-label": props.accessibilityLabel,
+						"aria-rowcount": ariaRowCount,
+						"aria-colcount": table.getVisibleLeafColumns().length + (props.showRowSelection ? 1 : 0)
+					}
+				]
+			], universalChildren("nativescript", () => {
+				return universalValue(__octaneUniversalPlan32, [universalComponent("nativescript", View, universalProps([[
+					"set",
+					"id",
+					props.id ? `${props.id}-header` : void 0
+				], [
+					"set",
+					"flexShrink",
+					0
+				]], headerGroups.map((group) => universalValue(__octaneUniversalPlan30, [universalComponent("nativescript", HStack, universalProps([
+					[
+						"set",
+						"key",
+						group.id
+					],
+					[
+						"set",
+						"className",
+						"vx-table-head"
+					],
+					[
+						"set",
+						"web",
+						{
+							role: "row",
+							"aria-rowindex": group.depth + 1
+						}
+					]
+				], universalChildren("nativescript", () => {
+					return universalValue(__octaneUniversalPlan29, [props.showRowSelection ? universalValue(__octaneUniversalPlan27, [universalComponent("nativescript", View, universalProps([[
+						"set",
+						"className",
+						"vx-datagrid-selection"
+					], [
+						"set",
+						"web",
+						{ role: "columnheader" }
+					]], group.depth === 0 ? universalValue(__octaneUniversalPlan26, [universalComponent("nativescript", CheckboxInput, universalProps([
+						[
+							"set",
+							"id",
+							props.id ? `${props.id}-select-page` : void 0
+						],
+						[
+							"set",
+							"checked",
+							table.getIsAllPageRowsSelected()
+						],
+						[
+							"set",
+							"indeterminate",
+							!table.getIsAllPageRowsSelected() && table.getIsSomePageRowsSelected()
+						],
+						[
+							"set",
+							"isDisabled",
+							!rows.some((row) => row.getCanSelect())
+						],
+						[
+							"set",
+							"accessibilityLabel",
+							"Select current page"
+						],
+						[
+							"set",
+							"onCheckedChange",
+							(checked) => table.toggleAllPageRowsSelected(checked)
+						]
+					]))]) : null))]) : null, group.headers.map((header) => universalValue(__octaneUniversalPlan28, [universalComponent("nativescript", DataGridHeaderCell, universalProps([
+						[
+							"set",
+							"key",
+							header.id
+						],
+						[
+							"set",
+							"header",
+							header
+						],
+						[
+							"set",
+							"render",
+							props.renderHeader
+						],
+						[
+							"set",
+							"id",
+							props.id ? `${props.id}-th-${header.column.id}` : void 0
+						],
+						[
+							"set",
+							"state",
+							state
+						],
+						[
+							"set",
+							"table",
+							table
+						],
+						[
+							"set",
+							"filters",
+							props.showColumnFilters
+						],
+						[
+							"set",
+							"resize",
+							props.resizableColumns
+						],
+						[
+							"set",
+							"reorder",
+							props.reorderableColumns
+						],
+						[
+							"set",
+							"direction",
+							props.direction
+						]
+					]))]))]);
+				})))])))), universalComponent("nativescript", VirtualList, universalProps([
+					[
+						"set",
+						"flexGrow",
+						1
+					],
+					[
+						"set",
+						"className",
+						"vx-datagrid-body"
+					],
+					[
+						"set",
+						"id",
+						props.id ? `${props.id}-body` : void 0
+					],
+					[
+						"set",
+						"items",
+						rows
+					],
+					[
+						"set",
+						"keyExtractor",
+						(row) => row.id
+					],
+					[
+						"set",
+						"renderItem",
+						(row, index) => universalValue(__octaneUniversalPlan31, [universalComponent("nativescript", DataGridBodyRow, universalProps([
+							[
+								"set",
+								"row",
+								row
+							],
+							[
+								"set",
+								"position",
+								gridRowPosition(index, state.pagination, headerGroups.length, rowCount)
+							],
+							[
+								"set",
+								"renderCell",
+								props.renderCell
+							],
+							[
+								"set",
+								"onRowPress",
+								props.onRowPress
+							],
+							[
+								"set",
+								"idPrefix",
+								props.id
+							],
+							[
+								"set",
+								"state",
+								state
+							],
+							[
+								"set",
+								"selection",
+								props.showRowSelection
+							],
+							[
+								"set",
+								"getRowLabel",
+								props.getRowLabel
+							],
+							[
+								"set",
+								"fixed",
+								Boolean(props.resizableColumns || props.reorderableColumns)
+							]
+						]))])
+					],
+					[
+						"set",
+						"renderEmpty",
+						props.renderEmpty
+					]
+				]))]);
+			}))),
+			props.showPagination ? universalValue(__octaneUniversalPlan33, [universalComponent("nativescript", GridPagination, universalProps([
+				[
+					"set",
+					"id",
+					props.id
+				],
+				[
+					"set",
+					"table",
+					table
+				],
+				[
+					"set",
+					"state",
+					state
+				],
+				[
+					"set",
+					"sizes",
+					props.pageSizeOptions
+				]
+			]))]) : null
+		]);
+	})))]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { DataGrid };