@dev-fastn-ai/react-core 2.4.1 → 2.4.3

package/README.md

@@ -603,7 +603,15 @@ For fields of type `select` or `multi-select`, use the `useFieldOptions` hook to
 ```tsx
 import { useFieldOptions } from "@fastn-ai/react-core";
 
-function SelectField({ field, value, onChange, isMulti = false, context }) {
+interface SelectFieldProps {
+  field: any;
+  value: any;
+  onChange: (value: any) => void;
+  isMulti?: boolean;
+  context?: any;
+}
+
+function SelectField({ field, value, onChange, isMulti = false, context }: SelectFieldProps) {
   const {
     options,
     loading,
@@ -615,7 +623,7 @@ function SelectField({ field, value, onChange, isMulti = false, context }) {
     totalLoadedOptions,
   } = useFieldOptions(field, context);
 
-  function handleInputChange(e) {
+  function handleInputChange(e: React.ChangeEvent<HTMLInputElement>) {
     search(e.target.value);
   }
 
@@ -623,7 +631,7 @@ function SelectField({ field, value, onChange, isMulti = false, context }) {
     if (hasNext && !loadingMore) loadMore();
   }
 
-  function handleSelectChange(selectedOptions) {
+  function handleSelectChange(selectedOptions: Array<{ label: string; value: any }>) {
     if (isMulti) {
       // For multi-select, value should be an array of { label, value } objects
       const selectedValues = selectedOptions.map(option => ({
@@ -664,12 +672,12 @@ function SelectField({ field, value, onChange, isMulti = false, context }) {
       
       <select
         multiple={isMulti}
-        value={isMulti ? (value || []).map(v => v.value) : (value?.value || '')}
-        onChange={(e) => {
+        value={isMulti ? (value || []).map((v: any) => v.value) : (value?.value || '')}
+        onChange={(e: React.ChangeEvent<HTMLSelectElement>) => {
           if (isMulti) {
             const selectedOptions = Array.from(e.target.selectedOptions).map(option => {
               const opt = options.find(o => o.value === option.value);
-              return { label: opt.label, value: opt.value };
+              return { label: opt?.label || '', value: opt?.value };
             });
             handleSelectChange(selectedOptions);
           } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev-fastn-ai/react-core",
-  "version": "2.4.1",
+  "version": "2.4.3",
   "description": "React hooks and components for integrating Fastn AI connector marketplace into your applications. Built on top of @fastn-ai/core with React Query for optimal performance.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",