ag-common 0.0.368 → 0.0.369

package/dist/ui/components/Search/Base.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ISearchDialog, TSearchModalRes } from './types';
-export declare const SearchBase: <T>({ onSelectItem, onSearchTextChange, placeholderText, renderItem, displayItems, willDisplayItem, getKeyF, className, texts, }: ISearchDialog<T> & {
+export declare const SearchBase: <T>({ onSelectItem, onSearchTextChange, placeholderText, renderItem, displayItems, willDisplayItem, getKeyF, className, texts, maxDisplayItems, }: ISearchDialog<T> & {
     onSearchTextChange?: ((v: string) => void) | undefined;
     onSelectItem?: ((v: TSearchModalRes<T>) => void) | undefined;
 }) => JSX.Element;

package/dist/ui/components/Search/Base.js

@@ -34,6 +34,7 @@ const styles_1 = require("../../styles");
 const styled_components_1 = __importDefault(require("styled-components"));
 const react_1 = __importStar(require("react"));
 const Magnify_1 = require("../../icons/Magnify");
+const common_1 = require("../../../common");
 const Base = styled_components_1.default.div `
   display: flex;
   flex-flow: column;
@@ -93,7 +94,7 @@ const CrossIconStyled = (0, styled_components_1.default)(CrossIcon_1.CrossIcon)
     right: 2rem;
   }
 `;
-const SearchBase = ({ onSelectItem, onSearchTextChange, placeholderText, renderItem, displayItems, willDisplayItem, getKeyF, className, texts, }) => {
+const SearchBase = ({ onSelectItem, onSearchTextChange, placeholderText, renderItem, displayItems, willDisplayItem, getKeyF, className, texts, maxDisplayItems = 20, }) => {
     var _a, _b;
     const [searchText, setSearchText] = (0, react_1.useState)('');
     const resWrap = (foundItem) => {
@@ -104,7 +105,8 @@ const SearchBase = ({ onSelectItem, onSearchTextChange, placeholderText, renderI
             onSelectItem === null || onSelectItem === void 0 ? void 0 : onSelectItem({ foundItem, searchText });
         }
     };
-    const filteredItems = displayItems.filter((i) => willDisplayItem(searchText, i));
+    const filteredItemsRaw = displayItems.filter((i) => willDisplayItem(searchText, i));
+    const { part: filteredItems } = (0, common_1.take)(filteredItemsRaw, maxDisplayItems);
     const showText = (_b = (_a = texts === null || texts === void 0 ? void 0 : texts.totalItems) === null || _a === void 0 ? void 0 : _a.call(texts, filteredItems.length, displayItems.length)) !== null && _b !== void 0 ? _b : `Showing ${filteredItems.length} out of ${displayItems.length} total
   items`;
     const textEditRef = (0, react_1.createRef)();

package/dist/ui/components/Search/types.d.ts

@@ -17,6 +17,8 @@ export interface ISearchDialog<T> {
      * run to filter items by search text
      */
     willDisplayItem: (searchText: string, item: T) => boolean;
+    /** how many search items to return at most. default 20 */
+    maxDisplayItems?: number;
     /**
      * get unique render key
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.368",
+  "version": "0.0.369",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",
@@ -26,7 +26,8 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-hot-toast": "2.x",
-    "typescript": "4.x"
+    "typescript": "4.x",
+    "eslint-import-resolver-typescript": "3.x"
   },
   "peerDependencies": {
     "styled-components": ">=5"
@@ -47,7 +48,7 @@
     "@types/react-dom": "18.0.9",
     "@types/styled-components": "5.1.26",
     "cross-env": "7.0.3",
-    "eslint-config-e7npm": "0.0.5",
+    "eslint-config-e7npm": "0.0.6",
     "rimraf": "3.0.2",
     "styled-components": "5.3.6"
   },