@synerise/ds-search 1.2.1 → 1.2.2

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

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

package/dist/Elements/SearchButton/SearchButton.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import Icon, { SearchM } from '@synerise/ds-icon';
 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,

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

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

package/dist/Elements/SearchHeader/SearchHeader.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import Tooltip from '@synerise/ds-tooltip/dist/Tooltip';
 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,

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

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SearchInputProps } from './SearchInput.types';
+import { type 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,10 +1,10 @@
 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, useLayoutEffect, useRef, useState } from 'react';
 import Input from 'antd/lib/input';
-import Tooltip from '@synerise/ds-tooltip';
-import { useOnClickOutside, usePrevious } from '@synerise/ds-utils';
+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) {

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

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

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

@@ -1,5 +1,5 @@
-import React, { ReactNode, ReactElement } from 'react';
-import { SearchItemListProps } from './SearchItems.types';
-export declare function renderSearchList<V extends any>(props: SearchItemListProps<V>, children?: ReactNode): ReactElement<SearchItemListProps<V>>;
+import React, { type ReactElement, type ReactNode } from 'react';
+import { type 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,13 +1,11 @@
 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, { useMemo, useRef, useEffect, cloneElement } from 'react';
+import React, { cloneElement, useEffect, useMemo, useRef } from 'react';
 import { FixedSizeList as List } from 'react-window';
 import Menu from '@synerise/ds-menu';
 var listStyle = {
   overflowX: 'unset',
   overflowY: 'unset'
 };
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function renderSearchList(props, children) {
   return /*#__PURE__*/React.createElement(SearchItems, props, children);
 }

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

@@ -1,11 +1,14 @@
 /// <reference types="react" />
-import { ListProps } from 'react-window';
+import { type ListProps } from 'react-window';
 type ListPropsEnhanced = Partial<ListProps> & {
     scrollTop?: number;
 };
 export type SearchItemListProps<T> = {
     data: T[] | undefined;
     highlight?: string;
+    /**
+     * @description it is STRONGLY discouraged to use <Menu.Item> in itemRender, especially when the results are wrapped in a virtualised list
+     */
     itemRender: (item: T) => JSX.Element;
     listProps?: ListPropsEnhanced;
     onItemClick?: (e: T) => void;
@@ -13,6 +16,10 @@ export type SearchItemListProps<T> = {
     width: number | string;
     visibleRows?: number;
     height?: number;
+    /**
+     * @description - set to false if items returned itemRender do NOT require being wraped in an antd <Menu> wrapper component.
+     * @deprecated - this prop will be removed once all implementations stop using <Menu.Item> in itemRender
+     */
     renderInMenu?: boolean;
 };
 export {};

package/dist/Elements/index.d.ts

@@ -1,5 +1,4 @@
 export { default as SearchInput } from './SearchInput/SearchInput';
 export { default as SearchHeader } from './SearchHeader/SearchHeader';
-export { default as SearchItemList } from './SearchItems/SearchItems';
-export { default as SearchItems, renderSearchList } from './SearchItems/SearchItems';
+export { default as SearchItemList, default as SearchItems, renderSearchList, } from './SearchItems/SearchItems';
 export { default as SearchButton } from './SearchButton/SearchButton';

package/dist/Elements/index.js

@@ -1,6 +1,4 @@
-/* eslint-disable import/prefer-default-export */
 export { default as SearchInput } from './SearchInput/SearchInput';
 export { default as SearchHeader } from './SearchHeader/SearchHeader';
-export { default as SearchItemList } from './SearchItems/SearchItems';
-export { default as SearchItems, renderSearchList } from './SearchItems/SearchItems';
+export { default as SearchItemList, default as SearchItems, renderSearchList } from './SearchItems/SearchItems';
 export { default as SearchButton } from './SearchButton/SearchButton';

package/dist/Search.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
+import { type AnyObject, type SearchProps, type SearchState, SelectResultDataKeys } from './Search.types';
 import './style/index.less';
-import { SearchProps, SearchState, SelectResultDataKeys, AnyObject } from './Search.types';
 declare class Search extends React.PureComponent<SearchProps<AnyObject, AnyObject>, SearchState<AnyObject>> {
     private wrapperRef;
     constructor(props: SearchProps<AnyObject, AnyObject>);

package/dist/Search.js

@@ -5,12 +5,12 @@ import React from 'react';
 import onClickOutside from 'react-onclickoutside';
 import Scrollbar from '@synerise/ds-scrollbar';
 import { focusWithArrowKeys } from '@synerise/ds-utils';
-import "./style/index.css";
-import { hasSomeElement, getAllElementsFiltered, hasSomeElementFiltered } from './Elements/utils/searchUtils';
+import { SearchHeader, SearchInput, SearchItems } from './Elements';
+import { getAllElementsFiltered, hasSomeElement, hasSomeElementFiltered } from './Elements/utils/searchUtils';
 import * as S from './Search.styles';
 import { SelectResultDataKeys } from './Search.types';
-import { SearchHeader, SearchInput, SearchItems } from './Elements';
-import { LIST_HEADER_HEIGHT, MENU_WIDTH_OFFSET, INPUT_EXPAND_ANIMATION_DURATION, SCROLLBAR_HEIGHT_OFFSET } from './const';
+import { INPUT_EXPAND_ANIMATION_DURATION, LIST_HEADER_HEIGHT, MENU_WIDTH_OFFSET, SCROLLBAR_HEIGHT_OFFSET } from './const';
+import "./style/index.css";
 var getParametersScrollTop = function getParametersScrollTop(_ref) {
   var scrollTop = _ref.scrollTop,
     rowHeight = _ref.rowHeight,
@@ -89,31 +89,26 @@ var Search = /*#__PURE__*/function (_React$PureComponent) {
       parameterValue = _this$props3.parameterValue;
     if (prevProps.value !== value && !value || prevProps.parameterValue && !parameterValue) {
       this.handleChange(value);
-      // eslint-disable-next-line react/no-did-update-set-state
       this.setState({
         isResultChosen: false
       });
     }
     if (prevProps.recent.length !== recent.length) {
-      // eslint-disable-next-line react/no-did-update-set-state
       this.setState({
         filteredRecent: getAllElementsFiltered(recent, value, textLookupConfig.recent)
       });
     }
     if (prevProps.parameters.length !== parameters.length) {
-      // eslint-disable-next-line react/no-did-update-set-state
       this.setState({
         filteredParameters: parameterValue ? parameters : getAllElementsFiltered(parameters, value, textLookupConfig.parameters)
       });
     }
     if (suggestions && ((_prevProps$suggestion = prevProps.suggestions) == null ? void 0 : _prevProps$suggestion.length) !== suggestions.length) {
-      // eslint-disable-next-line react/no-did-update-set-state
       this.setState({
         filteredSuggestions: getAllElementsFiltered(suggestions, value, textLookupConfig.suggestions)
       });
     }
     if (hideLabel && prevProps.hideLabel !== hideLabel) {
-      // eslint-disable-next-line react/no-did-update-set-state
       this.setState({
         label: null,
         isResultChosen: false
@@ -226,14 +221,11 @@ var Search = /*#__PURE__*/function (_React$PureComponent) {
     });
     if (filterLookupKey && item[filterLookupKey]) {
       onValueChange(item[textLookupConfig.parameters]);
-
-      // @ts-ignore
       onParameterValueChange(item[filterLookupKey], item);
       this.setState({
         isResultChosen: true
       });
     } else {
-      // @ts-ignore
       onParameterValueChange(item[textLookupConfig.parameters], item);
     }
   };
@@ -262,7 +254,8 @@ var Search = /*#__PURE__*/function (_React$PureComponent) {
         return _this2.selectResult(item, SelectResultDataKeys.RECENT);
       },
       rowHeight: rowHeight,
-      width: itemsListWidth
+      width: itemsListWidth,
+      renderInMenu: false
     }));
   };
   _proto.renderParameters = function renderParameters() {
@@ -303,7 +296,8 @@ var Search = /*#__PURE__*/function (_React$PureComponent) {
           recent: filteredRecent,
           rowHeight: recentDisplayProps.rowHeight
         })
-      }, listProps || {})
+      }, listProps || {}),
+      renderInMenu: false
     }));
   };
   _proto.renderSuggestions = function renderSuggestions() {
@@ -334,7 +328,8 @@ var Search = /*#__PURE__*/function (_React$PureComponent) {
       width: itemsListWidth,
       listProps: _extends({
         scrollTop: scrollbarScrollTop
-      }, suggestionsDisplayProps.listProps || {})
+      }, suggestionsDisplayProps.listProps || {}),
+      renderInMenu: false
     }));
   };
   _proto.renderInputWrapper = function renderInputWrapper() {

package/dist/Search.types.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { ListProps } from 'react-window';
-import { InputProps } from 'antd/lib/input';
-import { TooltipProps } from '@synerise/ds-tooltip';
+import { type InputProps } from 'antd/lib/input';
+import type React from 'react';
+import { type ListProps } from 'react-window';
+import { type TooltipProps } from '@synerise/ds-tooltip';
 export type AnyObject = Record<string, any>;
 export type DataSetProps = {
     itemRender: (item: any) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-search",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "Search UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,12 +34,12 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.4.1",
-    "@synerise/ds-icon": "^1.5.3",
-    "@synerise/ds-menu": "^1.0.13",
-    "@synerise/ds-scrollbar": "^1.1.1",
-    "@synerise/ds-tooltip": "^1.1.11",
-    "@synerise/ds-utils": "^1.3.0",
+    "@synerise/ds-button": "^1.4.2",
+    "@synerise/ds-icon": "^1.5.4",
+    "@synerise/ds-menu": "^1.0.14",
+    "@synerise/ds-scrollbar": "^1.1.2",
+    "@synerise/ds-tooltip": "^1.1.12",
+    "@synerise/ds-utils": "^1.3.1",
     "react-onclickoutside": "^6.9.0",
     "react-window": "^1.8.5"
   },
@@ -49,5 +49,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "11fe1d29b2ac23e70c3d5e6ce8ae20201a619a34"
+  "gitHead": "4512641033ba3581a3df208143c547fcfed45895"
 }