ag-common 0.0.258 → 0.0.261

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

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

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

@@ -94,13 +94,9 @@ const Content = styled_components_1.default.div `
 `;
 const Row = styled_components_1.default.div `
   width: 100%;
-  height: 100%;
-  display: flex;
-  flex-flow: column;
-  justify-content: center;
-  align-items: center;
 `;
-const SearchBase = ({ onSelectItem, onSearchTextChange, placeholderText, closeText, renderItem, displayItems, willDisplayItem, getKeyF, className, }) => {
+const SearchBase = ({ onSelectItem, onSearchTextChange, placeholderText, closeText, renderItem, displayItems, willDisplayItem, getKeyF, className, texts, }) => {
+    var _a, _b;
     const [searchText, setSearchText] = (0, react_1.useState)('');
     const resWrap = (foundItem) => {
         if (!foundItem) {
@@ -111,6 +107,8 @@ const SearchBase = ({ onSelectItem, onSearchTextChange, placeholderText, closeTe
         }
     };
     const filteredItems = displayItems.filter((i) => willDisplayItem(searchText, i));
+    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`;
     return (react_1.default.createElement(Base, { className: className },
         react_1.default.createElement(SearchBox, { "data-type": "search" },
             react_1.default.createElement(TextEdit_1.TextEdit, { placeholder: placeholderText, defaultValue: "", onSubmit: (v) => (0, helpers_1.debounce)(() => {
@@ -118,6 +116,8 @@ const SearchBase = ({ onSelectItem, onSearchTextChange, placeholderText, closeTe
                     onSearchTextChange === null || onSearchTextChange === void 0 ? void 0 : onSearchTextChange(v);
                 }, { key: 'pagesearch', time: 200 }), defaultEditing: { focus: true }, singleLine: true, leftContent: react_1.default.createElement(Icon, null, MagnifyIconSvg), noGrow: true, allowUndo: false, onEscape: () => resWrap(undefined), onClickOutsideWithNoValue: null }),
             react_1.default.createElement(CloseButton, { onClick: () => resWrap(undefined) }, closeText)),
-        react_1.default.createElement(Content, { "data-hasitems": !!filteredItems.length, "data-type": "content" }, filteredItems.map((i, index) => (react_1.default.createElement(Row, { key: getKeyF(i), onClick: () => resWrap(i) }, renderItem(searchText, i, index)))))));
+        react_1.default.createElement(Content, { "data-hasitems": !!filteredItems.length, "data-type": "content" },
+            filteredItems.map((i, index) => (react_1.default.createElement(Row, { key: getKeyF(i), onClick: () => resWrap(i) }, renderItem(searchText, i, index)))),
+            searchText && react_1.default.createElement(Row, null, showText))));
 };
 exports.SearchBase = SearchBase;

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

@@ -18,6 +18,12 @@ export interface ISearchDialog<T> {
      */
     getKeyF: (i: T) => string;
     className?: string;
+    texts?: {
+        /**
+         * default if not provided: "showing X out of Y total items"
+         */
+        totalItems?: (showing: number, outof: number) => string;
+    };
 }
 export declare type TSearchModalRes<T> = undefined | {
     foundItem: T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.258",
+  "version": "0.0.261",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",
@@ -22,40 +22,40 @@
     "jsonwebtoken": "8.x",
     "jwks-rsa": "2.x",
     "node-cache": "5.x",
-    "openapi-request-validator": "11.0.1",
-    "react": "18.1.0",
-    "react-dom": "18.1.0",
+    "openapi-request-validator": "11.1.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-hot-toast": "2.x",
     "styled-components": "5.x",
     "typescript": "4.x"
   },
   "devDependencies": {
-    "@babel/core": "7.18.2",
-    "@storybook/addon-actions": "6.5.6",
-    "@storybook/addon-docs": "6.5.6",
-    "@storybook/addon-essentials": "6.5.6",
-    "@storybook/addon-interactions": "6.5.6",
-    "@storybook/addon-links": "6.5.6",
-    "@storybook/addons": "6.5.6",
-    "@storybook/react": "6.5.6",
-    "@storybook/theming": "6.5.6",
+    "@babel/core": "7.18.5",
+    "@storybook/addon-actions": "6.5.9",
+    "@storybook/addon-docs": "6.5.9",
+    "@storybook/addon-essentials": "6.5.9",
+    "@storybook/addon-interactions": "6.5.9",
+    "@storybook/addon-links": "6.5.9",
+    "@storybook/addons": "6.5.9",
+    "@storybook/react": "6.5.9",
+    "@storybook/theming": "6.5.9",
     "@types/jsonwebtoken": "8.5.8",
-    "@types/node": "17.0.38",
+    "@types/node": "17.0.45",
     "@types/react": "17.0.43",
     "@types/react-dom": "17.0.14",
     "@types/styled-components": "5.1.25",
-    "@typescript-eslint/eslint-plugin": "5.27.0",
-    "@typescript-eslint/parser": "5.27.0",
+    "@typescript-eslint/eslint-plugin": "5.28.0",
+    "@typescript-eslint/parser": "5.28.0",
     "cross-env": "7.0.3",
-    "eslint": "8.16.0",
+    "eslint": "8.17.0",
     "eslint-config-airbnb-typescript": "17.0.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-import": "2.26.0",
     "eslint-plugin-jsx-a11y": "6.5.1",
     "eslint-plugin-prettier": "4.0.0",
     "eslint-plugin-react": "7.30.0",
-    "eslint-plugin-react-hooks": "4.5.0",
-    "prettier": "2.6.2",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "prettier": "2.7.1",
     "rimraf": "3.0.2"
   },
   "files": [