Merge pull request #126 from UW-Macrostrat/postgrest-scroll

Fix import searchbar issue

Author: davidsklar99

packages/ui-components/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## [4.3.5] - 2025-07-09
+
+- Fix import issue
+
 ## [4.3.4] - 2025-07-09
 
 - Fix export issue

packages/ui-components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@macrostrat/ui-components",
-  "version": "4.3.4",
+  "version": "4.3.5",
   "description": "UI components for React and Blueprint.js",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

packages/ui-components/src/postgrest-infinite-scroll.ts

@@ -1,10 +1,9 @@
 import h from "@macrostrat/hyper";
 import { InfiniteScrollProps, InfiniteScrollView } from "./infinite-scroll";
-import { SearchBar } from "../stories/search-bar.stories";
 import { useAPIResult } from "./api";
 import { useMemo, useState } from "react";
 import { MultiSelect, ItemRenderer, ItemPredicate } from "@blueprintjs/select";
-import { MenuItem, Spinner } from "@blueprintjs/core";
+import { MenuItem, Spinner, InputGroup } from "@blueprintjs/core";
 
 interface PostgRESTInfiniteScrollProps extends InfiniteScrollProps<any> {
   id_key: string;
@@ -218,3 +217,18 @@ export function PostgRESTInfiniteScrollView(
     }),
   ]);
 }
+
+function SearchBar({ onChange, placeholder = "Search..." }) {
+  return h(InputGroup, {
+    className: "search-bar",
+    size: "large",
+    fill: true,
+    round: false,
+    placeholder,
+    onChange: (e) => {
+      const value = e.target.value;
+      onChange(value);
+    },
+    leftIcon: "search",
+  });
+}