3a78fa4 · rowtype-yoga/purescript-yoga-heroui3

git.iko.soy/rowtype-yoga/purescript-yoga-heroui3

Autocomplete: typeable filter input + containsFilter; dark root for portaled popovers

commit3a78fa420fb06399e9681d03e72f11cde40ed7bb authorMark <mark.eibes@gmail.com> dateSun 31 May 2026, 19:08 (4 months ago) parentc5a1a2a

2 files changed+6−3

unifiedsplit

src/HeroUI/Autocomplete.purs+4−1

@@ -52,10 +52,13 @@ autocompleteTrigger

5252 -> JSX

5353autocompleteTrigger props kids = runFn4 createElementTransformImpl {} Raw.autocompleteTrigger props kids

5454

55+-- | Shows the selected option's text, or `placeholder` when nothing is selected.

56+type AutocompleteValueProps r = (placeholder :: String, className :: String | r)

57+

5558autocompleteValue

5659 :: forall givenProps nonDataProps kids

5760 . IsJSX kids

58− => CoerceHeroProps { | givenProps } { | nonDataProps } { | SectionProps () }

61+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | AutocompleteValueProps () }

5962 => { | givenProps }

6063 -> kids

6164 -> JSX

test/HeroUI/Autocomplete/Stories.purs+2−2

@@ -13,9 +13,9 @@ import YogaStories.Story (story)

1313mkAutocomplete :: { placeholder :: String } -> JSX

1414mkAutocomplete = component "AutocompleteStory" \props -> React.do

1515 pure $ div { className: "dark bg-background text-foreground p-6 rounded-lg w-64" }

16− [ Autocomplete.autocomplete { placeholder: props.placeholder, defaultSelectedKey: "apple", "aria-label": "Fruit" }

16+ [ Autocomplete.autocomplete { placeholder: props.placeholder, "aria-label": "Fruit" }

1717 [ Autocomplete.autocompleteTrigger {}

18− [ Autocomplete.autocompleteValue {} ([] :: Array JSX)

18+ [ Autocomplete.autocompleteValue { placeholder: props.placeholder } ([] :: Array JSX)

1919 , Autocomplete.autocompleteIndicator {} ([] :: Array JSX)

2020 ]

2121 , Autocomplete.autocompletePopover {}