@orsetra/shared-ui 1.4.0 → 1.4.1

package/components/ui/secret-context.tsx

@@ -9,23 +9,20 @@ export interface SecretEntry {
 }
 
 interface SecretContextValue {
-  templateId?: string
-  fetchSecrets: (templateId?: string) => Promise<SecretEntry[]>
+  secretsMap: Map<string, SecretEntry[]>
 }
 
 const SecretContext = createContext<SecretContextValue | null>(null)
 
 export function SecretContextProvider({
   children,
-  templateId,
-  fetchSecrets,
+  secretsMap,
 }: {
   children: ReactNode
-  templateId?: string
-  fetchSecrets: (templateId?: string) => Promise<SecretEntry[]>
+  secretsMap: Map<string, SecretEntry[]>
 }) {
   return (
-    <SecretContext.Provider value={{ templateId, fetchSecrets }}>
+    <SecretContext.Provider value={{ secretsMap }}>
       {children}
     </SecretContext.Provider>
   )

package/components/ui/secret-input.tsx

@@ -1,10 +1,7 @@
 "use client"
 
-import { useState, useEffect } from "react"
-import { Loader2 } from "lucide-react"
 import { SelectInput } from "./select-input"
 import { useSecretContext } from "./secret-context"
-import type { SecretEntry } from "./secret-context"
 
 interface SecretInputProps {
   id?: string
@@ -26,26 +23,6 @@ export function SecretInput({
   placeholder = "Select a secret",
 }: SecretInputProps) {
   const ctx = useSecretContext()
-  const [secrets, setSecrets] = useState<SecretEntry[]>([])
-  const [loading, setLoading] = useState(false)
-
-  useEffect(() => {
-    if (!ctx) return
-    setLoading(true)
-    ctx.fetchSecrets(type === "configs" ? ctx.templateId : type)
-      .then(setSecrets)
-      .catch(() => setSecrets([]))
-      .finally(() => setLoading(false))
-  }, [ctx?.templateId])
-
-  if (loading) {
-    return (
-      <div className="flex items-center gap-2 h-10 px-3 border border-ibm-gray-30 bg-white text-sm text-ibm-gray-60">
-        <Loader2 className="h-4 w-4 animate-spin flex-shrink-0" />
-        Loading secrets…
-      </div>
-    )
-  }
 
   if (!ctx) {
     return (
@@ -54,7 +31,7 @@ export function SecretInput({
       </div>
     )
   }
-
+  const secrets = ctx.secretsMap.get(type || 'configs') || []
   return (
     <SelectInput
       id={id}
@@ -63,7 +40,7 @@ export function SecretInput({
       disabled={disabled}
       className={className}
       placeholder={placeholder}
-      options={secrets.map((s) => ({ label: s.description || s.name, value: s.name }))}
+      options={secrets.map((s) => ({ label: s.description || s.name, value: `secret:${s.name}` }))}
     />
   )
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orsetra/shared-ui",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "Shared UI components for Orsetra platform",
   "main": "./index.ts",
   "types": "./index.ts",