Skip to content

Instantly share code, notes, and snippets.

@reactormonk

reactormonk/errors

Created January 31, 2021 15:00
Show Gist options
  • Save reactormonk/2e048fdb954b70c8fd8ce504d7d0cce3 to your computer and use it in GitHub Desktop.
Save reactormonk/2e048fdb954b70c8fd8ce504d7d0cce3 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
errors
[info] Installation complete.
Warning 1 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:104:1 - 108:133 (line 104, column 1 - line 108, column 133)
Type variable p2 is ambiguous, since it is unused in the polymorphic type which introduces it.
in type declaration for component
See https://github.com/purescript/documentation/blob/master/errors/UnusedTypeVar.md for more information,
or to contribute content related to this warning.
Warning 2 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:104:1 - 108:133 (line 104, column 1 - line 108, column 133)
Type variable p_ is ambiguous, since it is unused in the polymorphic type which introduces it.
in type declaration for component
See https://github.com/purescript/documentation/blob/master/errors/UnusedTypeVar.md for more information,
or to contribute content related to this warning.
Warning 3 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:3:1 - 3:24 (line 3, column 1 - line 3, column 24)
Module App.Prelude.View has unspecified imports, consider using the explicit form:
import App.Prelude.View (EventHandler, Maybe, merge, reactComponent)
See https://github.com/purescript/documentation/blob/master/errors/ImplicitImport.md for more information,
or to contribute content related to this warning.
Warning 4 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:6:1 - 6:41 (line 6, column 1 - line 6, column 41)
The import of Data.Array is redundant
See https://github.com/purescript/documentation/blob/master/errors/UnusedImport.md for more information,
or to contribute content related to this warning.
Warning 5 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:9:1 - 9:26 (line 9, column 1 - line 9, column 26)
The import of Data.Maybe is redundant
See https://github.com/purescript/documentation/blob/master/errors/UnusedImport.md for more information,
or to contribute content related to this warning.
Warning 6 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:10:1 - 10:68 (line 10, column 1 - line 10, column 68)
The import of module Data.Nullable contains the following unused references:
notNull
null
toNullable
It could be replaced with:
import Data.Nullable (Nullable, toMaybe)
See https://github.com/purescript/documentation/blob/master/errors/UnusedExplicitImport.md for more information,
or to contribute content related to this warning.
Warning 7 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:12:1 - 12:43 (line 12, column 1 - line 12, column 43)
The import of Data.String is redundant
See https://github.com/purescript/documentation/blob/master/errors/UnusedImport.md for more information,
or to contribute content related to this warning.
Warning 8 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:14:1 - 14:25 (line 14, column 1 - line 14, column 25)
The import of Debug.Trace is redundant
See https://github.com/purescript/documentation/blob/master/errors/UnusedImport.md for more information,
or to contribute content related to this warning.
Warning 9 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:15:1 - 15:23 (line 15, column 1 - line 15, column 23)
The import of Effect is redundant
See https://github.com/purescript/documentation/blob/master/errors/UnusedImport.md for more information,
or to contribute content related to this warning.
Warning 10 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:16:1 - 16:34 (line 16, column 1 - line 16, column 34)
The import of Effect.Class.Console is redundant
See https://github.com/purescript/documentation/blob/master/errors/UnusedImport.md for more information,
or to contribute content related to this warning.
Warning 11 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:17:1 - 17:43 (line 17, column 1 - line 17, column 43)
The import of Effect.Class.Console is redundant
See https://github.com/purescript/documentation/blob/master/errors/UnusedImport.md for more information,
or to contribute content related to this warning.
Warning 12 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:18:1 - 18:60 (line 18, column 1 - line 18, column 60)
The import of module Effect.Uncurried contains the following unused references:
mkEffectFn2
It could be replaced with:
import Effect.Uncurried (EffectFn1, EffectFn2)
See https://github.com/purescript/documentation/blob/master/errors/UnusedExplicitImport.md for more information,
or to contribute content related to this warning.
Warning 13 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:19:1 - 19:62 (line 19, column 1 - line 19, column 62)
The import of module Effect.Uncurried contains the following unused references:
mkEffectFn1
mkEffectFn2
It could be replaced with:
import Effect.Uncurried (EffectFn1, EffectFn2)
See https://github.com/purescript/documentation/blob/master/errors/UnusedExplicitImport.md for more information,
or to contribute content related to this warning.
Warning 14 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:20:1 - 20:43 (line 20, column 1 - line 20, column 43)
The import of Effect.Unsafe is redundant
See https://github.com/purescript/documentation/blob/master/errors/UnusedImport.md for more information,
or to contribute content related to this warning.
Warning 15 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:21:1 - 21:25 (line 21, column 1 - line 21, column 25)
The import of Foreign is redundant
See https://github.com/purescript/documentation/blob/master/errors/UnusedImport.md for more information,
or to contribute content related to this warning.
Warning 16 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:22:1 - 22:25 (line 22, column 1 - line 22, column 25)
The import of Foreign is redundant
See https://github.com/purescript/documentation/blob/master/errors/UnusedImport.md for more information,
or to contribute content related to this warning.
Warning 17 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:4:1 - 4:15 (line 4, column 1 - line 4, column 15)
Module Prelude has unspecified imports, consider using the explicit form:
import Prelude (Unit, pure, unit, ($))
See https://github.com/purescript/documentation/blob/master/errors/ImplicitImport.md for more information,
or to contribute content related to this warning.
Warning 18 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:26:1 - 26:39 (line 26, column 1 - line 26, column 39)
The import of module React.Basic contains the following unused references:
element
It could be replaced with:
import React.Basic (JSX, ReactComponent, Ref)
See https://github.com/purescript/documentation/blob/master/errors/UnusedExplicitImport.md for more information,
or to contribute content related to this warning.
Warning 19 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:28:1 - 28:60 (line 28, column 1 - line 28, column 60)
The import of module React.Basic.DOM contains the following unused references:
css
unsafeCreateDOMComponent
It could be replaced with:
import React.Basic.DOM (CSS)
See https://github.com/purescript/documentation/blob/master/errors/UnusedExplicitImport.md for more information,
or to contribute content related to this warning.
Warning 20 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:29:1 - 29:28 (line 29, column 1 - line 29, column 28)
The qualified import of React.Basic.DOM as R is redundant
See https://github.com/purescript/documentation/blob/master/errors/UnusedImport.md for more information,
or to contribute content related to this warning.
Warning 21 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:30:1 - 30:28 (line 30, column 1 - line 30, column 28)
The qualified import of React.Basic.DOM as R is redundant
See https://github.com/purescript/documentation/blob/master/errors/UnusedImport.md for more information,
or to contribute content related to this warning.
Warning 22 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:31:1 - 31:32 (line 31, column 1 - line 31, column 32)
The qualified import of React.Basic.Emotion as E is redundant
See https://github.com/purescript/documentation/blob/master/errors/UnusedImport.md for more information,
or to contribute content related to this warning.
Warning 23 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:34:1 - 34:53 (line 34, column 1 - line 34, column 53)
The import of module Record contains the following unused references:
disjointUnion
union
It could be replaced with:
import Record (modify, rename)
See https://github.com/purescript/documentation/blob/master/errors/UnusedExplicitImport.md for more information,
or to contribute content related to this warning.
Warning 24 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:35:1 - 35:41 (line 35, column 1 - line 35, column 41)
The import of Record.Unsafe.Union is redundant
See https://github.com/purescript/documentation/blob/master/errors/UnusedImport.md for more information,
or to contribute content related to this warning.
Warning 25 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:8:1 - 8:40 (line 8, column 1 - line 8, column 40)
There is an existing import of Data.Function.Uncurried, consider merging the import lists
See https://github.com/purescript/documentation/blob/master/errors/DuplicateSelectiveImport.md for more information,
or to contribute content related to this warning.
Warning 26 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:11:1 - 11:41 (line 11, column 1 - line 11, column 41)
There is an existing import of Data.Nullable, consider merging the import lists
See https://github.com/purescript/documentation/blob/master/errors/DuplicateSelectiveImport.md for more information,
or to contribute content related to this warning.
Warning 27 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:17:1 - 17:43 (line 17, column 1 - line 17, column 43)
There is an existing import of Effect.Class.Console, consider merging the import lists
See https://github.com/purescript/documentation/blob/master/errors/DuplicateSelectiveImport.md for more information,
or to contribute content related to this warning.
Warning 28 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:19:1 - 19:62 (line 19, column 1 - line 19, column 62)
There is an existing import of Effect.Uncurried, consider merging the import lists
See https://github.com/purescript/documentation/blob/master/errors/DuplicateSelectiveImport.md for more information,
or to contribute content related to this warning.
Warning 29 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:22:1 - 22:25 (line 22, column 1 - line 22, column 25)
Duplicate import of Foreign (Foreign)
See https://github.com/purescript/documentation/blob/master/errors/DuplicateImport.md for more information,
or to contribute content related to this warning.
Warning 30 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:27:1 - 27:36 (line 27, column 1 - line 27, column 36)
There is an existing import of React.Basic, consider merging the import lists
See https://github.com/purescript/documentation/blob/master/errors/DuplicateSelectiveImport.md for more information,
or to contribute content related to this warning.
Warning 31 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:30:1 - 30:28 (line 30, column 1 - line 30, column 28)
Duplicate import of React.Basic.DOM as R
See https://github.com/purescript/documentation/blob/master/errors/DuplicateImport.md for more information,
or to contribute content related to this warning.
Warning 32 of 33:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:38:1 - 38:36 (line 38, column 1 - line 38, column 36)
Duplicate import of Unsafe.Coerce (unsafeCoerce)
See https://github.com/purescript/documentation/blob/master/errors/DuplicateImport.md for more information,
or to contribute content related to this warning.
Warning 33 of 33:
at src/App/Components/ComponentSelector/View.purs:46:1 - 46:31 (line 46, column 1 - line 46, column 31)
at src/App/Components/ComponentSelector/View.purs:46:1 - 46:31 (line 46, column 1 - line 46, column 31)
No type declaration was provided for the top-level declaration of undef.
It is good practice to provide type declarations as a form of documentation.
The inferred type of undef was:
forall t1. t1
in value declaration undef
See https://github.com/purescript/documentation/blob/master/errors/MissingTypeDeclaration.md for more information,
or to contribute content related to this warning.
Error found:
in module App.Components.ComponentSelector.View
at src/App/Components/ComponentSelector/View.purs:104:1 - 108:133 (line 104, column 1 - line 108, column 133)
at src/App/Components/ComponentSelector/View.purs:109:13 - 117:118 (line 109, column 13 - line 117, column 118)
at src/App/Components/ComponentSelector/View.purs:109:13 - 117:118 (line 109, column 13 - line 117, column 118)
at src/App/Components/ComponentSelector/View.purs:109:40 - 117:118 (line 109, column 40 - line 117, column 118)
at src/App/Components/ComponentSelector/View.purs:109:89 - 117:118 (line 109, column 89 - line 117, column 118)
at src/App/Components/ComponentSelector/View.purs:110:3 - 116:43 (line 110, column 3 - line 116, column 43)
at src/App/Components/ComponentSelector/View.purs:115:5 - 115:40 (line 115, column 5 - line 115, column 40)
at src/App/Components/ComponentSelector/View.purs:116:17 - 116:43 (line 116, column 17 - line 116, column 43)
Could not match type
EventFn
with type
Function
while trying to match type EventFn
with type Function
while applying a function ((merge (#dict RowToList t97 t96)) (#dict Merge t96 t97 t98 t95)) props
of type EventFn t6 (Record t7)
to argument defaultProps
while checking that expression (merge props) defaultProps
has type { itemToString :: Nullable element0 -> String
, items :: Array element0
, onChange :: EffectFn2 (Nullable element0) (Record ()) Unit
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
, stateReducer :: Maybe (Fn2 (Record ()) (Record ()) (Record ()))
}
while checking that expression let
fullProps = (merge props) defaultProps
in (apply pure) ((apply (element rawComponent)) (((rename SProxy) SProxy) fullProps))
has type Render Unit t5 JSX
while checking that expression case $0 of
props -> let
fullProps = (merge props) defaultProps
in (apply pure) ((apply (element rawComponent)) (((rename SProxy) SProxy) fullProps))
has type Render Unit t5 JSX
while checking that expression \$0 ->
case $0 of
props -> let
fullProps = (merge props) defaultProps
in (apply pure) ((apply (element rawComponent)) (((rename SProxy) SProxy) fullProps))
has type Record t4 -> Render Unit t5 JSX
while applying a function (((reactComponent (#dict Lacks "children" t93)) (#dict Lacks "key" t93)) (#dict Lacks "ref" t93)) "Container"
of type (Record t4 -> Render Unit t5 JSX) -> ReactComponent (Record t4)
to argument \$0 ->
case $0 of
props -> let
fullProps = (merge props) defaultProps
in (apply pure) ((apply (element rawComponent)) (((rename SProxy) SProxy) fullProps))
while checking that expression (reactComponent "Container") (\$0 ->
case $0 of
props -> let
fullProps = (merge props) defaultProps
in (apply pure) ((apply (element rawComponent)) (((rename SProxy) SProxy) fullProps))
)
has type ReactComponent
{ itemToString :: Nullable element0 -> String
, items :: Array element0
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
| p1
}
while checking that expression (reactComponent "Container") (\$0 ->
case $0 of
props -> let
fullProps = (merge props) defaultProps
in (apply pure) ((apply (element rawComponent)) (((rename SProxy) SProxy) fullProps))
)
where
modifyChildrenProps = \$1 ->
case $1 of
{ getInputProps: getInputProps, getItemProps: getItemProps, getLabelProps: getLabelProps, getMenuProps: getMenuProps, isOpen: isOpen, inputValue: inputValue, highlightedIndex: highlightedIndex, selectedItem: selectedItem, getRootProps: getRootProps } -> let
rootProps = ((runFn2 getRootProps) {}) { suppressRefError: true
}
menuProps = getMenuProps unit
labelProps = getLabelProps unit
inputProps = getInputProps unit
getItemProps' = \r ->
(apply ((modify SProxy) (\x ->
unsafeCoerce { selected: x
}
)
)
)
((apply ((rename SProxy) SProxy)) (getItemProps r))
in { getInputProps: { autoComplete: inputProps.autoComplete
, id: inputProps.id
, onBlur: inputProps.onBlur
, onChange: inputProps.onChange
, onKeyDown: inputProps.onKeyDown
, value: inputProps.value
, _aria: unsafeCoerce { activedescendant: inputProps."aria-activedescendant"
, autocomplete: inputProps."aria-autocomplete"
, controls: inputProps."aria-controls"
, labelledby: "aria-labelledby"
}
}
, getItemProps: getItemProps'
, getLabelProps: labelProps
, getMenuProps: { ref: menuProps.ref
, id: menuProps.id
, role: menuProps.role
, _aria: (singleton "labelledby") (menuProps."aria-labelledby")
}
, getRootProps: { role: rootProps.role
, ref: rootProps.ref
, _aria: unsafeCoerce { haspopup: rootProps."aria-haspopup"
, expanded: rootProps."aria-expanded"
, labelledby: rootProps."aria-labelledby"
, owns: rootProps."aria-owns"
}
}
, isOpen: isOpen
, inputValue: toMaybe inputValue
, highlightedIndex: toMaybe highlightedIndex
, selectedItem: toMaybe selectedItem
}
defaultProps = { stateReducer: undef
, onChange: undef
}
has type ReactComponent
{ itemToString :: Nullable element0 -> String
, items :: Array element0
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
| p1
}
while checking that expression (reactComponent "Container") (\$0 ->
case $0 of
props -> let
fullProps = (merge props) defaultProps
in (apply pure) ((apply (element rawComponent)) (((rename SProxy) SProxy) fullProps))
)
where
modifyChildrenProps = \$1 ->
case $1 of
{ getInputProps: getInputProps, getItemProps: getItemProps, getLabelProps: getLabelProps, getMenuProps: getMenuProps, isOpen: isOpen, inputValue: inputValue, highlightedIndex: highlightedIndex, selectedItem: selectedItem, getRootProps: getRootProps } -> let
rootProps = ((runFn2 getRootProps) {}) { suppressRefError: true
}
menuProps = getMenuProps unit
labelProps = getLabelProps unit
inputProps = getInputProps unit
getItemProps' = \r ->
(apply ((modify SProxy) (\x ->
unsafeCoerce { selected: x
}
)
)
)
((apply ((rename SProxy) SProxy)) (getItemProps r))
in { getInputProps: { autoComplete: inputProps.autoComplete
, id: inputProps.id
, onBlur: inputProps.onBlur
, onChange: inputProps.onChange
, onKeyDown: inputProps.onKeyDown
, value: inputProps.value
, _aria: unsafeCoerce { activedescendant: inputProps."aria-activedescendant"
, autocomplete: inputProps."aria-autocomplete"
, controls: inputProps."aria-controls"
, labelledby: "aria-labelledby"
}
}
, getItemProps: getItemProps'
, getLabelProps: labelProps
, getMenuProps: { ref: menuProps.ref
, id: menuProps.id
, role: menuProps.role
, _aria: (singleton "labelledby") (menuProps."aria-labelledby")
}
, getRootProps: { role: rootProps.role
, ref: rootProps.ref
, _aria: unsafeCoerce { haspopup: rootProps."aria-haspopup"
, expanded: rootProps."aria-expanded"
, labelledby: rootProps."aria-labelledby"
, owns: rootProps."aria-owns"
}
}
, isOpen: isOpen
, inputValue: toMaybe inputValue
, highlightedIndex: toMaybe highlightedIndex
, selectedItem: toMaybe selectedItem
}
defaultProps = { stateReducer: undef
, onChange: undef
}
has type Union
( itemToString :: Nullable element0 -> String
, items :: Array element0
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
| p1
)
( onChange :: b2
, stateReducer :: a3
)
( itemToString :: Nullable element0 -> String
, items :: Array element0
, onChange :: EffectFn2 (Nullable element0) (Record ()) Unit
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
, stateReducer :: Maybe (Fn2 (Record ()) (Record ()) (Record ()))
)
=> ReactComponent
{ itemToString :: Nullable element0 -> String
, items :: Array element0
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
| p1
}
while checking that expression (reactComponent "Container") (\$0 ->
case $0 of
props -> let
fullProps = (merge props) defaultProps
in (apply pure) ((apply (element rawComponent)) (((rename SProxy) SProxy) fullProps))
)
where
modifyChildrenProps = \$1 ->
case $1 of
{ getInputProps: getInputProps, getItemProps: getItemProps, getLabelProps: getLabelProps, getMenuProps: getMenuProps, isOpen: isOpen, inputValue: inputValue, highlightedIndex: highlightedIndex, selectedItem: selectedItem, getRootProps: getRootProps } -> let
rootProps = ((runFn2 getRootProps) {}) { suppressRefError: true
}
menuProps = getMenuProps unit
labelProps = getLabelProps unit
inputProps = getInputProps unit
getItemProps' = \r ->
(apply ((modify SProxy) (\x ->
unsafeCoerce { selected: x
}
)
)
)
((apply ((rename SProxy) SProxy)) (getItemProps r))
in { getInputProps: { autoComplete: inputProps.autoComplete
, id: inputProps.id
, onBlur: inputProps.onBlur
, onChange: inputProps.onChange
, onKeyDown: inputProps.onKeyDown
, value: inputProps.value
, _aria: unsafeCoerce { activedescendant: inputProps."aria-activedescendant"
, autocomplete: inputProps."aria-autocomplete"
, controls: inputProps."aria-controls"
, labelledby: "aria-labelledby"
}
}
, getItemProps: getItemProps'
, getLabelProps: labelProps
, getMenuProps: { ref: menuProps.ref
, id: menuProps.id
, role: menuProps.role
, _aria: (singleton "labelledby") (menuProps."aria-labelledby")
}
, getRootProps: { role: rootProps.role
, ref: rootProps.ref
, _aria: unsafeCoerce { haspopup: rootProps."aria-haspopup"
, expanded: rootProps."aria-expanded"
, labelledby: rootProps."aria-labelledby"
, owns: rootProps."aria-owns"
}
}
, isOpen: isOpen
, inputValue: toMaybe inputValue
, highlightedIndex: toMaybe highlightedIndex
, selectedItem: toMaybe selectedItem
}
defaultProps = { stateReducer: undef
, onChange: undef
}
has type Lacks "ref" p1 => Union
( itemToString :: Nullable element0 -> String
, items :: Array element0
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
| p1
)
( onChange :: b2
, stateReducer :: a3
)
( itemToString :: Nullable element0 -> String
, items :: Array element0
, onChange :: EffectFn2 (Nullable element0) (Record ()) Unit
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
, stateReducer :: Maybe (Fn2 (Record ()) (Record ()) (Record ()))
)
=> ReactComponent
{ itemToString :: Nullable element0 -> String
, items :: Array element0
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
| p1
}
while checking that expression (reactComponent "Container") (\$0 ->
case $0 of
props -> let
fullProps = (merge props) defaultProps
in (apply pure) ((apply (element rawComponent)) (((rename SProxy) SProxy) fullProps))
)
where
modifyChildrenProps = \$1 ->
case $1 of
{ getInputProps: getInputProps, getItemProps: getItemProps, getLabelProps: getLabelProps, getMenuProps: getMenuProps, isOpen: isOpen, inputValue: inputValue, highlightedIndex: highlightedIndex, selectedItem: selectedItem, getRootProps: getRootProps } -> let
rootProps = ((runFn2 getRootProps) {}) { suppressRefError: true
}
menuProps = getMenuProps unit
labelProps = getLabelProps unit
inputProps = getInputProps unit
getItemProps' = \r ->
(apply ((modify SProxy) (\x ->
unsafeCoerce { selected: x
}
)
)
)
((apply ((rename SProxy) SProxy)) (getItemProps r))
in { getInputProps: { autoComplete: inputProps.autoComplete
, id: inputProps.id
, onBlur: inputProps.onBlur
, onChange: inputProps.onChange
, onKeyDown: inputProps.onKeyDown
, value: inputProps.value
, _aria: unsafeCoerce { activedescendant: inputProps."aria-activedescendant"
, autocomplete: inputProps."aria-autocomplete"
, controls: inputProps."aria-controls"
, labelledby: "aria-labelledby"
}
}
, getItemProps: getItemProps'
, getLabelProps: labelProps
, getMenuProps: { ref: menuProps.ref
, id: menuProps.id
, role: menuProps.role
, _aria: (singleton "labelledby") (menuProps."aria-labelledby")
}
, getRootProps: { role: rootProps.role
, ref: rootProps.ref
, _aria: unsafeCoerce { haspopup: rootProps."aria-haspopup"
, expanded: rootProps."aria-expanded"
, labelledby: rootProps."aria-labelledby"
, owns: rootProps."aria-owns"
}
}
, isOpen: isOpen
, inputValue: toMaybe inputValue
, highlightedIndex: toMaybe highlightedIndex
, selectedItem: toMaybe selectedItem
}
defaultProps = { stateReducer: undef
, onChange: undef
}
has type Lacks "key" p1 => Lacks "ref" p1 => Union
( itemToString :: Nullable element0 -> String
, items :: Array element0
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
| p1
)
( onChange :: b2
, stateReducer :: a3
)
( itemToString :: Nullable element0 -> String
, items :: Array element0
, onChange :: EffectFn2 (Nullable element0) (Record ()) Unit
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
, stateReducer :: Maybe (Fn2 (Record ()) (Record ()) (Record ()))
)
=> ReactComponent
{ itemToString :: Nullable element0 -> String
, items :: Array element0
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
| p1
}
while checking that expression (reactComponent "Container") (\$0 ->
case $0 of
props -> let
fullProps = (merge props) defaultProps
in (apply pure) ((apply (element rawComponent)) (((rename SProxy) SProxy) fullProps))
)
where
modifyChildrenProps = \$1 ->
case $1 of
{ getInputProps: getInputProps, getItemProps: getItemProps, getLabelProps: getLabelProps, getMenuProps: getMenuProps, isOpen: isOpen, inputValue: inputValue, highlightedIndex: highlightedIndex, selectedItem: selectedItem, getRootProps: getRootProps } -> let
rootProps = ((runFn2 getRootProps) {}) { suppressRefError: true
}
menuProps = getMenuProps unit
labelProps = getLabelProps unit
inputProps = getInputProps unit
getItemProps' = \r ->
(apply ((modify SProxy) (\x ->
unsafeCoerce { selected: x
}
)
)
)
((apply ((rename SProxy) SProxy)) (getItemProps r))
in { getInputProps: { autoComplete: inputProps.autoComplete
, id: inputProps.id
, onBlur: inputProps.onBlur
, onChange: inputProps.onChange
, onKeyDown: inputProps.onKeyDown
, value: inputProps.value
, _aria: unsafeCoerce { activedescendant: inputProps."aria-activedescendant"
, autocomplete: inputProps."aria-autocomplete"
, controls: inputProps."aria-controls"
, labelledby: "aria-labelledby"
}
}
, getItemProps: getItemProps'
, getLabelProps: labelProps
, getMenuProps: { ref: menuProps.ref
, id: menuProps.id
, role: menuProps.role
, _aria: (singleton "labelledby") (menuProps."aria-labelledby")
}
, getRootProps: { role: rootProps.role
, ref: rootProps.ref
, _aria: unsafeCoerce { haspopup: rootProps."aria-haspopup"
, expanded: rootProps."aria-expanded"
, labelledby: rootProps."aria-labelledby"
, owns: rootProps."aria-owns"
}
}
, isOpen: isOpen
, inputValue: toMaybe inputValue
, highlightedIndex: toMaybe highlightedIndex
, selectedItem: toMaybe selectedItem
}
defaultProps = { stateReducer: undef
, onChange: undef
}
has type Lacks "children" p1 => Lacks "key" p1 => Lacks "ref" p1 => Union
( itemToString :: Nullable element0 -> String
, items :: Array element0
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
| p1
)
( onChange :: b2
, stateReducer :: a3
)
( itemToString :: Nullable element0 -> String
, items :: Array element0
, onChange :: EffectFn2 (Nullable element0) (Record ()) Unit
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
, stateReducer :: Maybe (Fn2 (Record ()) (Record ()) (Record ()))
)
=> ReactComponent
{ itemToString :: Nullable element0 -> String
, items :: Array element0
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
| p1
}
while checking that expression (reactComponent "Container") (\$0 ->
case $0 of
props -> let
fullProps = (merge props) defaultProps
in (apply pure) ((apply (element rawComponent)) (((rename SProxy) SProxy) fullProps))
)
where
modifyChildrenProps = \$1 ->
case $1 of
{ getInputProps: getInputProps, getItemProps: getItemProps, getLabelProps: getLabelProps, getMenuProps: getMenuProps, isOpen: isOpen, inputValue: inputValue, highlightedIndex: highlightedIndex, selectedItem: selectedItem, getRootProps: getRootProps } -> let
rootProps = ((runFn2 getRootProps) {}) { suppressRefError: true
}
menuProps = getMenuProps unit
labelProps = getLabelProps unit
inputProps = getInputProps unit
getItemProps' = \r ->
(apply ((modify SProxy) (\x ->
unsafeCoerce { selected: x
}
)
)
)
((apply ((rename SProxy) SProxy)) (getItemProps r))
in { getInputProps: { autoComplete: inputProps.autoComplete
, id: inputProps.id
, onBlur: inputProps.onBlur
, onChange: inputProps.onChange
, onKeyDown: inputProps.onKeyDown
, value: inputProps.value
, _aria: unsafeCoerce { activedescendant: inputProps."aria-activedescendant"
, autocomplete: inputProps."aria-autocomplete"
, controls: inputProps."aria-controls"
, labelledby: "aria-labelledby"
}
}
, getItemProps: getItemProps'
, getLabelProps: labelProps
, getMenuProps: { ref: menuProps.ref
, id: menuProps.id
, role: menuProps.role
, _aria: (singleton "labelledby") (menuProps."aria-labelledby")
}
, getRootProps: { role: rootProps.role
, ref: rootProps.ref
, _aria: unsafeCoerce { haspopup: rootProps."aria-haspopup"
, expanded: rootProps."aria-expanded"
, labelledby: rootProps."aria-labelledby"
, owns: rootProps."aria-owns"
}
}
, isOpen: isOpen
, inputValue: toMaybe inputValue
, highlightedIndex: toMaybe highlightedIndex
, selectedItem: toMaybe selectedItem
}
defaultProps = { stateReducer: undef
, onChange: undef
}
has type forall a.
Lacks "children" p1 => Lacks "key" p1 => Lacks "ref" p1 => Union
( itemToString :: Nullable element0 -> String
, items :: Array element0
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
| p1
)
( onChange :: b2
, stateReducer :: a
)
( itemToString :: Nullable element0 -> String
, items :: Array element0
, onChange :: EffectFn2 (Nullable element0) (Record ()) Unit
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
, stateReducer :: Maybe (Fn2 (Record ()) (Record ()) (Record ()))
)
=> ReactComponent
{ itemToString :: Nullable element0 -> String
, items :: Array element0
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
| p1
}
while checking that expression (reactComponent "Container") (\$0 ->
case $0 of
props -> let
fullProps = (merge props) defaultProps
in (apply pure) ((apply (element rawComponent)) (((rename SProxy) SProxy) fullProps))
)
where
modifyChildrenProps = \$1 ->
case $1 of
{ getInputProps: getInputProps, getItemProps: getItemProps, getLabelProps: getLabelProps, getMenuProps: getMenuProps, isOpen: isOpen, inputValue: inputValue, highlightedIndex: highlightedIndex, selectedItem: selectedItem, getRootProps: getRootProps } -> let
rootProps = ((runFn2 getRootProps) {}) { suppressRefError: true
}
menuProps = getMenuProps unit
labelProps = getLabelProps unit
inputProps = getInputProps unit
getItemProps' = \r ->
(apply ((modify SProxy) (\x ->
unsafeCoerce { selected: x
}
)
)
)
((apply ((rename SProxy) SProxy)) (getItemProps r))
in { getInputProps: { autoComplete: inputProps.autoComplete
, id: inputProps.id
, onBlur: inputProps.onBlur
, onChange: inputProps.onChange
, onKeyDown: inputProps.onKeyDown
, value: inputProps.value
, _aria: unsafeCoerce { activedescendant: inputProps."aria-activedescendant"
, autocomplete: inputProps."aria-autocomplete"
, controls: inputProps."aria-controls"
, labelledby: "aria-labelledby"
}
}
, getItemProps: getItemProps'
, getLabelProps: labelProps
, getMenuProps: { ref: menuProps.ref
, id: menuProps.id
, role: menuProps.role
, _aria: (singleton "labelledby") (menuProps."aria-labelledby")
}
, getRootProps: { role: rootProps.role
, ref: rootProps.ref
, _aria: unsafeCoerce { haspopup: rootProps."aria-haspopup"
, expanded: rootProps."aria-expanded"
, labelledby: rootProps."aria-labelledby"
, owns: rootProps."aria-owns"
}
}
, isOpen: isOpen
, inputValue: toMaybe inputValue
, highlightedIndex: toMaybe highlightedIndex
, selectedItem: toMaybe selectedItem
}
defaultProps = { stateReducer: undef
, onChange: undef
}
has type forall a b.
Lacks "children" p1 => Lacks "key" p1 => Lacks "ref" p1 => Union
( itemToString :: Nullable element0 -> String
, items :: Array element0
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
| p1
)
( onChange :: b
, stateReducer :: a
)
( itemToString :: Nullable element0 -> String
, items :: Array element0
, onChange :: EffectFn2 (Nullable element0) (Record ()) Unit
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
, stateReducer :: Maybe (Fn2 (Record ()) (Record ()) (Record ()))
)
=> ReactComponent
{ itemToString :: Nullable element0 -> String
, items :: Array element0
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
| p1
}
while checking that expression (reactComponent "Container") (\$0 ->
case $0 of
props -> let
fullProps = (merge props) defaultProps
in (apply pure) ((apply (element rawComponent)) (((rename SProxy) SProxy) fullProps))
)
where
modifyChildrenProps = \$1 ->
case $1 of
{ getInputProps: getInputProps, getItemProps: getItemProps, getLabelProps: getLabelProps, getMenuProps: getMenuProps, isOpen: isOpen, inputValue: inputValue, highlightedIndex: highlightedIndex, selectedItem: selectedItem, getRootProps: getRootProps } -> let
rootProps = ((runFn2 getRootProps) {}) { suppressRefError: true
}
menuProps = getMenuProps unit
labelProps = getLabelProps unit
inputProps = getInputProps unit
getItemProps' = \r ->
(apply ((modify SProxy) (\x ->
unsafeCoerce { selected: x
}
)
)
)
((apply ((rename SProxy) SProxy)) (getItemProps r))
in { getInputProps: { autoComplete: inputProps.autoComplete
, id: inputProps.id
, onBlur: inputProps.onBlur
, onChange: inputProps.onChange
, onKeyDown: inputProps.onKeyDown
, value: inputProps.value
, _aria: unsafeCoerce { activedescendant: inputProps."aria-activedescendant"
, autocomplete: inputProps."aria-autocomplete"
, controls: inputProps."aria-controls"
, labelledby: "aria-labelledby"
}
}
, getItemProps: getItemProps'
, getLabelProps: labelProps
, getMenuProps: { ref: menuProps.ref
, id: menuProps.id
, role: menuProps.role
, _aria: (singleton "labelledby") (menuProps."aria-labelledby")
}
, getRootProps: { role: rootProps.role
, ref: rootProps.ref
, _aria: unsafeCoerce { haspopup: rootProps."aria-haspopup"
, expanded: rootProps."aria-expanded"
, labelledby: rootProps."aria-labelledby"
, owns: rootProps."aria-owns"
}
}
, isOpen: isOpen
, inputValue: toMaybe inputValue
, highlightedIndex: toMaybe highlightedIndex
, selectedItem: toMaybe selectedItem
}
defaultProps = { stateReducer: undef
, onChange: undef
}
has type forall a b p.
Lacks "children" p => Lacks "key" p => Lacks "ref" p => Union
( itemToString :: Nullable element0 -> String
, items :: Array element0
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
| p
)
( onChange :: b
, stateReducer :: a
)
( itemToString :: Nullable element0 -> String
, items :: Array element0
, onChange :: EffectFn2 (Nullable element0) (Record ()) Unit
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
, stateReducer :: Maybe (Fn2 (Record ()) (Record ()) (Record ()))
)
=> ReactComponent
{ itemToString :: Nullable element0 -> String
, items :: Array element0
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
| p
}
while checking that expression (reactComponent "Container") (\$0 ->
case $0 of
props -> let
fullProps = (merge props) defaultProps
in (apply pure) ((apply (element rawComponent)) (((rename SProxy) SProxy) fullProps))
)
where
modifyChildrenProps = \$1 ->
case $1 of
{ getInputProps: getInputProps, getItemProps: getItemProps, getLabelProps: getLabelProps, getMenuProps: getMenuProps, isOpen: isOpen, inputValue: inputValue, highlightedIndex: highlightedIndex, selectedItem: selectedItem, getRootProps: getRootProps } -> let
rootProps = ((runFn2 getRootProps) {}) { suppressRefError: true
}
menuProps = getMenuProps unit
labelProps = getLabelProps unit
inputProps = getInputProps unit
getItemProps' = \r ->
(apply ((modify SProxy) (\x ->
unsafeCoerce { selected: x
}
)
)
)
((apply ((rename SProxy) SProxy)) (getItemProps r))
in { getInputProps: { autoComplete: inputProps.autoComplete
, id: inputProps.id
, onBlur: inputProps.onBlur
, onChange: inputProps.onChange
, onKeyDown: inputProps.onKeyDown
, value: inputProps.value
, _aria: unsafeCoerce { activedescendant: inputProps."aria-activedescendant"
, autocomplete: inputProps."aria-autocomplete"
, controls: inputProps."aria-controls"
, labelledby: "aria-labelledby"
}
}
, getItemProps: getItemProps'
, getLabelProps: labelProps
, getMenuProps: { ref: menuProps.ref
, id: menuProps.id
, role: menuProps.role
, _aria: (singleton "labelledby") (menuProps."aria-labelledby")
}
, getRootProps: { role: rootProps.role
, ref: rootProps.ref
, _aria: unsafeCoerce { haspopup: rootProps."aria-haspopup"
, expanded: rootProps."aria-expanded"
, labelledby: rootProps."aria-labelledby"
, owns: rootProps."aria-owns"
}
}
, isOpen: isOpen
, inputValue: toMaybe inputValue
, highlightedIndex: toMaybe highlightedIndex
, selectedItem: toMaybe selectedItem
}
defaultProps = { stateReducer: undef
, onChange: undef
}
has type forall a b p p2.
Lacks "children" p => Lacks "key" p => Lacks "ref" p => Union
( itemToString :: Nullable element0 -> String
, items :: Array element0
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
| p
)
( onChange :: b
, stateReducer :: a
)
( itemToString :: Nullable element0 -> String
, items :: Array element0
, onChange :: EffectFn2 (Nullable element0) (Record ()) Unit
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
, stateReducer :: Maybe (Fn2 (Record ()) (Record ()) (Record ()))
)
=> ReactComponent
{ itemToString :: Nullable element0 -> String
, items :: Array element0
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
| p
}
while checking that expression (reactComponent "Container") (\$0 ->
case $0 of
props -> let
fullProps = (merge props) defaultProps
in (apply pure) ((apply (element rawComponent)) (((rename SProxy) SProxy) fullProps))
)
where
modifyChildrenProps = \$1 ->
case $1 of
{ getInputProps: getInputProps, getItemProps: getItemProps, getLabelProps: getLabelProps, getMenuProps: getMenuProps, isOpen: isOpen, inputValue: inputValue, highlightedIndex: highlightedIndex, selectedItem: selectedItem, getRootProps: getRootProps } -> let
rootProps = ((runFn2 getRootProps) {}) { suppressRefError: true
}
menuProps = getMenuProps unit
labelProps = getLabelProps unit
inputProps = getInputProps unit
getItemProps' = \r ->
(apply ((modify SProxy) (\x ->
unsafeCoerce { selected: x
}
)
)
)
((apply ((rename SProxy) SProxy)) (getItemProps r))
in { getInputProps: { autoComplete: inputProps.autoComplete
, id: inputProps.id
, onBlur: inputProps.onBlur
, onChange: inputProps.onChange
, onKeyDown: inputProps.onKeyDown
, value: inputProps.value
, _aria: unsafeCoerce { activedescendant: inputProps."aria-activedescendant"
, autocomplete: inputProps."aria-autocomplete"
, controls: inputProps."aria-controls"
, labelledby: "aria-labelledby"
}
}
, getItemProps: getItemProps'
, getLabelProps: labelProps
, getMenuProps: { ref: menuProps.ref
, id: menuProps.id
, role: menuProps.role
, _aria: (singleton "labelledby") (menuProps."aria-labelledby")
}
, getRootProps: { role: rootProps.role
, ref: rootProps.ref
, _aria: unsafeCoerce { haspopup: rootProps."aria-haspopup"
, expanded: rootProps."aria-expanded"
, labelledby: rootProps."aria-labelledby"
, owns: rootProps."aria-owns"
}
}
, isOpen: isOpen
, inputValue: toMaybe inputValue
, highlightedIndex: toMaybe highlightedIndex
, selectedItem: toMaybe selectedItem
}
defaultProps = { stateReducer: undef
, onChange: undef
}
has type forall a b p p2 p_.
Lacks "children" p => Lacks "key" p => Lacks "ref" p => Union
( itemToString :: Nullable element0 -> String
, items :: Array element0
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
| p
)
( onChange :: b
, stateReducer :: a
)
( itemToString :: Nullable element0 -> String
, items :: Array element0
, onChange :: EffectFn2 (Nullable element0) (Record ()) Unit
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
, stateReducer :: Maybe (Fn2 (Record ()) (Record ()) (Record ()))
)
=> ReactComponent
{ itemToString :: Nullable element0 -> String
, items :: Array element0
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element0
}
-> JSX
| p
}
while checking that expression (reactComponent "Container") (\$0 ->
case $0 of
props -> let
fullProps = (merge props) defaultProps
in (apply pure) ((apply (element rawComponent)) (((rename SProxy) SProxy) fullProps))
)
where
modifyChildrenProps = \$1 ->
case $1 of
{ getInputProps: getInputProps, getItemProps: getItemProps, getLabelProps: getLabelProps, getMenuProps: getMenuProps, isOpen: isOpen, inputValue: inputValue, highlightedIndex: highlightedIndex, selectedItem: selectedItem, getRootProps: getRootProps } -> let
rootProps = ((runFn2 getRootProps) {}) { suppressRefError: true
}
menuProps = getMenuProps unit
labelProps = getLabelProps unit
inputProps = getInputProps unit
getItemProps' = \r ->
(apply ((modify SProxy) (\x ->
unsafeCoerce { selected: x
}
)
)
)
((apply ((rename SProxy) SProxy)) (getItemProps r))
in { getInputProps: { autoComplete: inputProps.autoComplete
, id: inputProps.id
, onBlur: inputProps.onBlur
, onChange: inputProps.onChange
, onKeyDown: inputProps.onKeyDown
, value: inputProps.value
, _aria: unsafeCoerce { activedescendant: inputProps."aria-activedescendant"
, autocomplete: inputProps."aria-autocomplete"
, controls: inputProps."aria-controls"
, labelledby: "aria-labelledby"
}
}
, getItemProps: getItemProps'
, getLabelProps: labelProps
, getMenuProps: { ref: menuProps.ref
, id: menuProps.id
, role: menuProps.role
, _aria: (singleton "labelledby") (menuProps."aria-labelledby")
}
, getRootProps: { role: rootProps.role
, ref: rootProps.ref
, _aria: unsafeCoerce { haspopup: rootProps."aria-haspopup"
, expanded: rootProps."aria-expanded"
, labelledby: rootProps."aria-labelledby"
, owns: rootProps."aria-owns"
}
}
, isOpen: isOpen
, inputValue: toMaybe inputValue
, highlightedIndex: toMaybe highlightedIndex
, selectedItem: toMaybe selectedItem
}
defaultProps = { stateReducer: undef
, onChange: undef
}
has type forall a b p p2 p_ element.
Lacks "children" p => Lacks "key" p => Lacks "ref" p => Union
( itemToString :: Nullable element -> String
, items :: Array element
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element
}
-> JSX
| p
)
( onChange :: b
, stateReducer :: a
)
( itemToString :: Nullable element -> String
, items :: Array element
, onChange :: EffectFn2 (Nullable element) (Record ()) Unit
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element
}
-> JSX
, stateReducer :: Maybe (Fn2 (Record ()) (Record ()) (Record ()))
)
=> ReactComponent
{ itemToString :: Nullable element -> String
, items :: Array element
, renderChildren :: { getInputProps :: { _aria :: Object String
, autoComplete :: String
, id :: String
, onBlur :: EffectFn1 SyntheticEvent Unit
, onChange :: EffectFn1 SyntheticEvent Unit
, onKeyDown :: EffectFn1 SyntheticEvent Unit
, value :: String
}
, getItemProps :: { index :: Int
, item :: { value :: String
}
, key :: String
, style :: CSS
}
-> { _aria :: Object String
, id :: String
, role :: String
, style :: CSS
}
, getLabelProps :: { htmlFor :: String
, id :: String
, ref :: Ref (Nullable Node)
}
, getMenuProps :: { _aria :: Object String
, id :: String
, ref :: Ref (Nullable Node)
, role :: String
}
, getRootProps :: { _aria :: Object String
, ref :: Ref (Nullable Node)
, role :: String
}
, highlightedIndex :: Maybe Int
, inputValue :: Maybe String
, isOpen :: Boolean
, selectedItem :: Maybe element
}
-> JSX
| p
}
in value declaration component
where element0 is a rigid type variable
bound at (line 109, column 13 - line 117, column 118)
p1 is a rigid type variable
bound at (line 109, column 13 - line 117, column 118)
b2 is a rigid type variable
bound at (line 109, column 13 - line 117, column 118)
a3 is a rigid type variable
bound at (line 109, column 13 - line 117, column 118)
t4 is an unknown type
t5 is an unknown type
t7 is an unknown type
t6 is an unknown type
See https://github.com/purescript/documentation/blob/master/errors/TypesDoNotUnify.md for more information,
or to contribute content related to this error.
[error] Failed to build.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment