@synerise/ds-item-picker 1.16.2 → 1.17.1

package/dist/components/ItemPickerList/utils/getContextAwareActions.js

@@ -1,25 +1,29 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import { CONTEXT_AWARE_ACTIONS } from '../../ItemPickerNew/types/actions.types';
-var getActionByTypeAndSectionId = function getActionByTypeAndSectionId(actions, sectionId, actionType) {
-  return actions == null ? void 0 : actions.find(function (action) {
-    return action.actionType === actionType && (action == null ? void 0 : action.sectionId) === sectionId;
-  });
+import { CONTEXT_AWARE_ACTIONS } from "../../ItemPickerNew/types/actions.types.js";
+const getActionByTypeAndSectionId = (actions, sectionId, actionType) => {
+  return actions?.find((action) => action.actionType === actionType && action?.sectionId === sectionId);
 };
-export var getContextAwareActions = function getContextAwareActions(actions, sectionId) {
-  var globalLocalContextActions = CONTEXT_AWARE_ACTIONS.reduce(function (contextActionsObject, contextActionsType) {
+const getContextAwareActions = (actions, sectionId) => {
+  const globalLocalContextActions = CONTEXT_AWARE_ACTIONS.reduce((contextActionsObject, contextActionsType) => {
     if (sectionId) {
-      var localAction = getActionByTypeAndSectionId(actions, sectionId, contextActionsType);
+      const localAction = getActionByTypeAndSectionId(actions, sectionId, contextActionsType);
       if (localAction) {
-        var _extends2;
-        return _extends({}, contextActionsObject, (_extends2 = {}, _extends2[contextActionsType] = localAction, _extends2));
+        return {
+          ...contextActionsObject,
+          [contextActionsType]: localAction
+        };
       }
     }
-    var globalAction = getActionByTypeAndSectionId(actions, undefined, contextActionsType);
+    const globalAction = getActionByTypeAndSectionId(actions, void 0, contextActionsType);
     if (globalAction) {
-      var _extends3;
-      return _extends({}, contextActionsObject, (_extends3 = {}, _extends3[contextActionsType] = globalAction, _extends3));
+      return {
+        ...contextActionsObject,
+        [contextActionsType]: globalAction
+      };
     }
     return contextActionsObject;
   }, {});
   return globalLocalContextActions;
-};
+};
+export {
+  getContextAwareActions
+};

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

@@ -1,4 +1,4 @@
-import type { SearchByAction, SearchByParamConfig } from '../../ItemPickerNew/types/actions.types';
+import { SearchByAction, SearchByParamConfig } from '../../ItemPickerNew/types/actions.types';
 type GetSearchByActionItemsOptions = {
     action: SearchByAction;
     setSearchByAction: (value: SearchByAction | undefined) => void;
@@ -6,5 +6,5 @@ type GetSearchByActionItemsOptions = {
     changeSearchQuery: (query: string) => void;
     searchQuery?: string;
 };
-export declare const getSearchByActionItems: ({ action, searchQuery, setSearchByParamConfig, setSearchByAction, changeSearchQuery, }: GetSearchByActionItemsOptions) => import("@synerise/ds-list-item").ListItemProps[];
+export declare const getSearchByActionItems: ({ action, searchQuery, setSearchByParamConfig, setSearchByAction, changeSearchQuery, }: GetSearchByActionItemsOptions) => import('@synerise/ds-list-item').ListItemProps[];
 export {};

package/dist/components/ItemPickerList/utils/getSearchByActionItems.js

@@ -1,34 +1,33 @@
-import React from 'react';
-import Icon from '@synerise/ds-icon';
-import { matchesSearchQuery } from '../hooks/useItemsInSections.utils';
-import { getActionItem } from './actionItemsUtils';
-export var getSearchByActionItems = function getSearchByActionItems(_ref) {
-  var _action$searchParams;
-  var action = _ref.action,
-    searchQuery = _ref.searchQuery,
-    setSearchByParamConfig = _ref.setSearchByParamConfig,
-    setSearchByAction = _ref.setSearchByAction,
-    changeSearchQuery = _ref.changeSearchQuery;
-  var filteredSearchParams = action == null || (_action$searchParams = action.searchParams) == null ? void 0 : _action$searchParams.filter(function (searchParam) {
+import { jsx } from "react/jsx-runtime";
+import Icon from "@synerise/ds-icon";
+import { matchesSearchQuery } from "../hooks/useItemsInSections.utils.js";
+import { getActionItem } from "./actionItemsUtils.js";
+const getSearchByActionItems = ({
+  action,
+  searchQuery,
+  setSearchByParamConfig,
+  setSearchByAction,
+  changeSearchQuery
+}) => {
+  const filteredSearchParams = action?.searchParams?.filter((searchParam) => {
     if (!searchQuery) {
       return true;
     }
     return matchesSearchQuery(searchParam.searchLabel || searchParam.paramKeyLabel, searchQuery);
   });
-  return filteredSearchParams.map(function (searchParam) {
-    return getActionItem({
-      text: searchParam.paramListLabel,
-      id: searchParam.paramKey,
-      actionType: 'custom',
-      prefixel: searchParam.icon ? /*#__PURE__*/React.createElement(Icon, {
-        component: searchParam.icon
-      }) : undefined,
-      onClick: function onClick() {
-        changeSearchQuery('');
-        setSearchByParamConfig(searchParam);
-        setSearchByAction(undefined);
-        action.onSearchByParamClick == null || action.onSearchByParamClick(searchParam);
-      }
-    }, searchQuery);
-  });
-};
+  return filteredSearchParams.map((searchParam) => getActionItem({
+    text: searchParam.paramListLabel,
+    id: searchParam.paramKey,
+    actionType: "custom",
+    prefixel: searchParam.icon ? /* @__PURE__ */ jsx(Icon, { component: searchParam.icon }) : void 0,
+    onClick: () => {
+      changeSearchQuery("");
+      setSearchByParamConfig(searchParam);
+      setSearchByAction(void 0);
+      action.onSearchByParamClick?.(searchParam);
+    }
+  }, searchQuery));
+};
+export {
+  getSearchByActionItems
+};

package/dist/components/ItemPickerList/utils/index.js

@@ -1,4 +1,16 @@
-export * from './typeguards.utils';
-export * from './isNavKey';
-export * from './createTitleFromTitlePath';
-export * from './findSectionById';
+import { isItems, isItemsConfig, isSearchByAction, isSearchInAction, isTitle, isTruthy, isWithOutSections } from "./typeguards.utils.js";
+import { isNavKey } from "./isNavKey.js";
+import { createTitleFromTitlePath } from "./createTitleFromTitlePath.js";
+import { findSectionById } from "./findSectionById.js";
+export {
+  createTitleFromTitlePath,
+  findSectionById,
+  isItems,
+  isItemsConfig,
+  isNavKey,
+  isSearchByAction,
+  isSearchInAction,
+  isTitle,
+  isTruthy,
+  isWithOutSections
+};

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

@@ -1,2 +1,2 @@
-import { type KeyboardEvent } from 'react';
+import { KeyboardEvent } from 'react';
 export declare const isNavKey: (event: KeyboardEvent) => boolean;

package/dist/components/ItemPickerList/utils/isNavKey.js

@@ -1,4 +1,7 @@
-var NAV_KEYS = ['ArrowUp', 'Enter', 'ArrowDown'];
-export var isNavKey = function isNavKey(event) {
+const NAV_KEYS = ["ArrowUp", "Enter", "ArrowDown"];
+const isNavKey = (event) => {
   return NAV_KEYS.includes(event.key);
-};
+};
+export {
+  isNavKey
+};

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

@@ -1,5 +1,5 @@
-import type { SearchInAction } from '../../ItemPickerNew/types/actions.types';
-import type { BaseItemType, BaseSectionType } from '../../ItemPickerNew/types/baseItemSectionType.types';
+import { SearchInAction } from '../../ItemPickerNew/types/actions.types';
+import { BaseItemType, BaseSectionType } from '../../ItemPickerNew/types/baseItemSectionType.types';
 type ResolveSectionIdOptions<ItemType extends BaseItemType> = {
     searchInItem: ItemType | undefined;
     searchInAction: SearchInAction | undefined;

package/dist/components/ItemPickerList/utils/resolveSectionId.js

@@ -1,14 +1,17 @@
-export var resolveSectionId = function resolveSectionId(_ref) {
-  var currentSection = _ref.currentSection,
-    searchInAction = _ref.searchInAction,
-    searchInItem = _ref.searchInItem;
+const resolveSectionId = ({
+  currentSection,
+  searchInAction,
+  searchInItem
+}) => {
   if (searchInAction) {
-    var searchInSectionId = searchInAction.searchInSectionId,
-      loadItemsSectionId = searchInAction.loadItemsSectionId;
+    const {
+      searchInSectionId,
+      loadItemsSectionId
+    } = searchInAction;
     if (searchInItem) {
       return {
         isListItemsRenderingMode: !!searchInSectionId,
-        activeSectionId: searchInSectionId || (currentSection == null ? void 0 : currentSection.id)
+        activeSectionId: searchInSectionId || currentSection?.id
       };
     }
     return {
@@ -18,6 +21,9 @@ export var resolveSectionId = function resolveSectionId(_ref) {
   }
   return {
     isListItemsRenderingMode: false,
-    activeSectionId: currentSection == null ? void 0 : currentSection.id
+    activeSectionId: currentSection?.id
   };
-};
+};
+export {
+  resolveSectionId
+};

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

@@ -1,8 +1,8 @@
-import { type ListItemProps } from '@synerise/ds-list-item';
-import { type ItemLoaderConfig, type ItemsConfig } from '../../ItemPickerNew/ItemPickerNew.types';
-import { type Action, type SearchByAction, type SearchInAction } from '../../ItemPickerNew/types/actions.types';
-import { type BaseItemType, type BaseSectionType, type BaseSectionTypeWithFolders } from '../../ItemPickerNew/types/baseItemSectionType.types';
-import { type TitleListItemProps } from '../ItemPickerList.types';
+import { ListItemProps } from '@synerise/ds-list-item';
+import { ItemLoaderConfig, ItemsConfig } from '../../ItemPickerNew/ItemPickerNew.types';
+import { Action, SearchByAction, SearchInAction } from '../../ItemPickerNew/types/actions.types';
+import { BaseItemType, BaseSectionType, BaseSectionTypeWithFolders } from '../../ItemPickerNew/types/baseItemSectionType.types';
+import { TitleListItemProps } from '../ItemPickerList.types';
 export declare const isTitle: (item: TitleListItemProps | ListItemProps) => item is TitleListItemProps;
 export declare const isItems: <ItemType extends BaseItemType>(items: ItemType[] | ItemsConfig<ItemType> | ItemLoaderConfig<ItemType>) => items is ItemType[];
 export declare const isItemsConfig: <ItemType extends BaseItemType>(items: ItemType[] | ItemsConfig<ItemType> | ItemLoaderConfig<ItemType>) => items is ItemsConfig<ItemType>;

package/dist/components/ItemPickerList/utils/typeguards.utils.js

@@ -1,28 +1,37 @@
-import { ACTION_TYPES } from '../../ItemPickerNew/types/actions.types';
-export var isTitle = function isTitle(item) {
-  return 'type' in item && item.type === 'title';
+import { ACTION_TYPES } from "../../ItemPickerNew/types/actions.types.js";
+const isTitle = (item) => {
+  return "type" in item && item.type === "title";
 };
-export var isItems = function isItems(items) {
+const isItems = (items) => {
   if (Array.isArray(items)) {
     return true;
   }
   return false;
 };
-export var isItemsConfig = function isItemsConfig(items) {
-  if ('items' in items && Array.isArray(items.items)) {
+const isItemsConfig = (items) => {
+  if ("items" in items && Array.isArray(items.items)) {
     return true;
   }
   return false;
 };
-export var isWithOutSections = function isWithOutSections(sections) {
-  return sections === undefined;
+const isWithOutSections = (sections) => {
+  return sections === void 0;
 };
-export var isTruthy = function isTruthy(value) {
+const isTruthy = (value) => {
   return Boolean(value);
 };
-export var isSearchByAction = function isSearchByAction(action) {
-  return (action == null ? void 0 : action.actionType) === ACTION_TYPES.searchBy;
+const isSearchByAction = (action) => {
+  return action?.actionType === ACTION_TYPES.searchBy;
+};
+const isSearchInAction = (action) => {
+  return action?.actionType === ACTION_TYPES.searchIn;
+};
+export {
+  isItems,
+  isItemsConfig,
+  isSearchByAction,
+  isSearchInAction,
+  isTitle,
+  isTruthy,
+  isWithOutSections
 };
-export var isSearchInAction = function isSearchInAction(action) {
-  return (action == null ? void 0 : action.actionType) === ACTION_TYPES.searchIn;
-};

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

@@ -1,7 +1,7 @@
-import React from 'react';
-import { type ItemPickerListRef } from '../ItemPickerList/ItemPickerList.types';
-import type { ItemPickerProps } from './ItemPickerNew.types';
-import type { BaseItemType, BaseSectionType } from './types/baseItemSectionType.types';
+import { default as React } from 'react';
+import { ItemPickerListRef } from '../ItemPickerList/ItemPickerList.types';
+import { ItemPickerProps } from './ItemPickerNew.types';
+import { BaseItemType, BaseSectionType } from './types/baseItemSectionType.types';
 declare const ItemPickerNewInner: <ItemType extends BaseItemType, SectionType extends BaseSectionType>({ onFocus, onBlur, onClear, selectedItem, onChange, dropdownProps, texts, triggerProps, renderTrigger, placeholder, placeholderIcon, label, description, error, errorMessage, errorText, disabled, tooltip, tooltipConfig, ...rest }: ItemPickerProps<ItemType, SectionType>, forwardedRef: ItemPickerListRef) => React.JSX.Element;
 type ItemPickerNewType = <ItemType extends BaseItemType, SectionType extends BaseSectionType>(p: ItemPickerProps<ItemType, SectionType> & {
     ref?: ItemPickerListRef;

package/dist/components/ItemPickerNew/ItemPickerNew.js

@@ -1,42 +1,37 @@
-var _excluded = ["onFocus", "onBlur", "onClear", "selectedItem", "onChange", "dropdownProps", "texts", "triggerProps", "renderTrigger", "placeholder", "placeholderIcon", "label", "description", "error", "errorMessage", "errorText", "disabled", "tooltip", "tooltipConfig"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { forwardRef, useEffect, useMemo, useState } from 'react';
-import Dropdown from '@synerise/ds-dropdown';
-import FormField from '@synerise/ds-form-field';
-import * as S from '../../ItemPicker.styles';
-import { useDefaultTexts } from '../../hooks/useDefaultTexts';
-import { ItemPickerList } from '../ItemPickerList/ItemPickerList';
-import Trigger from '../ItemPickerTrigger/Trigger';
-var ItemPickerNewInner = function ItemPickerNewInner(_ref, forwardedRef) {
-  var onFocus = _ref.onFocus,
-    onBlur = _ref.onBlur,
-    onClear = _ref.onClear,
-    selectedItem = _ref.selectedItem,
-    onChange = _ref.onChange,
-    dropdownProps = _ref.dropdownProps,
-    texts = _ref.texts,
-    triggerProps = _ref.triggerProps,
-    renderTrigger = _ref.renderTrigger,
-    placeholder = _ref.placeholder,
-    placeholderIcon = _ref.placeholderIcon,
-    label = _ref.label,
-    description = _ref.description,
-    error = _ref.error,
-    errorMessage = _ref.errorMessage,
-    errorText = _ref.errorText,
-    disabled = _ref.disabled,
-    tooltip = _ref.tooltip,
-    tooltipConfig = _ref.tooltipConfig,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useState = useState(selectedItem),
-    selected = _useState[0],
-    setSelected = _useState[1];
-  var _useState2 = useState(false),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  var allTexts = useDefaultTexts(texts);
-  var handleVisibilityChange = function handleVisibilityChange(state) {
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useState, useEffect, useMemo } from "react";
+import Dropdown from "@synerise/ds-dropdown";
+import FormField from "@synerise/ds-form-field";
+import { ItemPickerWrapper } from "../../ItemPicker.styles.js";
+import { useDefaultTexts } from "../../hooks/useDefaultTexts.js";
+import { ItemPickerList } from "../ItemPickerList/ItemPickerList.js";
+import Trigger from "../ItemPickerTrigger/Trigger.js";
+const ItemPickerNewInner = ({
+  onFocus,
+  onBlur,
+  onClear,
+  selectedItem,
+  onChange,
+  dropdownProps,
+  texts,
+  triggerProps,
+  renderTrigger,
+  placeholder,
+  placeholderIcon,
+  label,
+  description,
+  error,
+  errorMessage,
+  errorText,
+  disabled,
+  tooltip,
+  tooltipConfig,
+  ...rest
+}, forwardedRef) => {
+  const [selected, setSelected] = useState(selectedItem);
+  const [visible, setVisible] = useState(false);
+  const allTexts = useDefaultTexts(texts);
+  const handleVisibilityChange = (state) => {
     setVisible(state);
     if (state) {
       onFocus && onFocus();
@@ -44,72 +39,35 @@ var ItemPickerNewInner = function ItemPickerNewInner(_ref, forwardedRef) {
       onBlur && onBlur();
     }
   };
-  var openDropdown = function openDropdown() {
-    return setVisible(true);
-  };
-  var closeDropdown = function closeDropdown() {
-    return setVisible(false);
-  };
-  var handleItemSelect = function handleItemSelect(item) {
-    onChange == null || onChange(item);
+  const openDropdown = () => setVisible(true);
+  const closeDropdown = () => setVisible(false);
+  const handleItemSelect = (item) => {
+    onChange?.(item);
     closeDropdown();
   };
-  useEffect(function () {
-    return setSelected(selectedItem);
+  useEffect(() => {
+    setSelected(selectedItem);
+    if (selectedItem) {
+      setVisible(false);
+    }
   }, [selectedItem]);
-  var trigger = useMemo(function () {
+  const trigger = useMemo(() => {
     return renderTrigger ? renderTrigger({
       selected: selectedItem,
-      openDropdown: openDropdown,
-      closeDropdown: closeDropdown,
-      error: error,
-      disabled: disabled
-    }) : /*#__PURE__*/React.createElement(Trigger, _extends({
-      size: "small"
-    }, triggerProps, {
-      opened: visible,
-      texts: allTexts,
-      disabled: disabled,
-      placeholder: placeholder,
-      placeholderIcon: placeholderIcon,
-      selected: selectedItem,
-      onClear: onClear,
-      openDropdown: openDropdown,
-      closeDropdown: closeDropdown,
-      error: error
-    }));
+      openDropdown,
+      closeDropdown,
+      error,
+      disabled
+    }) : /* @__PURE__ */ jsx(Trigger, { size: "small", ...triggerProps, opened: visible, texts: allTexts, disabled, placeholder, placeholderIcon, selected: selectedItem, onClear, openDropdown, closeDropdown, error });
   }, [allTexts, disabled, error, onClear, placeholder, placeholderIcon, renderTrigger, selectedItem, triggerProps, visible]);
-  return /*#__PURE__*/React.createElement(S.ItemPickerWrapper, {
-    className: "ds-items-picker",
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement(FormField, {
-    label: label,
-    tooltip: tooltip,
-    tooltipConfig: tooltipConfig,
-    errorText: errorText || errorMessage,
-    description: description
-  }, /*#__PURE__*/React.createElement(Dropdown, _extends({
-    overlayStyle: {
-      minWidth: '400px'
-    },
-    size: "match-trigger",
-    asChild: true
-  }, dropdownProps, {
-    popoverProps: _extends({
-      testId: 'item-picker'
-    }, dropdownProps == null ? void 0 : dropdownProps.popoverProps),
-    open: visible,
-    trigger: ['click'],
-    disabled: disabled,
-    onOpenChange: handleVisibilityChange,
-    overlay: /*#__PURE__*/React.createElement(ItemPickerList, _extends({}, rest, {
-      isDropdown: true,
-      texts: allTexts,
-      isVisible: visible,
-      selectedItem: selected,
-      onItemSelect: handleItemSelect,
-      ref: forwardedRef
-    }))
-  }), trigger)));
+  return /* @__PURE__ */ jsx(ItemPickerWrapper, { className: "ds-items-picker", disabled, children: /* @__PURE__ */ jsx(FormField, { label, tooltip, tooltipConfig, errorText: errorText || errorMessage, description, children: /* @__PURE__ */ jsx(Dropdown, { overlayStyle: {
+    minWidth: "400px"
+  }, size: "match-trigger", asChild: true, ...dropdownProps, popoverProps: {
+    testId: "item-picker",
+    ...dropdownProps?.popoverProps
+  }, open: visible, trigger: ["click"], disabled, onOpenChange: handleVisibilityChange, overlay: /* @__PURE__ */ jsx(ItemPickerList, { ...rest, isDropdown: true, texts: allTexts, isVisible: visible, selectedItem: selected, onItemSelect: handleItemSelect, ref: forwardedRef }), children: trigger }) }) });
+};
+const ItemPickerNew = forwardRef(ItemPickerNewInner);
+export {
+  ItemPickerNew
 };
-export var ItemPickerNew = /*#__PURE__*/forwardRef(ItemPickerNewInner);

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

@@ -1,16 +1,16 @@
-import { type ItemSelectHandler } from 'components/ItemPickerList/ItemPickerList.types';
-import type { ReactNode, Ref } from 'react';
-import type { DropdownSharedProps } from '@synerise/ds-dropdown';
-import type { FormFieldCommonProps } from '@synerise/ds-form-field';
-import type { InformationCardTooltipProps } from '@synerise/ds-information-card';
-import { type ScrollbarAdditionalProps } from '@synerise/ds-scrollbar';
-import { type SearchBarProps } from '@synerise/ds-search-bar';
-import type { WithHTMLAttributes } from '@synerise/ds-utils';
-import type { RenderMode } from '../ItemPickerList/types/renderMode';
-import type { ItemPickerTriggerProps, ItemPickerTriggerTexts } from '../ItemPickerTrigger/Trigger.types';
-import { type Action } from './types/actions.types';
-import type { BaseItemType, BaseSectionType, BaseSectionTypeWithFolders } from './types/baseItemSectionType.types';
-import { type ItemPickerListTexts } from './types/itemPickerListTexts.types';
+import { ItemSelectHandler } from 'components/ItemPickerList/ItemPickerList.types';
+import { ReactElement, ReactNode, Ref } from 'react';
+import { DropdownSharedProps } from '@synerise/ds-dropdown';
+import { FormFieldCommonProps } from '@synerise/ds-form-field';
+import { InformationCardTooltipProps } from '@synerise/ds-information-card';
+import { ScrollbarAdditionalProps } from '@synerise/ds-scrollbar';
+import { SearchBarProps } from '@synerise/ds-search-bar';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
+import { RenderMode } from '../ItemPickerList/types/renderMode';
+import { ItemPickerTriggerProps, ItemPickerTriggerTexts } from '../ItemPickerTrigger/Trigger.types';
+import { Action } from './types/actions.types';
+import { BaseItemType, BaseSectionType, BaseSectionTypeWithFolders } from './types/baseItemSectionType.types';
+import { ItemPickerListTexts } from './types/itemPickerListTexts.types';
 type HeightConfig = {
     defaultHeight: number;
     viewportHeightThreshold?: number;
@@ -68,15 +68,17 @@ export type ItemPickerProps<ItemType extends BaseItemType, SectionType extends B
     onBlur?: () => void;
     onLoadedData?: OnLoadedData;
     dropdownProps?: Partial<Omit<DropdownSharedProps, 'children' | 'overlay' | 'disabled'>>;
-} & Pick<ItemPickerListProps<ItemType, SectionType>, 'items' | 'actions' | 'recents' | 'sections' | 'isLoading' | 'onRefresh' | 'onSectionChange' | 'containerHeight' | 'showItemsSectionLabel' | 'noResultsIcon' | 'emptyListIcon' | 'selectedItem' | 'getItemHeight' | 'scrollbarProps' | 'searchBarProps' | 'includeFooter' | 'includeSearchBar'>> & FormFieldCommonProps & Partial<Pick<ItemPickerTriggerProps, 'placeholder' | 'placeholderIcon' | 'onClear'>>;
+} & Pick<ItemPickerListProps<ItemType, SectionType>, 'items' | 'actions' | 'recents' | 'sections' | 'isLoading' | 'onRefresh' | 'onSectionChange' | 'containerHeight' | 'showItemsSectionLabel' | 'noResultsIcon' | 'emptyListIcon' | 'emptyStateComponent' | 'noResultsComponent' | 'selectedItem' | 'getItemHeight' | 'scrollbarProps' | 'searchBarProps' | 'includeFooter' | 'includeSearchBar'>> & FormFieldCommonProps & Partial<Pick<ItemPickerTriggerProps, 'placeholder' | 'placeholderIcon' | 'onClear'>>;
 export type ItemPickerListProps<ItemType extends BaseItemType, SectionType extends BaseSectionType | undefined> = WithHTMLAttributes<HTMLDivElement, {
     recents?: ItemType[];
     actions?: Action[];
     texts?: Partial<ItemPickerListTexts>;
     containerHeight?: ContainerHeightType;
     showItemsSectionLabel?: boolean;
-    noResultsIcon?: ReactNode;
-    emptyListIcon?: ReactNode;
+    noResultsIcon?: ReactElement;
+    emptyListIcon?: ReactElement;
+    emptyStateComponent?: ReactNode;
+    noResultsComponent?: ReactNode;
     onItemSelect: ItemSelectHandler<ItemType, SectionType>;
     onSectionChange?: SectionType extends BaseSectionType ? (section?: BaseSectionTypeWithFolders<SectionType>) => void : undefined;
     selectedItem?: ItemType;

package/dist/components/ItemPickerNew/ItemPickerNew.types.js

@@ -1 +1 @@
-export {};
+

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

@@ -1,5 +1,5 @@
-import { type ReactNode } from 'react';
-import { type BaseItemType, type BaseSectionType, type InheritedFromListItem } from './baseItemSectionType.types';
+import { ReactNode } from 'react';
+import { BaseItemType, BaseSectionType, InheritedFromListItem } from './baseItemSectionType.types';
 export declare const ACTION_TYPES: {
     readonly redirect: "redirect";
     readonly custom: "custom";

package/dist/components/ItemPickerNew/types/actions.types.js

@@ -1,7 +1,11 @@
-export var ACTION_TYPES = {
-  redirect: 'redirect',
-  custom: 'custom',
-  searchBy: 'searchBy',
-  searchIn: 'searchIn'
+const ACTION_TYPES = {
+  redirect: "redirect",
+  custom: "custom",
+  searchBy: "searchBy",
+  searchIn: "searchIn"
+};
+const CONTEXT_AWARE_ACTIONS = [ACTION_TYPES.searchBy, ACTION_TYPES.searchIn];
+export {
+  ACTION_TYPES,
+  CONTEXT_AWARE_ACTIONS
 };
-export var CONTEXT_AWARE_ACTIONS = [ACTION_TYPES.searchBy, ACTION_TYPES.searchIn];

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

@@ -1,6 +1,6 @@
-import type { InformationCardProps } from '@synerise/ds-information-card';
-import type { ListItemProps } from '@synerise/ds-list-item';
-import type { ItemPickerListTexts } from './itemPickerListTexts.types';
+import { InformationCardProps } from '@synerise/ds-information-card';
+import { ListItemProps } from '@synerise/ds-list-item';
+import { ItemPickerListTexts } from './itemPickerListTexts.types';
 export type InheritedFromListItem = Pick<ListItemProps, 'id' | 'type' | 'selected' | 'prefixel' | 'prefixVisibilityTrigger' | 'suffixel' | 'suffixVisibilityTrigger' | 'highlight' | 'renderHoverTooltip' | 'popoverProps' | 'timeToHideTooltip'>;
 export type BaseSectionType = InheritedFromListItem & {
     text: string;

package/dist/components/ItemPickerNew/types/baseItemSectionType.types.js

@@ -1 +1 @@
-export {};
+

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

@@ -1,5 +1,5 @@
-import { type ReactNode } from 'react';
-type TextsAsReactNode = 'basicSearchPlaceholder' | 'searchPlaceholder' | 'refreshButtonLabel' | 'showMoreResultsLabel' | 'noItems' | 'noResults' | 'noResultsInSection' | 'searchAllFoldersButtonLabel' | 'recentsSectionLabel' | 'actionsSectionLabel' | 'resultsSectionLabel' | 'noActions' | 'itemsSectionLabel' | 'infiniteScrollLoadingMore' | 'infiniteScrollLoadingError' | 'errorMessageTitle' | 'errorMessageDetails' | 'backTooltip' | 'clearSearchTooltip' | 'infiniteScrollAllLoaded';
+import { ReactNode } from 'react';
+type TextsAsReactNode = 'basicSearchPlaceholder' | 'searchPlaceholder' | 'refreshButtonLabel' | 'showMoreResultsLabel' | 'noItems' | 'noResults' | 'noResultsInSection' | 'searchAllFoldersButtonLabel' | 'recentsSectionLabel' | 'actionsSectionLabel' | 'resultsSectionLabel' | 'noActions' | 'emptyStateLabel' | 'itemsSectionLabel' | 'infiniteScrollLoadingMore' | 'infiniteScrollLoadingError' | 'errorMessageTitle' | 'errorMessageDetails' | 'backTooltip' | 'clearSearchTooltip' | 'infiniteScrollAllLoaded';
 export type ItemPickerListTexts = {
     [key in TextsAsReactNode]: ReactNode;
 };

package/dist/components/ItemPickerNew/types/itemPickerListTexts.types.js

@@ -1 +1 @@
-export {};
+

package/dist/components/ItemPickerTrigger/Trigger.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const Trigger: React.ForwardRefExoticComponent<{
     openDropdown: () => void;
     closeDropdown: () => void;
-    size: import("../ItemPickerLegacy/ItemPickerLegacy.types").ItemPickerSize;
+    size: import('../ItemPickerLegacy/ItemPickerLegacy.types').ItemPickerSize;
     clear?: React.ReactNode;
     onClear?: () => void;
     opened: boolean;
@@ -10,13 +10,13 @@ declare const Trigger: React.ForwardRefExoticComponent<{
     placeholderIcon?: React.ReactNode;
     error?: boolean;
     disabled?: boolean;
-    selected?: import("@synerise/ds-list-item").ListItemProps;
+    selected?: import('@synerise/ds-list-item').ListItemProps;
     changeButtonLabel?: React.ReactNode;
     withChangeButton?: boolean;
     clearConfirmTitle?: string;
     yesText?: string;
     noText?: string;
     withClearConfirmation?: boolean;
-    texts?: Partial<import("./Trigger.types").ItemPickerTriggerTexts>;
-} & Pick<import("../..").ItemPickerProps, "informationCardTooltipProps"> & React.RefAttributes<HTMLDivElement>>;
+    texts?: Partial<import('./Trigger.types').ItemPickerTriggerTexts>;
+} & Pick<import('../..').ItemPickerProps, "informationCardTooltipProps"> & React.RefAttributes<HTMLDivElement>>;
 export default Trigger;