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

package/src/table/createTableColumnResize.ts

@@ -1,3 +1,17 @@
+/*
+ * 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
+
 /**
  * ARIA hook for table column resize interactions.
  * Based on @react-aria/table/useTableColumnResize.
@@ -6,7 +20,9 @@
  * correct ARIA attributes for screen readers.
  */
 
-import { createSignal, createMemo, type Accessor, type JSX } from "solid-js";
+import { createSignal, createMemo } from "solid-js";
+import type { Accessor } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { Key, TableColumnResizeState } from "@proyecto-viviana/solid-stately";
 import { useLocale } from "../i18n";
 
@@ -196,7 +212,7 @@ export function createTableColumnResize(
   // range input below, matching React Aria's ColumnResizer structure.
   const resizerProps: JSX.HTMLAttributes<HTMLDivElement> = {
     role: "presentation",
-    tabIndex: -1,
+    tabindex: -1,
     style: {
       "touch-action": "none",
       cursor: "col-resize",
@@ -211,7 +227,7 @@ export function createTableColumnResize(
     get type() {
       return "range";
     },
-    get tabIndex() {
+    get tabindex() {
       return getProps().isDisabled ? -1 : 0;
     },
     get disabled() {

package/src/table/createTableHeaderRow.ts

@@ -1,10 +1,25 @@
+/*
+ * 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
+
 /**
  * createTableHeaderRow - Provides accessibility for a table header row.
  * Based on @react-aria/table/useTableHeaderRow.
  */
 
-import { createMemo, type Accessor } from "solid-js";
-import type { JSX } from "solid-js";
+import { createMemo } from "solid-js";
+import type { Accessor } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { TableState, TableCollection } from "@proyecto-viviana/solid-stately";
 import type { AriaTableHeaderRowProps, TableHeaderRowAria } from "./types";
 

package/src/table/createTableRow.ts

@@ -1,10 +1,25 @@
+/*
+ * 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
+
 /**
  * createTableRow - Provides accessibility for a table row.
  * Based on @react-aria/table/useTableRow.
  */
 
-import { createMemo, type Accessor } from "solid-js";
-import type { JSX } from "solid-js";
+import { createMemo } from "solid-js";
+import type { Accessor } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type {
   Collection,
   Key,
@@ -38,16 +53,13 @@ export function createTableRow<T extends object>(
 ): TableRowAria {
   const locale = useLocale();
 
-  // Tree-grid (expandable rows): only active when the collection has a tree column.
-  const isTreeRow = 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);
-  });
+  };
 
   // aria-posinset / aria-setsize among same-level sibling rows.
   const siblingInfo = createMemo(() => {
@@ -87,11 +99,8 @@ export function createTableRow<T extends object>(
     selectedKeys: () => state().selectedKeys as Selection,
     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: Key) => state().isSelected(key),
     isDisabled: (key: Key) => {
       const s = state();
@@ -245,21 +254,19 @@ export function createTableRow<T extends object>(
     s.setFocusedKey(p.node.key);
   };
 
-  const expandButtonProps = createMemo<ExpandButtonProps>(() => ({
-    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",
+      } as ExpandButtonProps;
     },
     get isSelected() {
       return isSelected();

package/src/table/createTableRowGroup.ts

@@ -1,10 +1,25 @@
+/*
+ * 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
+
 /**
  * createTableRowGroup - Provides accessibility for a table row group.
- * Based on @react-aria/grid/useTableRowGroup.
+ * Ported from packages/react-aria/src/table/useTableRowGroup.ts.
  */
 
-import { createMemo, type Accessor } from "solid-js";
-import type { JSX } from "solid-js";
+import { createMemo } from "solid-js";
+import type { Accessor } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { AriaTableRowGroupProps, TableRowGroupAria } from "./types";
 
 /**

package/src/table/createTableSelectAllCheckbox.ts

@@ -1,12 +1,29 @@
+/*
+ * 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
+
 /**
  * createTableSelectAllCheckbox - Provides accessibility for a table select-all checkbox.
- * Based on @react-aria/table/useTableSelectAllCheckbox.
+ * Ported from packages/react-aria/src/table/useTableSelectionCheckbox.ts.
  */
 
-import { createMemo, type Accessor } from "solid-js";
-import type { JSX } from "solid-js";
+import { createMemo } from "solid-js";
+import type { Accessor } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { TableState, TableCollection } from "@proyecto-viviana/solid-stately";
 import type { TableSelectAllCheckboxAria } from "./types";
+import { createStringFormatter } from "../i18n";
+import { tableIntlStrings } from "./intl";
 
 /**
  * Creates accessibility props for a table select-all checkbox.
@@ -14,27 +31,26 @@ import type { TableSelectAllCheckboxAria } from "./types";
 export function createTableSelectAllCheckbox<T extends object>(
   state: Accessor<TableState<T, TableCollection<T>>>,
 ): TableSelectAllCheckboxAria {
+  const stringFormatter = createStringFormatter(tableIntlStrings, "@react-aria/table");
   const isSelectAll = createMemo(() => {
-    const s = state();
-    return s.selectedKeys === "all";
+    return state().isSelectAll;
   });
 
-  const isEmpty = createMemo(() => {
+  const isCollectionEmpty = createMemo(() => {
     const s = state();
     return s.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;
   });
 
+  // RAC: `isIndeterminate: !isEmpty && !isSelectAll` (not selectedKeys.size vs collection.size).
+  const isIndeterminate = createMemo(() => !isEmpty() && !isSelectAll());
+
   const isDisabled = createMemo(() => {
     const s = state();
-    return s.selectionMode !== "multiple" || isEmpty();
+    return s.selectionMode !== "multiple" || isCollectionEmpty();
   });
 
   const onChange = () => {
@@ -52,7 +68,7 @@ export function createTableSelectAllCheckbox<T extends object>(
       checked: isSelectAll(),
       disabled: isDisabled(),
       onChange,
-      "aria-label": s.selectionMode === "single" ? "Select" : "Select All",
+      "aria-label": stringFormatter().format(s.selectionMode === "single" ? "select" : "selectAll"),
     };
 
     if (isIndeterminate()) {

package/src/table/createTableSelectionCheckbox.ts

@@ -1,14 +1,31 @@
+/*
+ * 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
+
 /**
  * createTableSelectionCheckbox - Provides accessibility for a table row selection checkbox.
  * Based on @react-aria/table/useTableSelectionCheckbox.
  */
 
-import { createMemo, type Accessor } from "solid-js";
-import type { JSX } from "solid-js";
+import { createMemo } from "solid-js";
+import type { Accessor } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { createId } from "@proyecto-viviana/solid-stately";
 import type { TableState, TableCollection } from "@proyecto-viviana/solid-stately";
 import type { AriaTableSelectionCheckboxProps, TableSelectionCheckboxAria } from "./types";
 import { getRowLabelledBy } from "./utils";
+import { createStringFormatter } from "../i18n";
+import { gridIntlStrings } from "../grid/intl";
 
 /**
  * Creates accessibility props for a table row selection checkbox.
@@ -17,6 +34,7 @@ export function createTableSelectionCheckbox<T extends object>(
   props: Accessor<AriaTableSelectionCheckboxProps>,
   state: Accessor<TableState<T, TableCollection<T>>>,
 ): TableSelectionCheckboxAria {
+  const stringFormatter = createStringFormatter(gridIntlStrings, "@react-aria/grid");
   const checkboxId = createId();
 
   const isSelected = createMemo(() => {
@@ -64,7 +82,7 @@ export function createTableSelectionCheckbox<T extends object>(
       checked: isSelected(),
       disabled: isDisabled(),
       onChange,
-      "aria-label": "Select",
+      "aria-label": stringFormatter().format("select"),
       // Mirrors `useTableSelectionCheckbox`: the checkbox is labelled by its own
       // "Select" text plus the row's row-header cell(s), so screen readers read
       // "Select Foo.pdf" rather than a bare "Select".

package/src/table/index.ts

@@ -1,6 +1,6 @@
 /**
- * Table accessibility primitives for Table components.
- * Based on @react-aria/table.
+ * Local Solidaria barrel for table accessibility primitives.
+ * Each exported module owns its upstream source mapping.
  */
 
 export { createTable, getTableData } from "./createTable";

package/src/table/intl/ar-AE.json

@@ -0,0 +1,13 @@
+{
+  "ascending": "تصاعدي",
+  "ascendingSort": "ترتيب حسب العمود {columnName} بترتيب تصاعدي",
+  "collapse": "طي",
+  "columnSize": "{value} بالبكسل",
+  "descending": "تنازلي",
+  "descendingSort": "ترتيب حسب العمود {columnName} بترتيب تنازلي",
+  "expand": "تمديد",
+  "resizerDescription": "اضغط على مفتاح Enter لبدء تغيير الحجم",
+  "select": "تحديد",
+  "selectAll": "تحديد الكل",
+  "sortable": "عمود قابل للترتيب"
+}

package/src/table/intl/bg-BG.json

@@ -0,0 +1,13 @@
+{
+  "ascending": "възходящ",
+  "ascendingSort": "сортирано по колона {columnName} във възходящ ред",
+  "collapse": "Свиване",
+  "columnSize": "{value} пиксела",
+  "descending": "низходящ",
+  "descendingSort": "сортирано по колона {columnName} в низходящ ред",
+  "expand": "Разширяване",
+  "resizerDescription": "Натиснете „Enter“, за да започнете да преоразмерявате",
+  "select": "Изберете",
+  "selectAll": "Изберете всичко",
+  "sortable": "сортираща колона"
+}

package/src/table/intl/cs-CZ.json

@@ -0,0 +1,13 @@
+{
+  "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í"
+}

package/src/table/intl/da-DK.json

@@ -0,0 +1,13 @@
+{
+  "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"
+}

package/src/table/intl/de-DE.json

@@ -0,0 +1,13 @@
+{
+  "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"
+}

package/src/table/intl/el-GR.json

@@ -0,0 +1,13 @@
+{
+  "ascending": "αύξουσα",
+  "ascendingSort": "διαλογή ανά στήλη {columnName} σε αύξουσα σειρά",
+  "collapse": "Σύμπτυξη",
+  "columnSize": "{value} pixel",
+  "descending": "φθίνουσα",
+  "descendingSort": "διαλογή ανά στήλη {columnName} σε φθίνουσα σειρά",
+  "expand": "Ανάπτυξη",
+  "resizerDescription": "Πατήστε Enter για έναρξη της αλλαγής μεγέθους",
+  "select": "Επιλογή",
+  "selectAll": "Επιλογή όλων",
+  "sortable": "Στήλη διαλογής"
+}

package/src/table/intl/en-US.json

@@ -0,0 +1,13 @@
+{
+  "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"
+}

package/src/table/intl/es-ES.json

@@ -0,0 +1,13 @@
+{
+  "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"
+}

package/src/table/intl/et-EE.json

@@ -0,0 +1,13 @@
+{
+  "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"
+}

package/src/table/intl/fi-FI.json

@@ -0,0 +1,13 @@
+{
+  "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"
+}

package/src/table/intl/fr-FR.json

@@ -0,0 +1,13 @@
+{
+  "ascending": "croissant",
+  "ascendingSort": "trié en fonction de la colonne {columnName} par ordre croissant",
+  "collapse": "Réduire",
+  "columnSize": "{value} pixels",
+  "descending": "décroissant",
+  "descendingSort": "trié en fonction de la colonne {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"
+}

package/src/table/intl/he-IL.json

@@ -0,0 +1,13 @@
+{
+  "ascending": "עולה",
+  "ascendingSort": "מוין לפי עמודה {columnName} בסדר עולה",
+  "collapse": "כווץ",
+  "columnSize": "{value} פיקסלים",
+  "descending": "יורד",
+  "descendingSort": "מוין לפי עמודה {columnName} בסדר יורד",
+  "expand": "הרחב",
+  "resizerDescription": "הקש Enter כדי לשנות את הגודל",
+  "select": "בחר",
+  "selectAll": "בחר הכול",
+  "sortable": "עמודה שניתן למיין"
+}

package/src/table/intl/hr-HR.json

@@ -0,0 +1,13 @@
+{
+  "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"
+}

package/src/table/intl/hu-HU.json

@@ -0,0 +1,13 @@
+{
+  "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"
+}