@@ -59,7 +59,7 @@ mkLeftIcon icon =
5959
6060rawComponent ∷ ∀ p. ReactComponent (Record p)
6161rawComponent =
62− mkForwardRefComponent "InputContainer" do
62+ mkForwardRefComponent "YogaInput" do
6363 \(props ∷ { | PropsOptional }) propsRef -> React.do
6464 hasFocus /\ setHasFocus <- useState' false
6565 inputBackupRef ∷ NodeRef <- useRef null
@@ -136,17 +136,18 @@ rawComponent =
136136 let
137137 inputProps ∷ { | PropsOptional }
138138 inputProps =
139− props
140− { onFocus = cast (composeHandler onFocus props.onFocus)
141− , onBlur = cast (composeHandler onBlur props.onBlur)
142− , onChange = cast (composeHandler onChange props.onChange)
143− , placeholder = maybePlaceholder # maybeToOp
144− , _aria =
145− if props.label # opToMaybe # isJust then
146− cast (aria # Object.insert "labelledby" labelId)
147− else
148− cast (aria)
149− }
139+ ( props
140+ { onFocus = cast (composeHandler onFocus props.onFocus)
141+ , onBlur = cast (composeHandler onBlur props.onBlur)
142+ , onChange = cast (composeHandler onChange props.onChange)
143+ , placeholder = maybePlaceholder # maybeToOp
144+ , _aria =
145+ if props.label # opToMaybe # isJust then
146+ cast (aria # Object.insert "labelledby" labelId)
147+ else
148+ cast (aria)
149+ } # deleteUndefineds
150+ )
150151 theInput =
151152 HTMLInput.componentOptional
152153 </>