@tellescope/react-components 1.237.6 → 1.238.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/react-components",
-  "version": "1.237.6",
+  "version": "1.238.0",
   "description": "",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",
@@ -47,13 +47,13 @@
     "@reduxjs/toolkit": "1.9.0",
     "@stripe/react-stripe-js": "2.9.0",
     "@stripe/stripe-js": "1.52.1",
-    "@tellescope/constants": "1.237.6",
-    "@tellescope/sdk": "1.237.6",
-    "@tellescope/types-client": "1.237.6",
-    "@tellescope/types-models": "1.237.6",
-    "@tellescope/types-utilities": "1.237.6",
-    "@tellescope/utilities": "1.237.6",
-    "@tellescope/validation": "1.237.6",
+    "@tellescope/constants": "1.238.0",
+    "@tellescope/sdk": "1.238.0",
+    "@tellescope/types-client": "1.238.0",
+    "@tellescope/types-models": "1.238.0",
+    "@tellescope/types-utilities": "1.238.0",
+    "@tellescope/utilities": "1.238.0",
+    "@tellescope/validation": "1.238.0",
     "@typescript-eslint/eslint-plugin": "4.33.0",
     "@typescript-eslint/parser": "4.33.0",
     "css-to-react-native": "3.0.0",
@@ -83,7 +83,7 @@
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-native": "^0.65.0 || ^0.66.0 || ^0.67.0 || ^0.68.0 || ^0.71.0"
   },
-  "gitHead": "27e63e1df7af12bc985c2717d9bbb15bcc684e51",
+  "gitHead": "4986230d93e81703dbf27e595f8949645b35cdba",
   "publishConfig": {
     "access": "public"
   }

package/src/Forms/inputs.tsx

@@ -2885,6 +2885,7 @@ export const DatabaseSelectInput = ({ AddToDatabase, field, value: _value, onCha
 }) => {
   const [typing, setTyping] = useState('')
   const [open, setOpen] = useState(false)
+  const selectedRecordsCache = useRef<Map<string, DatabaseRecord>>(new Map())
   const { addChoice, choices, doneLoading, isSearching, minSearchChars } = useDatabaseChoices({
     databaseId: field.options?.databaseId,
     field,
@@ -2894,15 +2895,29 @@ export const DatabaseSelectInput = ({ AddToDatabase, field, value: _value, onCha
 
   const value = React.useMemo(() => {
     try {
-      // if the value is a string (some single answer that was save), make sure we coerce to array
+      // if the value is a string (some single answer that was saved), make sure we coerce to array
       const __value = typeof _value === 'string' ? [_value] : _value
-      return (
-        (__value?.map(v =>
-          choices.find(c =>
-            c.id === v.recordId || (typeof v === 'string' && label_for_database_record(field, c) === v)
-          )
-        )?.filter(v => v!) ?? []) as DatabaseRecord[]
-      )
+      const result: DatabaseRecord[] = []
+
+      for (const v of (__value ?? [])) {
+        const recordId = typeof v === 'string' ? v : v.recordId
+
+        // First try to find in current choices
+        const found = choices.find(c =>
+          c.id === recordId || (typeof v === 'string' && label_for_database_record(field, c) === v)
+        )
+
+        if (found) {
+          // Update cache with found record
+          selectedRecordsCache.current.set(found.id, found as DatabaseRecord)
+          result.push(found as DatabaseRecord)
+        } else if (recordId && selectedRecordsCache.current.has(recordId)) {
+          // Use cached record if not in current choices (e.g., during search)
+          result.push(selectedRecordsCache.current.get(recordId)!)
+        }
+      }
+
+      return result
     } catch(err) {
       console.error('Error resolving database answers for _value', err)
       return []