@synerise/ds-search 1.5.9 → 1.5.11

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.5.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-search@1.5.10...@synerise/ds-search@1.5.11) (2026-04-01)
+
+**Note:** Version bump only for package @synerise/ds-search
+
+## [1.5.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-search@1.5.9...@synerise/ds-search@1.5.10) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-search
+
 ## [1.5.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-search@1.5.8...@synerise/ds-search@1.5.9) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-search

package/dist/Elements/SearchButton/SearchButton.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type SearchButtonProps } from './SearchButton.types';
+import { default as React } from 'react';
+import { SearchButtonProps } from './SearchButton.types';
 declare const SearchButton: React.FC<SearchButtonProps>;
 export default SearchButton;

package/dist/Elements/SearchButton/SearchButton.js

@@ -1,29 +1,17 @@
-import React from 'react';
-import Button from '@synerise/ds-button';
-import Icon, { SearchM } from '@synerise/ds-icon';
-import * as S from '../../Search.styles';
-var SearchButton = function SearchButton(_ref) {
-  var inputOpen = _ref.inputOpen,
-    hidden = _ref.hidden,
-    onClick = _ref.onClick,
-    inputFocused = _ref.inputFocused,
-    clickable = _ref.clickable,
-    disabled = _ref.disabled;
-  return /*#__PURE__*/React.createElement(S.SearchButton, {
-    isOpen: inputOpen,
-    hidden: hidden,
-    className: "SearchButton",
-    inputFocused: inputFocused,
-    clickable: !disabled && clickable,
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement(Button, {
-    mode: "single-icon",
-    type: "ghost",
-    disabled: disabled,
-    className: inputOpen ? 'btn-search-open' : 'btn-search',
-    "data-testid": "btn"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(SearchM, null)
-  })));
+import { jsx } from "react/jsx-runtime";
+import Button from "@synerise/ds-button";
+import Icon, { SearchM } from "@synerise/ds-icon";
+import { SearchButton as SearchButton$1 } from "../../Search.styles.js";
+const SearchButton = ({
+  inputOpen,
+  hidden,
+  onClick,
+  inputFocused,
+  clickable,
+  disabled
+}) => {
+  return /* @__PURE__ */ jsx(SearchButton$1, { isOpen: inputOpen, hidden, className: "SearchButton", inputFocused, clickable: !disabled && clickable, onClick, children: /* @__PURE__ */ jsx(Button, { mode: "single-icon", type: "ghost", disabled, className: inputOpen ? "btn-search-open" : "btn-search", "data-testid": "btn", children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(SearchM, {}) }) }) });
+};
+export {
+  SearchButton as default
 };
-export default SearchButton;

package/dist/Elements/SearchButton/SearchButton.types.js

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

package/dist/Elements/SearchHeader/SearchHeader.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type SearchHeaderProps } from './SearchHeader.types';
+import { default as React } from 'react';
+import { SearchHeaderProps } from './SearchHeader.types';
 declare const SearchHeader: React.FC<SearchHeaderProps>;
 export default SearchHeader;

package/dist/Elements/SearchHeader/SearchHeader.js

@@ -1,16 +1,16 @@
-import React from 'react';
-import Icon, { InfoFillS } from '@synerise/ds-icon';
-import Tooltip from '@synerise/ds-tooltip/dist/Tooltip';
-import * as S from '../../Search.styles';
-var SearchHeader = function SearchHeader(_ref) {
-  var headerText = _ref.headerText,
-    tooltip = _ref.tooltip;
-  return /*#__PURE__*/React.createElement(S.MenuHeader, null, headerText, tooltip && /*#__PURE__*/React.createElement(Tooltip, {
-    type: "default",
-    trigger: "hover",
-    title: tooltip || headerText
-  }, /*#__PURE__*/React.createElement(S.HeaderIconWrapper, null, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(InfoFillS, null)
-  }))));
+import { jsxs, jsx } from "react/jsx-runtime";
+import Icon, { InfoFillS } from "@synerise/ds-icon";
+import Tooltip from "@synerise/ds-tooltip/dist/Tooltip";
+import { MenuHeader, HeaderIconWrapper } from "../../Search.styles.js";
+const SearchHeader = ({
+  headerText,
+  tooltip
+}) => {
+  return /* @__PURE__ */ jsxs(MenuHeader, { children: [
+    headerText,
+    tooltip && /* @__PURE__ */ jsx(Tooltip, { type: "default", trigger: "hover", title: tooltip || headerText, children: /* @__PURE__ */ jsx(HeaderIconWrapper, { children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(InfoFillS, {}) }) }) })
+  ] });
+};
+export {
+  SearchHeader as default
 };
-export default SearchHeader;

package/dist/Elements/SearchHeader/SearchHeader.types.js

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

package/dist/Elements/SearchInput/SearchInput.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type SearchInputProps } from './SearchInput.types';
+import { default as React } from 'react';
+import { SearchInputProps } from './SearchInput.types';
 declare const SearchInput: ({ alwaysExpanded, alwaysHighlight, clearTooltip, filterLabel, filterLookupKey, onKeyDown, onClick, onChange, onClear, onToggle, onButtonClick, moveCursorToEnd, placeholder, textLookupKey, value, closeOnClickOutside, disableInput, disabled, focusTrigger, toggleTrigger, inputProps, searchTooltipProps, }: SearchInputProps) => React.JSX.Element;
 export default SearchInput;

package/dist/Elements/SearchInput/SearchInput.js

@@ -1,158 +1,115 @@
-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 Input from 'antd/lib/input';
-import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
-import { theme } from '@synerise/ds-core';
-import Icon, { Close3M } from '@synerise/ds-icon';
-import Tooltip from '@synerise/ds-tooltip';
-import { useOnClickOutside, usePrevious } from '@synerise/ds-utils';
-import * as S from '../../Search.styles';
-import SearchButton from '../SearchButton/SearchButton';
-var SearchInput = function SearchInput(_ref) {
-  var alwaysExpanded = _ref.alwaysExpanded,
-    alwaysHighlight = _ref.alwaysHighlight,
-    clearTooltip = _ref.clearTooltip,
-    filterLabel = _ref.filterLabel,
-    filterLookupKey = _ref.filterLookupKey,
-    onKeyDown = _ref.onKeyDown,
-    onClick = _ref.onClick,
-    onChange = _ref.onChange,
-    onClear = _ref.onClear,
-    onToggle = _ref.onToggle,
-    onButtonClick = _ref.onButtonClick,
-    moveCursorToEnd = _ref.moveCursorToEnd,
-    placeholder = _ref.placeholder,
-    textLookupKey = _ref.textLookupKey,
-    value = _ref.value,
-    closeOnClickOutside = _ref.closeOnClickOutside,
-    disableInput = _ref.disableInput,
-    disabled = _ref.disabled,
-    focusTrigger = _ref.focusTrigger,
-    toggleTrigger = _ref.toggleTrigger,
-    _ref$inputProps = _ref.inputProps,
-    inputProps = _ref$inputProps === void 0 ? {} : _ref$inputProps,
-    _ref$searchTooltipPro = _ref.searchTooltipProps,
-    searchTooltipProps = _ref$searchTooltipPro === void 0 ? {} : _ref$searchTooltipPro;
-  var inputRef = useRef(null);
-  var wrapperRef = useRef(null);
-  var _useState = useState(alwaysExpanded || !!value || !!filterLabel),
-    isInputOpen = _useState[0],
-    setIsInputOpen = _useState[1];
-  var _useState2 = useState(0),
-    inputOffset = _useState2[0],
-    setInputOffset = _useState2[1];
-  var _useState3 = useState(false),
-    isResultChosen = _useState3[0],
-    setIsResultChosen = _useState3[1];
-  var _useState4 = useState(true),
-    isInputFocused = _useState4[0],
-    setIsInputFocused = _useState4[1];
-  var renderInputOpened = isInputOpen || !!value || !!filterLabel;
-  var prevFocusTrigger = usePrevious(focusTrigger);
-  var prevToggleTrigger = usePrevious(toggleTrigger);
-  useLayoutEffect(function () {
-    if (prevFocusTrigger !== undefined && prevFocusTrigger !== focusTrigger) {
+import { jsxs, jsx } from "react/jsx-runtime";
+import Input from "antd/lib/input";
+import { useRef, useState, useLayoutEffect, useEffect } from "react";
+import { theme } from "@synerise/ds-core";
+import Icon, { Close3M } from "@synerise/ds-icon";
+import Tooltip from "@synerise/ds-tooltip";
+import { usePrevious, useOnClickOutside } from "@synerise/ds-utils";
+import { SearchInputWrapper, SearchInputContent, LeftSide, Filter, SearchInner, ClearButton } from "../../Search.styles.js";
+import SearchButton from "../SearchButton/SearchButton.js";
+const SearchInput = ({
+  alwaysExpanded,
+  alwaysHighlight,
+  clearTooltip,
+  filterLabel,
+  filterLookupKey,
+  onKeyDown,
+  onClick,
+  onChange,
+  onClear,
+  onToggle,
+  onButtonClick,
+  moveCursorToEnd,
+  placeholder,
+  textLookupKey,
+  value,
+  closeOnClickOutside,
+  disableInput,
+  disabled,
+  focusTrigger,
+  toggleTrigger,
+  inputProps = {},
+  searchTooltipProps = {}
+}) => {
+  const inputRef = useRef(null);
+  const wrapperRef = useRef(null);
+  const [isInputOpen, setIsInputOpen] = useState(alwaysExpanded || !!value || !!filterLabel);
+  const [inputOffset, setInputOffset] = useState(0);
+  const [isResultChosen, setIsResultChosen] = useState(false);
+  const [isInputFocused, setIsInputFocused] = useState(true);
+  const renderInputOpened = isInputOpen || !!value || !!filterLabel;
+  const prevFocusTrigger = usePrevious(focusTrigger);
+  const prevToggleTrigger = usePrevious(toggleTrigger);
+  useLayoutEffect(() => {
+    if (prevFocusTrigger !== void 0 && prevFocusTrigger !== focusTrigger) {
       focusInput();
     }
-    if (prevToggleTrigger !== undefined && prevToggleTrigger !== toggleTrigger) {
+    if (prevToggleTrigger !== void 0 && prevToggleTrigger !== toggleTrigger) {
       toggleOpen();
     }
   });
-  useOnClickOutside(wrapperRef, function () {
+  useOnClickOutside(wrapperRef, () => {
     if (closeOnClickOutside && !alwaysExpanded) {
       setIsInputOpen(false);
       onToggle && onToggle(false);
     }
   });
-  var focusInput = function focusInput() {
+  const focusInput = () => {
     inputRef.current && inputRef.current.focus();
   };
-  var handleSearchInputContentClick = function handleSearchInputContentClick() {
+  const handleSearchInputContentClick = () => {
     onClick && onClick();
     focusInput();
   };
-  var handleOffsetWithFilter = function handleOffsetWithFilter(ref) {
+  const handleOffsetWithFilter = (ref) => {
     ref && setInputOffset(ref.getBoundingClientRect().width);
   };
-  var handleChangeValue = function handleChangeValue(_ref2) {
-    var changedValue = _ref2.target.value;
+  const handleChangeValue = ({
+    target: {
+      value: changedValue
+    }
+  }) => {
     onChange(changedValue);
     setIsResultChosen(false);
   };
-  var toggleOpen = function toggleOpen() {
-    setIsInputOpen(function (open) {
+  const toggleOpen = () => {
+    setIsInputOpen((open) => {
       onToggle && onToggle(!open);
       return !open;
     });
   };
-  var handleSearchButtonClick = function handleSearchButtonClick() {
+  const handleSearchButtonClick = () => {
     if (!alwaysExpanded) {
       toggleOpen();
       focusInput();
       onButtonClick && onButtonClick();
     }
   };
-  var handleClearValue = function handleClearValue() {
+  const handleClearValue = () => {
     setInputOffset(0);
     setIsResultChosen(false);
     onClear();
     setIsInputOpen(true);
     focusInput();
   };
-  useEffect(function () {
-    var _inputRef$current;
-    if (moveCursorToEnd && (_inputRef$current = inputRef.current) != null && _inputRef$current.input) {
+  useEffect(() => {
+    if (moveCursorToEnd && inputRef.current?.input) {
       inputRef.current.input.selectionStart = value.length || 0;
       inputRef.current.input.selectionEnd = value.length || 0;
     }
   }, [moveCursorToEnd, value.length]);
-  return /*#__PURE__*/React.createElement(S.SearchInputWrapper, {
-    ref: wrapperRef
-  }, !disabled && /*#__PURE__*/React.createElement(S.SearchInputContent, {
-    className: renderInputOpened ? 'is-open search-input-wrapper' : 'search-input-wrapper',
-    offset: inputOffset,
-    filterLabel: filterLabel,
-    onClick: handleSearchInputContentClick
-  }, /*#__PURE__*/React.createElement(S.LeftSide, {
-    isOpen: isInputOpen
-  }, filterLabel && /*#__PURE__*/React.createElement(S.Filter, {
-    ref: handleOffsetWithFilter
-  }, filterLabel.icon && !isResultChosen && /*#__PURE__*/React.createElement(Icon, {
-    component: filterLabel.icon
-  }), /*#__PURE__*/React.createElement("span", null, filterLabel[filterLookupKey || ''] || filterLabel[textLookupKey || '']))), /*#__PURE__*/React.createElement(Tooltip, searchTooltipProps, /*#__PURE__*/React.createElement(S.SearchInner, {
-    hasValue: !!value,
-    alwaysHighlight: alwaysHighlight
-  }, /*#__PURE__*/React.createElement(Input, _extends({
-    placeholder: placeholder,
-    ref: inputRef,
-    value: value,
-    onChange: handleChangeValue,
-    onKeyDown: onKeyDown,
-    onFocus: function onFocus() {
-      return setIsInputFocused(true);
-    },
-    onBlur: function onBlur() {
-      return setIsInputFocused(false);
-    },
-    autoComplete: "off",
-    autoFocus: true,
-    disabled: disableInput
-  }, inputProps))))), /*#__PURE__*/React.createElement(SearchButton, {
-    disabled: disabled,
-    inputOpen: isInputOpen,
-    hidden: !!value || !!filterLabel,
-    inputFocused: isInputFocused,
-    clickable: !disabled && !alwaysExpanded,
-    onClick: handleSearchButtonClick
-  }), !disabled && /*#__PURE__*/React.createElement(S.ClearButton, {
-    hidden: !value && !filterLabel
-  }, /*#__PURE__*/React.createElement(Icon, {
-    "data-testid": "clear",
-    onClick: handleClearValue,
-    component: /*#__PURE__*/React.createElement(Tooltip, {
-      title: clearTooltip
-    }, /*#__PURE__*/React.createElement(Close3M, null)),
-    color: theme.palette['red-600'],
-    size: 18
-  })));
+  return /* @__PURE__ */ jsxs(SearchInputWrapper, { ref: wrapperRef, children: [
+    !disabled && /* @__PURE__ */ jsxs(SearchInputContent, { className: renderInputOpened ? "is-open search-input-wrapper" : "search-input-wrapper", offset: inputOffset, filterLabel, onClick: handleSearchInputContentClick, children: [
+      /* @__PURE__ */ jsx(LeftSide, { isOpen: isInputOpen, children: filterLabel && /* @__PURE__ */ jsxs(Filter, { ref: handleOffsetWithFilter, children: [
+        filterLabel.icon && !isResultChosen && /* @__PURE__ */ jsx(Icon, { component: filterLabel.icon }),
+        /* @__PURE__ */ jsx("span", { children: filterLabel[filterLookupKey || ""] || filterLabel[textLookupKey || ""] })
+      ] }) }),
+      /* @__PURE__ */ jsx(Tooltip, { ...searchTooltipProps, children: /* @__PURE__ */ jsx(SearchInner, { hasValue: !!value, alwaysHighlight, children: /* @__PURE__ */ jsx(Input, { placeholder, ref: inputRef, value, onChange: handleChangeValue, onKeyDown, onFocus: () => setIsInputFocused(true), onBlur: () => setIsInputFocused(false), autoComplete: "off", autoFocus: true, disabled: disableInput, ...inputProps }) }) })
+    ] }),
+    /* @__PURE__ */ jsx(SearchButton, { disabled, inputOpen: isInputOpen, hidden: !!value || !!filterLabel, inputFocused: isInputFocused, clickable: !disabled && !alwaysExpanded, onClick: handleSearchButtonClick }),
+    !disabled && /* @__PURE__ */ jsx(ClearButton, { hidden: !value && !filterLabel, children: /* @__PURE__ */ jsx(Icon, { "data-testid": "clear", onClick: handleClearValue, component: /* @__PURE__ */ jsx(Tooltip, { title: clearTooltip, children: /* @__PURE__ */ jsx(Close3M, {}) }), color: theme.palette["red-600"], size: 18 }) })
+  ] });
+};
+export {
+  SearchInput as default
 };
-export default SearchInput;

package/dist/Elements/SearchInput/SearchInput.types.d.ts

@@ -1,6 +1,6 @@
-import type { InputProps } from 'antd/lib/input';
-import type { KeyboardEvent, ReactNode } from 'react';
-import type { TooltipProps } from '@synerise/ds-tooltip';
+import { InputProps } from 'antd/lib/input';
+import { KeyboardEvent, ReactNode } from 'react';
+import { TooltipProps } from '@synerise/ds-tooltip';
 export type SearchInputProps = {
     alwaysExpanded?: boolean;
     alwaysHighlight?: boolean;

package/dist/Elements/SearchInput/SearchInput.types.js

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

package/dist/Elements/SearchItems/SearchItems.d.ts

@@ -1,5 +1,5 @@
-import React, { type ReactElement, type ReactNode } from 'react';
-import { type SearchItemListProps } from './SearchItems.types';
+import { default as React, ReactElement, ReactNode } from 'react';
+import { SearchItemListProps } from './SearchItems.types';
 export declare function renderSearchList<V>(props: SearchItemListProps<V>, children?: ReactNode): ReactElement<SearchItemListProps<V>>;
 declare const SearchItems: ({ data, height, highlight, itemRender, listProps, onItemClick, rowHeight, visibleRows, width, renderInMenu, }: SearchItemListProps<any>) => React.JSX.Element;
 export default SearchItems;

package/dist/Elements/SearchItems/SearchItems.js

@@ -1,48 +1,51 @@
-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, { cloneElement, useEffect, useMemo, useRef } from 'react';
-import { FixedSizeList as List } from 'react-window';
-import { ListContextProvider } from '@synerise/ds-list-item';
-import Menu from '@synerise/ds-menu';
-var listStyle = {
-  overflowX: 'unset',
-  overflowY: 'unset'
+import { jsx } from "react/jsx-runtime";
+import { useRef, useMemo, useEffect, cloneElement } from "react";
+import { FixedSizeList } from "react-window";
+import { ListContextProvider } from "@synerise/ds-list-item";
+import Menu from "@synerise/ds-menu";
+const listStyle = {
+  overflowX: "unset",
+  overflowY: "unset"
 };
-export function renderSearchList(props, children) {
-  return /*#__PURE__*/React.createElement(SearchItems, props, children);
+function renderSearchList(props, children) {
+  return /* @__PURE__ */ jsx(SearchItems, { ...props, children });
 }
-var rowRenderer = function rowRenderer(_ref) {
-  var index = _ref.index,
-    style = _ref.style,
-    data = _ref.data;
-  var item = data && data.items[index];
-  var itemReturnedFromRenderer = data.itemRender(item);
-  var rendererCustomStyles = itemReturnedFromRenderer && itemReturnedFromRenderer.props && itemReturnedFromRenderer.props.style || {};
-  var mergedStyles = _extends({}, rendererCustomStyles, style);
-  return /*#__PURE__*/cloneElement(itemReturnedFromRenderer, _extends({}, itemReturnedFromRenderer.props, {
+const rowRenderer = ({
+  index,
+  style,
+  data
+}) => {
+  const item = data && data.items[index];
+  const itemReturnedFromRenderer = data.itemRender(item);
+  const rendererCustomStyles = itemReturnedFromRenderer && itemReturnedFromRenderer.props && itemReturnedFromRenderer.props.style || {};
+  const mergedStyles = {
+    ...rendererCustomStyles,
+    ...style
+  };
+  return cloneElement(itemReturnedFromRenderer, {
+    ...itemReturnedFromRenderer.props,
     style: mergedStyles,
     highlight: data.highlight,
-    onClick: function onClick() {
-      return data.onItemClick && data.onItemClick(item);
-    },
-    className: 'ds-search-item'
-  }));
+    onClick: () => data.onItemClick && data.onItemClick(item),
+    className: "ds-search-item"
+  });
 };
-var SearchItems = function SearchItems(_ref2) {
-  var data = _ref2.data,
-    height = _ref2.height,
-    highlight = _ref2.highlight,
-    itemRender = _ref2.itemRender,
-    listProps = _ref2.listProps,
-    onItemClick = _ref2.onItemClick,
-    rowHeight = _ref2.rowHeight,
-    visibleRows = _ref2.visibleRows,
-    width = _ref2.width,
-    _ref2$renderInMenu = _ref2.renderInMenu,
-    renderInMenu = _ref2$renderInMenu === void 0 ? true : _ref2$renderInMenu;
-  var listRef = useRef(null);
-  var listHeight = useMemo(function () {
+const SearchItems = ({
+  data,
+  height,
+  highlight,
+  itemRender,
+  listProps,
+  onItemClick,
+  rowHeight,
+  visibleRows,
+  width,
+  renderInMenu = true
+}) => {
+  const listRef = useRef(null);
+  const listHeight = useMemo(() => {
     if (data) {
-      var dataHeight = data.length * rowHeight;
+      const dataHeight = data.length * rowHeight;
       if (visibleRows) {
         return visibleRows < data.length ? visibleRows * rowHeight : dataHeight;
       }
@@ -53,27 +56,20 @@ var SearchItems = function SearchItems(_ref2) {
     }
     return 0;
   }, [data, height, rowHeight, visibleRows]);
-  useEffect(function () {
+  useEffect(() => {
     if (listRef.current && listProps) {
       listRef.current.scrollTo(Math.max(0, listProps.scrollTop || 0));
     }
   }, [listProps]);
-  var list = data && /*#__PURE__*/React.createElement(List, _extends({
-    height: listHeight,
-    itemCount: data.length,
-    itemData: {
-      highlight: highlight,
-      itemRender: itemRender,
-      items: data,
-      onItemClick: onItemClick
-    },
-    itemSize: rowHeight,
-    ref: listRef,
-    style: listStyle,
-    width: width
-  }, listProps), rowRenderer);
-  return renderInMenu ? /*#__PURE__*/React.createElement(Menu, {
-    tabIndex: -1
-  }, list) : /*#__PURE__*/React.createElement(ListContextProvider, null, list);
+  const list = data && /* @__PURE__ */ jsx(FixedSizeList, { height: listHeight, itemCount: data.length, itemData: {
+    highlight,
+    itemRender,
+    items: data,
+    onItemClick
+  }, itemSize: rowHeight, ref: listRef, style: listStyle, width, ...listProps, children: rowRenderer });
+  return renderInMenu ? /* @__PURE__ */ jsx(Menu, { tabIndex: -1, children: list }) : /* @__PURE__ */ jsx(ListContextProvider, { children: list });
+};
+export {
+  SearchItems as default,
+  renderSearchList
 };
-export default SearchItems;

package/dist/Elements/SearchItems/SearchItems.types.d.ts

@@ -1,4 +1,4 @@
-import { type ListProps } from 'react-window';
+import { ListProps } from '../../../../../../config/vitest/__mocks__/reactWindowMock.js';
 type ListPropsEnhanced = Partial<ListProps> & {
     scrollTop?: number;
 };

package/dist/Elements/SearchItems/SearchItems.types.js

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

package/dist/Elements/SearchRenderer/SearchRenderer.d.ts

@@ -1,3 +1,3 @@
-import { type SearchRendererProps } from './SearchRenderer.types';
+import { SearchRendererProps } from './SearchRenderer.types';
 declare const SearchRenderer: ({ title, tooltip, data, width, height, rowHeight, listProps, itemRender, highlight, onItemClick, }: SearchRendererProps) => JSX.Element | null;
 export default SearchRenderer;

package/dist/Elements/SearchRenderer/SearchRenderer.js

@@ -1,34 +1,23 @@
-import React from 'react';
-import SearchHeader from '../SearchHeader/SearchHeader';
-import SearchItems from '../SearchItems/SearchItems';
-var SearchRenderer = function SearchRenderer(_ref) {
-  var title = _ref.title,
-    tooltip = _ref.tooltip,
-    data = _ref.data,
-    width = _ref.width,
-    height = _ref.height,
-    _ref$rowHeight = _ref.rowHeight,
-    rowHeight = _ref$rowHeight === void 0 ? 30 : _ref$rowHeight,
-    listProps = _ref.listProps,
-    _ref$itemRender = _ref.itemRender,
-    itemRender = _ref$itemRender === void 0 ? function (item) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, item);
-    } : _ref$itemRender,
-    highlight = _ref.highlight,
-    onItemClick = _ref.onItemClick;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !!title && /*#__PURE__*/React.createElement(SearchHeader, {
-    headerText: title,
-    tooltip: tooltip
-  }), /*#__PURE__*/React.createElement(SearchItems, {
-    data: data,
-    height: height,
-    highlight: highlight,
-    width: width,
-    rowHeight: rowHeight,
-    itemRender: itemRender,
-    onItemClick: onItemClick,
-    listProps: listProps,
-    renderInMenu: false
-  }));
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import SearchHeader from "../SearchHeader/SearchHeader.js";
+import SearchItems from "../SearchItems/SearchItems.js";
+const SearchRenderer = ({
+  title,
+  tooltip,
+  data,
+  width,
+  height,
+  rowHeight = 30,
+  listProps,
+  itemRender = (item) => /* @__PURE__ */ jsx(Fragment, { children: item }),
+  highlight,
+  onItemClick
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    !!title && /* @__PURE__ */ jsx(SearchHeader, { headerText: title, tooltip }),
+    /* @__PURE__ */ jsx(SearchItems, { data, height, highlight, width, rowHeight, itemRender, onItemClick, listProps, renderInMenu: false })
+  ] });
+};
+export {
+  SearchRenderer as default
 };
-export default SearchRenderer;

package/dist/Elements/SearchRenderer/SearchRenderer.types.d.ts

@@ -1,5 +1,5 @@
-import { type ReactElement } from 'react';
-import { type AnyObject } from '../../Search.types';
+import { ReactElement } from 'react';
+import { AnyObject } from '../../Search.types';
 export type SearchRendererProps = {
     title?: string;
     tooltip?: string;

package/dist/Elements/SearchRenderer/SearchRenderer.types.js

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

package/dist/Elements/index.js

@@ -1,4 +1,12 @@
-export { default as SearchInput } from './SearchInput/SearchInput';
-export { default as SearchHeader } from './SearchHeader/SearchHeader';
-export { default as SearchItemList, default as SearchItems, renderSearchList } from './SearchItems/SearchItems';
-export { default as SearchButton } from './SearchButton/SearchButton';
+import { default as default2 } from "./SearchInput/SearchInput.js";
+import { default as default3 } from "./SearchHeader/SearchHeader.js";
+import { default as default4, default as default5, renderSearchList } from "./SearchItems/SearchItems.js";
+import { default as default6 } from "./SearchButton/SearchButton.js";
+export {
+  default6 as SearchButton,
+  default3 as SearchHeader,
+  default2 as SearchInput,
+  default4 as SearchItemList,
+  default5 as SearchItems,
+  renderSearchList
+};