@spaced-out/ui-design-system 0.1.65 → 0.1.66

package/.github/workflows/publish_to_npm.yml

@@ -22,7 +22,7 @@ jobs:
       - name: Check Permissions
         id: check-permissions
         env:
-          ALLOWED_USERS: superrover, Anant-Raj, nsfmc, ashwini-sensehq, aditya-kaushal
+          ALLOWED_USERS: superrover, Anant-Raj, nsfmc, ashwini-sensehq, aditya-kaushal, vish-sah
         if: ${{ !contains(env.ALLOWED_USERS, github.actor) }}
         run: |
           echo "You don't have correct permissions to do this release"

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.66](https://github.com/spaced-out/ui-design-system/compare/v0.1.65...v0.1.66) (2023-11-06)
+
+
+### Bug Fixes
+
+* enable case-insensitive sorting in table ([#152](https://github.com/spaced-out/ui-design-system/issues/152)) ([6e229a0](https://github.com/spaced-out/ui-design-system/commit/6e229a084b78964fc62e65a0ac09a367166ce03b))
+
 ### [0.1.65](https://github.com/spaced-out/ui-design-system/compare/v0.1.64...v0.1.65) (2023-10-31)
 
 

package/lib/components/Table/hooks.js

@@ -51,12 +51,14 @@ function useSortableEntries(entries, idName, _ref) {
     if (sortDirection === 'original') {
       return entries;
     }
-    const sortedDesc = (0, _sortBy.default)(entries, sortKey);
-    if (sortDirection === 'asc') {
-      return sortedDesc;
-    } else {
-      return sortedDesc.reverse();
-    }
+    const caseInsensitiveSortFunction = entry => {
+      if (typeof entry[sortKey] === 'string') {
+        return entry[sortKey].toLowerCase();
+      }
+      return entry[sortKey];
+    };
+    const sortedDesc = (0, _sortBy.default)(entries, caseInsensitiveSortFunction);
+    return sortDirection === 'asc' ? sortedDesc : sortedDesc.reverse();
   }, [sortDirection, sortKey, entries]);
   const sortedKeys = React.useMemo(() => sortedEntries.map(ent => (0, _get.default)(ent, idName)), [sortedEntries]);
   return {

package/lib/components/Table/hooks.js.flow

@@ -69,12 +69,14 @@ export function useSortableEntries<T: GenericObject>(
     if (sortDirection === 'original') {
       return entries;
     }
-    const sortedDesc = sortBy(entries, sortKey);
-    if (sortDirection === 'asc') {
-      return sortedDesc;
-    } else {
-      return sortedDesc.reverse();
-    }
+    const caseInsensitiveSortFunction = (entry) => {
+      if (typeof entry[sortKey] === 'string') {
+        return entry[sortKey].toLowerCase();
+      }
+      return entry[sortKey];
+    };
+    const sortedDesc = sortBy(entries, caseInsensitiveSortFunction);
+    return sortDirection === 'asc' ? sortedDesc : sortedDesc.reverse();
   }, [sortDirection, sortKey, entries]);
 
   const sortedKeys = React.useMemo(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.1.65",
+  "version": "0.1.66",
   "main": "index.js",
   "description": "Sense UI components library",
   "author": {