ehscan-react-table 0.0.7 → 0.0.8

package/dist/Components.d.ts

@@ -1,2 +1,5 @@
 export { Table } from './elements/Table';
 export { Pagination } from './elements/Pagination';
+export { useSortOrder } from './elements/SortOrderUtils';
+export { sortRows } from './elements/SortOrderUtils';
+export type { SortOrder } from './elements/SortOrderUtils';

package/dist/Components.js

@@ -1,3 +1,5 @@
 // ehscan-react-table entry
 export { Table } from './elements/Table';
 export { Pagination } from './elements/Pagination';
+export { useSortOrder } from './elements/SortOrderUtils';
+export { sortRows } from './elements/SortOrderUtils';

package/dist/elements/SortOrderUtils.d.ts

@@ -0,0 +1,11 @@
+export type SortOrder = {
+    tag: string;
+    dir: 'asc' | 'desc';
+};
+export declare const useSortOrder: (localStorageTag: string | null, defaultSortOrder: SortOrder) => readonly [SortOrder, import("react").Dispatch<import("react").SetStateAction<SortOrder>>];
+type Row = {
+    [key: string]: any;
+    id: number;
+};
+export declare const sortRows: (rows: Row[], sortOrder: SortOrder) => Row[];
+export {};

package/dist/elements/SortOrderUtils.js

@@ -0,0 +1,45 @@
+import { useState } from 'react';
+/**
+ * Returns the initial sort order from localStorage or default.
+ */
+const getInitialSortOrder = (localStorageTag, defaultSortOrder) => {
+    if (!localStorageTag)
+        return defaultSortOrder;
+    try {
+        const savedStorage = JSON.parse(localStorage.getItem(localStorageTag) || '{}');
+        if (!savedStorage.tag || !savedStorage.dir)
+            return defaultSortOrder;
+        return { tag: savedStorage.tag, dir: savedStorage.dir };
+    }
+    catch (e) {
+        console.error('Failed to parse sortOrder from localStorage', e);
+        return defaultSortOrder;
+    }
+};
+export const useSortOrder = (localStorageTag, defaultSortOrder) => {
+    const [sortOrder, setSortOrder] = useState(() => getInitialSortOrder(localStorageTag, defaultSortOrder));
+    return [sortOrder, setSortOrder];
+};
+export const sortRows = (rows, sortOrder) => {
+    const { tag, dir } = sortOrder;
+    if (!tag)
+        return rows;
+    return [...rows].sort((a, b) => {
+        const valA = a[tag];
+        const valB = b[tag];
+        if (valA === undefined || valA === null)
+            return 1;
+        if (valB === undefined || valB === null)
+            return -1;
+        if (typeof valA === 'number' && typeof valB === 'number') {
+            return dir === 'asc' ? valA - valB : valB - valA;
+        }
+        const strA = valA.toString().toLowerCase();
+        const strB = valB.toString().toLowerCase();
+        if (strA < strB)
+            return dir === 'asc' ? -1 : 1;
+        if (strA > strB)
+            return dir === 'asc' ? 1 : -1;
+        return 0;
+    });
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ehscan-react-table",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "components",
   "main": "dist/Components.js",
   "types": "dist/Components.d.ts",