@synerise/ds-search 1.5.9 → 1.5.10

package/dist/Elements/utils/searchUtils.js

@@ -1,20 +1,19 @@
-import { LIST_HEADER_HEIGHT } from '../../const';
-export var getAllElementsFiltered = function getAllElementsFiltered(data, value, elementTextLookupKey) {
-  return data && data.filter(function (el) {
-    return String(el[elementTextLookupKey]).toLowerCase().includes(value.toLocaleLowerCase());
-  }) || [];
+import { LIST_HEADER_HEIGHT } from "../../const.js";
+const getAllElementsFiltered = (data, value, elementTextLookupKey) => {
+  return data && data.filter((el) => String(el[elementTextLookupKey]).toLowerCase().includes(value.toLocaleLowerCase())) || [];
 };
-export var hasSomeElementFiltered = function hasSomeElementFiltered(data, currentValue, elementTextLookupKey) {
-  return !!data && data.some(function (el) {
-    return String(el[elementTextLookupKey]).toLowerCase().includes(currentValue.toLocaleLowerCase());
-  }) || false;
+const hasSomeElementFiltered = (data, currentValue, elementTextLookupKey) => {
+  return !!data && data.some((el) => String(el[elementTextLookupKey]).toLowerCase().includes(currentValue.toLocaleLowerCase())) || false;
 };
-export var hasSomeElement = function hasSomeElement(data) {
-  return !!data && data.length > 0;
+const hasSomeElement = (data) => !!data && data.length > 0;
+const getParametersScrollTop = ({
+  scrollTop,
+  rowHeight,
+  recent
+}) => scrollTop - LIST_HEADER_HEIGHT - (hasSomeElement(recent) ? recent.length * rowHeight : 0);
+export {
+  getAllElementsFiltered,
+  getParametersScrollTop,
+  hasSomeElement,
+  hasSomeElementFiltered
 };
-export var getParametersScrollTop = function getParametersScrollTop(_ref) {
-  var scrollTop = _ref.scrollTop,
-    rowHeight = _ref.rowHeight,
-    recent = _ref.recent;
-  return scrollTop - LIST_HEADER_HEIGHT - (hasSomeElement(recent) ? recent.length * rowHeight : 0);
-};

package/dist/Search.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import { type AnyObject, type SearchProps } from './Search.types';
-import './style/index.less';
+import { default as React } from 'react';
+import { AnyObject, SearchProps } from './Search.types';
 export declare function Search<T extends AnyObject, U extends AnyObject, S extends AnyObject>({ divider, dropdownMaxHeight, width, searchWidth, style, dropdownWidth, recent, suggestions, parameters, value, textLookupConfig, hideLabel, parameterValue, onParameterValueChange, alwaysExpanded, onClear, onValueChange, filterLookupKey, recentDisplayProps, parametersDisplayProps, suggestionsDisplayProps, placeholder, clearTooltip, disableInput, inputProps, searchTooltipProps, }: SearchProps<T, U, S>): React.JSX.Element;
 export default Search;

package/dist/Search.js

@@ -1,154 +1,128 @@
-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, { useEffect, useRef, useState } from 'react';
-import Scrollbar from '@synerise/ds-scrollbar';
-import { focusWithArrowKeys, useOnClickOutside } from '@synerise/ds-utils';
-import { SearchInput } from './Elements';
-import SearchRenderer from './Elements/SearchRenderer/SearchRenderer';
-import { getAllElementsFiltered, getParametersScrollTop, hasSomeElement, hasSomeElementFiltered } from './Elements/utils/searchUtils';
-import * as S from './Search.styles';
-import { SelectResultDataKeys } from './Search.types';
-import { INPUT_EXPAND_ANIMATION_DURATION, MENU_WIDTH_OFFSET, SCROLLBAR_HEIGHT_OFFSET } from './const';
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useRef, useState, useEffect } from "react";
+import Scrollbar from "@synerise/ds-scrollbar";
+import { useOnClickOutside, focusWithArrowKeys } from "@synerise/ds-utils";
+import SearchInput from "./Elements/SearchInput/SearchInput.js";
+import "@synerise/ds-icon";
+import "@synerise/ds-tooltip/dist/Tooltip";
+import { SearchWrapper, SearchDropdownWrapper, SearchDropdownContent } from "./Search.styles.js";
+import "react-window";
+import "@synerise/ds-list-item";
+import "@synerise/ds-menu";
+import "@synerise/ds-button";
+import SearchRenderer from "./Elements/SearchRenderer/SearchRenderer.js";
+import { getAllElementsFiltered, hasSomeElement, getParametersScrollTop, hasSomeElementFiltered } from "./Elements/utils/searchUtils.js";
+import { SelectResultDataKeys } from "./Search.types.js";
+import { MENU_WIDTH_OFFSET, SCROLLBAR_HEIGHT_OFFSET, INPUT_EXPAND_ANIMATION_DURATION } from "./const.js";
 import "./style/index.css";
-export function Search(_ref) {
-  var divider = _ref.divider,
-    dropdownMaxHeight = _ref.dropdownMaxHeight,
-    width = _ref.width,
-    searchWidth = _ref.searchWidth,
-    style = _ref.style,
-    dropdownWidth = _ref.dropdownWidth,
-    recent = _ref.recent,
-    _ref$suggestions = _ref.suggestions,
-    suggestions = _ref$suggestions === void 0 ? null : _ref$suggestions,
-    parameters = _ref.parameters,
-    value = _ref.value,
-    textLookupConfig = _ref.textLookupConfig,
-    hideLabel = _ref.hideLabel,
-    parameterValue = _ref.parameterValue,
-    onParameterValueChange = _ref.onParameterValueChange,
-    alwaysExpanded = _ref.alwaysExpanded,
-    onClear = _ref.onClear,
-    onValueChange = _ref.onValueChange,
-    filterLookupKey = _ref.filterLookupKey,
-    recentDisplayProps = _ref.recentDisplayProps,
-    parametersDisplayProps = _ref.parametersDisplayProps,
-    suggestionsDisplayProps = _ref.suggestionsDisplayProps,
-    placeholder = _ref.placeholder,
-    clearTooltip = _ref.clearTooltip,
-    disableInput = _ref.disableInput,
-    inputProps = _ref.inputProps,
-    searchTooltipProps = _ref.searchTooltipProps;
-  var wrapperRef = useRef(null);
-  var _useState = useState(function () {
-      if (parameterValue) {
-        var _ref2;
-        var found = parameters.find(function (param) {
-          return param[textLookupConfig.parameters] === parameterValue;
-        });
-        return (_ref2 = found) != null ? _ref2 : null;
-      }
-      return null;
-    }),
-    label = _useState[0],
-    setLabel = _useState[1];
-  var _useState2 = useState(parameters),
-    filteredParameters = _useState2[0],
-    setFilteredParameters = _useState2[1];
-  var _useState3 = useState(recent),
-    filteredRecent = _useState3[0],
-    setFilteredRecent = _useState3[1];
-  var _useState4 = useState(suggestions != null ? suggestions : null),
-    filteredSuggestions = _useState4[0],
-    setFilteredSuggestions = _useState4[1];
-  var _useState5 = useState(false),
-    isListVisible = _useState5[0],
-    setIsListVisible = _useState5[1];
-  var _useState6 = useState(false),
-    isResultChosen = _useState6[0],
-    setIsResultChosen = _useState6[1];
-  var _useState7 = useState(false),
-    toggleInputTrigger = _useState7[0],
-    setToggleInputTrigger = _useState7[1];
-  var _useState8 = useState(false),
-    focusInputTrigger = _useState8[0],
-    setFocusInputTrigger = _useState8[1];
-  var _useState9 = useState(0),
-    scrollbarScrollTop = _useState9[0],
-    setScrollbarScrollTop = _useState9[1];
-  var _useState0 = useState(true),
-    moveCursorToEnd = _useState0[0],
-    setMoveCursorToEnd = _useState0[1];
-  var _useState1 = useState(width || searchWidth ? (width || searchWidth) - MENU_WIDTH_OFFSET : 0),
-    itemsListWidth = _useState1[0],
-    setItemsListWidth = _useState1[1];
-  useEffect(function () {
+function Search({
+  divider,
+  dropdownMaxHeight,
+  width,
+  searchWidth,
+  style,
+  dropdownWidth,
+  recent,
+  suggestions = null,
+  parameters,
+  value,
+  textLookupConfig,
+  hideLabel,
+  parameterValue,
+  onParameterValueChange,
+  alwaysExpanded,
+  onClear,
+  onValueChange,
+  filterLookupKey,
+  recentDisplayProps,
+  parametersDisplayProps,
+  suggestionsDisplayProps,
+  placeholder,
+  clearTooltip,
+  disableInput,
+  inputProps,
+  searchTooltipProps
+}) {
+  const wrapperRef = useRef(null);
+  const [label, setLabel] = useState(() => {
     if (parameterValue) {
-      var _ref3;
-      var found = parameters.find(function (param) {
-        return param[textLookupConfig.parameters] === parameterValue;
-      });
-      setLabel((_ref3 = found) != null ? _ref3 : null);
+      const found = parameters.find((param) => param[textLookupConfig.parameters] === parameterValue);
+      return found ?? null;
+    }
+    return null;
+  });
+  const [filteredParameters, setFilteredParameters] = useState(parameters);
+  const [filteredRecent, setFilteredRecent] = useState(recent);
+  const [filteredSuggestions, setFilteredSuggestions] = useState(suggestions ?? null);
+  const [isListVisible, setIsListVisible] = useState(false);
+  const [isResultChosen, setIsResultChosen] = useState(false);
+  const [toggleInputTrigger, setToggleInputTrigger] = useState(false);
+  const [focusInputTrigger, setFocusInputTrigger] = useState(false);
+  const [scrollbarScrollTop, setScrollbarScrollTop] = useState(0);
+  const [moveCursorToEnd, setMoveCursorToEnd] = useState(true);
+  const [itemsListWidth, setItemsListWidth] = useState(width || searchWidth ? (width || searchWidth) - MENU_WIDTH_OFFSET : 0);
+  useEffect(() => {
+    if (parameterValue) {
+      const found = parameters.find((param) => param[textLookupConfig.parameters] === parameterValue);
+      setLabel(found ?? null);
     } else {
       setLabel(null);
     }
   }, [parameterValue, parameters, textLookupConfig.parameters]);
-  useEffect(function () {
+  useEffect(() => {
     setFilteredRecent(getAllElementsFiltered(recent, value, textLookupConfig.recent));
   }, [recent, value, textLookupConfig.recent]);
-  useEffect(function () {
+  useEffect(() => {
     setFilteredParameters(parameterValue ? parameters : getAllElementsFiltered(parameters, value, textLookupConfig.parameters));
   }, [parameters, value, parameterValue, textLookupConfig.parameters]);
-  useEffect(function () {
+  useEffect(() => {
     if (suggestions) {
       setFilteredSuggestions(getAllElementsFiltered(suggestions, value, textLookupConfig.suggestions));
     } else {
       setFilteredSuggestions(null);
     }
   }, [suggestions, value, textLookupConfig.suggestions]);
-  useEffect(function () {
-    var newWidth = (width || searchWidth || 0) - MENU_WIDTH_OFFSET;
+  useEffect(() => {
+    const newWidth = (width || searchWidth || 0) - MENU_WIDTH_OFFSET;
     setItemsListWidth(Math.max(0, newWidth));
   }, [width, searchWidth]);
-  useEffect(function () {
+  useEffect(() => {
     if (hideLabel) {
       setLabel(null);
       setIsResultChosen(false);
     }
   }, [hideLabel]);
-  useEffect(function () {
+  useEffect(() => {
     if (!value) {
       setIsResultChosen(false);
     }
   }, [value]);
-  var handleScroll = function handleScroll(event) {
-    var scrollTop = event.currentTarget.scrollTop;
+  const handleScroll = (event) => {
+    const scrollTop = event.currentTarget.scrollTop;
     setScrollbarScrollTop(scrollTop);
   };
-  var handleKeyDownWrapper = function handleKeyDownWrapper(event) {
-    focusWithArrowKeys(event, 'ds-search-item', function () {
-      setFocusInputTrigger(function (prev) {
-        return !prev;
-      });
+  const handleKeyDownWrapper = (event) => {
+    focusWithArrowKeys(event, "ds-search-item", () => {
+      setFocusInputTrigger((prev) => !prev);
     });
   };
-  var handleDropdownClick = function handleDropdownClick() {
-    setFocusInputTrigger(function (prev) {
-      return !prev;
-    });
+  const handleDropdownClick = () => {
+    setFocusInputTrigger((prev) => !prev);
   };
-  var mergedWidth = searchWidth !== undefined ? searchWidth : width;
-  var onKeyDown = function onKeyDown(event) {
-    if (event.key === 'Backspace' && value === '' && isOpen) {
+  const mergedWidth = searchWidth !== void 0 ? searchWidth : width;
+  const onKeyDown = (event) => {
+    if (event.key === "Backspace" && value === "" && isOpen) {
       setLabel(null);
       setFilteredRecent(recent);
-      onParameterValueChange == null || onParameterValueChange('', null);
+      onParameterValueChange?.("", null);
       return;
     }
-    if (event.key === 'Enter' && isOpen) {
+    if (event.key === "Enter" && isOpen) {
       setIsResultChosen(!!value);
     }
     setMoveCursorToEnd(false);
   };
-  var getSearchWrapperWidth = function getSearchWrapperWidth() {
+  const getSearchWrapperWidth = () => {
     if (width) {
       return width - MENU_WIDTH_OFFSET;
     }
@@ -157,173 +131,114 @@ export function Search(_ref) {
     }
     return 0;
   };
-  var _useState10 = useState(false),
-    isOpen = _useState10[0],
-    setIsOpen = _useState10[1];
-  useOnClickOutside(wrapperRef, function () {
+  const [isOpen, setIsOpen] = useState(false);
+  useOnClickOutside(wrapperRef, () => {
     if (isOpen && !value && !label && !alwaysExpanded) {
-      setToggleInputTrigger(function (prev) {
-        return !prev;
-      });
+      setToggleInputTrigger((prev) => !prev);
     }
     setIsOpen(false);
     setIsListVisible(false);
     setScrollbarScrollTop(0);
   });
-  var handleClearValue = function handleClearValue() {
-    onClear == null || onClear();
+  const handleClearValue = () => {
+    onClear?.();
     setLabel(null);
     setFilteredRecent(recent);
     setFilteredParameters(parameters);
-    setFilteredSuggestions(suggestions != null ? suggestions : null);
+    setFilteredSuggestions(suggestions ?? null);
     setIsResultChosen(false);
   };
-  var handleChange = function handleChange(currentValue) {
-    onValueChange == null || onValueChange(currentValue);
+  const handleChange = (currentValue) => {
+    onValueChange?.(currentValue);
     if (parameterValue) {
-      var matchingSuggestions = getAllElementsFiltered(suggestions != null ? suggestions : [], currentValue, textLookupConfig.suggestions);
+      const matchingSuggestions = getAllElementsFiltered(suggestions ?? [], currentValue, textLookupConfig.suggestions);
       setFilteredSuggestions(matchingSuggestions);
       setIsResultChosen(false);
       setIsListVisible(matchingSuggestions.length > 0);
     } else {
-      var matchingRecent = getAllElementsFiltered(recent, currentValue, textLookupConfig.recent);
-      var matchingParameters = getAllElementsFiltered(parameters, currentValue, textLookupConfig.parameters);
+      const matchingRecent = getAllElementsFiltered(recent, currentValue, textLookupConfig.recent);
+      const matchingParameters = getAllElementsFiltered(parameters, currentValue, textLookupConfig.parameters);
       setFilteredParameters(matchingParameters);
       setFilteredRecent(matchingRecent);
       setIsResultChosen(false);
       setIsListVisible(matchingRecent.length > 0 || matchingParameters.length > 0);
     }
   };
-  var isListItemRendered = function isListItemRendered() {
+  const isListItemRendered = () => {
     if (parameterValue) {
       return hasSomeElementFiltered(suggestions, value, textLookupConfig.suggestions);
     } else {
-      var anyRecentItem = hasSomeElementFiltered(recent, value, textLookupConfig.recent);
-      var anyFilter = hasSomeElementFiltered(parameters, value, textLookupConfig.parameters);
+      const anyRecentItem = hasSomeElementFiltered(recent, value, textLookupConfig.recent);
+      const anyFilter = hasSomeElementFiltered(parameters, value, textLookupConfig.parameters);
       return anyRecentItem || anyFilter;
     }
   };
-  var selectResult = function selectResult(item, dataKey) {
-    var newValue = item[textLookupConfig[dataKey]];
-    onValueChange == null || onValueChange(newValue);
+  const selectResult = (item, dataKey) => {
+    const newValue = item[textLookupConfig[dataKey]];
+    onValueChange?.(newValue);
     setIsResultChosen(true);
     setMoveCursorToEnd(true);
   };
-  var selectFilter = function selectFilter(item) {
-    var paramKey = textLookupConfig.parameters;
-    var paramValue = item[paramKey];
-    onValueChange == null || onValueChange('');
+  const selectFilter = (item) => {
+    const paramKey = textLookupConfig.parameters;
+    const paramValue = item[paramKey];
+    onValueChange?.("");
     setLabel(item);
-    setFocusInputTrigger(function (prev) {
-      return !prev;
-    });
+    setFocusInputTrigger((prev) => !prev);
     setMoveCursorToEnd(true);
     if (filterLookupKey && item[filterLookupKey]) {
-      var inputValue = item[paramKey];
-      var filterValue = item[filterLookupKey];
-      onValueChange == null || onValueChange(inputValue);
-      onParameterValueChange == null || onParameterValueChange(filterValue, item);
+      const inputValue = item[paramKey];
+      const filterValue = item[filterLookupKey];
+      onValueChange?.(inputValue);
+      onParameterValueChange?.(filterValue, item);
       setIsResultChosen(true);
     } else {
-      onParameterValueChange == null || onParameterValueChange(paramValue, item);
+      onParameterValueChange?.(paramValue, item);
     }
   };
-  var widthDropdownSearch = dropdownWidth ? dropdownWidth - MENU_WIDTH_OFFSET : itemsListWidth;
-  var shouldRenderRecent = Boolean(recent && !label && hasSomeElement(filteredRecent));
-  var shouldRenderParameters = Boolean(parameters && !label && hasSomeElement(filteredParameters));
-  var shouldRenderSuggestions = Boolean(suggestions && suggestionsDisplayProps && parameterValue && !isResultChosen && filteredSuggestions && hasSomeElement(filteredSuggestions));
-  var renderInputWrapper = function renderInputWrapper() {
-    var handleInputClick = function handleInputClick() {
+  const widthDropdownSearch = dropdownWidth ? dropdownWidth - MENU_WIDTH_OFFSET : itemsListWidth;
+  const shouldRenderRecent = Boolean(recent && !label && hasSomeElement(filteredRecent));
+  const shouldRenderParameters = Boolean(parameters && !label && hasSomeElement(filteredParameters));
+  const shouldRenderSuggestions = Boolean(suggestions && suggestionsDisplayProps && parameterValue && !isResultChosen && filteredSuggestions && hasSomeElement(filteredSuggestions));
+  const renderInputWrapper = () => {
+    const handleInputClick = () => {
       setIsOpen(true);
       setIsListVisible(true);
       setItemsListWidth(getSearchWrapperWidth());
     };
-    var handleToggle = function handleToggle(toggle) {
+    const handleToggle = (toggle) => {
       setIsOpen(toggle);
       setIsListVisible(toggle);
-      setTimeout(function () {
+      setTimeout(() => {
         setItemsListWidth(getSearchWrapperWidth());
       }, INPUT_EXPAND_ANIMATION_DURATION);
     };
-    var handleButtonClick = function handleButtonClick() {
-      setFocusInputTrigger(function (prev) {
-        return !prev;
-      });
+    const handleButtonClick = () => {
+      setFocusInputTrigger((prev) => !prev);
     };
-    return /*#__PURE__*/React.createElement(SearchInput, {
-      alwaysHighlight: true,
-      clearTooltip: clearTooltip,
-      searchTooltipProps: searchTooltipProps,
-      filterLookupKey: filterLookupKey,
-      textLookupKey: String(textLookupConfig.parameters),
-      filterLabel: label,
-      focusTrigger: focusInputTrigger,
-      onButtonClick: handleButtonClick,
-      onChange: handleChange,
-      onClear: handleClearValue,
-      onClick: handleInputClick,
-      onKeyDown: onKeyDown,
-      onToggle: handleToggle,
-      placeholder: placeholder,
-      toggleTrigger: toggleInputTrigger,
-      value: value,
-      moveCursorToEnd: moveCursorToEnd,
-      disableInput: disableInput,
-      inputProps: inputProps,
-      alwaysExpanded: alwaysExpanded,
-      closeOnClickOutside: !alwaysExpanded && !isListVisible && !value && !label
-    });
+    return /* @__PURE__ */ jsx(SearchInput, { alwaysHighlight: true, clearTooltip, searchTooltipProps, filterLookupKey, textLookupKey: String(textLookupConfig.parameters), filterLabel: label, focusTrigger: focusInputTrigger, onButtonClick: handleButtonClick, onChange: handleChange, onClear: handleClearValue, onClick: handleInputClick, onKeyDown, onToggle: handleToggle, placeholder, toggleTrigger: toggleInputTrigger, value, moveCursorToEnd, disableInput, inputProps, alwaysExpanded, closeOnClickOutside: !alwaysExpanded && !isListVisible && !value && !label });
   };
-  return /*#__PURE__*/React.createElement(S.SearchWrapper, {
-    ref: wrapperRef,
-    className: "SearchWrapper",
-    inputOpen: isOpen,
-    $width: mergedWidth,
-    onKeyDown: handleKeyDownWrapper,
-    style: style
-  }, renderInputWrapper(), isListVisible && /*#__PURE__*/React.createElement(S.SearchDropdownWrapper, {
-    dropdownWidth: dropdownWidth,
-    onClick: handleDropdownClick
-  }, /*#__PURE__*/React.createElement(S.SearchDropdownContent, {
-    maxHeight: dropdownMaxHeight,
-    className: isOpen && !isResultChosen && isListItemRendered() ? 'search-list-open' : ''
-  }, /*#__PURE__*/React.createElement(Scrollbar, {
-    absolute: true,
-    maxHeight: dropdownMaxHeight - SCROLLBAR_HEIGHT_OFFSET,
-    onScroll: handleScroll
-  }, shouldRenderRecent && /*#__PURE__*/React.createElement(SearchRenderer, _extends({
-    data: filteredRecent,
-    highlight: value,
-    width: widthDropdownSearch,
-    onItemClick: function onItemClick(item) {
-      return selectResult(item, SelectResultDataKeys.RECENT);
-    }
-  }, recentDisplayProps)), !!(filteredParameters != null && filteredParameters.length) && !!(filteredRecent != null && filteredRecent.length) && !label && divider, shouldRenderParameters && /*#__PURE__*/React.createElement(SearchRenderer, _extends({
-    data: filteredParameters,
-    highlight: value,
-    width: widthDropdownSearch,
-    height: dropdownMaxHeight,
-    listProps: _extends({
-      scrollTop: getParametersScrollTop({
+  return /* @__PURE__ */ jsxs(SearchWrapper, { ref: wrapperRef, className: "SearchWrapper", inputOpen: isOpen, $width: mergedWidth, onKeyDown: handleKeyDownWrapper, style, children: [
+    renderInputWrapper(),
+    isListVisible && /* @__PURE__ */ jsx(SearchDropdownWrapper, { dropdownWidth, onClick: handleDropdownClick, children: /* @__PURE__ */ jsx(SearchDropdownContent, { maxHeight: dropdownMaxHeight, className: isOpen && !isResultChosen && isListItemRendered() ? "search-list-open" : "", children: /* @__PURE__ */ jsxs(Scrollbar, { absolute: true, maxHeight: dropdownMaxHeight - SCROLLBAR_HEIGHT_OFFSET, onScroll: handleScroll, children: [
+      shouldRenderRecent && /* @__PURE__ */ jsx(SearchRenderer, { data: filteredRecent, highlight: value, width: widthDropdownSearch, onItemClick: (item) => selectResult(item, SelectResultDataKeys.RECENT), ...recentDisplayProps }),
+      !!filteredParameters?.length && !!filteredRecent?.length && !label && divider,
+      shouldRenderParameters && /* @__PURE__ */ jsx(SearchRenderer, { data: filteredParameters, highlight: value, width: widthDropdownSearch, height: dropdownMaxHeight, listProps: {
+        scrollTop: getParametersScrollTop({
+          scrollTop: scrollbarScrollTop,
+          recent: filteredRecent,
+          rowHeight: recentDisplayProps.rowHeight
+        }),
+        ...parametersDisplayProps.listProps || {}
+      }, onItemClick: (item) => selectFilter(item), ...parametersDisplayProps }),
+      shouldRenderSuggestions && /* @__PURE__ */ jsx(SearchRenderer, { data: filteredSuggestions || [], highlight: value, width: widthDropdownSearch, height: dropdownMaxHeight, listProps: {
         scrollTop: scrollbarScrollTop,
-        recent: filteredRecent,
-        rowHeight: recentDisplayProps.rowHeight
-      })
-    }, parametersDisplayProps.listProps || {}),
-    onItemClick: function onItemClick(item) {
-      return selectFilter(item);
-    }
-  }, parametersDisplayProps)), shouldRenderSuggestions && /*#__PURE__*/React.createElement(SearchRenderer, _extends({
-    data: filteredSuggestions || [],
-    highlight: value,
-    width: widthDropdownSearch,
-    height: dropdownMaxHeight,
-    listProps: _extends({
-      scrollTop: scrollbarScrollTop
-    }, (suggestionsDisplayProps == null ? void 0 : suggestionsDisplayProps.listProps) || {}),
-    onItemClick: function onItemClick(item) {
-      return selectResult(item, SelectResultDataKeys.SUGGESTIONS);
-    }
-  }, suggestionsDisplayProps))))));
+        ...suggestionsDisplayProps?.listProps || {}
+      }, onItemClick: (item) => selectResult(item, SelectResultDataKeys.SUGGESTIONS), ...suggestionsDisplayProps })
+    ] }) }) })
+  ] });
 }
-export default Search;
+export {
+  Search,
+  Search as default
+};

package/dist/Search.styles.d.ts

@@ -1,35 +1,35 @@
-export declare const openDropdownAnimation: import("styled-components").Keyframes;
-export declare const SearchInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SearchWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const openDropdownAnimation: import('styled-components').Keyframes;
+export declare const SearchInputWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SearchWrapper: import('styled-components').StyledComponent<"div", any, {
     $width?: number;
     inputOpen?: boolean;
 }, never>;
-export declare const LeftSide: import("styled-components").StyledComponent<"span", any, {
+export declare const LeftSide: import('styled-components').StyledComponent<"span", any, {
     isOpen: boolean;
 }, never>;
-export declare const Filter: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Icon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Label: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SearchButton: import("styled-components").StyledComponent<"div", any, {
+export declare const Filter: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Icon: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Label: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SearchButton: import('styled-components').StyledComponent<"div", any, {
     isOpen: boolean;
     clickable?: boolean;
     inputFocused?: boolean;
 }, never>;
-export declare const SearchInner: import("styled-components").StyledComponent<"div", any, {
+export declare const SearchInner: import('styled-components').StyledComponent<"div", any, {
     hasValue: boolean;
     alwaysHighlight?: boolean;
 }, never>;
-export declare const SearchInputContent: import("styled-components").StyledComponent<"div", any, {
+export declare const SearchInputContent: import('styled-components').StyledComponent<"div", any, {
     offset: number;
     filterLabel: object | null | undefined;
 }, never>;
-export declare const ClearButton: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SearchDropdownContent: import("styled-components").StyledComponent<"div", any, {
+export declare const ClearButton: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SearchDropdownContent: import('styled-components').StyledComponent<"div", any, {
     isOpen?: boolean;
     maxHeight: number;
 }, never>;
-export declare const MenuHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const HeaderIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SearchDropdownWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const MenuHeader: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const HeaderIconWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SearchDropdownWrapper: import('styled-components').StyledComponent<"div", any, {
     dropdownWidth?: number;
 }, never>;