@orsetra/shared-ui 1.5.20 → 1.5.22

package/components/ui/resources-input.tsx

@@ -57,8 +57,12 @@ export function ResourcesInput({ id, value, onChange, disabled = false, ...rest
   }, [value])
 
   const handleAdd = () => {
-    if (!draft || items.includes(draft)) return
-    const next = [...items, draft]
+    if (!draft) return
+    const built = normalize([draft])[0]
+    if (!built) return
+    const name = parseItem(built).name
+    if (items.some(item => parseItem(item).name === name)) return
+    const next = [...items, built]
     setItems(next)
     onChange?.(next)
     setDraft("")
@@ -153,7 +157,7 @@ export function ResourcesInput({ id, value, onChange, disabled = false, ...rest
 
       <div className="flex gap-2">
         <div className="flex-1">
-          <SecretInput value={draft} onChange={setDraft} disabled={disabled} type={id} />
+          <SecretInput value={draft} onChange={setDraft} disabled={disabled} type={id} exclude={items.map(item => parseItem(item).name)} />
         </div>
         <Button
           type="button"

package/components/ui/secret-input.tsx

@@ -12,6 +12,7 @@ interface SecretInputProps {
   disabled?: boolean
   className?: string
   placeholder?: string
+  exclude?: string[]
 }
 
 export function SecretInput({
@@ -22,6 +23,7 @@ export function SecretInput({
   disabled,
   className,
   placeholder = "Select a secret",
+  exclude = [],
 }: SecretInputProps) {
   const ctx = useSecretContext()
 
@@ -32,8 +34,10 @@ export function SecretInput({
       </div>
     )
   }
- console.log(type)
-  const secrets = ctx.secretsMap.get(type || 'configs') || []
+
+  const secrets = (ctx.secretsMap.get(type || 'configs') || [])
+    .filter(s => !exclude.includes(s.name))
+
   return (
     <div className="flex items-center gap-2">
       <SelectInput

package/components/ui/secrets-input.tsx

@@ -47,8 +47,10 @@ export function SecretsInput({ id, value, onChange, disabled = false, ...rest }:
 
   const handleAdd = () => {
     if (!draft) return
-    const built = buildItem(draft)
-    if (items.includes(built)) return
+    const built = normalize([draft])[0]
+    if (!built) return
+    const name = parseName(built)
+    if (items.some(item => parseName(item) === name)) return
     const next = [...items, built]
     setItems(next)
     onChange?.(next)
@@ -89,7 +91,7 @@ export function SecretsInput({ id, value, onChange, disabled = false, ...rest }:
 
       <div className="flex gap-2">
         <div className="flex-1">
-          <SecretInput value={draft} onChange={setDraft} disabled={disabled} type={id} />
+          <SecretInput value={draft} onChange={setDraft} disabled={disabled} type={id} exclude={items.map(parseName)} />
         </div>
         <Button
           type="button"

package/package.json

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