@proyecto-viviana/solidaria 0.4.2 → 0.6.0-rc.0

package/dist/_chunk/table.js

@@ -1,10 +1,120 @@
-import { i as mergeProps$1 } from "./env.js";
-import { S as scrollIntoViewport, i as createDescription } from "./utils.js";
-import { o as getInteractionModality } from "./createInteractionModality.js";
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/table/useTable.ts
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/table/useTableCell.ts
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/table/useTableColumnHeader.ts
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/table/useTableColumnResize.ts
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/table/useTableHeaderRow.ts
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/table/useTableRow.ts
+/*
+* Copyright 2026 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/table/useTableRowGroup.ts
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/table/useTableSelectionCheckbox.ts
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/table/utils.ts
+import { t as mergeProps } from "./mergeProps.js";
+import { _ as scrollIntoViewport, i as createDescription } from "./utils.js";
+import { N as getInteractionModality } from "./dom.js";
 import { i as useLocale } from "./locale.js";
-import { n as createSelectableItem } from "./createSelectableItem.js";
+import { n as createStringFormatter } from "./createStringFormatter.js";
 import { t as announce } from "./announce.js";
-import { createEffect, createMemo, createSignal, on } from "solid-js";
+import { n as createSelectableItem } from "./createSelectableItem.js";
+import { t as gridIntlStrings } from "./intl.js";
+import { createEffect, createMemo, createSignal, createTrackedEffect } from "solid-js";
 import { createId } from "@proyecto-viviana/solid-stately";
 //#region src/table/createTable.ts
 /**
@@ -42,6 +152,18 @@ function isCell(node) {
 function isRow(node) {
 	return node?.type === "item";
 }
+function isNavigationDisabled(state, key) {
+	return state.isDisabled(key) && state.disabledBehavior === "all";
+}
+function findNextNavigableKey(state, collection, startKey, step) {
+	let key = startKey;
+	while (key != null && isNavigationDisabled(state, key)) key = step(key);
+	return key;
+}
+function queryDataKey(root, key) {
+	const escaped = typeof CSS !== "undefined" && CSS.escape ? CSS.escape(String(key)) : String(key);
+	return root.querySelector(`[data-key="${escaped}"]`);
+}
 /**
 * Creates accessibility props for a table component.
 */
@@ -68,15 +190,19 @@ function createTable(props, state, ref) {
 	createMemo(() => {
 		storeTableData();
 	});
-	createEffect(on(() => state().sortDescriptor, (sortDescriptor) => {
+	createEffect(() => state().sortDescriptor, (sortDescriptor) => {
 		if (isFirstRender) {
 			isFirstRender = false;
 			prevSortDescriptor = sortDescriptor;
 			return;
 		}
-		if (sortDescriptor && (sortDescriptor.column !== prevSortDescriptor?.column || sortDescriptor.direction !== prevSortDescriptor?.direction)) announce(`Sorted by ${state().collection.columns.find((c) => c.key === sortDescriptor.column)?.textValue ?? String(sortDescriptor.column)}, ${sortDescriptor.direction === "ascending" ? "ascending" : "descending"}`, "assertive", 500);
+		if (sortDescriptor && (sortDescriptor.column !== prevSortDescriptor?.column || sortDescriptor.direction !== prevSortDescriptor?.direction)) {
+			const columnName = state().collection.columns.find((c) => c.key === sortDescriptor.column)?.textValue ?? String(sortDescriptor.column);
+			const directionText = sortDescriptor.direction === "ascending" ? "ascending" : "descending";
+			announce(`Sorted by ${columnName}, ${directionText}`, "assertive", 500);
+		}
 		prevSortDescriptor = sortDescriptor;
-	}));
+	});
 	const onKeyDown = (e) => {
 		const s = state();
 		const collection = s.collection;
@@ -125,22 +251,22 @@ function createTable(props, state, ref) {
 			case "ArrowDown":
 				e.preventDefault();
 				if (isCell(focusedItem) && focusedItem.parentKey != null) {
-					const nextRowKey = collection.getKeyAfter(focusedItem.parentKey);
+					const nextRowKey = findNextNavigableKey(s, collection, collection.getKeyAfter(focusedItem.parentKey), (k) => collection.getKeyAfter(k));
 					if (nextRowKey != null) {
 						const cellIndex = focusedItem.index;
 						nextKey = getCellAtIndex(collection, nextRowKey, cellIndex)?.key ?? nextRowKey;
 					}
-				} else nextKey = collection.getKeyAfter(focusedKey);
+				} else nextKey = findNextNavigableKey(s, collection, collection.getKeyAfter(focusedKey), (k) => collection.getKeyAfter(k));
 				break;
 			case "ArrowUp":
 				e.preventDefault();
 				if (isCell(focusedItem) && focusedItem.parentKey != null) {
-					const prevRowKey = collection.getKeyBefore(focusedItem.parentKey);
+					const prevRowKey = findNextNavigableKey(s, collection, collection.getKeyBefore(focusedItem.parentKey), (k) => collection.getKeyBefore(k));
 					if (prevRowKey != null) {
 						const cellIndex = focusedItem.index;
 						nextKey = getCellAtIndex(collection, prevRowKey, cellIndex)?.key ?? prevRowKey;
 					}
-				} else nextKey = collection.getKeyBefore(focusedKey);
+				} else nextKey = findNextNavigableKey(s, collection, collection.getKeyBefore(focusedKey), (k) => collection.getKeyBefore(k));
 				break;
 			case "ArrowRight": {
 				e.preventDefault();
@@ -177,24 +303,28 @@ function createTable(props, state, ref) {
 			case "Home":
 				e.preventDefault();
 				if (e.ctrlKey) {
-					const firstRowKey = collection.getFirstKey();
-					if (firstRowKey != null) if (isCell(focusedItem) || focusMode === "cell") nextKey = getChildCells(collection, firstRowKey)[0]?.key ?? firstRowKey;
-					else nextKey = firstRowKey;
+					const firstRowKey = findNextNavigableKey(s, collection, collection.getFirstKey(), (k) => collection.getKeyAfter(k));
+					if (firstRowKey != null) {
+						if (isCell(focusedItem) || focusMode === "cell") nextKey = getChildCells(collection, firstRowKey)[0]?.key ?? firstRowKey;
+						else nextKey = firstRowKey;
+					}
 				} else if (isCell(focusedItem) && focusedItem.parentKey != null) nextKey = getChildCells(collection, focusedItem.parentKey)[0]?.key ?? null;
-				else nextKey = collection.getFirstKey();
+				else nextKey = findNextNavigableKey(s, collection, collection.getFirstKey(), (k) => collection.getKeyAfter(k));
 				break;
 			case "End":
 				e.preventDefault();
 				if (e.ctrlKey) {
-					const lastRowKey = collection.getLastKey();
-					if (lastRowKey != null) if (isCell(focusedItem) || focusMode === "cell") {
-						const cells = getChildCells(collection, lastRowKey);
-						nextKey = cells[cells.length - 1]?.key ?? lastRowKey;
-					} else nextKey = lastRowKey;
+					const lastRowKey = findNextNavigableKey(s, collection, collection.getLastKey(), (k) => collection.getKeyBefore(k));
+					if (lastRowKey != null) {
+						if (isCell(focusedItem) || focusMode === "cell") {
+							const cells = getChildCells(collection, lastRowKey);
+							nextKey = cells[cells.length - 1]?.key ?? lastRowKey;
+						} else nextKey = lastRowKey;
+					}
 				} else if (isCell(focusedItem) && focusedItem.parentKey != null) {
 					const cells = getChildCells(collection, focusedItem.parentKey);
 					nextKey = cells[cells.length - 1]?.key ?? null;
-				} else nextKey = collection.getLastKey();
+				} else nextKey = findNextNavigableKey(s, collection, collection.getLastKey(), (k) => collection.getKeyBefore(k));
 				break;
 			case "PageDown": {
 				e.preventDefault();
@@ -207,14 +337,16 @@ function createTable(props, state, ref) {
 					while (currentKey != null && traveled < visibleHeight) {
 						const next = collection.getKeyAfter(currentKey);
 						if (next == null) break;
-						const rowElement = el.querySelector(`[data-key="${currentKey}"]`);
+						const rowElement = queryDataKey(el, currentKey);
 						traveled += rowElement?.clientHeight ?? 40;
 						currentKey = next;
 					}
-					if (currentKey != null) if (isCell(focusedItem)) {
-						const cellIndex = focusedItem.index;
-						nextKey = getCellAtIndex(collection, currentKey, cellIndex)?.key ?? currentKey;
-					} else nextKey = currentKey;
+					if (currentKey != null) {
+						if (isCell(focusedItem)) {
+							const cellIndex = focusedItem.index;
+							nextKey = getCellAtIndex(collection, currentKey, cellIndex)?.key ?? currentKey;
+						} else nextKey = currentKey;
+					}
 				} else {
 					let count = 10;
 					let current = isCell(focusedItem) && focusedItem.parentKey != null ? focusedItem.parentKey : focusedKey;
@@ -240,14 +372,16 @@ function createTable(props, state, ref) {
 					while (currentKey != null && traveled < visibleHeight) {
 						const prev = collection.getKeyBefore(currentKey);
 						if (prev == null) break;
-						const rowElement = el.querySelector(`[data-key="${currentKey}"]`);
+						const rowElement = queryDataKey(el, currentKey);
 						traveled += rowElement?.clientHeight ?? 40;
 						currentKey = prev;
 					}
-					if (currentKey != null) if (isCell(focusedItem)) {
-						const cellIndex = focusedItem.index;
-						nextKey = getCellAtIndex(collection, currentKey, cellIndex)?.key ?? currentKey;
-					} else nextKey = currentKey;
+					if (currentKey != null) {
+						if (isCell(focusedItem)) {
+							const cellIndex = focusedItem.index;
+							nextKey = getCellAtIndex(collection, currentKey, cellIndex)?.key ?? currentKey;
+						} else nextKey = currentKey;
+					}
 				} else {
 					let count = 10;
 					let current = isCell(focusedItem) && focusedItem.parentKey != null ? focusedItem.parentKey : focusedKey;
@@ -266,6 +400,7 @@ function createTable(props, state, ref) {
 				if (p.escapeKeyBehavior !== "none") s.clearSelection();
 				return;
 			case "a":
+			case "A":
 				if (e.ctrlKey || e.metaKey) {
 					e.preventDefault();
 					if (s.selectionMode === "multiple") s.selectAll();
@@ -300,14 +435,16 @@ function createTable(props, state, ref) {
 		const el = ref();
 		if (el && !el.contains(e.relatedTarget)) s.setFocused(false);
 	};
-	createEffect(() => {
-		const key = state().focusedKey;
+	createTrackedEffect(() => {
+		const s = state();
+		const key = s.focusedKey;
 		const el = ref();
 		if (!el || key == null) return;
 		const active = document.activeElement;
 		if (!active || active !== el && !el.contains(active)) return;
-		const target = el.querySelector(`[data-key="${key}"]`);
+		const target = queryDataKey(el, key);
 		if (target && target !== active) {
+			if (isNavigationDisabled(s, key)) return;
 			target.focus();
 			if (getInteractionModality() !== "pointer") scrollIntoViewport(target, { containingElement: el });
 		}
@@ -336,7 +473,7 @@ function createTable(props, state, ref) {
 			"aria-labelledby": p["aria-labelledby"],
 			"aria-describedby": describedBy,
 			"aria-multiselectable": s.selectionMode === "multiple" ? "true" : void 0,
-			tabIndex: 0,
+			tabIndex: s.focusedKey != null && !isNavigationDisabled(s, s.focusedKey) ? -1 : 0,
 			onKeyDown,
 			onFocus,
 			onBlur
@@ -373,6 +510,452 @@ function createTableHeaderRow(props, _state, _ref) {
 	} };
 }
 //#endregion
+//#region src/table/intl/index.ts
+const tableIntlStrings = {
+	"ar-AE": {
+		ascending: "تصاعدي",
+		ascendingSort: "ترتيب حسب العمود {columnName} بترتيب تصاعدي",
+		collapse: "طي",
+		columnSize: "{value} بالبكسل",
+		descending: "تنازلي",
+		descendingSort: "ترتيب حسب العمود {columnName} بترتيب تنازلي",
+		expand: "تمديد",
+		resizerDescription: "اضغط على مفتاح Enter لبدء تغيير الحجم",
+		select: "تحديد",
+		selectAll: "تحديد الكل",
+		sortable: "عمود قابل للترتيب"
+	},
+	"bg-BG": {
+		ascending: "възходящ",
+		ascendingSort: "сортирано по колона {columnName} във възходящ ред",
+		collapse: "Свиване",
+		columnSize: "{value} пиксела",
+		descending: "низходящ",
+		descendingSort: "сортирано по колона {columnName} в низходящ ред",
+		expand: "Разширяване",
+		resizerDescription: "Натиснете „Enter“, за да започнете да преоразмерявате",
+		select: "Изберете",
+		selectAll: "Изберете всичко",
+		sortable: "сортираща колона"
+	},
+	"cs-CZ": {
+		ascending: "vzestupně",
+		ascendingSort: "řazeno vzestupně podle sloupce {columnName}",
+		collapse: "Sbalit",
+		columnSize: "{value} pixelů",
+		descending: "sestupně",
+		descendingSort: "řazeno sestupně podle sloupce {columnName}",
+		expand: "Roztáhnout",
+		resizerDescription: "Stisknutím klávesy Enter začnete měnit velikost",
+		select: "Vybrat",
+		selectAll: "Vybrat vše",
+		sortable: "sloupec s možností řazení"
+	},
+	"da-DK": {
+		ascending: "stigende",
+		ascendingSort: "sorteret efter kolonne {columnName} i stigende rækkefølge",
+		collapse: "Skjul",
+		columnSize: "{value} pixels",
+		descending: "faldende",
+		descendingSort: "sorteret efter kolonne {columnName} i faldende rækkefølge",
+		expand: "Udvid",
+		resizerDescription: "Tryk på Enter for at ændre størrelse",
+		select: "Vælg",
+		selectAll: "Vælg alle",
+		sortable: "sorterbar kolonne"
+	},
+	"de-DE": {
+		ascending: "aufsteigend",
+		ascendingSort: "sortiert nach Spalte {columnName} in aufsteigender Reihenfolge",
+		collapse: "Reduzieren",
+		columnSize: "{value} Pixel",
+		descending: "absteigend",
+		descendingSort: "sortiert nach Spalte {columnName} in absteigender Reihenfolge",
+		expand: "Erweitern",
+		resizerDescription: "Eingabetaste zum Starten der Größenänderung drücken",
+		select: "Auswählen",
+		selectAll: "Alles auswählen",
+		sortable: "sortierbare Spalte"
+	},
+	"el-GR": {
+		ascending: "αύξουσα",
+		ascendingSort: "διαλογή ανά στήλη {columnName} σε αύξουσα σειρά",
+		collapse: "Σύμπτυξη",
+		columnSize: "{value} pixel",
+		descending: "φθίνουσα",
+		descendingSort: "διαλογή ανά στήλη {columnName} σε φθίνουσα σειρά",
+		expand: "Ανάπτυξη",
+		resizerDescription: "Πατήστε Enter για έναρξη της αλλαγής μεγέθους",
+		select: "Επιλογή",
+		selectAll: "Επιλογή όλων",
+		sortable: "Στήλη διαλογής"
+	},
+	"en-US": {
+		select: "Select",
+		selectAll: "Select All",
+		sortable: "sortable column",
+		ascending: "ascending",
+		descending: "descending",
+		ascendingSort: "sorted by column {columnName} in ascending order",
+		descendingSort: "sorted by column {columnName} in descending order",
+		columnSize: "{value} pixels",
+		resizerDescription: "Press Enter to start resizing",
+		expand: "Expand",
+		collapse: "Collapse"
+	},
+	"es-ES": {
+		ascending: "ascendente",
+		ascendingSort: "ordenado por columna {columnName} en sentido ascendente",
+		collapse: "Contraer",
+		columnSize: "{value} píxeles",
+		descending: "descendente",
+		descendingSort: "ordenado por columna {columnName} en orden descendente",
+		expand: "Ampliar",
+		resizerDescription: "Pulse Intro para empezar a redimensionar",
+		select: "Seleccionar",
+		selectAll: "Seleccionar todos",
+		sortable: "columna ordenable"
+	},
+	"et-EE": {
+		ascending: "tõusev järjestus",
+		ascendingSort: "sorditud veeru järgi {columnName} tõusvas järjestuses",
+		collapse: "Ahenda",
+		columnSize: "{value} pikslit",
+		descending: "laskuv järjestus",
+		descendingSort: "sorditud veeru järgi {columnName} laskuvas järjestuses",
+		expand: "Laienda",
+		resizerDescription: "Suuruse muutmise alustamiseks vajutage klahvi Enter",
+		select: "Vali",
+		selectAll: "Vali kõik",
+		sortable: "sorditav veerg"
+	},
+	"fi-FI": {
+		ascending: "nouseva",
+		ascendingSort: "lajiteltu sarakkeen {columnName} mukaan nousevassa järjestyksessä",
+		collapse: "Pienennä",
+		columnSize: "{value} pikseliä",
+		descending: "laskeva",
+		descendingSort: "lajiteltu sarakkeen {columnName} mukaan laskevassa järjestyksessä",
+		expand: "Laajenna",
+		resizerDescription: "Aloita koon muutos painamalla Enter-näppäintä",
+		select: "Valitse",
+		selectAll: "Valitse kaikki",
+		sortable: "lajiteltava sarake"
+	},
+	"fr-FR": {
+		ascending: "croissant",
+		ascendingSort: "trié en fonction de la colonne\xA0{columnName} par ordre croissant",
+		collapse: "Réduire",
+		columnSize: "{value}\xA0pixels",
+		descending: "décroissant",
+		descendingSort: "trié en fonction de la colonne\xA0{columnName} par ordre décroissant",
+		expand: "Développer",
+		resizerDescription: "Appuyez sur Entrée pour commencer le redimensionnement.",
+		select: "Sélectionner",
+		selectAll: "Sélectionner tout",
+		sortable: "colonne triable"
+	},
+	"he-IL": {
+		ascending: "עולה",
+		ascendingSort: "מוין לפי עמודה {columnName} בסדר עולה",
+		collapse: "כווץ",
+		columnSize: "{value} פיקסלים",
+		descending: "יורד",
+		descendingSort: "מוין לפי עמודה {columnName} בסדר יורד",
+		expand: "הרחב",
+		resizerDescription: "הקש Enter כדי לשנות את הגודל",
+		select: "בחר",
+		selectAll: "בחר הכול",
+		sortable: "עמודה שניתן למיין"
+	},
+	"hr-HR": {
+		ascending: "rastući",
+		ascendingSort: "razvrstano po stupcima {columnName} rastućem redoslijedom",
+		collapse: "Sažmi",
+		columnSize: "{value} piksela",
+		descending: "padajući",
+		descendingSort: "razvrstano po stupcima {columnName} padajućim redoslijedom",
+		expand: "Proširi",
+		resizerDescription: "Pritisnite Enter da biste započeli promenu veličine",
+		select: "Odaberite",
+		selectAll: "Odaberite sve",
+		sortable: "stupac koji se može razvrstati"
+	},
+	"hu-HU": {
+		ascending: "növekvő",
+		ascendingSort: "rendezve a(z) {columnName} oszlop szerint, növekvő sorrendben",
+		collapse: "Összecsukás",
+		columnSize: "{value} képpont",
+		descending: "csökkenő",
+		descendingSort: "rendezve a(z) {columnName} oszlop szerint, csökkenő sorrendben",
+		expand: "Kibontás",
+		resizerDescription: "Nyomja le az Enter billentyűt az átméretezés megkezdéséhez",
+		select: "Kijelölés",
+		selectAll: "Összes kijelölése",
+		sortable: "rendezendő oszlop"
+	},
+	"it-IT": {
+		ascending: "crescente",
+		ascendingSort: "in ordine crescente in base alla colonna {columnName}",
+		collapse: "Comprimi",
+		columnSize: "{value} pixel",
+		descending: "decrescente",
+		descendingSort: "in ordine decrescente in base alla colonna {columnName}",
+		expand: "Espandi",
+		resizerDescription: "Premi Invio per iniziare a ridimensionare",
+		select: "Seleziona",
+		selectAll: "Seleziona tutto",
+		sortable: "colonna ordinabile"
+	},
+	"ja-JP": {
+		ascending: "昇順",
+		ascendingSort: "列 {columnName} を昇順で並べ替え",
+		collapse: "折りたたむ",
+		columnSize: "{value} ピクセル",
+		descending: "降順",
+		descendingSort: "列 {columnName} を降順で並べ替え",
+		expand: "展開",
+		resizerDescription: "Enter キーを押してサイズ変更を開始",
+		select: "選択",
+		selectAll: "すべて選択",
+		sortable: "並べ替え可能な列"
+	},
+	"ko-KR": {
+		ascending: "오름차순",
+		ascendingSort: "{columnName} 열을 기준으로 오름차순으로 정렬됨",
+		collapse: "접기",
+		columnSize: "{value} 픽셀",
+		descending: "내림차순",
+		descendingSort: "{columnName} 열을 기준으로 내림차순으로 정렬됨",
+		expand: "펼치기",
+		resizerDescription: "크기 조정을 시작하려면 Enter를 누르세요.",
+		select: "선택",
+		selectAll: "모두 선택",
+		sortable: "정렬 가능한 열"
+	},
+	"lt-LT": {
+		ascending: "didėjančia tvarka",
+		ascendingSort: "surikiuota pagal stulpelį {columnName} didėjančia tvarka",
+		collapse: "Sutraukti",
+		columnSize: "{value} piks.",
+		descending: "mažėjančia tvarka",
+		descendingSort: "surikiuota pagal stulpelį {columnName} mažėjančia tvarka",
+		expand: "Išskleisti",
+		resizerDescription: "Paspauskite „Enter“, kad pradėtumėte keisti dydį",
+		select: "Pasirinkti",
+		selectAll: "Pasirinkti viską",
+		sortable: "rikiuojamas stulpelis"
+	},
+	"lv-LV": {
+		ascending: "augošā secībā",
+		ascendingSort: "kārtots pēc kolonnas {columnName} augošā secībā",
+		collapse: "Sakļaut",
+		columnSize: "{value} pikseļi",
+		descending: "dilstošā secībā",
+		descendingSort: "kārtots pēc kolonnas {columnName} dilstošā secībā",
+		expand: "Izvērst",
+		resizerDescription: "Nospiediet Enter, lai sāktu izmēru mainīšanu",
+		select: "Atlasīt",
+		selectAll: "Atlasīt visu",
+		sortable: "kārtojamā kolonna"
+	},
+	"nb-NO": {
+		ascending: "stigende",
+		ascendingSort: "sortert etter kolonne {columnName} i stigende rekkefølge",
+		collapse: "Skjul",
+		columnSize: "{value} piksler",
+		descending: "synkende",
+		descendingSort: "sortert etter kolonne {columnName} i synkende rekkefølge",
+		expand: "Utvid",
+		resizerDescription: "Trykk på Enter for å starte størrelsesendring",
+		select: "Velg",
+		selectAll: "Velg alle",
+		sortable: "kolonne som kan sorteres"
+	},
+	"nl-NL": {
+		ascending: "oplopend",
+		ascendingSort: "gesorteerd in oplopende volgorde in kolom {columnName}",
+		collapse: "Samenvouwen",
+		columnSize: "{value} pixels",
+		descending: "aflopend",
+		descendingSort: "gesorteerd in aflopende volgorde in kolom {columnName}",
+		expand: "Uitvouwen",
+		resizerDescription: "Druk op Enter om het formaat te wijzigen",
+		select: "Selecteren",
+		selectAll: "Alles selecteren",
+		sortable: "sorteerbare kolom"
+	},
+	"pl-PL": {
+		ascending: "rosnąco",
+		ascendingSort: "posortowano według kolumny {columnName} w porządku rosnącym",
+		collapse: "Zwiń",
+		columnSize: "Liczba pikseli: {value}",
+		descending: "malejąco",
+		descendingSort: "posortowano według kolumny {columnName} w porządku malejącym",
+		expand: "Rozwiń",
+		resizerDescription: "Naciśnij Enter, aby rozpocząć zmienianie rozmiaru",
+		select: "Zaznacz",
+		selectAll: "Zaznacz wszystko",
+		sortable: "kolumna z możliwością sortowania"
+	},
+	"pt-BR": {
+		ascending: "crescente",
+		ascendingSort: "classificado pela coluna {columnName} em ordem crescente",
+		collapse: "Recolher",
+		columnSize: "{value} pixels",
+		descending: "decrescente",
+		descendingSort: "classificado pela coluna {columnName} em ordem decrescente",
+		expand: "Expandir",
+		resizerDescription: "Pressione Enter para começar a redimensionar",
+		select: "Selecionar",
+		selectAll: "Selecionar tudo",
+		sortable: "coluna classificável"
+	},
+	"pt-PT": {
+		ascending: "ascendente",
+		ascendingSort: "Ordenar por coluna {columnName} em ordem ascendente",
+		collapse: "Colapsar",
+		columnSize: "{value} pixels",
+		descending: "descendente",
+		descendingSort: "Ordenar por coluna {columnName} em ordem descendente",
+		expand: "Expandir",
+		resizerDescription: "Prima Enter para iniciar o redimensionamento",
+		select: "Selecionar",
+		selectAll: "Selecionar tudo",
+		sortable: "Coluna ordenável"
+	},
+	"ro-RO": {
+		ascending: "crescătoare",
+		ascendingSort: "sortate după coloana {columnName} în ordine crescătoare",
+		collapse: "Restrângeți",
+		columnSize: "{value} pixeli",
+		descending: "descrescătoare",
+		descendingSort: "sortate după coloana {columnName} în ordine descrescătoare",
+		expand: "Extindeți",
+		resizerDescription: "Apăsați pe Enter pentru a începe redimensionarea",
+		select: "Selectare",
+		selectAll: "Selectare totală",
+		sortable: "coloană sortabilă"
+	},
+	"ru-RU": {
+		ascending: "возрастание",
+		ascendingSort: "сортировать столбец {columnName} в порядке возрастания",
+		collapse: "Свернуть",
+		columnSize: "{value} пикс.",
+		descending: "убывание",
+		descendingSort: "сортировать столбец {columnName} в порядке убывания",
+		expand: "Развернуть",
+		resizerDescription: "Нажмите клавишу Enter для начала изменения размеров",
+		select: "Выбрать",
+		selectAll: "Выбрать все",
+		sortable: "сортируемый столбец"
+	},
+	"sk-SK": {
+		ascending: "vzostupne",
+		ascendingSort: "zoradené zostupne podľa stĺpca {columnName}",
+		collapse: "Zbaliť",
+		columnSize: "Počet pixelov: {value}",
+		descending: "zostupne",
+		descendingSort: "zoradené zostupne podľa stĺpca {columnName}",
+		expand: "Rozbaliť",
+		resizerDescription: "Stlačením klávesu Enter začnete zmenu veľkosti",
+		select: "Vybrať",
+		selectAll: "Vybrať všetko",
+		sortable: "zoraditeľný stĺpec"
+	},
+	"sl-SI": {
+		ascending: "naraščajoče",
+		ascendingSort: "razvrščeno po stolpcu {columnName} v naraščajočem vrstnem redu",
+		collapse: "Strni",
+		columnSize: "{value} slikovnih pik",
+		descending: "padajoče",
+		descendingSort: "razvrščeno po stolpcu {columnName} v padajočem vrstnem redu",
+		expand: "Razširi",
+		resizerDescription: "Pritisnite tipko Enter da začnete spreminjati velikost",
+		select: "Izberite",
+		selectAll: "Izberite vse",
+		sortable: "razvrstljivi stolpec"
+	},
+	"sr-SP": {
+		ascending: "rastući",
+		ascendingSort: "sortirano po kolonama {columnName} rastućim redosledom",
+		collapse: "Skupi",
+		columnSize: "{value} piksela",
+		descending: "padajući",
+		descendingSort: "sortirano po kolonama {columnName} padajućim redosledom",
+		expand: "Proširi",
+		resizerDescription: "Pritisnite Enter da biste započeli promenu veličine",
+		select: "Izaberite",
+		selectAll: "Izaberite sve",
+		sortable: "kolona koja se može sortirati"
+	},
+	"sv-SE": {
+		ascending: "stigande",
+		ascendingSort: "sorterat på kolumn {columnName} i stigande ordning",
+		collapse: "Dölj",
+		columnSize: "{value} pixlar",
+		descending: "fallande",
+		descendingSort: "sorterat på kolumn {columnName} i fallande ordning",
+		expand: "Expandera",
+		resizerDescription: "Tryck på Retur för att börja ändra storlek",
+		select: "Markera",
+		selectAll: "Markera allt",
+		sortable: "sorterbar kolumn"
+	},
+	"tr-TR": {
+		ascending: "artan sırada",
+		ascendingSort: "{columnName} sütuna göre artan düzende sırala",
+		collapse: "Daralt",
+		columnSize: "{value} piksel",
+		descending: "azalan sırada",
+		descendingSort: "{columnName} sütuna göre azalan düzende sırala",
+		expand: "Genişlet",
+		resizerDescription: "Yeniden boyutlandırmak için Enter'a basın",
+		select: "Seç",
+		selectAll: "Tümünü Seç",
+		sortable: "Sıralanabilir sütun"
+	},
+	"uk-UA": {
+		ascending: "висхідний",
+		ascendingSort: "відсортовано за стовпцем {columnName} у висхідному порядку",
+		collapse: "Згорнути",
+		columnSize: "{value} пікс.",
+		descending: "низхідний",
+		descendingSort: "відсортовано за стовпцем {columnName} у низхідному порядку",
+		expand: "Розгорнути",
+		resizerDescription: "Натисніть Enter, щоб почати зміну розміру",
+		select: "Вибрати",
+		selectAll: "Вибрати все",
+		sortable: "сортувальний стовпець"
+	},
+	"zh-CN": {
+		ascending: "升序",
+		ascendingSort: "按列 {columnName} 升序排序",
+		collapse: "折叠",
+		columnSize: "{value} 像素",
+		descending: "降序",
+		descendingSort: "按列 {columnName} 降序排序",
+		expand: "扩展",
+		resizerDescription: "按 Enter 开始调整大小。",
+		select: "选择",
+		selectAll: "全选",
+		sortable: "可排序的列"
+	},
+	"zh-TW": {
+		ascending: "遞增",
+		ascendingSort: "已依據「{columnName}」欄遞增排序",
+		collapse: "收合",
+		columnSize: "{value} 像素",
+		descending: "遞減",
+		descendingSort: "已依據「{columnName}」欄遞減排序",
+		expand: "展開",
+		resizerDescription: "按 Enter 鍵以開始調整大小",
+		select: "選取",
+		selectAll: "全選",
+		sortable: "可排序的欄"
+	}
+};
+//#endregion
 //#region src/table/createTableColumnHeader.ts
 /**
 * createTableColumnHeader - Provides accessibility for a table column header.
@@ -382,6 +965,7 @@ function createTableHeaderRow(props, _state, _ref) {
 * Creates accessibility props for a table column header.
 */
 function createTableColumnHeader(props, state, _ref) {
+	const stringFormatter = createStringFormatter(tableIntlStrings, "@react-aria/table");
 	const [isPressed, setIsPressed] = createSignal(false);
 	let ignoreNextClick = false;
 	let ignoreNextClickTimeout;
@@ -390,7 +974,7 @@ function createTableColumnHeader(props, state, _ref) {
 		const p = props();
 		return s.focusedKey === p.node.key;
 	});
-	const sortDescriptionProps = createDescription(() => props().allowsSorting ? "sortable column" : void 0);
+	const sortDescriptionProps = createDescription(() => props().allowsSorting ? stringFormatter().format("sortable") : void 0);
 	const sortColumn = () => {
 		const s = state();
 		const p = props();
@@ -525,13 +1109,12 @@ const EXPANSION_KEYS = {
 */
 function createTableRow(props, state, ref) {
 	const locale = useLocale();
-	createMemo(() => state().treeColumn != null);
 	const hasChildRows = createMemo(() => props().node.isExpandable ?? false);
-	const isExpanded = createMemo(() => {
+	const isExpanded = () => {
 		const s = state();
 		if (s.treeColumn == null) return false;
 		return s.expandedKeys === "all" || s.expandedKeys.has(props().node.key);
-	});
+	};
 	const siblingInfo = createMemo(() => {
 		const s = state();
 		const node = props().node;
@@ -588,11 +1171,8 @@ function createTableRow(props, state, ref) {
 		selectedKeys: () => state().selectedKeys,
 		disabledKeys: () => state().disabledKeys,
 		disabledBehavior: () => state().disabledBehavior,
-		isEmpty: () => {
-			const keys = state().selectedKeys;
-			return keys !== "all" && keys.size === 0;
-		},
-		isSelectAll: () => state().selectedKeys === "all",
+		isEmpty: () => state().isEmpty,
+		isSelectAll: () => state().isSelectAll,
 		isSelected: (key) => state().isSelected(key),
 		isDisabled: (key) => {
 			const s = state();
@@ -625,20 +1205,22 @@ function createTableRow(props, state, ref) {
 				s.toggleKey(key);
 				e.stopPropagation();
 				return;
-			} else if (e.key === EXPANSION_KEYS.collapse[direction] && s.focusedKey === key) if (expanded !== "all") {
-				if (hasChildRows() && expanded.has(key)) {
+			} else if (e.key === EXPANSION_KEYS.collapse[direction] && s.focusedKey === key) {
+				if (expanded !== "all") {
+					if (hasChildRows() && expanded.has(key)) {
+						s.toggleKey(key);
+						e.stopPropagation();
+						return;
+					} else if (!expanded.has(key) && p.node.parentKey != null && p.node.level > 0) {
+						s.setFocusedKey(p.node.parentKey);
+						e.stopPropagation();
+						return;
+					}
+				} else {
 					s.toggleKey(key);
 					e.stopPropagation();
 					return;
-				} else if (!expanded.has(key) && p.node.parentKey != null && p.node.level > 0) {
-					s.setFocusedKey(p.node.parentKey);
-					e.stopPropagation();
-					return;
 				}
-			} else {
-				s.toggleKey(key);
-				e.stopPropagation();
-				return;
 			}
 		}
 	};
@@ -662,7 +1244,7 @@ function createTableRow(props, state, ref) {
 			baseProps.onKeyDown = onTreeGridKeyDown;
 		}
 		if (p.isVirtualized && s.treeColumn == null && node.rowIndex != null) baseProps["aria-rowindex"] = node.rowIndex + 1;
-		return mergeProps$1(selectableItem.itemProps, baseProps);
+		return mergeProps(selectableItem.itemProps, baseProps);
 	});
 	const onExpandPress = () => {
 		const s = state();
@@ -672,20 +1254,19 @@ function createTableRow(props, state, ref) {
 		s.setFocused(true);
 		s.setFocusedKey(p.node.key);
 	};
-	const expandButtonProps = createMemo(() => ({
-		isDisabled: isDisabled(),
-		onPress: onExpandPress,
-		excludeFromTabOrder: true,
-		preventFocusOnPress: true,
-		"data-react-aria-prevent-focus": true,
-		"aria-label": isExpanded() ? "Collapse" : "Expand"
-	}));
 	return {
 		get rowProps() {
 			return rowProps();
 		},
 		get expandButtonProps() {
-			return expandButtonProps();
+			return {
+				isDisabled: isDisabled(),
+				onPress: onExpandPress,
+				excludeFromTabOrder: true,
+				preventFocusOnPress: true,
+				"data-react-aria-prevent-focus": true,
+				"aria-label": isExpanded() ? "Collapse" : "Expand"
+			};
 		},
 		get isSelected() {
 			return isSelected();
@@ -796,7 +1377,7 @@ function createTableCell(props, state, _ref) {
 //#region src/table/createTableRowGroup.ts
 /**
 * createTableRowGroup - Provides accessibility for a table row group.
-* Based on @react-aria/grid/useTableRowGroup.
+* Ported from packages/react-aria/src/table/useTableRowGroup.ts.
 */
 /**
 * Creates accessibility props for a table row group (thead, tbody, tfoot).
@@ -820,6 +1401,7 @@ function createTableRowGroup(props) {
 * Creates accessibility props for a table row selection checkbox.
 */
 function createTableSelectionCheckbox(props, state) {
+	const stringFormatter = createStringFormatter(gridIntlStrings, "@react-aria/grid");
 	const checkboxId = createId();
 	const isSelected = createMemo(() => {
 		const s = state();
@@ -847,7 +1429,7 @@ function createTableSelectionCheckbox(props, state) {
 			checked: isSelected(),
 			disabled: isDisabled(),
 			onChange,
-			"aria-label": "Select",
+			"aria-label": stringFormatter().format("select"),
 			"aria-labelledby": `${checkboxId} ${getRowLabelledBy(s, p.key)}`
 		};
 	});
@@ -859,27 +1441,25 @@ function createTableSelectionCheckbox(props, state) {
 //#region src/table/createTableSelectAllCheckbox.ts
 /**
 * createTableSelectAllCheckbox - Provides accessibility for a table select-all checkbox.
-* Based on @react-aria/table/useTableSelectAllCheckbox.
+* Ported from packages/react-aria/src/table/useTableSelectionCheckbox.ts.
 */
 /**
 * Creates accessibility props for a table select-all checkbox.
 */
 function createTableSelectAllCheckbox(state) {
+	const stringFormatter = createStringFormatter(tableIntlStrings, "@react-aria/table");
 	const isSelectAll = createMemo(() => {
-		return state().selectedKeys === "all";
+		return state().isSelectAll;
 	});
-	const isEmpty = createMemo(() => {
+	const isCollectionEmpty = createMemo(() => {
 		return state().collection.size === 0;
 	});
-	const isIndeterminate = createMemo(() => {
-		const s = state();
-		const selectedKeys = s.selectedKeys;
-		if (selectedKeys === "all") return false;
-		if (selectedKeys.size === 0) return false;
-		return selectedKeys.size < s.collection.size;
+	const isEmpty = createMemo(() => {
+		return state().isEmpty;
 	});
+	const isIndeterminate = createMemo(() => !isEmpty() && !isSelectAll());
 	const isDisabled = createMemo(() => {
-		return state().selectionMode !== "multiple" || isEmpty();
+		return state().selectionMode !== "multiple" || isCollectionEmpty();
 	});
 	const onChange = () => {
 		const s = state();
@@ -892,7 +1472,7 @@ function createTableSelectAllCheckbox(state) {
 			checked: isSelectAll(),
 			disabled: isDisabled(),
 			onChange,
-			"aria-label": s.selectionMode === "single" ? "Select" : "Select All"
+			"aria-label": stringFormatter().format(s.selectionMode === "single" ? "select" : "selectAll")
 		};
 		if (isIndeterminate()) baseProps["data-indeterminate"] = "true";
 		return baseProps;
@@ -1003,14 +1583,12 @@ function createTableColumnResize(props, state) {
 					e.preventDefault();
 				}
 				break;
-			case "ArrowLeft":
-				if (isKeyboardResizing()) {
-					const currentWidth = getState().getColumnWidth(key);
-					const widths = getState().updateResizedColumns(key, currentWidth - KEYBOARD_STEP * rtlMul);
-					getProps().onResize?.(widths);
-					e.preventDefault();
-				}
-				break;
+			case "ArrowLeft": if (isKeyboardResizing()) {
+				const currentWidth = getState().getColumnWidth(key);
+				const widths = getState().updateResizedColumns(key, currentWidth - KEYBOARD_STEP * rtlMul);
+				getProps().onResize?.(widths);
+				e.preventDefault();
+			}
 		}
 	};
 	const onInputChange = (e) => {
@@ -1030,7 +1608,7 @@ function createTableColumnResize(props, state) {
 	return {
 		resizerProps: {
 			role: "presentation",
-			tabIndex: -1,
+			tabindex: -1,
 			style: {
 				"touch-action": "none",
 				cursor: "col-resize"
@@ -1043,7 +1621,7 @@ function createTableColumnResize(props, state) {
 			get type() {
 				return "range";
 			},
-			get tabIndex() {
+			get tabindex() {
 				return getProps().isDisabled ? -1 : 0;
 			},
 			get disabled() {