@synerise/ds-item-picker 1.3.2 → 1.4.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.4.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@1.3.2...@synerise/ds-item-picker@1.4.0) (2025-05-28)
+
+
+### Features
+
+* **item-picker:** add abortController ([85a6b52](https://github.com/Synerise/synerise-design/commit/85a6b522841e6377d57d4fc93b9fc309030f72cc))
+
+
+
+
+
 ## [1.3.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@1.3.1...@synerise/ds-item-picker@1.3.2) (2025-05-26)
 
 

package/dist/components/ItemPickerList/hooks/useItemsInSections.js

@@ -48,6 +48,7 @@ export var useItemsInSections = function useItemsInSections(_ref) {
   var loadedPage = useRef(FIRST_PAGE);
   var metaRef = useRef({});
   var sectionTotals = useRef({});
+  var abortControllerRef = useRef();
   var isFixedItemsList = isItems(items) || isItemsConfig(items);
   var _useState3 = useState(),
     contentHeight = _useState3[0],
@@ -215,11 +216,12 @@ export var useItemsInSections = function useItemsInSections(_ref) {
     return !!(selectedItem && getItemKey(item) === getItemKey(selectedItem));
   }, [getItemKey, selectedItem]);
   var loadItems = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _abortControllerRef$c;
     var sectionId, _yield$items$loadItem, _fetchedItems, meta, fetchedItems, requests, results;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          if (!(isFixedItemsList || listActions || isLoading)) {
+          if (!(isFixedItemsList || listActions)) {
             _context.next = 2;
             break;
           }
@@ -227,21 +229,25 @@ export var useItemsInSections = function useItemsInSections(_ref) {
         case 2:
           setIsLoading(true);
           setIsLoadingError(false);
+          // eslint-disable-next-line no-unused-expressions
+          (_abortControllerRef$c = abortControllerRef.current) == null || _abortControllerRef$c.abort();
+          abortControllerRef.current = new AbortController();
           if (!(listRenderingMode === RENDER_MODES.LIST_ITEMS)) {
-            _context.next = 25;
+            _context.next = 27;
             break;
           }
           sectionId = (currentSection == null ? void 0 : currentSection.id) || 'DEFAULT';
-          _context.prev = 6;
-          _context.next = 9;
+          _context.prev = 8;
+          _context.next = 11;
           return items.loadItems({
             page: FIRST_PAGE,
             searchQuery: searchQuery,
             sectionId: sectionId,
             limit: items.limitPerPage || ITEMS_PER_PAGE,
-            meta: undefined
+            meta: undefined,
+            abortController: abortControllerRef.current
           });
-        case 9:
+        case 11:
           _yield$items$loadItem = _context.sent;
           _fetchedItems = _yield$items$loadItem.items;
           meta = _yield$items$loadItem.meta;
@@ -250,17 +256,17 @@ export var useItemsInSections = function useItemsInSections(_ref) {
           metaRef.current[sectionId] = meta;
           setIsInitialDataLoaded(true);
           setCurrentItems(_fetchedItems);
-          _context.next = 24;
+          _context.next = 26;
           break;
-        case 19:
-          _context.prev = 19;
-          _context.t0 = _context["catch"](6);
+        case 21:
+          _context.prev = 21;
+          _context.t0 = _context["catch"](8);
           setIsLoading(false);
           setIsInitialDataLoaded(true);
           setIsLoadingError(true);
-        case 24:
+        case 26:
           return _context.abrupt("return");
-        case 25:
+        case 27:
           fetchedItems = [];
           requests = listRenderingMode === RENDER_MODES.LIST_FOLDERS_IN_SECTIONS ? [Promise.resolve()] : currentFolders == null ? void 0 : currentFolders.map(function (folder) {
             return items.loadItems({
@@ -268,7 +274,8 @@ export var useItemsInSections = function useItemsInSections(_ref) {
               searchQuery: searchQuery,
               limit: (items.limitPerSection || ITEMS_PER_SECTION) + 1,
               sectionId: folder.id,
-              meta: undefined
+              meta: undefined,
+              abortController: abortControllerRef.current
             }).then(function (_ref3) {
               var sectionItems = _ref3.items,
                 total = _ref3.total,
@@ -278,47 +285,47 @@ export var useItemsInSections = function useItemsInSections(_ref) {
               fetchedItems = [].concat(fetchedItems, sectionItems);
             });
           });
-          _context.prev = 27;
+          _context.prev = 29;
           if (!requests) {
-            _context.next = 34;
+            _context.next = 36;
             break;
           }
-          _context.next = 31;
+          _context.next = 33;
           return Promise.allSettled(requests);
-        case 31:
+        case 33:
           _context.t1 = _context.sent;
-          _context.next = 35;
+          _context.next = 37;
           break;
-        case 34:
+        case 36:
           _context.t1 = [];
-        case 35:
+        case 37:
           results = _context.t1;
           setIsLoading(false);
           setIsInitialDataLoaded(true);
           if (!results.every(function (result) {
             return result.status === 'fulfilled';
           })) {
-            _context.next = 41;
+            _context.next = 43;
             break;
           }
           setCurrentItems(fetchedItems);
           return _context.abrupt("return");
-        case 41:
+        case 43:
           setIsLoadingError(true);
-          _context.next = 49;
+          _context.next = 51;
           break;
-        case 44:
-          _context.prev = 44;
-          _context.t2 = _context["catch"](27);
+        case 46:
+          _context.prev = 46;
+          _context.t2 = _context["catch"](29);
           setIsLoading(false);
           setIsInitialDataLoaded(true);
           setIsLoadingError(true);
-        case 49:
+        case 51:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[6, 19], [27, 44]]);
-  })), [currentSection, isFixedItemsList, currentFolders, listRenderingMode, isLoading, items, listActions, searchQuery]);
+    }, _callee, null, [[8, 21], [29, 46]]);
+  })), [currentSection, isFixedItemsList, currentFolders, listRenderingMode, items, listActions, searchQuery]);
   useEffect(function () {
     if (listActions) {
       return;

package/dist/components/ItemPickerNew/ItemPickerNew.types.d.ts

@@ -37,6 +37,7 @@ export type LoaderProps = {
     limit: number;
     searchQuery?: string;
     meta?: ItemLoaderMeta;
+    abortController?: AbortController;
 };
 export type ItemLoaderConfig<ItemType extends BaseItemType> = {
     limitPerPage?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-item-picker",
-  "version": "1.3.2",
+  "version": "1.4.0",
   "description": "ItemPicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -64,5 +64,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "9e9cc54e3690b4d51323f91c81b3b79305984da6"
+  "gitHead": "2447f7472406c9f7fedc2b695539a76b9bc3d641"
 }