@openproject/primer-view-components 0.0.0-20260202070026 → 0.0.0-20260202070538

package/app/components/primer/open_project/data_table/data_table_element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { controller } from "@github/catalyst";
+import { controller } from '@github/catalyst';
 let DataTableElement = class DataTableElement extends HTMLElement {
     constructor() {
         super();
@@ -13,19 +13,19 @@ let DataTableElement = class DataTableElement extends HTMLElement {
         sortTableByAriaSort(this.table);
     }
     toggleSort(event) {
-        const header = event.target.closest("th");
-        const ariaSort = header.getAttribute("aria-sort");
-        const sortAscendingIcon = header.querySelector(".TableSortIcon--ascending");
-        const sortDescendingIcon = header.querySelector(".TableSortIcon--descending");
-        if (ariaSort === "descending") {
-            header.setAttribute("aria-sort", "ascending");
-            sortAscendingIcon?.classList.remove("d-none");
-            sortDescendingIcon?.classList.add("d-none");
+        const header = event.target.closest('th');
+        const ariaSort = header.getAttribute('aria-sort');
+        const sortAscendingIcon = header.querySelector('.TableSortIcon--ascending');
+        const sortDescendingIcon = header.querySelector('.TableSortIcon--descending');
+        if (ariaSort === 'descending') {
+            header.setAttribute('aria-sort', 'ascending');
+            sortAscendingIcon?.classList.remove('d-none');
+            sortDescendingIcon?.classList.add('d-none');
         }
         else {
-            header.setAttribute("aria-sort", "descending");
-            sortDescendingIcon?.classList.remove("d-none");
-            sortAscendingIcon?.classList.add("d-none");
+            header.setAttribute('aria-sort', 'descending');
+            sortDescendingIcon?.classList.remove('d-none');
+            sortAscendingIcon?.classList.add('d-none');
         }
         const siblings = Array.from(header.parentElement.children).filter((el) => el !== header && el instanceof HTMLElement);
         for (const sibling of siblings) {
@@ -34,7 +34,7 @@ let DataTableElement = class DataTableElement extends HTMLElement {
         sortTableByAriaSort(this.table);
     }
     get table() {
-        return this.querySelector("table");
+        return this.querySelector('table');
     }
 };
 DataTableElement = __decorate([
@@ -42,41 +42,41 @@ DataTableElement = __decorate([
 ], DataTableElement);
 export { DataTableElement };
 function resetSort(th) {
-    th.removeAttribute("aria-sort");
-    const sortAscendingIcon = th.querySelector(".TableSortIcon--ascending");
-    const sortDescendingIcon = th.querySelector(".TableSortIcon--descending");
-    sortAscendingIcon?.classList.remove("d-none");
-    sortDescendingIcon?.classList.add("d-none");
+    th.removeAttribute('aria-sort');
+    const sortAscendingIcon = th.querySelector('.TableSortIcon--ascending');
+    const sortDescendingIcon = th.querySelector('.TableSortIcon--descending');
+    sortAscendingIcon?.classList.remove('d-none');
+    sortDescendingIcon?.classList.add('d-none');
 }
 //if (!customElements.get('data-table')) {
 //  customElements.define('data-table', DataTableElement);
 //}
 function sortTableByAriaSort(table) {
-    const headers = Array.from(table.querySelectorAll("thead th"));
-    const tbody = table.querySelector("tbody");
-    const sortedHeader = headers.find(th => th.getAttribute("aria-sort") === "ascending" ||
-        th.getAttribute("aria-sort") === "descending");
+    const headers = Array.from(table.querySelectorAll('thead th'));
+    const tbody = table.querySelector('tbody');
+    const sortedHeader = headers.find(th => th.getAttribute('aria-sort') === 'ascending' ||
+        th.getAttribute('aria-sort') === 'descending');
     if (!sortedHeader)
         return;
     const columnIndex = headers.indexOf(sortedHeader);
-    const direction = sortedHeader.getAttribute("aria-sort");
-    const rows = Array.from(tbody.querySelectorAll("tr"));
+    const direction = sortedHeader.getAttribute('aria-sort');
+    const rows = Array.from(tbody.querySelectorAll('tr'));
     const sortedRows = rows.sort((a, b) => {
-        const aText = a.children[columnIndex].textContent?.trim() ?? "";
-        const bText = b.children[columnIndex].textContent?.trim() ?? "";
+        const aText = a.children[columnIndex].textContent?.trim() ?? '';
+        const bText = b.children[columnIndex].textContent?.trim() ?? '';
         const aNum = parseFloat(aText);
         const bNum = parseFloat(bText);
         const valueA = Number.isNaN(aNum) ? aText : aNum;
         const valueB = Number.isNaN(bNum) ? bText : bNum;
         if (valueA < valueB)
-            return direction === "ascending" ? -1 : 1;
+            return direction === 'ascending' ? -1 : 1;
         if (valueA > valueB)
-            return direction === "ascending" ? 1 : -1;
+            return direction === 'ascending' ? 1 : -1;
         return 0;
     });
     tbody.append(...sortedRows);
 }
-if (!window.customElements.get("data-table-element")) {
+if (!window.customElements.get('data-table-element')) {
     window.DataTableElement = DataTableElement;
-    window.customElements.define("data-table-element", DataTableElement);
+    window.customElements.define('data-table-element', DataTableElement);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openproject/primer-view-components",
-  "version": "0.0.0-20260202070026",
+  "version": "0.0.0-20260202070538",
   "description": "ViewComponents of the Primer Design System for OpenProject",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",