@jobber/components 4.77.1 → 4.77.2-fixadd-pa.1

package/dist/DataList/DataList.types.d.ts

@@ -31,13 +31,13 @@ export interface DataListObject {
 export type DataListHeader<T extends DataListObject> = {
     readonly [K in keyof T]?: string;
 };
-export interface DataListSorting extends SortableOptions {
+export interface DataListSorting extends Partial<SortableOptions> {
     readonly key: string;
 }
 export interface SortableOptions {
-    readonly id: string;
-    readonly label: string;
-    readonly order: "asc" | "desc";
+    readonly id?: string;
+    readonly label?: string;
+    readonly order?: "asc" | "desc";
 }
 export interface DataListProps<T extends DataListObject> {
     /**

package/dist/DataList/index.js

@@ -346,7 +346,7 @@ 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: selectedOption, 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(id, sortingKey, label, order) {
+    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);
         const isDescending = (sortingState === null || sortingState === void 0 ? void 0 : sortingState.order) === "desc";
         if (isSameKey && isDescending && order !== "asc") {
@@ -380,7 +380,7 @@ function DataListHeaderTile({ headers, headerKey, visible = false, }) {
     }
     function handleSelectChange(newSortOption) {
         if (sortableItem) {
-            toggleSorting(newSortOption.id, sortableItem.key, newSortOption.label, newSortOption.order);
+            toggleSorting(sortableItem.key, newSortOption.id, newSortOption.label, newSortOption.order);
         }
         setIsDropDownOpen(true);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.77.1",
+  "version": "4.77.2-fixadd-pa.1+365d1481",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -20,7 +20,7 @@
   ],
   "dependencies": {
     "@jobber/design": "^0.53.0",
-    "@jobber/formatters": "*",
+    "@jobber/formatters": "^0.2.2",
     "@jobber/hooks": "^2.8.1",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
@@ -84,5 +84,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "fd6db5654246e3087409b5a5a9c4900235c9e9bd"
+  "gitHead": "365d1481b345e609d46f884ddf549c68cc134f02"
 }