@synerise/ds-item-picker 1.17.0 → 1.17.2

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

@@ -1,226 +1,184 @@
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
-function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { itemSizes } from '@synerise/ds-list-item';
-import { FIRST_PAGE, GET_ITEM_KEY, ITEMS_PER_PAGE, ITEMS_PER_SECTION, ITEMS_PER_SECTION_IN_SEARCH, ITEM_SIZE, SECOND_PAGE, SECTION_HEADER_HEIGHT } from '../constants';
-import { RENDER_MODES } from '../types/renderMode';
-import { isItems, isItemsConfig, isWithOutSections } from '../utils';
-import { getActionItems, getSectionActionItems } from '../utils/actionItemsUtils';
-import { getSearchByActionItems } from '../utils/getSearchByActionItems';
-import { resolveSectionId } from '../utils/resolveSectionId';
-import { useFlattenFolders } from './useFlattenFolders';
-import { getFolderItems, getItems, getRecentItems, matchesSearchQuery } from './useItemsInSections.utils';
-var getSectionHeight = function getSectionHeight(itemsCount, withTitle) {
-  var itemsHeight = itemsCount * ITEM_SIZE[itemSizes.DEFAULT];
-  var titleHeight = withTitle && itemsCount ? ITEM_SIZE.title : 0;
+import { useState, useRef, useMemo, useCallback, useEffect } from "react";
+import { itemSizes } from "@synerise/ds-list-item";
+import { FIRST_PAGE, ITEMS_PER_SECTION_IN_SEARCH, ITEMS_PER_SECTION, ITEM_SIZE, SECTION_HEADER_HEIGHT, GET_ITEM_KEY, ITEMS_PER_PAGE, SECOND_PAGE } from "../constants.js";
+import { RENDER_MODES } from "../types/renderMode.js";
+import { isItems, isItemsConfig, isWithOutSections } from "../utils/typeguards.utils.js";
+import { getActionItems, getSectionActionItems } from "../utils/actionItemsUtils.js";
+import { getSearchByActionItems } from "../utils/getSearchByActionItems.js";
+import { resolveSectionId } from "../utils/resolveSectionId.js";
+import { useFlattenFolders } from "./useFlattenFolders.js";
+import { matchesSearchQuery, getRecentItems, getFolderItems, getItems } from "./useItemsInSections.utils.js";
+const getSectionHeight = (itemsCount, withTitle) => {
+  const itemsHeight = itemsCount * ITEM_SIZE[itemSizes.DEFAULT];
+  const titleHeight = withTitle && itemsCount ? ITEM_SIZE.title : 0;
   return itemsHeight + titleHeight;
 };
-export var useItemsInSections = function useItemsInSections(_ref) {
-  var items = _ref.items,
-    texts = _ref.texts,
-    selectedItem = _ref.selectedItem,
-    sections = _ref.sections,
-    recents = _ref.recents,
-    actions = _ref.actions,
-    searchQuery = _ref.searchQuery,
-    handleItemSelect = _ref.handleItemSelect,
-    onSectionChange = _ref.onSectionChange,
-    _ref$getItemKey = _ref.getItemKey,
-    getItemKey = _ref$getItemKey === void 0 ? GET_ITEM_KEY : _ref$getItemKey,
-    showItemsSectionLabel = _ref.showItemsSectionLabel,
-    changeSearchQuery = _ref.changeSearchQuery,
-    onLoadedData = _ref.onLoadedData;
-  var _useState = useState(),
-    currentSection = _useState[0],
-    setCurrentSection = _useState[1];
-  var _useState2 = useState(),
-    previousSection = _useState2[0],
-    setPreviousSection = _useState2[1];
-  var _useState3 = useState(),
-    searchByAction = _useState3[0],
-    setSearchByAction = _useState3[1];
-  var _useState4 = useState(),
-    searchByParamConfig = _useState4[0],
-    setSearchByParamConfig = _useState4[1];
-  var _useState5 = useState(),
-    searchInAction = _useState5[0],
-    setSearchInAction = _useState5[1];
-  var _useState6 = useState(),
-    searchInItem = _useState6[0],
-    setSearchInItem = _useState6[1];
-  var _useFlattenFolders = useFlattenFolders({
-      currentSection: currentSection,
-      sections: sections
-    }),
-    currentSectionHasFolders = _useFlattenFolders.currentSectionHasFolders,
-    currentFolders = _useFlattenFolders.currentFolders,
-    parentFolder = _useFlattenFolders.parentFolder,
-    currentPath = _useFlattenFolders.currentPath;
-  var requestIdRef = useRef();
-  var pageToLoad = useRef(FIRST_PAGE);
-  var metaRef = useRef({});
-  var sectionTotals = useRef({});
-  var abortControllerRef = useRef();
-  var isFixedItemsList = isItems(items) || isItemsConfig(items);
-  var _useState7 = useState(),
-    contentHeight = _useState7[0],
-    setContentHeight = _useState7[1];
-  var _useState8 = useState(isFixedItemsList),
-    isInitialDataLoaded = _useState8[0],
-    setIsInitialDataLoaded = _useState8[1];
-  var _useState9 = useState(false),
-    isLoading = _useState9[0],
-    setIsLoading = _useState9[1];
-  var _useState0 = useState(false),
-    isLoadingError = _useState0[0],
-    setIsLoadingError = _useState0[1];
-  var _useState1 = useState(false),
-    isLoadingMoreError = _useState1[0],
-    setIsLoadingMoreError = _useState1[1];
-  var _useState10 = useState(false),
-    isLoadingMore = _useState10[0],
-    setIsLoadingMore = _useState10[1];
-  var _useState11 = useState(false),
-    isLoadedAll = _useState11[0],
-    setIsLoadedAll = _useState11[1];
-  var _useState12 = useState(),
-    refreshTrigger = _useState12[0],
-    setRefreshTrigger = _useState12[1];
-  var _useState13 = useState(function () {
-      if (isFixedItemsList) {
-        var fixedItems = isItemsConfig(items) ? items.items : items;
-        if (searchQuery) {
-          return fixedItems.filter(function (item) {
-            return item.text && matchesSearchQuery(item.text, searchQuery);
-          });
-        }
-        return fixedItems;
+const useItemsInSections = ({
+  items,
+  texts,
+  selectedItem,
+  sections,
+  recents,
+  actions,
+  searchQuery,
+  handleItemSelect,
+  onSectionChange,
+  getItemKey = GET_ITEM_KEY,
+  showItemsSectionLabel,
+  changeSearchQuery,
+  onLoadedData
+}) => {
+  const [currentSection, setCurrentSection] = useState();
+  const [previousSection, setPreviousSection] = useState();
+  const [searchByAction, setSearchByAction] = useState();
+  const [searchByParamConfig, setSearchByParamConfig] = useState();
+  const [searchInAction, setSearchInAction] = useState();
+  const [searchInItem, setSearchInItem] = useState();
+  const {
+    currentSectionHasFolders,
+    currentFolders,
+    parentFolder,
+    currentPath
+  } = useFlattenFolders({
+    currentSection,
+    sections
+  });
+  const requestIdRef = useRef();
+  const pageToLoad = useRef(FIRST_PAGE);
+  const metaRef = useRef({});
+  const sectionTotals = useRef({});
+  const abortControllerRef = useRef();
+  const isFixedItemsList = isItems(items) || isItemsConfig(items);
+  const [contentHeight, setContentHeight] = useState();
+  const [isInitialDataLoaded, setIsInitialDataLoaded] = useState(isFixedItemsList);
+  const [isLoading, setIsLoading] = useState(false);
+  const [isLoadingError, setIsLoadingError] = useState(false);
+  const [isLoadingMoreError, setIsLoadingMoreError] = useState(false);
+  const [isLoadingMore, setIsLoadingMore] = useState(false);
+  const [isLoadedAll, setIsLoadedAll] = useState(false);
+  const [refreshTrigger, setRefreshTrigger] = useState();
+  const [currentItems, setCurrentItems] = useState(() => {
+    if (isFixedItemsList) {
+      const fixedItems = isItemsConfig(items) ? items.items : items;
+      if (searchQuery) {
+        return fixedItems.filter((item) => item.text && matchesSearchQuery(item.text, searchQuery));
       }
-      return [];
-    }),
-    currentItems = _useState13[0],
-    setCurrentItems = _useState13[1];
-  var isSearchInActionActive = !!searchInAction && !searchInItem;
-  var canPerformListActions = actions !== undefined && !searchByAction && !searchByParamConfig && !isSearchInActionActive;
-  var listActions = searchQuery === '/' && canPerformListActions;
-  var hasSearchQuery = !!searchQuery;
-  var _resolveSectionId = resolveSectionId({
-      currentSection: currentSection,
-      searchInAction: searchInAction,
-      searchInItem: searchInItem
-    }),
-    activeSectionId = _resolveSectionId.activeSectionId,
-    isListItemsRenderingMode = _resolveSectionId.isListItemsRenderingMode;
-  var activeSectionIdWithFallback = activeSectionId || 'DEFAULT';
-  var hasCurrentSection = !!activeSectionId;
-  var hasSections = !isWithOutSections(sections);
-  var hasSectionsAndFolders = useMemo(function () {
-    return hasSections && (sections == null ? void 0 : sections.some(function (section) {
-      var _section$folders;
-      return (_section$folders = section.folders) == null ? void 0 : _section$folders.length;
-    }));
-  }, [hasSections, sections]);
-  var handleItemSelectExtended = useCallback(function (item) {
+      return fixedItems;
+    }
+    return [];
+  });
+  const isSearchInActionActive = !!searchInAction && !searchInItem;
+  const canPerformListActions = actions !== void 0 && !searchByAction && !searchByParamConfig && !isSearchInActionActive;
+  const listActions = searchQuery === "/" && canPerformListActions;
+  const hasSearchQuery = !!searchQuery;
+  const {
+    activeSectionId,
+    isListItemsRenderingMode
+  } = resolveSectionId({
+    currentSection,
+    searchInAction,
+    searchInItem
+  });
+  const activeSectionIdWithFallback = activeSectionId || "DEFAULT";
+  const hasCurrentSection = !!activeSectionId;
+  const hasSections = !isWithOutSections(sections);
+  const hasSectionsAndFolders = useMemo(() => hasSections && sections?.some((section) => section.folders?.length), [hasSections, sections]);
+  const handleItemSelectExtended = useCallback((item) => {
     if (searchInAction && !searchInItem) {
-      changeSearchQuery('');
+      changeSearchQuery("");
       setSearchInItem(item);
-      setSearchByParamConfig(undefined);
-      searchInAction.onSearchInItemClick == null || searchInAction.onSearchInItemClick(item);
+      setSearchByParamConfig(void 0);
+      searchInAction.onSearchInItemClick?.(item);
       return;
     }
-    handleItemSelect == null || handleItemSelect(item);
+    handleItemSelect?.(item);
   }, [changeSearchQuery, handleItemSelect, searchInAction, searchInItem]);
-  var itemsLimitPerSection = useMemo(function () {
-    var _items$limitPerSectio2;
-    var fallbackLimit = searchQuery ? ITEMS_PER_SECTION_IN_SEARCH : ITEMS_PER_SECTION;
+  const itemsLimitPerSection = useMemo(() => {
+    const fallbackLimit = searchQuery ? ITEMS_PER_SECTION_IN_SEARCH : ITEMS_PER_SECTION;
     if (isFixedItemsList) {
-      var _items$limitPerSectio;
-      return isItemsConfig(items) ? (_items$limitPerSectio = items.limitPerSection) != null ? _items$limitPerSectio : fallbackLimit : fallbackLimit;
+      return isItemsConfig(items) ? items.limitPerSection ?? fallbackLimit : fallbackLimit;
     }
-    return (_items$limitPerSectio2 = items.limitPerSection) != null ? _items$limitPerSectio2 : fallbackLimit;
+    return items.limitPerSection ?? fallbackLimit;
   }, [isFixedItemsList, searchQuery, items]);
-  var _useMemo = useMemo(function () {
-      if (isListItemsRenderingMode) {
-        return {
-          listRenderingMode: RENDER_MODES.LIST_ITEMS
-        };
-      }
-      if (hasSectionsAndFolders) {
-        if (hasCurrentSection) {
-          if (!currentSectionHasFolders) {
-            return {
-              listRenderingMode: RENDER_MODES.LIST_ITEMS
-            };
-          }
+  const {
+    listRenderingMode
+  } = useMemo(() => {
+    if (isListItemsRenderingMode) {
+      return {
+        listRenderingMode: RENDER_MODES.LIST_ITEMS
+      };
+    }
+    if (hasSectionsAndFolders) {
+      if (hasCurrentSection) {
+        if (!currentSectionHasFolders) {
           return {
-            listRenderingMode: RENDER_MODES.LIST_ITEMS_IN_SECTIONS
+            listRenderingMode: RENDER_MODES.LIST_ITEMS
           };
         }
-        return {
-          listRenderingMode: hasSearchQuery ? RENDER_MODES.LIST_ITEMS_IN_SECTIONS : RENDER_MODES.LIST_FOLDERS_IN_SECTIONS
-        };
-      }
-      if (hasSections && !hasCurrentSection) {
         return {
           listRenderingMode: RENDER_MODES.LIST_ITEMS_IN_SECTIONS
         };
       }
       return {
-        listRenderingMode: RENDER_MODES.LIST_ITEMS
+        listRenderingMode: hasSearchQuery ? RENDER_MODES.LIST_ITEMS_IN_SECTIONS : RENDER_MODES.LIST_FOLDERS_IN_SECTIONS
       };
-    }, [hasCurrentSection, hasSections, hasSearchQuery, hasSectionsAndFolders, currentSectionHasFolders, isListItemsRenderingMode]),
-    listRenderingMode = _useMemo.listRenderingMode;
-  var globalActionsLength = (actions == null ? void 0 : actions.filter(function (action) {
-    return !action.sectionId;
-  }).length) || 0;
-  var recentsLength = (recents == null ? void 0 : recents.length) || 0;
-  var currentItemsLength = currentItems.length;
-  var resetCurrentSection = useCallback(function () {
-    setSearchInAction(undefined);
-    setSearchInItem(undefined);
-    setCurrentSection(undefined);
-    setPreviousSection(undefined);
+    }
+    if (hasSections && !hasCurrentSection) {
+      return {
+        listRenderingMode: RENDER_MODES.LIST_ITEMS_IN_SECTIONS
+      };
+    }
+    return {
+      listRenderingMode: RENDER_MODES.LIST_ITEMS
+    };
+  }, [hasCurrentSection, hasSections, hasSearchQuery, hasSectionsAndFolders, currentSectionHasFolders, isListItemsRenderingMode]);
+  const globalActionsLength = actions?.filter((action) => !action.sectionId).length || 0;
+  const recentsLength = recents?.length || 0;
+  const currentItemsLength = currentItems.length;
+  const resetCurrentSection = useCallback(() => {
+    setSearchInAction(void 0);
+    setSearchInItem(void 0);
+    setCurrentSection(void 0);
+    setPreviousSection(void 0);
   }, []);
-  var goBack = useCallback(function () {
+  const goBack = useCallback(() => {
     if (searchByAction) {
-      setSearchByAction(undefined);
+      setSearchByAction(void 0);
       return;
     }
     if (searchInItem) {
-      changeSearchQuery('');
-      setSearchByParamConfig(undefined);
-      setSearchInItem(undefined);
+      changeSearchQuery("");
+      setSearchByParamConfig(void 0);
+      setSearchInItem(void 0);
       return;
     }
     if (searchInAction) {
-      changeSearchQuery('');
-      setSearchInAction(undefined);
+      changeSearchQuery("");
+      setSearchInAction(void 0);
       return;
     }
     if (searchQuery) {
       setCurrentSection(previousSection);
-      setPreviousSection(undefined);
+      setPreviousSection(void 0);
       return;
     }
     if (parentFolder) {
       setCurrentSection(parentFolder);
       return;
     }
-    setCurrentSection(undefined);
+    setCurrentSection(void 0);
   }, [searchInAction, searchByAction, searchQuery, parentFolder, previousSection, searchInItem, changeSearchQuery]);
-  var handleCurrentSectionChange = useCallback(function (section) {
+  const handleCurrentSectionChange = useCallback((section) => {
     setPreviousSection(currentSection);
     setCurrentSection(section);
   }, [currentSection]);
-  var handleSectionChange = useCallback(function (section) {
+  const handleSectionChange = useCallback((section) => {
     handleCurrentSectionChange(section);
-    onSectionChange == null || onSectionChange(section);
+    onSectionChange?.(section);
   }, [onSectionChange, handleCurrentSectionChange]);
-  var getLargestSectionHeight = useCallback(function () {
-    var itemsPerSection = {};
-    currentItems.forEach(function (item) {
+  const getLargestSectionHeight = useCallback(() => {
+    const itemsPerSection = {};
+    currentItems.forEach((item) => {
       if (!item.sectionId) {
         return;
       }
@@ -233,7 +191,7 @@ export var useItemsInSections = function useItemsInSections(_ref) {
       itemsPerSection[item.sectionId].items += ITEM_SIZE[itemSizes.DEFAULT];
     });
     if (actions) {
-      actions.forEach(function (item) {
+      actions.forEach((item) => {
         if (!item.sectionId) {
           return;
         }
@@ -246,183 +204,131 @@ export var useItemsInSections = function useItemsInSections(_ref) {
         itemsPerSection[item.sectionId].actions += ITEM_SIZE[itemSizes.DEFAULT];
       });
     }
-    var largestSectionHeight = Object.values(itemsPerSection).reduce(function (maxHeight, sectionData) {
-      var sectionHeight = sectionData.actions + sectionData.items + (+Boolean(sectionData.actions) + +Boolean(sectionData.items)) * ITEM_SIZE.title;
+    const largestSectionHeight = Object.values(itemsPerSection).reduce((maxHeight, sectionData) => {
+      const sectionHeight = sectionData.actions + sectionData.items + (+Boolean(sectionData.actions) + +Boolean(sectionData.items)) * ITEM_SIZE.title;
       return Math.max(maxHeight, sectionHeight);
     }, 0);
     return largestSectionHeight + SECTION_HEADER_HEIGHT;
   }, [currentItems, actions]);
-  var calculatedContentHeight = useMemo(function () {
+  const calculatedContentHeight = useMemo(() => {
     if (isFixedItemsList && !searchQuery && !activeSectionId) {
-      var globalActionsHeight = getSectionHeight(globalActionsLength, !!globalActionsLength);
-      var recentHeight = getSectionHeight(recentsLength, !!recentsLength);
+      const globalActionsHeight = getSectionHeight(globalActionsLength, !!globalActionsLength);
+      const recentHeight = getSectionHeight(recentsLength, !!recentsLength);
       if (!hasSections) {
-        var mainItemsHeight = getSectionHeight(currentItemsLength, showItemsSectionLabel || !!(globalActionsHeight || recentHeight));
+        const mainItemsHeight = getSectionHeight(currentItemsLength, showItemsSectionLabel || !!(globalActionsHeight || recentHeight));
         return mainItemsHeight + globalActionsHeight + recentHeight;
       }
-      var largestSectionHeight = getLargestSectionHeight();
+      const largestSectionHeight = getLargestSectionHeight();
       if (hasSectionsAndFolders) {
-        var _initialViewHeight = globalActionsHeight + recentHeight + ITEM_SIZE.title * (sections.length + sections.reduce(function (folderCount, section) {
-          var _section$folders2;
-          return folderCount + (((_section$folders2 = section.folders) == null ? void 0 : _section$folders2.length) || 0);
-        }, 0));
-        return Math.max(_initialViewHeight, largestSectionHeight);
+        const initialViewHeight2 = globalActionsHeight + recentHeight + ITEM_SIZE.title * (sections.length + sections.reduce((folderCount, section) => folderCount + (section.folders?.length || 0), 0));
+        return Math.max(initialViewHeight2, largestSectionHeight);
       }
-      // sections but no folders
-      var initialViewHeight = globalActionsHeight + recentHeight + ITEM_SIZE.title * sections.length + getSectionHeight(currentItemsLength, showItemsSectionLabel || !!(globalActionsHeight || recentHeight));
+      const initialViewHeight = globalActionsHeight + recentHeight + ITEM_SIZE.title * sections.length + getSectionHeight(currentItemsLength, showItemsSectionLabel || !!(globalActionsHeight || recentHeight));
       return Math.max(initialViewHeight, largestSectionHeight);
     }
-    return undefined;
+    return void 0;
   }, [isFixedItemsList, searchQuery, activeSectionId, globalActionsLength, recentsLength, hasSections, getLargestSectionHeight, hasSectionsAndFolders, sections, currentItemsLength, showItemsSectionLabel]);
-  var isSelected = useCallback(function (item) {
+  const isSelected = useCallback((item) => {
     return !!(selectedItem && getItemKey(item) === getItemKey(selectedItem));
   }, [getItemKey, selectedItem]);
-  var loadItems = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
-    var currentRequestId, _yield$items$loadItem, _fetchedItems, meta, fetchedItems, requests, results, _t, _t2, _t3;
-    return _regenerator().w(function (_context) {
-      while (1) switch (_context.p = _context.n) {
-        case 0:
-          if (!(isFixedItemsList || listActions || searchByAction)) {
-            _context.n = 1;
-            break;
-          }
-          return _context.a(2);
-        case 1:
-          setIsLoading(true);
-          setIsLoadingError(false);
-          currentRequestId = crypto.randomUUID();
-          requestIdRef.current = currentRequestId;
-          if (!(listRenderingMode === RENDER_MODES.LIST_ITEMS)) {
-            _context.n = 7;
-            break;
-          }
-          _context.p = 2;
-          _context.n = 3;
-          return items.loadItems({
-            page: FIRST_PAGE,
-            searchQuery: searchQuery,
-            sectionId: activeSectionIdWithFallback,
-            limit: items.limitPerPage || ITEMS_PER_PAGE,
-            meta: undefined,
-            abortController: abortControllerRef.current,
-            searchKey: searchByParamConfig == null ? void 0 : searchByParamConfig.paramKey,
-            searchInItem: searchInItem
-          });
-        case 3:
-          _yield$items$loadItem = _context.v;
-          _fetchedItems = _yield$items$loadItem.items;
-          meta = _yield$items$loadItem.meta;
-          if (!(currentRequestId !== requestIdRef.current)) {
-            _context.n = 4;
-            break;
-          }
-          return _context.a(2);
-        case 4:
-          setIsLoading(false);
-          pageToLoad.current = FIRST_PAGE + 1;
-          metaRef.current[activeSectionIdWithFallback] = meta;
-          onLoadedData == null || onLoadedData({
-            sectionId: activeSectionIdWithFallback,
-            meta: meta,
-            renderMode: listRenderingMode
-          });
-          setIsInitialDataLoaded(true);
-          setCurrentItems(_fetchedItems);
-          _context.n = 6;
-          break;
-        case 5:
-          _context.p = 5;
-          _t = _context.v;
-          setIsLoading(false);
-          setIsInitialDataLoaded(true);
-          setIsLoadingError(true);
-        case 6:
-          return _context.a(2);
-        case 7:
-          fetchedItems = [];
-          requests = listRenderingMode === RENDER_MODES.LIST_FOLDERS_IN_SECTIONS ? [Promise.resolve()] : currentFolders == null ? void 0 : currentFolders.map(function (folder) {
-            var sectionId = folder.id;
-            return items.loadItems({
-              page: FIRST_PAGE,
-              searchQuery: searchQuery,
-              limit: (items.limitPerSection || ITEMS_PER_SECTION) + 1,
-              sectionId: sectionId,
-              meta: undefined,
-              abortController: abortControllerRef.current,
-              searchKey: searchByParamConfig == null ? void 0 : searchByParamConfig.paramKey,
-              searchInItem: searchInItem
-            }).then(function (_ref3) {
-              var sectionItems = _ref3.items,
-                total = _ref3.total,
-                meta = _ref3.meta;
-              onLoadedData == null || onLoadedData({
-                sectionId: sectionId,
-                meta: meta,
-                renderMode: listRenderingMode
-              });
-              metaRef.current[folder.id] = meta;
-              sectionTotals.current[folder.id] = total;
-              fetchedItems = [].concat(fetchedItems, sectionItems);
-            });
-          });
-          _context.p = 8;
-          if (!requests) {
-            _context.n = 10;
-            break;
-          }
-          _context.n = 9;
-          return Promise.allSettled(requests);
-        case 9:
-          _t2 = _context.v;
-          _context.n = 11;
-          break;
-        case 10:
-          _t2 = [];
-        case 11:
-          results = _t2;
-          if (!(currentRequestId !== requestIdRef.current)) {
-            _context.n = 12;
-            break;
-          }
-          return _context.a(2);
-        case 12:
-          setIsLoading(false);
-          setIsInitialDataLoaded(true);
-          if (!results.every(function (result) {
-            return result.status === 'fulfilled';
-          })) {
-            _context.n = 13;
-            break;
-          }
-          setCurrentItems(fetchedItems);
-          return _context.a(2);
-        case 13:
-          setIsLoadingError(true);
-          _context.n = 15;
-          break;
-        case 14:
-          _context.p = 14;
-          _t3 = _context.v;
-          setIsLoading(false);
-          setIsInitialDataLoaded(true);
-          setIsLoadingError(true);
-        case 15:
-          return _context.a(2);
+  const loadItems = useCallback(async () => {
+    if (isFixedItemsList || listActions || searchByAction) {
+      return;
+    }
+    setIsLoading(true);
+    setIsLoadingError(false);
+    const currentRequestId = crypto.randomUUID();
+    requestIdRef.current = currentRequestId;
+    if (listRenderingMode === RENDER_MODES.LIST_ITEMS) {
+      try {
+        const {
+          items: fetchedItems2,
+          meta
+        } = await items.loadItems({
+          page: FIRST_PAGE,
+          searchQuery,
+          sectionId: activeSectionIdWithFallback,
+          limit: items.limitPerPage || ITEMS_PER_PAGE,
+          meta: void 0,
+          abortController: abortControllerRef.current,
+          searchKey: searchByParamConfig?.paramKey,
+          searchInItem
+        });
+        if (currentRequestId !== requestIdRef.current) {
+          return;
+        }
+        setIsLoading(false);
+        pageToLoad.current = FIRST_PAGE + 1;
+        metaRef.current[activeSectionIdWithFallback] = meta;
+        onLoadedData?.({
+          sectionId: activeSectionIdWithFallback,
+          meta,
+          renderMode: listRenderingMode
+        });
+        setIsInitialDataLoaded(true);
+        setCurrentItems(fetchedItems2);
+      } catch (_event) {
+        setIsLoading(false);
+        setIsInitialDataLoaded(true);
+        setIsLoadingError(true);
       }
-    }, _callee, null, [[8, 14], [2, 5]]);
-  })), [searchByParamConfig, isFixedItemsList, currentFolders, listRenderingMode, items, listActions, searchQuery, searchByAction, onLoadedData, activeSectionIdWithFallback, searchInItem]);
-  useEffect(function () {
+      return;
+    }
+    let fetchedItems = [];
+    const requests = listRenderingMode === RENDER_MODES.LIST_FOLDERS_IN_SECTIONS ? [Promise.resolve()] : currentFolders?.map((folder) => {
+      const sectionId = folder.id;
+      return items.loadItems({
+        page: FIRST_PAGE,
+        searchQuery,
+        limit: (items.limitPerSection || ITEMS_PER_SECTION) + 1,
+        sectionId,
+        meta: void 0,
+        abortController: abortControllerRef.current,
+        searchKey: searchByParamConfig?.paramKey,
+        searchInItem
+      }).then(({
+        items: sectionItems,
+        total,
+        meta
+      }) => {
+        onLoadedData?.({
+          sectionId,
+          meta,
+          renderMode: listRenderingMode
+        });
+        metaRef.current[folder.id] = meta;
+        sectionTotals.current[folder.id] = total;
+        fetchedItems = [...fetchedItems, ...sectionItems];
+      });
+    });
+    try {
+      const results = requests ? await Promise.allSettled(requests) : [];
+      if (currentRequestId !== requestIdRef.current) {
+        return;
+      }
+      setIsLoading(false);
+      setIsInitialDataLoaded(true);
+      if (results.every((result) => result.status === "fulfilled")) {
+        setCurrentItems(fetchedItems);
+        return;
+      }
+      setIsLoadingError(true);
+    } catch (_event) {
+      setIsLoading(false);
+      setIsInitialDataLoaded(true);
+      setIsLoadingError(true);
+    }
+  }, [searchByParamConfig, isFixedItemsList, currentFolders, listRenderingMode, items, listActions, searchQuery, searchByAction, onLoadedData, activeSectionIdWithFallback, searchInItem]);
+  useEffect(() => {
     if (listActions) {
       return;
     }
     if (isFixedItemsList) {
-      var allItems = isItemsConfig(items) ? items.items : items;
-      var itemsInSection = currentSection && !currentSectionHasFolders ? allItems.filter(function (item) {
-        return item.sectionId === currentSection.id;
-      }) : allItems;
+      const allItems = isItemsConfig(items) ? items.items : items;
+      const itemsInSection = currentSection && !currentSectionHasFolders ? allItems.filter((item) => item.sectionId === currentSection.id) : allItems;
       if (searchQuery) {
-        var matchingItems = itemsInSection.filter(function (item) {
-          var matchValue = searchByParamConfig ? String(item[searchByParamConfig.paramKey]) : item.text;
+        const matchingItems = itemsInSection.filter((item) => {
+          const matchValue = searchByParamConfig ? String(item[searchByParamConfig.paramKey]) : item.text;
           return matchValue && matchesSearchQuery(matchValue, searchQuery);
         });
         setCurrentItems(matchingItems);
@@ -431,7 +337,7 @@ export var useItemsInSections = function useItemsInSections(_ref) {
       setCurrentItems(itemsInSection);
     }
   }, [isFixedItemsList, isLoading, currentSection, isLoadingError, currentSectionHasFolders, currentItemsLength, items, listActions, searchQuery, searchByParamConfig]);
-  useEffect(function () {
+  useEffect(() => {
     pageToLoad.current = FIRST_PAGE;
     metaRef.current = {};
     setIsLoadedAll(false);
@@ -442,34 +348,28 @@ export var useItemsInSections = function useItemsInSections(_ref) {
         loadItems();
       }
     }
-    return function () {
-      var _abortControllerRef$c;
-      (_abortControllerRef$c = abortControllerRef.current) == null || _abortControllerRef$c.abort();
+    return () => {
+      abortControllerRef.current?.abort();
       abortControllerRef.current = new AbortController();
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [activeSectionId, isFixedItemsList, searchQuery, listActions, refreshTrigger]);
-  useEffect(function () {
-    var timeout;
+  useEffect(() => {
+    let timeout;
     if (!hasSearchQuery && !hasCurrentSection && calculatedContentHeight) {
-      timeout = setTimeout(function () {
-        return setContentHeight(calculatedContentHeight);
-      }, 50);
+      timeout = setTimeout(() => setContentHeight(calculatedContentHeight), 50);
     }
-    return function () {
+    return () => {
       timeout && clearTimeout(timeout);
     };
   }, [calculatedContentHeight, hasCurrentSection, hasSearchQuery]);
-  var hasInfiniteScroll = !listActions && !isFixedItemsList && listRenderingMode === RENDER_MODES.LIST_ITEMS;
-  var refreshItems = useMemo(function () {
+  const hasInfiniteScroll = !listActions && !isFixedItemsList && listRenderingMode === RENDER_MODES.LIST_ITEMS;
+  const refreshItems = useMemo(() => {
     if (!isFixedItemsList) {
-      return function () {
-        return setRefreshTrigger(Date.now());
-      };
+      return () => setRefreshTrigger(Date.now());
     }
-    return undefined;
+    return void 0;
   }, [isFixedItemsList]);
-  var handleScrollEndReach = useCallback(function () {
+  const handleScrollEndReach = useCallback(() => {
     if (pageToLoad.current < SECOND_PAGE) {
       return;
     }
@@ -481,15 +381,16 @@ export var useItemsInSections = function useItemsInSections(_ref) {
       items.loadItems({
         page: pageToLoad.current,
         limit: items.limitPerPage || ITEMS_PER_PAGE,
-        searchQuery: searchQuery,
+        searchQuery,
         sectionId: activeSectionIdWithFallback,
         meta: metaRef.current[activeSectionIdWithFallback],
-        searchKey: searchByParamConfig == null ? void 0 : searchByParamConfig.paramKey,
-        searchInItem: searchInItem
-      }).then(function (_ref4) {
-        var fetchedItems = _ref4.items,
-          total = _ref4.total,
-          meta = _ref4.meta;
+        searchKey: searchByParamConfig?.paramKey,
+        searchInItem
+      }).then(({
+        items: fetchedItems,
+        total,
+        meta
+      }) => {
         sectionTotals.current[activeSectionIdWithFallback] = total;
         metaRef.current[activeSectionIdWithFallback] = meta;
         setIsLoadingMore(false);
@@ -498,138 +399,136 @@ export var useItemsInSections = function useItemsInSections(_ref) {
           setIsLoadedAll(true);
         }
         pageToLoad.current += 1;
-        setCurrentItems([].concat(currentItems, fetchedItems));
-      })["catch"](function () {
+        setCurrentItems([...currentItems, ...fetchedItems]);
+      }).catch(() => {
         setIsLoadingMore(false);
         setIsLoadingMoreError(true);
       });
     }
   }, [searchByParamConfig, isLoadingMore, hasInfiniteScroll, isLoadedAll, items, searchQuery, currentItems, activeSectionIdWithFallback, searchInItem]);
-  var mergedItemsList = useMemo(function () {
-    var isSearchInItemActive = !!searchInItem;
+  const mergedItemsList = useMemo(() => {
+    const isSearchInItemActive = !!searchInItem;
     if (searchByAction) {
       return getSearchByActionItems({
         action: searchByAction,
-        setSearchByAction: setSearchByAction,
-        setSearchByParamConfig: setSearchByParamConfig,
-        searchQuery: searchQuery,
-        changeSearchQuery: changeSearchQuery
+        setSearchByAction,
+        setSearchByParamConfig,
+        searchQuery,
+        changeSearchQuery
       });
     }
     if (listActions) {
       return getActionItems({
-        actions: actions,
-        texts: texts,
+        actions,
+        texts,
         sectionId: activeSectionId,
-        setSearchByAction: setSearchByAction,
-        changeSearchQuery: changeSearchQuery,
-        setSearchInAction: setSearchInAction,
-        isSearchInItemActive: isSearchInItemActive,
-        searchByParamConfig: searchByParamConfig,
-        setSearchByParamConfig: setSearchByParamConfig
+        setSearchByAction,
+        changeSearchQuery,
+        setSearchInAction,
+        isSearchInItemActive,
+        searchByParamConfig,
+        setSearchByParamConfig
       });
     }
-    var sectionActions = getSectionActionItems({
-      actions: actions,
-      texts: texts,
-      searchQuery: searchQuery,
+    const sectionActions = getSectionActionItems({
+      actions,
+      texts,
+      searchQuery,
       sectionId: activeSectionId,
-      setSearchByAction: setSearchByAction,
-      changeSearchQuery: changeSearchQuery,
-      setSearchInAction: setSearchInAction,
-      isSearchInItemActive: isSearchInItemActive,
-      searchByParamConfig: searchByParamConfig,
-      setSearchByParamConfig: setSearchByParamConfig
+      setSearchByAction,
+      changeSearchQuery,
+      setSearchInAction,
+      isSearchInItemActive,
+      searchByParamConfig,
+      setSearchByParamConfig
     });
-    var recentItems = activeSectionId || isSearchInItemActive || searchByParamConfig ? [] : getRecentItems({
-      recents: recents,
-      texts: texts,
-      isSelected: isSelected,
-      searchQuery: searchQuery,
-      handleItemSelect: handleItemSelect,
+    const recentItems = activeSectionId || isSearchInItemActive || searchByParamConfig ? [] : getRecentItems({
+      recents,
+      texts,
+      isSelected,
+      searchQuery,
+      handleItemSelect,
       isSearchParam: !!searchByParamConfig
     });
-    var folderItems = sections ? getFolderItems({
-      sections: sections,
-      handleSectionChange: handleSectionChange
+    const folderItems = sections ? getFolderItems({
+      sections,
+      handleSectionChange
     }) : [];
-    var listItems = !isListItemsRenderingMode && currentFolders ? currentFolders.flatMap(function (folder) {
-      var itemsInFolder = currentItems.filter(function (item) {
-        return item.sectionId === folder.id;
-      });
+    const listItems = !isListItemsRenderingMode && currentFolders ? currentFolders.flatMap((folder) => {
+      const itemsInFolder = currentItems.filter((item) => item.sectionId === folder.id);
       return getItems({
         items: itemsInFolder,
         titlePath: folder.titles,
-        texts: texts,
-        searchQuery: searchQuery,
+        texts,
+        searchQuery,
         maxItems: itemsLimitPerSection,
-        showMoreOnClick: function showMoreOnClick() {
-          return handleSectionChange(folder);
-        },
-        showItemsSectionLabel: showItemsSectionLabel,
-        isSelected: isSelected,
-        handleItemSelect: handleItemSelect,
+        showMoreOnClick: () => handleSectionChange(folder),
+        showItemsSectionLabel,
+        isSelected,
+        handleItemSelect,
         isSearchParam: !!searchByParamConfig
       });
     }) : getItems({
       items: currentItems,
-      texts: texts,
-      searchQuery: searchQuery,
-      showItemsSectionLabel: showItemsSectionLabel,
-      isSelected: isSelected,
+      texts,
+      searchQuery,
+      showItemsSectionLabel,
+      isSelected,
       handleItemSelect: handleItemSelectExtended,
       isSearchParam: !!searchByParamConfig
     });
-    var listItemsLength = listItems.length;
-    var isNoActionsRecentList = isSearchInActionActive || !listItemsLength && isSearchInItemActive;
-    var composedList = isNoActionsRecentList ? [] : [].concat(sectionActions, recentItems);
+    const listItemsLength = listItems.length;
+    const isNoActionsRecentList = isSearchInActionActive || !listItemsLength && isSearchInItemActive;
+    const composedList = isNoActionsRecentList ? [] : [...sectionActions, ...recentItems];
     switch (listRenderingMode) {
       case RENDER_MODES.LIST_ITEMS:
-        return [].concat(composedList, listItems);
+        return [...composedList, ...listItems];
       case RENDER_MODES.LIST_FOLDERS_IN_SECTIONS:
-        return [].concat(composedList, folderItems);
+        return [...composedList, ...folderItems];
       case RENDER_MODES.LIST_ITEMS_IN_SECTIONS:
       default:
-        return [].concat(composedList, listItems);
+        return [...composedList, ...listItems];
     }
   }, [listActions, activeSectionId, actions, texts, searchQuery, recents, currentItems, showItemsSectionLabel, sections, currentFolders, itemsLimitPerSection, listRenderingMode, isSelected, handleItemSelect, handleSectionChange, setSearchByParamConfig, searchByAction, searchByParamConfig, changeSearchQuery, handleItemSelectExtended, isSearchInActionActive, searchInItem, isListItemsRenderingMode]);
-  var reloadActiveSection = useCallback(function () {
-    var _abortControllerRef$c2;
+  const reloadActiveSection = useCallback(() => {
     pageToLoad.current = FIRST_PAGE;
     metaRef.current = {};
     setIsLoadedAll(false);
     setIsLoadingMore(false);
     sectionTotals.current = {};
-    (_abortControllerRef$c2 = abortControllerRef.current) == null || _abortControllerRef$c2.abort();
+    abortControllerRef.current?.abort();
     abortControllerRef.current = new AbortController();
     if (!listActions) {
       loadItems();
     }
   }, [listActions, loadItems]);
   return {
-    currentSection: !listActions ? currentSection : undefined,
-    currentPath: currentPath,
-    goBack: goBack,
-    resetCurrentSection: resetCurrentSection,
+    currentSection: !listActions ? currentSection : void 0,
+    currentPath,
+    goBack,
+    resetCurrentSection,
     setCurrentSection: handleCurrentSectionChange,
-    mergedItemsList: mergedItemsList,
+    mergedItemsList,
     isLoading: isLoading || !isInitialDataLoaded,
-    isLoadingMore: isLoadingMore,
-    isLoadedAll: isLoadedAll,
-    handleScrollEndReach: handleScrollEndReach,
-    refreshItems: refreshItems,
-    isLoadingError: isLoadingError,
-    isLoadingMoreError: isLoadingMoreError,
-    contentHeight: contentHeight,
+    isLoadingMore,
+    isLoadedAll,
+    handleScrollEndReach,
+    refreshItems,
+    isLoadingError,
+    isLoadingMoreError,
+    contentHeight,
     refreshEnabled: !listActions,
-    searchByAction: searchByAction,
-    searchByParamConfig: searchByParamConfig,
-    setSearchByParamConfig: setSearchByParamConfig,
-    listActions: listActions,
-    searchInItem: searchInItem,
-    searchInAction: searchInAction,
-    canPerformListActions: canPerformListActions,
-    reloadActiveSection: reloadActiveSection,
-    activeSectionId: activeSectionId
+    searchByAction,
+    searchByParamConfig,
+    setSearchByParamConfig,
+    listActions,
+    searchInItem,
+    searchInAction,
+    canPerformListActions,
+    reloadActiveSection,
+    activeSectionId
   };
-};
+};
+export {
+  useItemsInSections
+};