@synerise/ds-search 1.5.8 → 1.5.10

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
+};

package/dist/Elements/utils/searchUtils.d.ts

@@ -1,4 +1,4 @@
-import { type AnyObject } from '../../Search.types';
+import { AnyObject } from '../../Search.types';
 export declare const getAllElementsFiltered: <T extends AnyObject>(data: T[] | undefined | null, value: string, elementTextLookupKey: keyof T) => T[];
 export declare const hasSomeElementFiltered: <T extends AnyObject>(data: T[] | undefined | null, currentValue: string, elementTextLookupKey: keyof T) => boolean;
 export declare const hasSomeElement: (data: Record<string, unknown>[] | undefined) => boolean;

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;