@synerise/ds-item-picker 1.17.0 → 1.17.2

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

@@ -1,106 +1,97 @@
-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/components/BackAction/BackAction.styles';
-import DSEmptyStates from '@synerise/ds-empty-states';
-import DSLoader from '@synerise/ds-loader';
-import Scrollbar from '@synerise/ds-scrollbar';
-import { PlaceholderWrapper } from '@synerise/ds-search-bar/dist/SearchBar.styles';
-import DropdownSkeleton from '@synerise/ds-skeleton';
-import { LIST_INNER_PADDING } from './constants';
-export var ListWrapper = styled.div.withConfig({
+import { VariableSizeList } from "react-window";
+import styled, { css } from "styled-components";
+import Dropdown from "@synerise/ds-dropdown";
+import { Label } from "@synerise/ds-dropdown/dist/components/BackAction/BackAction.styles";
+import DSEmptyStates from "@synerise/ds-empty-states";
+import DSLoader from "@synerise/ds-loader";
+import Scrollbar from "@synerise/ds-scrollbar";
+import { PlaceholderWrapper } from "@synerise/ds-search-bar/dist/SearchBar.styles";
+import DropdownSkeleton from "@synerise/ds-skeleton";
+import { LIST_INNER_PADDING } from "./constants.js";
+const ListWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ItemPickerListstyles__ListWrapper",
   componentId: "sc-1r33ill-0"
-})(["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({
+})(["position:relative;flex:1 0 calc(100% - ", "px);", " ", " ", "{min-width:0;}"], (props) => props.offsetSpace, (props) => props.wrapperHeight !== void 0 && `height: ${props.wrapperHeight + LIST_INNER_PADDING}px;`, (props) => props.centered && css(["display:flex;flex-direction:column;"]), Label);
+const ListContainer = /* @__PURE__ */ styled(Dropdown.Wrapper).withConfig({
   displayName: "ItemPickerListstyles__ListContainer",
   componentId: "sc-1r33ill-1"
-})(["width:100%;height:", ";display:flex;flex-direction:column;", " span{display:flex;gap:8px;align-items:center;}"], function (props) {
-  return props.wrapperHeight;
-}, PlaceholderWrapper);
-export var SearchWrapper = styled.div.withConfig({
+})(["width:100%;height:", ";display:flex;flex-direction:column;", " span{display:flex;gap:8px;align-items:center;}"], (props) => props.wrapperHeight, PlaceholderWrapper);
+const SearchWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ItemPickerListstyles__SearchWrapper",
   componentId: "sc-1r33ill-2"
 })(["flex:0 0 52px;"]);
-export var EmptyStates = styled(DSEmptyStates).withConfig({
+const EmptyStates = /* @__PURE__ */ styled(DSEmptyStates).withConfig({
   displayName: "ItemPickerListstyles__EmptyStates",
   componentId: "sc-1r33ill-3"
 })(["width:260px;margin:auto;"]);
-export var IconWrapper = styled.div.withConfig({
+const IconWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ItemPickerListstyles__IconWrapper",
   componentId: "sc-1r33ill-4"
-})(["margin-right:4px;svg{fill:", ";}"], function (props) {
-  return props.theme.palette['grey-600'];
-});
-export var FooterWrapper = styled.div.withConfig({
+})(["margin-right:4px;svg{fill:", ";}"], (props) => props.theme.palette["grey-600"]);
+const FooterWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ItemPickerListstyles__FooterWrapper",
   componentId: "sc-1r33ill-5"
-})(["background-color:", ";padding:0 8px;height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:space-between;color:", ";font-weight:500;border-top:solid 1px ", ";&:hover{color:", ";", "{svg{fill:", ";}}}"], function (props) {
-  return props.theme.palette['grey-050'];
-}, function (props) {
-  return props.theme.palette['grey-600'];
-}, function (props) {
-  return props.theme.palette['grey-100'];
-}, function (props) {
-  return props.theme.palette['blue-600'];
-}, IconWrapper, function (props) {
-  return props.theme.palette['blue-600'];
-});
-export var FooterWrapperRight = styled.div.withConfig({
+})(["background-color:", ";padding:0 8px;height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:space-between;color:", ";font-weight:500;border-top:solid 1px ", ";&:hover{color:", ";", "{svg{fill:", ";}}}"], (props) => props.theme.palette["grey-050"], (props) => props.theme.palette["grey-600"], (props) => props.theme.palette["grey-100"], (props) => props.theme.palette["blue-600"], IconWrapper, (props) => props.theme.palette["blue-600"]);
+const FooterWrapperRight = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ItemPickerListstyles__FooterWrapperRight",
   componentId: "sc-1r33ill-6"
 })([""]);
-export var FooterWrapperLeft = styled.div.withConfig({
+const FooterWrapperLeft = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ItemPickerListstyles__FooterWrapperLeft",
   componentId: "sc-1r33ill-7"
 })([""]);
-export var ScrollContent = styled.div.withConfig({
+const ScrollContent = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ItemPickerListstyles__ScrollContent",
   componentId: "sc-1r33ill-8"
 })(["padding-right:", "px;"], LIST_INNER_PADDING);
-export var StyledScrollbar = styled(Scrollbar).withConfig({
+const StyledScrollbar = /* @__PURE__ */ styled(Scrollbar).withConfig({
   displayName: "ItemPickerListstyles__StyledScrollbar",
   componentId: "sc-1r33ill-9"
-})(["padding:", "px 0 0 ", "px;height:", ";&&{.ps__rail-y{left:unset !important;right:0;}}"], LIST_INNER_PADDING, LIST_INNER_PADDING, function (props) {
-  return props.withSectionHeader ? 'calc(100% - 53px)' : '100%';
-});
-export var StyledList = styled(VariableSizeList).withConfig({
+})(["padding:", "px 0 0 ", "px;height:", ";&&{.ps__rail-y{left:unset !important;right:0;}}"], LIST_INNER_PADDING, LIST_INNER_PADDING, (props) => props.withSectionHeader ? "calc(100% - 53px)" : "100%");
+const StyledList = /* @__PURE__ */ styled(VariableSizeList).withConfig({
   displayName: "ItemPickerListstyles__StyledList",
   componentId: "sc-1r33ill-10"
-})(["overflow-x:unset;overflow-y:unset;height:auto !important;", " &:after{content:'';height:8px;display:block;}"], function (props) {
-  return props.maxHeight !== undefined && "max-height: " + props.maxHeight + "px;";
-});
-export var Skeleton = styled(DropdownSkeleton).withConfig({
+})(["overflow-x:unset;overflow-y:unset;height:auto !important;", " &:after{content:'';height:8px;display:block;}"], (props) => props.maxHeight !== void 0 && `max-height: ${props.maxHeight}px;`);
+const Skeleton = /* @__PURE__ */ styled(DropdownSkeleton).withConfig({
   displayName: "ItemPickerListstyles__Skeleton",
   componentId: "sc-1r33ill-11"
 })(["padding:0;width:70%;"]);
-export var SkeletonWrapper = styled.div.withConfig({
+const SkeletonWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ItemPickerListstyles__SkeletonWrapper",
   componentId: "sc-1r33ill-12"
-})(["", " display:flex;flex-direction:column;gap:16px;padding:16px;", ":nth-child(odd){width:50%;}"], function (props) {
-  return props.wrapperHeight !== undefined && "height: " + props.wrapperHeight + "px;";
-}, Skeleton);
-export var Title = styled.div.withConfig({
+})(["", " display:flex;flex-direction:column;gap:16px;padding:16px;", ":nth-child(odd){width:50%;}"], (props) => props.wrapperHeight !== void 0 && `height: ${props.wrapperHeight}px;`, Skeleton);
+const Title = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ItemPickerListstyles__Title",
   componentId: "sc-1r33ill-13"
-})(["font-size:10px;line-height:1.6;font-weight:500;text-transform:uppercase;color:", ";padding:8px 12px;"], function (props) {
-  return props.theme.palette['grey-500'];
-});
-export var SectionTitleWrapper = styled.div.withConfig({
+})(["font-size:10px;line-height:1.6;font-weight:500;text-transform:uppercase;color:", ";padding:8px 12px;"], (props) => props.theme.palette["grey-500"]);
+const SectionTitleWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ItemPickerListstyles__SectionTitleWrapper",
   componentId: "sc-1r33ill-14"
 })([""]);
-export var InfiniteLoaderItemWrapper = styled.div.withConfig({
+const InfiniteLoaderItemWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ItemPickerListstyles__InfiniteLoaderItemWrapper",
   componentId: "sc-1r33ill-15"
 })([""]);
-export var Loader = styled(DSLoader).withConfig({
+const Loader = /* @__PURE__ */ styled(DSLoader).withConfig({
   displayName: "ItemPickerListstyles__Loader",
   componentId: "sc-1r33ill-16"
-})(["justify-content:flex-start;"]);
+})(["justify-content:flex-start;"]);
+export {
+  EmptyStates,
+  FooterWrapper,
+  FooterWrapperLeft,
+  FooterWrapperRight,
+  IconWrapper,
+  InfiniteLoaderItemWrapper,
+  ListContainer,
+  ListWrapper,
+  Loader,
+  ScrollContent,
+  SearchWrapper,
+  SectionTitleWrapper,
+  Skeleton,
+  SkeletonWrapper,
+  StyledList,
+  StyledScrollbar,
+  Title
+};

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

@@ -1,6 +1,6 @@
-import { type Ref } from 'react';
-import { type ListItemProps } from '@synerise/ds-list-item';
-import type { BaseItemType, BaseSectionType, BaseSectionTypeWithFolders } from '../ItemPickerNew/types/baseItemSectionType.types';
+import { Ref } from 'react';
+import { ListItemProps } from '@synerise/ds-list-item';
+import { BaseItemType, BaseSectionType, BaseSectionTypeWithFolders } from '../ItemPickerNew/types/baseItemSectionType.types';
 export type ItemSelectHandler<ItemType extends BaseItemType, SectionType extends BaseSectionType | undefined> = SectionType extends BaseSectionType ? (item: ItemType, section?: BaseSectionTypeWithFolders<BaseSectionType>) => void : (item: ItemType) => void;
 export type TitleListItemProps = Omit<ListItemProps, 'type'> & {
     type: 'title';

package/dist/components/ItemPickerList/ItemPickerList.types.js

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

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

@@ -1,6 +1,6 @@
-import React, { type ReactElement, type ReactNode } from 'react';
-import { type BaseSectionType } from '../../ItemPickerNew/types/baseItemSectionType.types';
-import { type ItemPickerListTexts } from '../../ItemPickerNew/types/itemPickerListTexts.types';
+import { default as React, ReactElement, ReactNode } from 'react';
+import { BaseSectionType } from '../../ItemPickerNew/types/baseItemSectionType.types';
+import { ItemPickerListTexts } from '../../ItemPickerNew/types/itemPickerListTexts.types';
 type EmptyListMessageProps = {
     texts: Pick<ItemPickerListTexts, 'noResultsInSection' | 'noResults' | 'noItems' | 'noActions' | 'emptyStateLabel' | 'searchAllFoldersButtonLabel'>;
     hasCurrentSection?: boolean;

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

@@ -1,50 +1,37 @@
-import React from 'react';
-import Button from '@synerise/ds-button';
-import { NoData, SearchNoResultsL } from '@synerise/ds-icon';
-import * as S from '../ItemPickerList.styles';
-export var EmptyListMessage = function EmptyListMessage(_ref) {
-  var texts = _ref.texts,
-    listActions = _ref.listActions,
-    isActionSection = _ref.isActionSection,
-    hasCurrentSection = _ref.hasCurrentSection,
-    buttonOnClick = _ref.buttonOnClick,
-    currentSection = _ref.currentSection,
-    searchQuery = _ref.searchQuery,
-    emptyListIcon = _ref.emptyListIcon,
-    noResultsIcon = _ref.noResultsIcon,
-    emptyStateComponent = _ref.emptyStateComponent,
-    noResultsComponent = _ref.noResultsComponent;
+import { jsx, Fragment } from "react/jsx-runtime";
+import Button from "@synerise/ds-button";
+import { SearchNoResultsL, NoData } from "@synerise/ds-icon";
+import { EmptyStates } from "../ItemPickerList.styles.js";
+const EmptyListMessage = ({
+  texts,
+  listActions,
+  isActionSection,
+  hasCurrentSection,
+  buttonOnClick,
+  currentSection,
+  searchQuery,
+  emptyListIcon,
+  noResultsIcon,
+  emptyStateComponent,
+  noResultsComponent
+}) => {
   if (listActions) {
-    return /*#__PURE__*/React.createElement(S.EmptyStates, {
-      customIcon: /*#__PURE__*/React.createElement(SearchNoResultsL, null),
-      label: texts.noActions
-    });
+    return /* @__PURE__ */ jsx(EmptyStates, { customIcon: /* @__PURE__ */ jsx(SearchNoResultsL, {}), label: texts.noActions });
   }
   if (hasCurrentSection && !isActionSection) {
-    var _currentSection$texts, _currentSection$texts2;
-    return /*#__PURE__*/React.createElement(S.EmptyStates, {
-      customIcon: /*#__PURE__*/React.createElement(SearchNoResultsL, null),
-      label: (currentSection == null || (_currentSection$texts = currentSection.texts) == null ? void 0 : _currentSection$texts.noResultsInSection) || texts.noResultsInSection,
-      button: /*#__PURE__*/React.createElement(Button, {
-        type: "primary",
-        onClick: buttonOnClick
-      }, (currentSection == null || (_currentSection$texts2 = currentSection.texts) == null ? void 0 : _currentSection$texts2.searchAllFoldersButtonLabel) || texts.searchAllFoldersButtonLabel)
-    });
+    return /* @__PURE__ */ jsx(EmptyStates, { customIcon: /* @__PURE__ */ jsx(SearchNoResultsL, {}), label: currentSection?.texts?.noResultsInSection || texts.noResultsInSection, button: /* @__PURE__ */ jsx(Button, { type: "primary", onClick: buttonOnClick, children: currentSection?.texts?.searchAllFoldersButtonLabel || texts.searchAllFoldersButtonLabel }) });
   }
   if (!searchQuery) {
     if (emptyStateComponent) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, emptyStateComponent);
+      return /* @__PURE__ */ jsx(Fragment, { children: emptyStateComponent });
     }
-    return /*#__PURE__*/React.createElement(S.EmptyStates, {
-      customIcon: emptyListIcon || /*#__PURE__*/React.createElement(NoData, null),
-      label: texts.emptyStateLabel
-    });
+    return /* @__PURE__ */ jsx(EmptyStates, { customIcon: emptyListIcon || /* @__PURE__ */ jsx(NoData, {}), label: texts.emptyStateLabel });
   }
   if (noResultsComponent) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, noResultsComponent);
+    return /* @__PURE__ */ jsx(Fragment, { children: noResultsComponent });
   }
-  return /*#__PURE__*/React.createElement(S.EmptyStates, {
-    customIcon: noResultsIcon || /*#__PURE__*/React.createElement(SearchNoResultsL, null),
-    label: texts.noResults
-  });
-};
+  return /* @__PURE__ */ jsx(EmptyStates, { customIcon: noResultsIcon || /* @__PURE__ */ jsx(SearchNoResultsL, {}), label: texts.noResults });
+};
+export {
+  EmptyListMessage
+};

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

@@ -1,4 +1,4 @@
-import React, { type ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 type ErrorItemProps = {
     label: ReactNode;
 };

package/dist/components/ItemPickerList/components/ErrorItem.js

@@ -1,9 +1,10 @@
-import React from 'react';
-import Alert from '@synerise/ds-alert';
-export var ErrorItem = function ErrorItem(_ref) {
-  var label = _ref.label;
-  return /*#__PURE__*/React.createElement(Alert.InlineAlert, {
-    type: "alert",
-    message: label
-  });
-};
+import { jsx } from "react/jsx-runtime";
+import Alert from "@synerise/ds-alert";
+const ErrorItem = ({
+  label
+}) => {
+  return /* @__PURE__ */ jsx(Alert.InlineAlert, { type: "alert", message: label });
+};
+export {
+  ErrorItem
+};

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type ItemPickerListTexts } from '../../ItemPickerNew/types/itemPickerListTexts.types';
+import { default as React } from 'react';
+import { ItemPickerListTexts } from '../../ItemPickerNew/types/itemPickerListTexts.types';
 type ErrorMessageProps = {
     texts: ItemPickerListTexts;
 };

package/dist/components/ItemPickerList/components/ErrorMessage.js

@@ -1,15 +1,12 @@
-import React from 'react';
-import { theme } from '@synerise/ds-core';
-import { WarningL } from '@synerise/ds-icon';
-import * as S from '../ItemPickerList.styles';
-export var ErrorMessage = function ErrorMessage(_ref) {
-  var texts = _ref.texts;
-  return /*#__PURE__*/React.createElement(S.EmptyStates, {
-    customIcon: /*#__PURE__*/React.createElement(WarningL, {
-      fill: theme.palette['red-600']
-    }),
-    text: texts.errorMessageTitle,
-    label: texts.errorMessageDetails,
-    labelPosition: "bottom"
-  });
-};
+import { jsx } from "react/jsx-runtime";
+import { theme } from "@synerise/ds-core";
+import { WarningL } from "@synerise/ds-icon";
+import { EmptyStates } from "../ItemPickerList.styles.js";
+const ErrorMessage = ({
+  texts
+}) => {
+  return /* @__PURE__ */ jsx(EmptyStates, { customIcon: /* @__PURE__ */ jsx(WarningL, { fill: theme.palette["red-600"] }), text: texts.errorMessageTitle, label: texts.errorMessageDetails, labelPosition: "bottom" });
+};
+export {
+  ErrorMessage
+};

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type ItemPickerListTexts } from '../../ItemPickerNew/types/itemPickerListTexts.types';
+import { default as React } from 'react';
+import { ItemPickerListTexts } from '../../ItemPickerNew/types/itemPickerListTexts.types';
 export type InfiniteLoaderItemProps = {
     hasError: boolean;
     hasMore: boolean;

package/dist/components/ItemPickerList/components/InfiniteLoaderItem.js

@@ -1,17 +1,19 @@
-import React from 'react';
-import { ErrorItem } from './ErrorItem';
-import { LoadingItem } from './LoadingItem';
-import { NoMoreItem } from './NoMoreItem';
-export var InfiniteLoaderItem = function InfiniteLoaderItem(_ref) {
-  var hasMore = _ref.hasMore,
-    isLoading = _ref.isLoading,
-    hasError = _ref.hasError,
-    texts = _ref.texts;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isLoading && /*#__PURE__*/React.createElement(LoadingItem, {
-    label: texts.infiniteScrollLoadingMore
-  }), !isLoading && !hasMore && /*#__PURE__*/React.createElement(NoMoreItem, {
-    label: texts.infiniteScrollAllLoaded
-  }), !isLoading && hasError && /*#__PURE__*/React.createElement(ErrorItem, {
-    label: texts.infiniteScrollLoadingError
-  }));
-};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { ErrorItem } from "./ErrorItem.js";
+import { LoadingItem } from "./LoadingItem.js";
+import { NoMoreItem } from "./NoMoreItem.js";
+const InfiniteLoaderItem = ({
+  hasMore,
+  isLoading,
+  hasError,
+  texts
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    isLoading && /* @__PURE__ */ jsx(LoadingItem, { label: texts.infiniteScrollLoadingMore }),
+    !isLoading && !hasMore && /* @__PURE__ */ jsx(NoMoreItem, { label: texts.infiniteScrollAllLoaded }),
+    !isLoading && hasError && /* @__PURE__ */ jsx(ErrorItem, { label: texts.infiniteScrollLoadingError })
+  ] });
+};
+export {
+  InfiniteLoaderItem
+};

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { type ButtonProps } from '@synerise/ds-button';
-import { type ItemPickerListTexts } from '../../ItemPickerNew/types/itemPickerListTexts.types';
+import { default as React } from 'react';
+import { ButtonProps } from '@synerise/ds-button';
+import { ItemPickerListTexts } from '../../ItemPickerNew/types/itemPickerListTexts.types';
 type ItemPickerListFooterProps = {
     texts: ItemPickerListTexts;
     refreshButtonProps?: Partial<ButtonProps>;

package/dist/components/ItemPickerList/components/ItemPickerListFooter.js

@@ -1,20 +1,21 @@
-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 React from 'react';
-import Button from '@synerise/ds-button';
-import { theme } from '@synerise/ds-core';
-import Icon, { RefreshM } from '@synerise/ds-icon';
-import * as S from '../ItemPickerList.styles';
-export var ItemPickerListFooter = function ItemPickerListFooter(_ref) {
-  var texts = _ref.texts,
-    refreshButtonProps = _ref.refreshButtonProps,
-    onRefresh = _ref.onRefresh;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, onRefresh && /*#__PURE__*/React.createElement(S.FooterWrapper, null, /*#__PURE__*/React.createElement(S.FooterWrapperLeft, null), /*#__PURE__*/React.createElement(S.FooterWrapperRight, null, /*#__PURE__*/React.createElement(Button, _extends({
-    type: "ghost",
-    mode: "icon-label",
-    onClick: onRefresh
-  }, refreshButtonProps), /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(RefreshM, null),
-    size: 24,
-    color: theme.palette['grey-500']
-  }), texts.refreshButtonLabel))));
-};
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import Button from "@synerise/ds-button";
+import { theme } from "@synerise/ds-core";
+import Icon, { RefreshM } from "@synerise/ds-icon";
+import { FooterWrapper, FooterWrapperLeft, FooterWrapperRight } from "../ItemPickerList.styles.js";
+const ItemPickerListFooter = ({
+  texts,
+  refreshButtonProps,
+  onRefresh
+}) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: onRefresh && /* @__PURE__ */ jsxs(FooterWrapper, { children: [
+    /* @__PURE__ */ jsx(FooterWrapperLeft, {}),
+    /* @__PURE__ */ jsx(FooterWrapperRight, { children: /* @__PURE__ */ jsxs(Button, { type: "ghost", mode: "icon-label", onClick: onRefresh, ...refreshButtonProps, children: [
+      /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(RefreshM, {}), size: 24, color: theme.palette["grey-500"] }),
+      texts.refreshButtonLabel
+    ] }) })
+  ] }) });
+};
+export {
+  ItemPickerListFooter
+};

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

@@ -1,7 +1,7 @@
-import React, { type CSSProperties, type PropsWithChildren } from 'react';
-import { type ListItemProps } from '@synerise/ds-list-item';
-import type { ItemPickerListTexts } from '../../ItemPickerNew/types/itemPickerListTexts.types';
-import { type TitleListItemProps } from '../ItemPickerList.types';
+import { default as React, CSSProperties, PropsWithChildren } from 'react';
+import { ListItemProps } from '@synerise/ds-list-item';
+import { ItemPickerListTexts } from '../../ItemPickerNew/types/itemPickerListTexts.types';
+import { TitleListItemProps } from '../ItemPickerList.types';
 export type ItemPickerListRowProps = {
     index: number;
     style: CSSProperties;

package/dist/components/ItemPickerList/components/ItemPickerListRow.js

@@ -1,51 +1,50 @@
-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 React, { useCallback } from 'react';
-import ListItem from '@synerise/ds-list-item';
-import * as S from '../ItemPickerList.styles';
-import { isTitle } from '../utils/typeguards.utils';
-import { InfiniteLoaderItem } from './InfiniteLoaderItem';
-var INFINITE_LOADER_ITEM_HEIGHT = 48;
-export var ItemPickerListRow = function ItemPickerListRow(_ref) {
-  var index = _ref.index,
-    style = _ref.style,
-    _ref$data = _ref.data,
-    dataSource = _ref$data.dataSource,
-    classNames = _ref$data.classNames,
-    getItemSize = _ref$data.getItemSize,
-    infiniteScroll = _ref$data.infiniteScroll,
-    texts = _ref$data.texts;
-  var listItem = dataSource[index];
-  var lastItemHeight = getItemSize(dataSource.length - 1);
-  var infiniteLoaderItem = useCallback(function () {
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useCallback } from "react";
+import DSListItem from "@synerise/ds-list-item";
+import { InfiniteLoaderItemWrapper, Title } from "../ItemPickerList.styles.js";
+import { isTitle } from "../utils/typeguards.utils.js";
+import { InfiniteLoaderItem } from "./InfiniteLoaderItem.js";
+const INFINITE_LOADER_ITEM_HEIGHT = 48;
+const ItemPickerListRow = ({
+  index,
+  style,
+  data: {
+    dataSource,
+    classNames,
+    getItemSize,
+    infiniteScroll,
+    texts
+  }
+}) => {
+  const listItem = dataSource[index];
+  const lastItemHeight = getItemSize(dataSource.length - 1);
+  const infiniteLoaderItem = useCallback(() => {
     if (infiniteScroll) {
-      var isLoading = infiniteScroll.isLoading,
-        hasMore = infiniteScroll.hasMore,
-        hasError = infiniteScroll.hasError;
-      var top = Number(style.top) + lastItemHeight + "px";
+      const {
+        isLoading,
+        hasMore,
+        hasError
+      } = infiniteScroll;
+      const top = `${Number(style.top) + lastItemHeight}px`;
       if (isLoading || hasError || !hasMore) {
-        return /*#__PURE__*/React.createElement(S.InfiniteLoaderItemWrapper, {
-          style: _extends({}, style, {
-            top: top,
-            height: INFINITE_LOADER_ITEM_HEIGHT + "px",
-            padding: '6px 0'
-          })
-        }, /*#__PURE__*/React.createElement(InfiniteLoaderItem, {
-          hasMore: hasMore,
-          isLoading: isLoading,
-          hasError: hasError,
-          texts: texts
-        }));
+        return /* @__PURE__ */ jsx(InfiniteLoaderItemWrapper, { style: {
+          ...style,
+          top,
+          height: `${INFINITE_LOADER_ITEM_HEIGHT}px`,
+          padding: "6px 0"
+        }, children: /* @__PURE__ */ jsx(InfiniteLoaderItem, { hasMore, isLoading, hasError, texts }) });
       }
     }
     return null;
   }, [infiniteScroll, lastItemHeight, style, texts]);
   if (isTitle(listItem)) {
-    return /*#__PURE__*/React.createElement(S.Title, {
-      style: style
-    }, listItem.text);
+    return /* @__PURE__ */ jsx(Title, { style, children: listItem.text });
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ListItem, _extends({}, listItem, {
-    style: style,
-    className: classNames
-  })), index === dataSource.length - 1 && infiniteLoaderItem());
-};
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DSListItem, { ...listItem, style, className: classNames }),
+    index === dataSource.length - 1 && infiniteLoaderItem()
+  ] });
+};
+export {
+  ItemPickerListRow
+};

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare const ItemPickerListSkeleton: ({ wrapperHeight, }: {
     wrapperHeight?: number;
 }) => React.JSX.Element;

package/dist/components/ItemPickerList/components/ItemPickerListSkeleton.js

@@ -1,23 +1,16 @@
-import React from 'react';
-import * as S from '../ItemPickerList.styles';
-export var ItemPickerListSkeleton = function ItemPickerListSkeleton(_ref) {
-  var wrapperHeight = _ref.wrapperHeight;
-  return /*#__PURE__*/React.createElement(S.SkeletonWrapper, {
-    wrapperHeight: wrapperHeight
-  }, /*#__PURE__*/React.createElement(S.Skeleton, {
-    numberOfSkeletons: 1,
-    size: "M"
-  }), /*#__PURE__*/React.createElement(S.Skeleton, {
-    numberOfSkeletons: 1,
-    size: "M"
-  }), /*#__PURE__*/React.createElement(S.Skeleton, {
-    numberOfSkeletons: 1,
-    size: "M"
-  }), /*#__PURE__*/React.createElement(S.Skeleton, {
-    numberOfSkeletons: 1,
-    size: "M"
-  }), /*#__PURE__*/React.createElement(S.Skeleton, {
-    numberOfSkeletons: 1,
-    size: "M"
-  }));
-};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { SkeletonWrapper, Skeleton } from "../ItemPickerList.styles.js";
+const ItemPickerListSkeleton = ({
+  wrapperHeight
+}) => {
+  return /* @__PURE__ */ jsxs(SkeletonWrapper, { wrapperHeight, children: [
+    /* @__PURE__ */ jsx(Skeleton, { numberOfSkeletons: 1, size: "M" }),
+    /* @__PURE__ */ jsx(Skeleton, { numberOfSkeletons: 1, size: "M" }),
+    /* @__PURE__ */ jsx(Skeleton, { numberOfSkeletons: 1, size: "M" }),
+    /* @__PURE__ */ jsx(Skeleton, { numberOfSkeletons: 1, size: "M" }),
+    /* @__PURE__ */ jsx(Skeleton, { numberOfSkeletons: 1, size: "M" })
+  ] });
+};
+export {
+  ItemPickerListSkeleton
+};

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

@@ -1,7 +1,7 @@
-import React, { type MutableRefObject } from 'react';
-import type { SearchBarProps } from '@synerise/ds-search-bar';
-import type { ItemPickerTexts } from '../../ItemPickerNew/ItemPickerNew.types';
-import type { SearchByParamConfig } from '../../ItemPickerNew/types/actions.types';
+import { default as React, MutableRefObject } from 'react';
+import { SearchBarProps } from '@synerise/ds-search-bar';
+import { ItemPickerTexts } from '../../ItemPickerNew/ItemPickerNew.types';
+import { SearchByParamConfig } from '../../ItemPickerNew/types/actions.types';
 type ListSearchInputProps = {
     searchByParamConfig?: SearchByParamConfig;
     clearSearchQuery: () => void;