@jobber/components 4.77.2 → 4.77.3

package/dist/DataList/index.js

@@ -345,21 +345,22 @@ function DataListHeaderTile({ headers, headerKey, visible = false, }) {
         React__default["default"].createElement(Text.Text, { maxLines: "single" }, headers[headerKey]),
         isSortable && (sortableItem === null || sortableItem === void 0 ? void 0 : sortableItem.options) && isDropDownOpen && (React__default["default"].createElement(DataListSortingOptions, { options: sortableItem.options, selectedOption: (sorting === null || sorting === void 0 ? void 0 : sorting.state) || null, onSelectChange: handleSelectChange, onClose: () => setIsDropDownOpen(false), optionsListRef: optionsListRef, dataListHeaderTileRef: dataListHeaderTileRef })),
         (sortingState === null || sortingState === void 0 ? void 0 : sortingState.key) === headerKey ? (React__default["default"].createElement(DataListSortingArrows, { order: sortingState.order })) : (sortingState === null || sortingState === void 0 ? void 0 : sortingState.key) !== headerKey && isSortable ? (React__default["default"].createElement(DataListSortingArrows, { order: "none" })) : null));
-    function toggleSorting(sortingKey, id, label, order) {
-        const isSameKey = (sortingState === null || sortingState === void 0 ? void 0 : sortingState.label) === label && sortingKey === (sortingState === null || sortingState === void 0 ? void 0 : sortingState.key);
+    function toggleSorting(newSortingKey, newId, newLabel, newOrder) {
+        const isSameKey = newSortingKey === (sortingState === null || sortingState === void 0 ? void 0 : sortingState.key);
         const isDescending = (sortingState === null || sortingState === void 0 ? void 0 : sortingState.order) === "desc";
-        if (isSameKey && isDescending && order !== "asc") {
-            if (order === "desc")
-                return;
+        if (isSameKey && isDescending && newOrder === undefined) {
             sorting === null || sorting === void 0 ? void 0 : sorting.onSort(undefined);
             return;
         }
-        const sortingOrder = order || (isSameKey && !isDescending ? "desc" : "asc");
+        const sortingOrder = newOrder || (isSameKey && !isDescending ? "desc" : "asc");
+        setSorting(newSortingKey, newId, newLabel, sortingOrder);
+    }
+    function setSorting(newSortingKey, newId, newLabel, newOrder) {
         sorting === null || sorting === void 0 ? void 0 : sorting.onSort({
-            key: sortingKey,
-            id,
-            label,
-            order: sortingOrder,
+            key: newSortingKey,
+            id: newId,
+            label: newLabel,
+            order: newOrder,
         });
     }
     function handleOnClick() {
@@ -379,7 +380,7 @@ function DataListHeaderTile({ headers, headerKey, visible = false, }) {
     }
     function handleSelectChange(newSortOption) {
         if (sortableItem) {
-            toggleSorting(sortableItem.key, newSortOption.id, newSortOption.label, newSortOption.order);
+            setSorting(sortableItem.key, newSortOption.id, newSortOption.label, newSortOption.order);
         }
         setIsDropDownOpen(true);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.77.2",
+  "version": "4.77.3",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -84,5 +84,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "b1e06d1334c34d9a11b4106fceafb869a7e34079"
+  "gitHead": "0691129f73092a3143495c15965874d7956c91c1"
 }