@synerise/ds-search 1.5.8 → 1.5.10

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.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
+
 ## [1.5.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-search@1.5.7...@synerise/ds-search@1.5.8) (2026-03-09)
 
 **Note:** Version bump only for package @synerise/ds-search

package/README.md

@@ -8,14 +8,12 @@ Search UI Component
 ## Installation
 
 ```
-npm i @synerise/ds-search
-or
-yarn add @synerise/ds-search
+pnpm add @synerise/ds-search
 ```
 
 ## Usage
 
-```
+```tsx
 import Search from '@synerise/ds-search';
 
 const parameters = [
@@ -116,6 +114,7 @@ return (
 | searchWidth             | Width of the search input when expanded                                                | number                                                                   | -       |
 | dropdownWidth           | Width of the suggestions dropdown. Will match search input if undefined                | number                                                                   | -       |
 | alwaysExpanded          | Enable expanded input on Search component with dropdown                                | boolean / undefined                                                      | -       |
+| searchTooltipProps      | Props forwarded to the Tooltip wrapping the search input                               | TooltipProps                                                             | -       |
 
 ### DataSetProps
 
@@ -126,27 +125,29 @@ return (
 | rowHeight   | Height of item in the list                                                      | number                        | -       |
 | title       | Title of the item list                                                          | string                        | -       |
 | tooltip     | Tooltip of the item list, displayed when hovering on the icon next to the title | string                        | -       |
-| visibleRows | Number of rows visible in the list                                              | string                        | -       |
+| visibleRows | Number of rows visible in the list                                              | number                        | -       |
 
 ## Search usage
 
-```
-import { SearchInput } from '@synerise/ds-search/dist/Elements';
+```tsx
+import { SearchInput } from '@synerise/ds-search';
 
-    const [value, setValue] = React.useState<string>('');
-      <SearchInput
-        clearTooltip="Clear"
-        placeholder="Search"
-        onValueChange={value => {
-          console.log(value);
-          setValue(value);
-        }}
-        value={value}
-        onClear={() => {
-          console.log('Cleared!');
-        }}
-        closeOnClickOutside={true}
-      />
+const [value, setValue] = React.useState<string>('');
+return (
+  <SearchInput
+    clearTooltip="Clear"
+    placeholder="Search"
+    onChange={value => {
+      console.log(value);
+      setValue(value);
+    }}
+    value={value}
+    onClear={() => {
+      console.log('Cleared!');
+    }}
+    closeOnClickOutside={true}
+  />
+);
 ```
 
 ### SearchInput
@@ -155,40 +156,44 @@ import { SearchInput } from '@synerise/ds-search/dist/Elements';
 | ------------------- | ------------------------------------------------------------------------- | ------------------------------------------------------------------------ | ------- |
 | alwaysHighlight     | When set, the input always has blue border when expanded                  | boolean                                                                  | `false` |
 | alwaysExpanded      | Boolean value to force expanded state of the input                        | boolean                                                                  | `false` |
-| clearTooltip        | Clear button tooltip text                                                 | string                                                                   | -       |
+| clearTooltip        | Clear button tooltip text                                                 | ReactNode                                                                | -       |
 | closeOnClickOutside | Boolean value to prevent / force toggling the input when clicking outside | boolean                                                                  | `false` |
-| filterLabel         | Label displayed on the left-hand side of the input caret                  | object                                                                   | -       |
-| focusTrigger        | Boolean value for triggering focus on the input                           | boolean                                                                  | -       |
+| disabled            | Disables the entire component including the search button                 | boolean                                                                  | -       |
+| disableInput        | Disables only the text input; search button remains active                | boolean                                                                  | -       |
+| filterLabel         | Label displayed on the left-hand side of the input caret                  | `{ icon?: ReactNode; [key: string]: any }` or null                       | -       |
+| focusTrigger        | Toggle this boolean to imperatively focus the input                       | boolean                                                                  | -       |
 | inputProps          | Props object passed to the input element of the component                 | [InputProps](https://design.synerise.com/docs/components/input/#input-1) | -       |
-| onValueChange       | Callback when input changes                                               | function                                                                 | -       |
+| moveCursorToEnd     | Moves caret to end of value when toggled                                  | boolean                                                                  | -       |
+| onChange            | Callback when input changes                                               | `(value: string) => void`                                                | -       |
 | onButtonClick       | Callback executed when clicking search button                             | function                                                                 | -       |
 | onClear             | Callback after clicking clear button                                      | function                                                                 | -       |
 | onClick             | Callback executed when clicking inside an input                           | function                                                                 | -       |
 | onKeyDown           | Callback executed when pressing a keyboard key.                           | function                                                                 | -       |
 | onToggle            | Callback executed when expanding / narrowing the input wrapper            | function                                                                 | -       |
 | placeholder         | Input placeholder                                                         | string                                                                   | -       |
-| toggleTrigger       | Boolean value for triggering expanding / narrowing the input              | boolean                                                                  | -       |
+| searchTooltipProps  | Props forwarded to the Tooltip wrapping the input                         | Partial<TooltipProps>                                                    | `{}`    |
+| toggleTrigger       | Toggle this boolean to imperatively expand / collapse the input           | boolean                                                                  | -       |
 | value               | The input content value                                                   | string                                                                   | -       |
 
 ### SearchInput usage
 
-```
-import { SearchInput } from '@synerise/ds-search/dist/Elements';
+```tsx
+import { SearchInput } from '@synerise/ds-search';
 
 const [value, setValue] = React.useState<string>('');
 return (
-      <SearchInput
-        clearTooltip="Clear"
-        placeholder="Search"
-        onValueChange={value => {
-          console.log(value);
-          setValue(value);
-        }}
-        value={value}
-        onClear={() => {
-          console.log('Cleared!');
-        }}
-        closeOnClickOutside={true}
-      />
-)
+  <SearchInput
+    clearTooltip="Clear"
+    placeholder="Search"
+    onChange={value => {
+      console.log(value);
+      setValue(value);
+    }}
+    value={value}
+    onClear={() => {
+      console.log('Cleared!');
+    }}
+    closeOnClickOutside={true}
+  />
+);
 ```

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;