@synerise/ds-item-picker 1.7.1 → 1.8.1

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.8.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@1.8.0...@synerise/ds-item-picker@1.8.1) (2025-07-14)
+
+
+### Bug Fixes
+
+* **item-picker:** back action overflow with ellipsis ([c35f1c2](https://github.com/Synerise/synerise-design/commit/c35f1c2340e4fd905e9df0e723856d192c8f4d6c))
+
+
+
+
+
+# [1.8.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@1.7.1...@synerise/ds-item-picker@1.8.0) (2025-07-11)
+
+
+### Features
+
+* **item-picker:** add search in action ([e7517f6](https://github.com/Synerise/synerise-design/commit/e7517f68961535b6e9d2ccc39c6ad64e2c76a066))
+
+
+
+
+
 ## [1.7.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@1.7.0...@synerise/ds-item-picker@1.7.1) (2025-07-08)
 
 **Note:** Version bump only for package @synerise/ds-item-picker

package/dist/ItemPicker.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { type ItemPickerProps } from './components/ItemPickerLegacy/ItemPickerLegacy.types';
-import type { BaseItemType, BaseSectionType, ItemPickerProps as ItemPickerPropsNew } from './components/ItemPickerNew/ItemPickerNew.types';
+import type { ItemPickerProps as ItemPickerPropsNew } from './components/ItemPickerNew/ItemPickerNew.types';
+import type { BaseItemType, BaseSectionType } from './components/ItemPickerNew/types/baseItemSectionType.types';
 declare const ItemPicker: <ItemType extends BaseItemType, SectionType extends BaseSectionType | undefined>(props: ItemPickerProps<import("@synerise/ds-list-item").ListItemProps> | ItemPickerPropsNew<ItemType, SectionType>) => React.JSX.Element;
 export default ItemPicker;

package/dist/components/ItemPickerList/ItemPickerList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { BaseItemType, BaseSectionType } from '../ItemPickerNew/ItemPickerNew.types';
+import type { BaseItemType, BaseSectionType } from '../ItemPickerNew/types/baseItemSectionType.types';
 import type { ItemPickerListProps } from './ItemPickerList.types';
 export declare const ItemPickerList: <ItemType extends BaseItemType, SectionType extends BaseSectionType | undefined>({ items, recents, sections, actions, texts, isLoading, selectedItem, scrollbarProps, searchBarProps, showItemsSectionLabel, onItemSelect, onRefresh, containerHeight, isVisible, onSectionChange, containerRef: forwardedRef, includeFooter, includeSearchBar, onLoadedData, ...htmlAttributes }: ItemPickerListProps<ItemType, SectionType>) => React.JSX.Element;
 export default ItemPickerList;

package/dist/components/ItemPickerList/ItemPickerList.js

@@ -8,6 +8,7 @@ import { useTheme } from '@synerise/ds-core';
 import Dropdown from '@synerise/ds-dropdown';
 import Icon, { ArrowLeftM } from '@synerise/ds-icon';
 import { itemSizes } from '@synerise/ds-list-item';
+import { Text } from '@synerise/ds-typography';
 import { focusWithArrowKeys, useCombinedRefs, useKeyboardShortcuts, useScrollContain } from '@synerise/ds-utils';
 import { useDefaultTexts } from '../../hooks/useDefaultTexts';
 import * as S from './ItemPickerList.styles';
@@ -16,7 +17,6 @@ import { ListSearchInput } from './components/ListSearchInput';
 import { ITEM_SIZE, LIST_INNER_PADDING, LIST_STYLE, SECTION_HEADER_HEIGHT } from './constants';
 import { useItemsInSections, useListHeight } from './hooks';
 import { findSectionById, isNavKey, isTitle } from './utils';
-import { getSearchActionSectionLabel } from './utils/getSearchActionSectionLabel';
 export var ItemPickerList = function ItemPickerList(_ref) {
   var items = _ref.items,
     recents = _ref.recents,
@@ -99,10 +99,13 @@ export var ItemPickerList = function ItemPickerList(_ref) {
     refreshItems = _useItemsInSections.refreshItems,
     refreshEnabled = _useItemsInSections.refreshEnabled,
     contentHeight = _useItemsInSections.contentHeight,
-    searchParamConfig = _useItemsInSections.searchParamConfig,
-    setSearchParamConfig = _useItemsInSections.setSearchParamConfig,
-    searchActionSection = _useItemsInSections.searchActionSection,
-    listActions = _useItemsInSections.listActions;
+    searchByParamConfig = _useItemsInSections.searchByParamConfig,
+    setSearchByParamConfig = _useItemsInSections.setSearchByParamConfig,
+    searchByAction = _useItemsInSections.searchByAction,
+    listActions = _useItemsInSections.listActions,
+    searchInAction = _useItemsInSections.searchInAction,
+    searchInItem = _useItemsInSections.searchInItem,
+    canPerformListActions = _useItemsInSections.canPerformListActions;
   var handleScroll = useCallback(function (_ref2) {
     var currentTarget = _ref2.currentTarget;
     var scrollTop = currentTarget.scrollTop,
@@ -149,7 +152,7 @@ export var ItemPickerList = function ItemPickerList(_ref) {
   }, [mergedItemsList, classNames, getItemSize, allTexts, isLoadingMore, isLoadedAll, isLoadingMoreError]);
   var handleRefresh = onRefresh || refreshItems ? function () {
     changeSearchQuery('');
-    setSearchParamConfig(undefined);
+    setSearchByParamConfig(undefined);
     resetCurrentSection();
     onRefresh && onRefresh();
     if (refreshItems) {
@@ -166,7 +169,8 @@ export var ItemPickerList = function ItemPickerList(_ref) {
     outerWrapperHeight = _ref3.outerWrapperHeight,
     listWrapperHeight = _ref3.listWrapperHeight,
     offsetSpace = _ref3.offsetSpace;
-  var isSection = Boolean(currentSection || searchActionSection);
+  var isActionSection = Boolean(searchByAction || searchInAction || searchInItem);
+  var isSection = Boolean(currentSection || isActionSection);
   var listHeight = (isSection ? listWrapperHeight - SECTION_HEADER_HEIGHT : listWrapperHeight) - LIST_INNER_PADDING;
   var clearSearchQuery = function clearSearchQuery() {
     changeSearchQuery('');
@@ -183,6 +187,18 @@ export var ItemPickerList = function ItemPickerList(_ref) {
         wrapperHeight: listWrapperHeight
       });
     }
+    var getSectionLabel = function getSectionLabel() {
+      var itemsPath = currentPath || [currentSection == null ? void 0 : currentSection.text];
+      var searchByActionLabel = (searchByAction == null ? void 0 : searchByAction.sectionTitle) || (searchByAction == null ? void 0 : searchByAction.text);
+      var searchInActionLabel = searchInAction == null ? void 0 : searchInAction.text;
+      var searchInItemLabel = searchInItem && "" + (searchInAction == null ? void 0 : searchInAction.renderSearchInValueText(searchInItem));
+      var labelParts = [].concat(itemsPath, [searchInActionLabel, searchInItemLabel, searchByActionLabel]).filter(Boolean).join(' - ');
+      return /*#__PURE__*/React.createElement(Text, {
+        ellipsis: {
+          tooltip: labelParts
+        }
+      }, labelParts);
+    };
     return /*#__PURE__*/React.createElement(React.Fragment, null, isSection && /*#__PURE__*/React.createElement(Dropdown.BackAction, {
       tooltipProps: {
         title: allTexts.backTooltip,
@@ -193,7 +209,7 @@ export var ItemPickerList = function ItemPickerList(_ref) {
           component: /*#__PURE__*/React.createElement(ArrowLeftM, null)
         })]
       },
-      label: getSearchActionSectionLabel(searchActionSection) || (currentPath ? currentPath.join(' - ') : currentSection == null ? void 0 : currentSection.text),
+      label: getSectionLabel(),
       onClick: goBack
     }), (mergedItemsList == null ? void 0 : mergedItemsList.length) === 0 ? /*#__PURE__*/React.createElement(EmptyListMessage, {
       buttonOnClick: function buttonOnClick() {
@@ -202,7 +218,7 @@ export var ItemPickerList = function ItemPickerList(_ref) {
       listActions: listActions,
       hasCurrentSection: isSection,
       texts: allTexts,
-      isSearchSection: !!searchActionSection
+      isActionSection: isActionSection
     }) : /*#__PURE__*/React.createElement(S.StyledScrollbar, _extends({
       withSectionHeader: isSection,
       maxHeight: listHeight,
@@ -233,7 +249,7 @@ export var ItemPickerList = function ItemPickerList(_ref) {
     if (isVisible) {
       resetCurrentSection();
       clearSearchQuery();
-      setSearchParamConfig(undefined);
+      setSearchByParamConfig(undefined);
       setTimeout(focusSearchInput, 0);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -246,7 +262,7 @@ export var ItemPickerList = function ItemPickerList(_ref) {
       listRef.current.resetAfterIndex(0);
       setTimeout(focusSearchInput, 0);
     }
-  }, [searchActionSection, searchParamConfig, currentSection, focusSearchInput]);
+  }, [searchByAction, searchByParamConfig, searchInAction, searchInItem, currentSection, focusSearchInput]);
   useEffect(function () {
     listRef.current && listRef.current.resetAfterIndex(0);
   }, [mergedItemsList]);
@@ -256,8 +272,13 @@ export var ItemPickerList = function ItemPickerList(_ref) {
       if (!((_combinedScrollRef$cu = combinedScrollRef.current) != null && _combinedScrollRef$cu.offsetParent)) {
         return;
       }
-      (event.metaKey || event.ctrlKey) && currentSection && resetCurrentSection();
-      event.preventDefault();
+      var isMetaOrCtrlKey = event.metaKey || event.ctrlKey;
+      if (isMetaOrCtrlKey) {
+        event.preventDefault();
+        event.stopPropagation();
+        goBack();
+        return;
+      }
     },
     Escape: function Escape(event) {
       var _combinedScrollRef$cu2;
@@ -270,10 +291,10 @@ export var ItemPickerList = function ItemPickerList(_ref) {
         clearSearchQuery();
         return;
       }
-      if (searchParamConfig) {
+      if (searchByParamConfig) {
         event.preventDefault();
         event.stopPropagation();
-        setSearchParamConfig(undefined);
+        setSearchByParamConfig(undefined);
       }
     }
   });
@@ -286,14 +307,14 @@ export var ItemPickerList = function ItemPickerList(_ref) {
     wrapperHeight: outerWrapperHeight
   }, htmlAttributes), includeSearchBar && /*#__PURE__*/React.createElement(ListSearchInput, {
     clearSearchQuery: clearSearchQuery,
-    searchParamConfig: searchParamConfig,
-    searchActionSection: searchActionSection,
-    setSearchParamConfig: setSearchParamConfig,
+    searchByParamConfig: searchByParamConfig,
+    setSearchByParamConfig: setSearchByParamConfig,
     searchBarProps: searchBarProps,
     debouncedChangeSearchQuery: debouncedSearchQueryChange,
     inputRef: inputRef,
     changeLocalSearchQueryRef: changeLocalSearchQueryRef,
-    allTexts: allTexts
+    allTexts: allTexts,
+    canPerformListActions: canPerformListActions
   }), /*#__PURE__*/React.createElement(S.ListWrapper, {
     "data-testid": "list-wrapper",
     ref: scrollContainRef,

package/dist/components/ItemPickerList/ItemPickerList.styles.js

@@ -1,6 +1,7 @@
 import { VariableSizeList } from 'react-window';
 import styled, { css } from 'styled-components';
 import Dropdown from '@synerise/ds-dropdown';
+import { Label as DropdownBackActionLabel } from '@synerise/ds-dropdown/dist/elements/BackAction/BackAction.styles';
 import DSEmptyStates from '@synerise/ds-empty-states';
 import DSLoader from '@synerise/ds-loader';
 import Scrollbar from '@synerise/ds-scrollbar';
@@ -10,13 +11,13 @@ import { LIST_INNER_PADDING } from './constants';
 export var ListWrapper = styled.div.withConfig({
   displayName: "ItemPickerListstyles__ListWrapper",
   componentId: "sc-1r33ill-0"
-})(["position:relative;flex:1 0 calc(100% - ", "px);", " ", ""], function (props) {
+})(["position:relative;flex:1 0 calc(100% - ", "px);", " ", " ", "{min-width:0;}"], function (props) {
   return props.offsetSpace;
 }, function (props) {
   return props.wrapperHeight !== undefined && "height: " + (props.wrapperHeight + LIST_INNER_PADDING) + "px;";
 }, function (props) {
   return props.centered && css(["display:flex;flex-direction:column;"]);
-});
+}, DropdownBackActionLabel);
 export var ListContainer = styled(Dropdown.Wrapper).withConfig({
   displayName: "ItemPickerListstyles__ListContainer",
   componentId: "sc-1r33ill-1"

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

@@ -3,7 +3,9 @@ import type { ListItemProps } from '@synerise/ds-list-item';
 import type { ScrollbarAdditionalProps } from '@synerise/ds-scrollbar';
 import type { SearchBarProps } from '@synerise/ds-search-bar';
 import type { WithHTMLAttributes } from '@synerise/ds-utils';
-import type { ActionType, BaseItemType, BaseSectionType, BaseSectionTypeWithFolders, ContainerHeightType, ItemLoaderConfig, ItemsConfig, OnLoadedData } from '../ItemPickerNew/ItemPickerNew.types';
+import type { ContainerHeightType, ItemLoaderConfig, ItemsConfig, OnLoadedData } from '../ItemPickerNew/ItemPickerNew.types';
+import type { Action } from '../ItemPickerNew/types/actions.types';
+import type { BaseItemType, BaseSectionType, BaseSectionTypeWithFolders } from '../ItemPickerNew/types/baseItemSectionType.types';
 type TextsAsReactNode = 'basicSearchPlaceholder' | 'searchPlaceholder' | 'refreshButtonLabel' | 'showMoreResultsLabel' | 'noItems' | 'noResults' | 'noResultsInSection' | 'searchAllFoldersButtonLabel' | 'recentsSectionLabel' | 'actionsSectionLabel' | 'resultsSectionLabel' | 'noActions' | 'itemsSectionLabel' | 'infiniteScrollLoadingMore' | 'infiniteScrollLoadingError' | 'errorMessageTitle' | 'errorMessageDetails' | 'backTooltip' | 'clearSearchTooltip' | 'infiniteScrollAllLoaded';
 export type ItemPickerListTexts = {
     [key in TextsAsReactNode]: ReactNode;
@@ -11,7 +13,7 @@ export type ItemPickerListTexts = {
 export type ItemSelectHandler<ItemType extends BaseItemType, SectionType extends BaseSectionType | undefined> = SectionType extends BaseSectionType ? (item: ItemType, section?: BaseSectionTypeWithFolders<BaseSectionType>) => void : (item: ItemType) => void;
 export type ItemPickerListProps<ItemType extends BaseItemType, SectionType extends BaseSectionType | undefined> = WithHTMLAttributes<HTMLDivElement, {
     recents?: ItemType[];
-    actions?: ActionType[];
+    actions?: Action[];
     texts?: Partial<ItemPickerListTexts>;
     containerHeight?: ContainerHeightType;
     showItemsSectionLabel?: boolean;
@@ -20,7 +22,7 @@ export type ItemPickerListProps<ItemType extends BaseItemType, SectionType exten
     onItemSelect: ItemSelectHandler<ItemType, SectionType>;
     onSectionChange?: SectionType extends BaseSectionType ? (section?: BaseSectionTypeWithFolders<SectionType>) => void : undefined;
     selectedItem?: ItemType;
-    getItemHeight?: (item: ItemType | SectionType | ActionType) => number;
+    getItemHeight?: (item: ItemType | SectionType | Action) => number;
     scrollbarProps?: ScrollbarAdditionalProps;
     searchBarProps?: Omit<SearchBarProps, 'value' | 'onSearchChange' | 'placeholder'>;
     onRefresh?: () => void;

package/dist/components/ItemPickerList/components/EmptyListMessage.d.ts

@@ -4,8 +4,8 @@ type EmptyListMessageProps = {
     texts: Pick<ItemPickerListTexts, 'noResultsInSection' | 'noResults' | 'noItems' | 'noActions' | 'searchAllFoldersButtonLabel'>;
     hasCurrentSection?: boolean;
     listActions: boolean;
-    isSearchSection: boolean;
+    isActionSection: boolean;
     buttonOnClick: () => void;
 };
-export declare const EmptyListMessage: ({ texts, listActions, isSearchSection, hasCurrentSection, buttonOnClick, }: EmptyListMessageProps) => React.JSX.Element;
+export declare const EmptyListMessage: ({ texts, listActions, isActionSection, hasCurrentSection, buttonOnClick, }: EmptyListMessageProps) => React.JSX.Element;
 export {};

package/dist/components/ItemPickerList/components/EmptyListMessage.js

@@ -5,7 +5,7 @@ import * as S from '../ItemPickerList.styles';
 export var EmptyListMessage = function EmptyListMessage(_ref) {
   var texts = _ref.texts,
     listActions = _ref.listActions,
-    isSearchSection = _ref.isSearchSection,
+    isActionSection = _ref.isActionSection,
     hasCurrentSection = _ref.hasCurrentSection,
     buttonOnClick = _ref.buttonOnClick;
   if (listActions) {
@@ -15,7 +15,7 @@ export var EmptyListMessage = function EmptyListMessage(_ref) {
       label: texts.noActions
     });
   }
-  if (hasCurrentSection && !isSearchSection) {
+  if (hasCurrentSection && !isActionSection) {
     return /*#__PURE__*/React.createElement(S.EmptyStates, {
       customIcon: /*#__PURE__*/React.createElement(SearchNoResultsL, null),
       label: texts.noResultsInSection,

package/dist/components/ItemPickerList/components/ListSearchInput.d.ts

@@ -1,16 +1,17 @@
 import React, { type MutableRefObject } from 'react';
 import type { SearchBarProps } from '@synerise/ds-search-bar';
-import type { ItemPickerTexts, SearchActionType, SearchParamConfig } from '../../ItemPickerNew/ItemPickerNew.types';
+import type { ItemPickerTexts } from '../../ItemPickerNew/ItemPickerNew.types';
+import type { SearchByParamConfig } from '../../ItemPickerNew/types/actions.types';
 type ListSearchInputProps = {
-    searchParamConfig?: SearchParamConfig;
-    searchActionSection?: SearchActionType;
+    searchByParamConfig?: SearchByParamConfig;
     clearSearchQuery: () => void;
-    setSearchParamConfig: (searchParamConfig: SearchParamConfig | undefined) => void;
+    setSearchByParamConfig: (searchByParamConfig: SearchByParamConfig | undefined) => void;
     debouncedChangeSearchQuery: (value: string) => void;
     inputRef: MutableRefObject<HTMLInputElement | null>;
     changeLocalSearchQueryRef: MutableRefObject<((value: string) => void) | null>;
     searchBarProps?: Omit<SearchBarProps, 'value' | 'onSearchChange' | 'placeholder'>;
     allTexts: ItemPickerTexts;
+    canPerformListActions: boolean;
 };
-export declare const ListSearchInput: ({ searchParamConfig, searchActionSection, changeLocalSearchQueryRef, clearSearchQuery, setSearchParamConfig, debouncedChangeSearchQuery, searchBarProps, allTexts, inputRef, }: ListSearchInputProps) => React.JSX.Element;
+export declare const ListSearchInput: ({ searchByParamConfig, changeLocalSearchQueryRef, clearSearchQuery, setSearchByParamConfig, debouncedChangeSearchQuery, searchBarProps, allTexts, inputRef, canPerformListActions, }: ListSearchInputProps) => React.JSX.Element;
 export {};

package/dist/components/ItemPickerList/components/ListSearchInput.js

@@ -8,20 +8,19 @@ var CLEAR_TOOLTIP_PROPS = {
   shortCuts: 'ESC'
 };
 export var ListSearchInput = function ListSearchInput(_ref) {
-  var searchParamConfig = _ref.searchParamConfig,
-    searchActionSection = _ref.searchActionSection,
+  var searchByParamConfig = _ref.searchByParamConfig,
     changeLocalSearchQueryRef = _ref.changeLocalSearchQueryRef,
     clearSearchQuery = _ref.clearSearchQuery,
-    setSearchParamConfig = _ref.setSearchParamConfig,
+    setSearchByParamConfig = _ref.setSearchByParamConfig,
     debouncedChangeSearchQuery = _ref.debouncedChangeSearchQuery,
     searchBarProps = _ref.searchBarProps,
     allTexts = _ref.allTexts,
-    inputRef = _ref.inputRef;
+    inputRef = _ref.inputRef,
+    canPerformListActions = _ref.canPerformListActions;
   var theme = useTheme();
   var _useState = useState(''),
     localSearchQuery = _useState[0],
     setLocalSearchQuery = _useState[1];
-  var isSearchParamOrSearchSectionActive = Boolean(searchParamConfig || searchActionSection);
   var handleSearchChange = useCallback(function (value) {
     setLocalSearchQuery(value);
     debouncedChangeSearchQuery(value);
@@ -32,7 +31,7 @@ export var ListSearchInput = function ListSearchInput(_ref) {
   }, [inputRef]);
   var handleKeyDown = function handleKeyDown(event) {
     if (event.key === 'Backspace' && !localSearchQuery) {
-      setSearchParamConfig(undefined);
+      setSearchByParamConfig(undefined);
     }
   };
   var handleClearInput = function handleClearInput() {
@@ -40,7 +39,7 @@ export var ListSearchInput = function ListSearchInput(_ref) {
       clearSearchQuery();
       return;
     }
-    setSearchParamConfig(undefined);
+    setSearchByParamConfig(undefined);
   };
   useEffect(function () {
     var ref = changeLocalSearchQueryRef;
@@ -50,12 +49,12 @@ export var ListSearchInput = function ListSearchInput(_ref) {
     "data-testid": "search-wrapper"
   }, /*#__PURE__*/React.createElement(Dropdown.SearchInput, _extends({
     iconLeft: /*#__PURE__*/React.createElement(Icon, {
-      component: (searchParamConfig == null ? void 0 : searchParamConfig.icon) || /*#__PURE__*/React.createElement(SearchM, null),
+      component: (searchByParamConfig == null ? void 0 : searchByParamConfig.icon) || /*#__PURE__*/React.createElement(SearchM, null),
       color: theme.palette['grey-600']
     }),
-    placeholder: isSearchParamOrSearchSectionActive ? allTexts.basicSearchPlaceholder : allTexts.searchPlaceholder
+    placeholder: canPerformListActions ? allTexts.searchPlaceholder : allTexts.basicSearchPlaceholder
   }, searchBarProps, {
-    valuePrefix: searchParamConfig == null ? void 0 : searchParamConfig.paramKeyLabel,
+    valuePrefix: searchByParamConfig == null ? void 0 : searchByParamConfig.paramKeyLabel,
     onKeyDown: handleKeyDown,
     clearTooltip: allTexts.clearSearchTooltip,
     clearTooltipProps: CLEAR_TOOLTIP_PROPS,

package/dist/components/ItemPickerList/constants.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties } from 'react';
-import type { BaseItemType } from '../ItemPickerNew/ItemPickerNew.types';
+import type { BaseItemType } from '../ItemPickerNew/types/baseItemSectionType.types';
 export declare const LIST_STYLE: CSSProperties;
 export declare const ITEM_SIZE: {
     large: number;
@@ -14,6 +14,7 @@ export declare const SEARCH_BAR_HEIGHT = 53;
 export declare const FOOTER_HEIGHT = 48;
 export declare const LIST_INNER_PADDING = 8;
 export declare const FIRST_PAGE = 0;
+export declare const SECOND_PAGE = 1;
 export declare const ITEMS_PER_PAGE = 150;
 export declare const ITEMS_PER_SECTION = 4;
 export declare const ITEMS_PER_SECTION_IN_SEARCH = 4;

package/dist/components/ItemPickerList/constants.js

@@ -13,6 +13,7 @@ export var SEARCH_BAR_HEIGHT = 53;
 export var FOOTER_HEIGHT = 48;
 export var LIST_INNER_PADDING = 8;
 export var FIRST_PAGE = 0;
+export var SECOND_PAGE = 1;
 export var ITEMS_PER_PAGE = 150;
 export var ITEMS_PER_SECTION = 4;
 export var ITEMS_PER_SECTION_IN_SEARCH = 4;

package/dist/components/ItemPickerList/hooks/useFlattenFolders.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import type { BaseSectionType, BaseSectionTypeWithFolders } from '../../ItemPickerNew/ItemPickerNew.types';
+import type { BaseSectionType, BaseSectionTypeWithFolders } from '../../ItemPickerNew/types/baseItemSectionType.types';
 type NestedFoldersProps<SectionType extends BaseSectionType | undefined> = {
     currentSection?: SectionType extends BaseSectionType ? BaseSectionTypeWithFolders<SectionType> : undefined;
     sections?: SectionType extends BaseSectionType ? BaseSectionTypeWithFolders<SectionType>[] : undefined;
@@ -11,7 +11,7 @@ export declare const useFlattenFolders: <SectionType extends BaseSectionType | u
         id: string;
         selected?: boolean | undefined;
         highlight?: string | undefined;
-        hoverTooltipProps?: (import("rc-trigger").TriggerProps & {
+        hoverTooltipProps?: (Pick<import("rc-trigger").TriggerProps, "mouseEnterDelay" | "mouseLeaveDelay" | "getPopupContainer" | "onPopupVisibleChange" | "onPopupClick" | "defaultPopupVisible" | "action" | "afterPopupVisibleChange" | "popupPlacement" | "forceRender"> & {
             ref?: import("react").LegacyRef<import("@synerise/ds-list-item/dist/ListItem.types").TriggerHandle> | undefined;
         }) | undefined;
         prefixel?: ReactNode | import("@synerise/ds-list-item/dist/ListItem.types").AddonRenderer;
@@ -20,18 +20,7 @@ export declare const useFlattenFolders: <SectionType extends BaseSectionType | u
         text: string;
         folders?: BaseSectionTypeWithFolders<BaseSectionType>[] | undefined;
     }[] | undefined;
-    childFolders: ({
-        type?: import("@synerise/ds-list-item").ItemType | undefined;
-        id?: string | undefined;
-        selected?: boolean | undefined;
-        highlight?: string | undefined;
-        hoverTooltipProps?: (import("rc-trigger").TriggerProps & {
-            ref?: import("react").LegacyRef<import("@synerise/ds-list-item/dist/ListItem.types").TriggerHandle> | undefined;
-        }) | undefined;
-        prefixel?: ReactNode | import("@synerise/ds-list-item/dist/ListItem.types").AddonRenderer;
-        renderHoverTooltip?: (() => JSX.Element) | undefined;
-        timeToHideTooltip?: number | undefined;
-    } & {
+    childFolders: (import("../../ItemPickerNew/types/baseItemSectionType.types").InheritedFromListItem & {
         text: string;
         id: string | number;
     } & {
@@ -40,18 +29,7 @@ export declare const useFlattenFolders: <SectionType extends BaseSectionType | u
         titles?: ReactNode[] | undefined;
     })[] | undefined;
     parentFolder: BaseSectionTypeWithFolders<BaseSectionType> | undefined;
-    currentFolders: ({
-        type?: import("@synerise/ds-list-item").ItemType | undefined;
-        id?: string | undefined;
-        selected?: boolean | undefined;
-        highlight?: string | undefined;
-        hoverTooltipProps?: (import("rc-trigger").TriggerProps & {
-            ref?: import("react").LegacyRef<import("@synerise/ds-list-item/dist/ListItem.types").TriggerHandle> | undefined;
-        }) | undefined;
-        prefixel?: ReactNode | import("@synerise/ds-list-item/dist/ListItem.types").AddonRenderer;
-        renderHoverTooltip?: (() => JSX.Element) | undefined;
-        timeToHideTooltip?: number | undefined;
-    } & {
+    currentFolders: (import("../../ItemPickerNew/types/baseItemSectionType.types").InheritedFromListItem & {
         text: string;
         id: string | number;
     } & {

package/dist/components/ItemPickerList/hooks/useItemsInSections.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-import type { BaseItemType, BaseSectionType, BaseSectionTypeWithFolders, OnLoadedData, SearchActionType, SearchParamConfig } from '../../ItemPickerNew/ItemPickerNew.types';
+import type { OnLoadedData } from '../../ItemPickerNew/ItemPickerNew.types';
+import type { SearchByAction, SearchByParamConfig, SearchInAction } from '../../ItemPickerNew/types/actions.types';
+import type { BaseItemType, BaseSectionType, BaseSectionTypeWithFolders } from '../../ItemPickerNew/types/baseItemSectionType.types';
 import type { ItemPickerListProps, ItemPickerListTexts } from '../ItemPickerList.types';
 type ItemsInSectionsType<ItemType extends BaseItemType, SectionType extends BaseSectionType | undefined> = {
     items: ItemPickerListProps<ItemType, SectionType>['items'];
@@ -22,7 +24,7 @@ export declare const useItemsInSections: <ItemType extends BaseItemType, Section
     goBack: () => void;
     resetCurrentSection: () => void;
     setCurrentSection: (section?: BaseSectionType | SectionType | undefined) => void;
-    mergedItemsList: NonNullable<import("@synerise/ds-list-item").ListItemProps | import("../ItemPickerList.types").TitleListItemProps | undefined>[];
+    mergedItemsList: (import("@synerise/ds-list-item").ListItemProps | import("../ItemPickerList.types").TitleListItemProps)[];
     isLoading: boolean;
     isLoadingMore: boolean;
     isLoadedAll: boolean;
@@ -32,9 +34,12 @@ export declare const useItemsInSections: <ItemType extends BaseItemType, Section
     isLoadingMoreError: boolean;
     contentHeight: number | undefined;
     refreshEnabled: boolean;
-    searchActionSection: SearchActionType | undefined;
-    searchParamConfig: SearchParamConfig | undefined;
-    setSearchParamConfig: import("react").Dispatch<import("react").SetStateAction<SearchParamConfig | undefined>>;
+    searchByAction: SearchByAction | undefined;
+    searchByParamConfig: SearchByParamConfig | undefined;
+    setSearchByParamConfig: import("react").Dispatch<import("react").SetStateAction<SearchByParamConfig | undefined>>;
     listActions: boolean;
+    searchInItem: ItemType | undefined;
+    searchInAction: SearchInAction | undefined;
+    canPerformListActions: boolean;
 };
 export {};