@synerise/ds-search 0.8.95 → 0.9.1

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.9.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-search@0.9.0...@synerise/ds-search@0.9.1) (2024-07-15)
+
+**Note:** Version bump only for package @synerise/ds-search
+
+
+
+
+
+# [0.9.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-search@0.8.95...@synerise/ds-search@0.9.0) (2024-07-05)
+
+
+### Features
+
+* **inline-edit:** swapped Menu.Item for ListItem ([94c79a3](https://github.com/Synerise/synerise-design/commit/94c79a3eb3c731952c11418bcbd49b4af8c916d9))
+* **item-picker:** swapped Menu.Item for ListItem ([cb90ba7](https://github.com/Synerise/synerise-design/commit/cb90ba7532bd091b44f62f9bd7394e789c16597e))
+
+
+
+
+
 ## [0.8.95](https://github.com/Synerise/synerise-design/compare/@synerise/ds-search@0.8.94...@synerise/ds-search@0.8.95) (2024-06-27)
 
 **Note:** Version bump only for package @synerise/ds-search

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
+import React, { ReactNode, ReactElement } from 'react';
 import { SearchItemListProps } from './SearchItems.types';
-export declare function renderSearchList<V extends any>(props: SearchItemListProps<V>, children?: React.ReactNode): React.ReactElement<SearchItemListProps<V>>;
-declare const SearchItems: React.FC<SearchItemListProps<any>>;
+export declare function renderSearchList<V extends any>(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

@@ -6,7 +6,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import * as React from 'react';
+import React, { useMemo, useRef, useEffect, cloneElement } from 'react';
 import Menu from '@synerise/ds-menu';
 import { FixedSizeList as List } from 'react-window';
 var listStyle = {
@@ -28,7 +28,7 @@ var rowRenderer = function rowRenderer(_ref) {
 
   var mergedStyles = _objectSpread({}, rendererCustomStyles, {}, style);
 
-  return React.cloneElement(itemReturnedFromRenderer, _objectSpread({}, itemReturnedFromRenderer.props, {
+  return cloneElement(itemReturnedFromRenderer, _objectSpread({}, itemReturnedFromRenderer.props, {
     style: mergedStyles,
     highlight: data.highlight,
     onClick: function onClick() {
@@ -36,8 +36,7 @@ var rowRenderer = function rowRenderer(_ref) {
     },
     className: 'ds-search-item'
   }));
-}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+};
 
 var SearchItems = function SearchItems(_ref2) {
   var data = _ref2.data,
@@ -48,9 +47,11 @@ var SearchItems = function SearchItems(_ref2) {
       onItemClick = _ref2.onItemClick,
       rowHeight = _ref2.rowHeight,
       visibleRows = _ref2.visibleRows,
-      width = _ref2.width;
-  var listRef = React.useRef(null);
-  var getHeight = React.useCallback(function () {
+      width = _ref2.width,
+      _ref2$renderInMenu = _ref2.renderInMenu,
+      renderInMenu = _ref2$renderInMenu === void 0 ? true : _ref2$renderInMenu;
+  var listRef = useRef(null);
+  var listHeight = useMemo(function () {
     if (data) {
       var dataHeight = data.length * rowHeight;
 
@@ -67,13 +68,13 @@ var SearchItems = function SearchItems(_ref2) {
 
     return 0;
   }, [data, height, rowHeight, visibleRows]);
-  React.useEffect(function () {
+  useEffect(function () {
     if (listRef.current && listProps) {
       listRef.current.scrollTo(Math.max(0, listProps.scrollTop || 0));
     }
   }, [listProps]);
-  return /*#__PURE__*/React.createElement(Menu, null, data && /*#__PURE__*/React.createElement(List, _extends({
-    height: getHeight(),
+  var list = data && /*#__PURE__*/React.createElement(List, _extends({
+    height: listHeight,
     itemCount: data.length,
     itemData: {
       highlight: highlight,
@@ -85,7 +86,8 @@ var SearchItems = function SearchItems(_ref2) {
     ref: listRef,
     style: listStyle,
     width: width
-  }, listProps), rowRenderer));
+  }, listProps), rowRenderer);
+  return renderInMenu ? /*#__PURE__*/React.createElement(Menu, null, list) : /*#__PURE__*/React.createElement(React.Fragment, null, list);
 };
 
 export default SearchItems;

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

@@ -13,5 +13,6 @@ export type SearchItemListProps<T> = {
     width: number | string;
     visibleRows?: number;
     height?: number;
+    renderInMenu?: boolean;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-search",
-  "version": "0.8.95",
+  "version": "0.9.1",
   "description": "Search UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,28 +33,20 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.21.1",
-    "@synerise/ds-icon": "^0.63.0",
-    "@synerise/ds-menu": "^0.19.3",
-    "@synerise/ds-scrollbar": "^0.11.2",
-    "@synerise/ds-tooltip": "^0.14.31",
-    "@synerise/ds-utils": "^0.27.0",
+    "@synerise/ds-button": "^0.21.3",
+    "@synerise/ds-icon": "^0.64.1",
+    "@synerise/ds-menu": "^0.19.5",
+    "@synerise/ds-scrollbar": "^0.11.4",
+    "@synerise/ds-tooltip": "^0.14.33",
+    "@synerise/ds-utils": "^0.28.0",
     "react-onclickoutside": "^6.9.0",
     "react-window": "^1.8.5"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "antd": "4.7.0",
-    "react": ">=16.9.0 < 17.0.0",
+    "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "devDependencies": {
-    "@testing-library/dom": "^7.0.2",
-    "@testing-library/jest-dom": "5.1.1",
-    "@testing-library/react": "10.0.1",
-    "@testing-library/user-event": "^10.3.1",
-    "@types/react-onclickoutside": "^6.7.4",
-    "@types/react-window": "^1.8.5"
-  },
-  "gitHead": "587eb113074985ae21e4f0c25ec33c3e3e2e072b"
+  "gitHead": "6f4996380356c1e5cb9a9d8b553069ad9cea7c27"
 }