git.iko.soy/rowtype-yoga/ry-blocks
on main help sign in
Everything is relative
commit89527fa26e202df037af96654f24525d547896bb authorMark Eibes <mark.eibes@gmail.com> dateMon 4 Jan 2021, 23:07 (6 years ago) parent1045a55
4 files changed+604−623
compare with main
unifiedsplit
src/Yoga/Block/Atom/Segmented/Style.purs+31−21 src/Yoga/Block/Atom/Segmented/View.purs+8−8 src/Yoga/Block/Atom/Segmented/View/ActiveIndicator.purs+128−157 src/Yoga/Block/Internal.purs+437−437
src/Yoga/Block/Atom/Segmented/Style.purs+31−21
@@ -12,7 +12,7 @@ type Props f r =
1212cluster ∷ Style
1313cluster =
1414 css
15− { overflow: auto
15+ { overflow: visible
1616 , flex: str "1"
1717 , display: str "inline-flex"
1818 , userSelect: none
@@ -21,28 +21,37 @@ cluster =
2121segmented ∷ Style
2222segmented = styles
2323 where
24− styles =
25− css
26− { borderWidth: _0
27− , margin: _0
28− , width: auto
29− , display: flex
30− , flex: str "1"
31− , minHeight: str "min-content"
32− , background: str colour.backgroundLayer3
33− , boxShadow: str "inset 0 1 0 rgba(0,0,0,0.1)"
34− , borderRadius: str "calc(var(--s-1) * 0.8)"
35− , border: str $ i "1px solid " colour.interfaceBackground
36− , borderBottom: str $ i "1px solid " colour.interfaceBackgroundShadow
37− , padding: _0
38− , overflow: scroll
39− , userSelect: none
40− }
24+ styles =
25+ css
26+ { borderWidth: _0
27+ , margin: _0
28+ , width: auto
29+ , display: flex
30+ , flex: str "1"
31+ , minHeight: str "min-content"
32+ , background: str colour.backgroundLayer3
33+ , boxShadow: str "inset 0 1 0 rgba(0,0,0,0.1)"
34+ , borderRadius: str "calc(var(--s-1) * 0.8)"
35+ , border: str $ i "1px solid " colour.interfaceBackground
36+ , borderBottom: str $ i "1px solid " colour.interfaceBackgroundShadow
37+ , padding: _0
38+ , overflow: visible
39+ , userSelect: none
40+ }
41+
42+activeElementWrapper ∷ Style
43+activeElementWrapper =
44+ css
45+ { position: relative
46+ , width: str "0"
47+ , overflow: visible
48+ }
4149
4250activeElement ∷ Style
4351activeElement =
4452 css
4553 { position: absolute
54+ , display: block
4655 , borderRadius: str "calc(var(--s-1) * 0.8)"
4756 , background: str colour.backgroundLayer5
4857 , borderTop: str $ i "1px solid " colour.interfaceBackgroundHighlight
@@ -58,6 +67,7 @@ button { isFirst, isLast } =
5867 { background: color transparent
5968 , appearance: none
6069 , color: str colour.text
70+ , overflow: visible
6171 , border: none
6272 , padding: _0
6373 , fontSize: str "var(--s0)"
@@ -95,8 +105,8 @@ buttonContent { isFirst, isLast } =
95105 , userSelect: none
96106 }
97107 where
98− borderSize = "var(--s-4)"
108+ borderSize = "var(--s-4)"
99109
100− edgePadding = i "calc(var(--s0) - " borderSize ")"
110+ edgePadding = i "calc(var(--s0) - " borderSize ")"
101111
102− inBetweenPadding = i "calc(var(--s0)*0.9 - " borderSize ")"
112+ inBetweenPadding = i "calc(var(--s0)*0.9 - " borderSize ")"
src/Yoga/Block/Atom/Segmented/View.purs+8−8
@@ -8,7 +8,6 @@ import Data.Traversable (traverse)
88import Data.TwoOrMore (TwoOrMore)
99import Data.TwoOrMore as TwoOrMore
1010import Effect.Aff (delay)
11−import Effect.Class.Console (log)
1211import Effect.Unsafe (unsafePerformEffect)
1312import Foreign.Object as Object
1413import Math as Math
@@ -45,7 +44,7 @@ component =
4544 refs <- traverse (const createRef) buttonContents
4645 setItemRefs (Just refs)
4746 mempty
48− windowWidth /\ setWindowWidth <- useState' 0.0
47+ windowSize /\ setWindowSize <- useState' zero
4948 -------------------------------------------
5049 -- Support keyboard input
5150 let
@@ -68,18 +67,19 @@ component =
6867 _ -> pure unit
6968 -------------------------------------------
7069 -- Ensure redraw on window resize
71− windowSize <- useResize
72− useAff windowSize.width do
70+ newWindowSize <- useResize
71+ useAff newWindowSize do
72+ let δw = Math.abs (newWindowSize.width - windowSize.width)
73+ let δh = Math.abs (newWindowSize.height - windowSize.height)
7374 delay
74− if Math.abs (windowWidth - windowSize.width) < 10.0 then
75+ if δw < 10.0 || δh < 10.0 then
7576 100.0 # Milliseconds
7677 else
7778 10.0 # Milliseconds
7879 liftEffect do -- force rerender
79− log "Forcing rerender"
8080 refs <- traverse (const createRef) buttonContents
8181 setItemRefs (Just refs)
82− setWindowWidth windowSize.width
82+ setWindowSize windowSize
8383 let
8484 children ∷ Array JSX
8585 children = refsAndContents <#> mapWithIndex contentToChild # maybe mempty TwoOrMore.toArray
@@ -128,7 +128,7 @@ component =
128128 { activeItemRefs
129129 , activeItemIndex: activeIndex
130130 , updateActiveIndex
131− , windowWidth
131+ , windowSize
132132 }
133133 A.: children
134134 }
src/Yoga/Block/Atom/Segmented/View/ActiveIndicator.purs+128−157
@@ -13,7 +13,8 @@ import Literals.Undefined (undefined)
1313import MotionValue (useMotionValue)
1414import MotionValue as MotionValue
1515import Partial.Unsafe (unsafeCrashWith)
16−import React.Basic.DOM (CSS, css)
16+import React.Basic.DOM (css)
17+import React.Basic.DOM as R
1718import React.Basic.Emotion as Emotion
1819import React.Basic.Hooks (reactComponent)
1920import React.Basic.Hooks as React
@@ -21,12 +22,12 @@ import Unsafe.Coerce (unsafeCoerce)
2122import Yoga.Block.Atom.Segmented.Style as Style
2223import Yoga.Block.Hook.Scroll (useScrollPosition)
2324
24−type Props
25− = { activeItemRefs ∷ TwoOrMore (Ref (Nullable Node))
26− , activeItemIndex ∷ Int
27− , updateActiveIndex ∷ Int -> Effect Unit
28− , windowWidth ∷ Number
29− }
25+type Props =
26+ { activeItemRefs ∷ TwoOrMore (Ref (Nullable Node))
27+ , activeItemIndex ∷ Int
28+ , updateActiveIndex ∷ Int -> Effect Unit
29+ , windowSize ∷ { width ∷ Number, height ∷ Number }
30+ }
3031
3132component ∷ ReactComponent Props
3233component =
@@ -34,29 +35,36 @@ component =
3435 $ reactComponent "SegmentedActive" do
3536 \(props ∷ Props) -> React.do
3637 maybeAnimationVariants /\ setVariants <- useState' Nothing
38+ variantIndex /\ modVariantIndex <- useState props.activeItemIndex
3739 maybeDragX /\ setDragX <- useState' Nothing
38− { scrollX } <- useScrollPosition
40+ { scrollX, scrollY } <- useScrollPosition
3941 activeLeft <- useMotionValue 0.0
4042 activeWidth <- useMotionValue 0.0
4143 useEffectAlways do
42− _ <-
43− runMaybeT do
44− rawStyles <- traverse getStyle props.activeItemRefs
45− let
46− -- [TODO] ScrollX is questionable
47− styles = rawStyles <#> \s -> s { left = s.left + scrollX }
48− unless (maybeAnimationVariants == Just styles) do
49− setVariants (Just styles) # lift
44+ _ <- do
45+ styles <- getStyles props.activeItemRefs
46+ unless (maybeAnimationVariants == Just styles) do
47+ setVariants (Just styles)
5048 mempty
5149 useLayoutEffect maybeDragX do
5250 case maybeDragX, maybeAnimationVariants of
5351 Just x, Just animationVariants -> do
54− let
55− { left, width } = handleDrag { activeItemIndex: props.activeItemIndex, animationVariants, x }
52+ let { left, width } = handleDrag { activeItemIndex: props.activeItemIndex, animationVariants, x }
5653 activeLeft # MotionValue.set left
5754 activeWidth # MotionValue.set width
5855 _, _ -> mempty
5956 mempty
57+ useEffect props.activeItemIndex do
58+ modVariantIndex (const props.activeItemIndex)
59+ mempty
60+ useEffect (props.windowSize /\ scrollX /\ scrollY) do
61+ if variantIndex == 0 then do
62+ modVariantIndex (_ + 1)
63+ modVariantIndex (_ - 1)
64+ else do
65+ modVariantIndex (_ - 1)
66+ modVariantIndex (_ + 1)
67+ mempty
6068 let
6169 variants ∷ Motion.Variants
6270 variants = case maybeAnimationVariants of
@@ -68,113 +76,96 @@ component =
6876 Nothing -> cast undefined
6977 pure $ maybeAnimationVariants
7078 # foldMap \animationVariants ->
71− Emotion.elementKeyed Motion.div
72− { css: Style.activeElement
73− , layout: Motion.layout true
74− , key: show props.windowWidth -- to force rerender
75− , variants
76− , className: "ry-active-segmented-element"
77− , initial: Motion.initial $ indexToVariant props.activeItemIndex
78− , drag: Motion.drag "x"
79− , dragMomentum: Motion.dragMomentum false
80− , animate: Motion.animate $ indexToVariant props.activeItemIndex
81− , style:
82− css
83− { left: activeLeft
84− , width: activeWidth
85− }
86− , onDragStart:
87− Motion.onDragStart \_ pi -> do
88− setDragX (Just pi.point.x)
89− , onDrag:
90− Motion.onDrag \_ pi -> do
91− when (isJust maybeDragX) $ setDragX (Just pi.point.x)
92− , onDragEnd:
93− Motion.onDragEnd \_ pi -> do
94− let
95− x =
96− maybeDragX
97− # fromMaybe' \_ -> unsafeCrashWith "no x"
98−
99− newIdx =
100− findOverlapping
101− props.activeItemIndex
102− animationVariants
103− x
104−
105− v =
106− animationVariants TwoOrMore.!! newIdx
107− # fromMaybe' \_ -> unsafeCrashWith "omg"
108− setDragX Nothing
109− activeLeft # MotionValue.set v.left
110− activeWidth # MotionValue.set v.width
111− props.updateActiveIndex newIdx
112− , dragConstraints: Motion.dragConstraints { left: 0, right: 0 }
113− , dragElastic: Motion.dragElastic false
114− , transition:
115− Motion.transition
116− { type: "tween"
117− , duration: if isJust maybeDragX then 0.0 else 0.167
118− , ease: "easeOut"
79+ Emotion.element R.div'
80+ { className: "ry-active-segmented-element-wrapper"
81+ , css: Style.activeElementWrapper
82+ , children:
83+ [ Emotion.elementKeyed Motion.div
84+ { css: Style.activeElement
85+ , layout: Motion.layout true
86+ , key: show (props.windowSize /\ scrollX /\ scrollY) -- to force rerender
87+ , custom: Motion.customProp (({ childRefs: props.activeItemRefs, scrollX, scrollY }) ∷ Custom)
88+ , variants
89+ , className: "ry-active-segmented-element"
90+ , initial: Motion.initial $ indexToVariant props.activeItemIndex
91+ , drag: Motion.drag "x"
92+ , dragMomentum: Motion.dragMomentum false
93+ , animate: Motion.animate $ indexToVariant variantIndex
94+ , style:
95+ css
96+ { left: activeLeft
97+ , width: activeWidth
98+ }
99+ , onDragStart:
100+ Motion.onDragStart \_ pi -> do
101+ setDragX (Just pi.point.x)
102+ , onDrag:
103+ Motion.onDrag \_ pi -> do
104+ when (isJust maybeDragX) $ setDragX (Just pi.point.x)
105+ , onDragEnd:
106+ Motion.onDragEnd \_ pi -> do
107+ let
108+ x =
109+ maybeDragX
110+ # fromMaybe' \_ -> unsafeCrashWith "no x"
111+ newIdx =
112+ findOverlapping
113+ props.activeItemIndex
114+ animationVariants
115+ x
116+ v =
117+ animationVariants TwoOrMore.!! newIdx
118+ # fromMaybe' \_ -> unsafeCrashWith "omg"
119+ setDragX Nothing
120+ activeLeft # MotionValue.set v.left
121+ activeWidth # MotionValue.set v.width
122+ props.updateActiveIndex newIdx
123+ , dragConstraints: Motion.dragConstraints { left: 0, right: 0 }
124+ , dragElastic: Motion.dragElastic false
125+ , transition:
126+ Motion.transition
127+ { type: "tween"
128+ , duration: if isJust maybeDragX then 0.0 else 0.167
129+ , ease: "easeOut"
130+ }
131+ , _aria: Object.fromHomogeneous { hidden: "true" }
119132 }
120− , _aria: Object.fromHomogeneous { hidden: "true" }
133+ ]
121134 }
122135
123−getStyle ∷
124− Ref (Nullable Node) ->
125− MaybeT Effect BBox
126−getStyle itemRef = do
127− br <- MaybeT $ getBoundingBoxFromRef itemRef
128− pure
129− { width: br.width
130− , height: br.height
131− , left: br.left
132− , top: br.top
133− }
134−
135−mkVariantForIndex :: Int -> CSS
136−mkVariantForIndex i =
137− css
138− { width: unsafeStyle _.width
139− , height: unsafeStyle _.height
140− , x: unsafeStyle _.left
141− , y: unsafeStyle _.top
142− }
136+getStyles ∷ TwoOrMore (Ref (Nullable Node)) -> Effect (TwoOrMore BBox)
137+getStyles itemRefs = do
138+ maybeBBs ∷ TwoOrMore (Maybe DOMRect) <- traverse getBoundingBoxFromRef itemRefs
139+ let boundingBoxes = maybeBBs <#> (_ # fromMaybe' \_ -> unsafeCrashWith "something's wrong")
140+ pure (boundingBoxes # mapWithIndex (fn boundingBoxes))
143141 where
144− unsafeStyle :: _ -> TwoOrMore NodeRef -> Number
145− unsafeStyle fn refs =
146− unsafeGetRefAtI refs
147− # unsafeGetBoundingBoxFromRef
148− <#> fn
149− # fromMaybe 0.0
150−
151− unsafeGetRefAtI :: TwoOrMore NodeRef -> NodeRef
152− unsafeGetRefAtI x =
153− (x TwoOrMore.!! i)
154− # fromMaybe' \_ -> unsafeCrashWith "Trying to get non-existing index"
142+ fn ∷ TwoOrMore DOMRect -> Int -> DOMRect -> BBox
143+ fn boundingBoxes i bb = do
144+ let first = TwoOrMore.head boundingBoxes
145+ { width: bb.width
146+ , height: bb.height
147+ , left: bb.left - first.left
148+ , top: 0.0
149+ }
155150
156− unsafeGetBoundingBoxFromRef = unsafePerformEffect <<< getBoundingBoxFromRef
151+type Custom =
152+ { childRefs ∷ TwoOrMore NodeRef, scrollX ∷ Number, scrollY ∷ Number }
157153
158154indexToVariant ∷ Int -> VariantLabel
159155indexToVariant = show >>> unsafeCoerce
160156
161−type BBox
162− = { top ∷ Number, left ∷ Number, width ∷ Number, height ∷ Number }
157+type BBox =
158+ { top ∷ Number, left ∷ Number, width ∷ Number, height ∷ Number }
163159
164160findOverlapping ∷ Int -> TwoOrMore BBox -> Number -> Int
165161findOverlapping activeIndex styles x =
166162 fromMaybe activeIndex do
167163 curr <- styles TwoOrMore.!! activeIndex
168− let
169− fst = TwoOrMore.head styles
170− let
171− lst = TwoOrMore.last styles
172− let
173− inside e = (e.left < x) && (e.left + e.width) >= x
174− let
175− tooFarLeft = MZ.guard (x <= fst.left + fst.width) $> 0
176− let
177− tooFarRight = MZ.guard (x >= lst.left) $> TwoOrMore.length styles - 1
164+ let fst = TwoOrMore.head styles
165+ let lst = TwoOrMore.last styles
166+ let inside e = (e.left < x) && (e.left + e.width) >= x
167+ let tooFarLeft = MZ.guard (x <= fst.left + fst.width) $> 0
168+ let tooFarRight = MZ.guard (x >= lst.left) $> TwoOrMore.length styles - 1
178169 TwoOrMore.findIndex inside styles <|> tooFarLeft <|> tooFarRight
179170
180171handleDrag ∷
@@ -184,16 +175,11 @@ handleDrag ∷
184175 } ->
185176 { left ∷ Number, width ∷ Number }
186177handleDrag { x, activeItemIndex, animationVariants } = do
187− let
188− idx = findOverlapping activeItemIndex animationVariants x
189− let
190− av = animationVariants
191− let
192− firstVariant = av # TwoOrMore.head
193− let
194− lastVariant = av # TwoOrMore.last
195− let
196− baseVariant = av TwoOrMore.!! idx # fromMaybe' \_ -> unsafeCrashWith "shit"
178+ let idx = findOverlapping activeItemIndex animationVariants x
179+ let av = animationVariants
180+ let firstVariant = av # TwoOrMore.head
181+ let lastVariant = av # TwoOrMore.last
182+ let baseVariant = av TwoOrMore.!! idx # fromMaybe' \_ -> unsafeCrashWith "shit"
197183 let
198184 closestVariant =
199185 if x >= (baseVariant.left + (baseVariant.width / 2.0)) then
@@ -207,44 +193,29 @@ handleDrag { x, activeItemIndex, animationVariants } = do
207193 else
208194 closestVariant /\ baseVariant
209195 -- Total
210− let
211− rangeStart = smaller.left + (smaller.width / 2.0)
212− let
213− rangeEnd = greater.left + (greater.width / 2.0)
214− let
215− range = rangeEnd - rangeStart
216− let
217− ratio = ((x - rangeStart) / range)
218− let
219− interpolatedWidth = (greater.width * ratio) + smaller.width * (1.0 - ratio)
196+ let rangeStart = smaller.left + (smaller.width / 2.0)
197+ let rangeEnd = greater.left + (greater.width / 2.0)
198+ let range = rangeEnd - rangeStart
199+ let ratio = ((x - rangeStart) / range)
200+ let interpolatedWidth = (greater.width * ratio) + smaller.width * (1.0 - ratio)
220201 -- Right
221− let
222− rangeStartRight = smaller.left + smaller.width
223− let
224− rangeEndRight = greater.left + greater.width
225− let
226− rangeRight = rangeEndRight - rangeStartRight
227− let
228− ratioRight = ((x + (interpolatedWidth / 2.0) - rangeStartRight) / rangeRight)
202+ let rangeStartRight = smaller.left + smaller.width
203+ let rangeEndRight = greater.left + greater.width
204+ let rangeRight = rangeEndRight - rangeStartRight
205+ let ratioRight = ((x + (interpolatedWidth / 2.0) - rangeStartRight) / rangeRight)
229206 -- Left
230− let
231− rangeStartLeft = smaller.left
232− let
233− rangeEndLeft = greater.left
234− let
235− rangeLeft = rangeEndLeft - rangeStartLeft
236− let
237− ratioLeft = (((x - (interpolatedWidth / 2.0)) - rangeStartLeft) / rangeLeft)
207+ let rangeStartLeft = smaller.left
208+ let rangeEndLeft = greater.left
209+ let rangeLeft = rangeEndLeft - rangeStartLeft
210+ let ratioLeft = (((x - (interpolatedWidth / 2.0)) - rangeStartLeft) / rangeLeft)
238211 -- Individual
239− let
240− left = rangeStartLeft + (ratioLeft * rangeLeft)
241− let
242− right = rangeStartRight + (ratioRight * rangeRight)
243− let
244− width = right - left
212+ let left = rangeStartLeft + (ratioLeft * rangeLeft)
213+ let right = rangeStartRight + (ratioRight * rangeRight)
214+ let width = right - left
245215 if x < firstVariant.left then
246216 { left: firstVariant.left, width: firstVariant.width }
247− else if x >= lastVariant.left + lastVariant.width then do
248− { left: lastVariant.left, width: lastVariant.width }
249− else do
250− { left, width }
217+ else
218+ if x >= lastVariant.left + lastVariant.width then do
219+ { left: lastVariant.left, width: lastVariant.width }
220+ else do
221+ { left, width }
src/Yoga/Block/Internal.purs+437−437
@@ -67,8 +67,8 @@ foreign import mkForwardRefComponentEffect ∷
6767
6868foreign import createRef ∷ ∀ a. Effect (Ref a)
6969
70−type NodeRef
71− = Ref (Nullable Node)
70+type NodeRef =
71+ Ref (Nullable Node)
7272
7373getBoundingBoxFromRef ∷ Ref (Nullable Node) -> Effect (Maybe DOMRect)
7474getBoundingBoxFromRef itemRef = do
@@ -200,443 +200,443 @@ dangerous = unsafePerformEffect <<< unsafeCreateDOMComponent
200200
201201-- type DivProps =
202202-- Props_div
203−type DivProps
204− = DivPropsF Id ()
203+type DivProps =
204+ DivPropsF Id ()
205205
206−type DivPropsF f more
207− = ( _aria ∷ f (Object String)
208− , _data ∷ f (Object String)
209− , about ∷ f String
210− , acceptCharset ∷ f String
211− , accessKey ∷ f String
212− , allowFullScreen ∷ f Boolean
213− , autoFocus ∷ f Boolean
214− , autoPlay ∷ f Boolean
215− , capture ∷ f Boolean
216− , cellPadding ∷ f String
217− , cellSpacing ∷ f String
218− , charSet ∷ f String
219− , children ∷ f (Array JSX)
220− , classID ∷ f String
221− , colSpan ∷ f Int
222− , contentEditable ∷ f Boolean
223− , contextMenu ∷ f String
224− , crossOrigin ∷ f String
225− , dangerouslySetInnerHTML ∷ f { __html ∷ f String }
226− , datatype ∷ f String
227− , dateTime ∷ f String
228− , dir ∷ f String
229− , draggable ∷ f Boolean
230− , encType ∷ f String
231− , formAction ∷ f String
232− , formEncType ∷ f String
233− , formMethod ∷ f String
234− , formNoValidate ∷ f Boolean
235− , formTarget ∷ f String
236− , frameBorder ∷ f String
237− , hidden ∷ f Boolean
238− , hrefLang ∷ f String
239− , htmlFor ∷ f String
240− , httpEquiv ∷ f String
241− , icon ∷ f String
242− , id ∷ f String
243− , inlist ∷ f String
244− , inputMode ∷ f String
245− , is ∷ f String
246− , itemID ∷ f String
247− , itemProp ∷ f String
248− , itemRef ∷ f String
249− , itemScope ∷ f Boolean
250− , itemType ∷ f String
251− , keyParams ∷ f String
252− , keyType ∷ f String
253− , lang ∷ f String
254− , marginHeight ∷ f String
255− , marginWidth ∷ f String
256− , maxLength ∷ f Int
257− , mediaGroup ∷ f String
258− , minLength ∷ f Int
259− , noValidate ∷ f Boolean
260− , onAnimationEnd ∷ f EventHandler
261− , onAnimationIteration ∷ f EventHandler
262− , onAnimationStart ∷ f EventHandler
263− , onBlur ∷ f EventHandler
264− , onClick ∷ f EventHandler
265− , onCompositionEnd ∷ f EventHandler
266− , onCompositionStart ∷ f EventHandler
267− , onCompositionUpdate ∷ f EventHandler
268− , onContextMenu ∷ f EventHandler
269− , onCopy ∷ f EventHandler
270− , onCut ∷ f EventHandler
271− , onDoubleClick ∷ f EventHandler
272− , onDrag ∷ f EventHandler
273− , onDragEnd ∷ f EventHandler
274− , onDragEnter ∷ f EventHandler
275− , onDragExit ∷ f EventHandler
276− , onDragLeave ∷ f EventHandler
277− , onDragOver ∷ f EventHandler
278− , onDragStart ∷ f EventHandler
279− , onDrop ∷ f EventHandler
280− , onFocus ∷ f EventHandler
281− , onGotPointerCapture ∷ f EventHandler
282− , onInvalid ∷ f EventHandler
283− , onKeyDown ∷ f EventHandler
284− , onKeyPress ∷ f EventHandler
285− , onKeyUp ∷ f EventHandler
286− , onLostPointerCapture ∷ f EventHandler
287− , onMouseDown ∷ f EventHandler
288− , onMouseEnter ∷ f EventHandler
289− , onMouseLeave ∷ f EventHandler
290− , onMouseMove ∷ f EventHandler
291− , onMouseOut ∷ f EventHandler
292− , onMouseOver ∷ f EventHandler
293− , onMouseUp ∷ f EventHandler
294− , onPaste ∷ f EventHandler
295− , onPointerCancel ∷ f EventHandler
296− , onPointerDown ∷ f EventHandler
297− , onPointerEnter ∷ f EventHandler
298− , onPointerLeave ∷ f EventHandler
299− , onPointerMove ∷ f EventHandler
300− , onPointerOut ∷ f EventHandler
301− , onPointerOver ∷ f EventHandler
302− , onPointerUp ∷ f EventHandler
303− , onSelect ∷ f EventHandler
304− , onSubmit ∷ f EventHandler
305− , onTouchCancel ∷ f EventHandler
306− , onTouchEnd ∷ f EventHandler
307− , onTouchMove ∷ f EventHandler
308− , onTouchStart ∷ f EventHandler
309− , onTransitionEnd ∷ f EventHandler
310− , onWheel ∷ f EventHandler
311− , prefix ∷ f String
312− , property ∷ f String
313− , radioGroup ∷ f String
314− , readOnly ∷ f Boolean
315− , ref ∷ f (Ref (Nullable Node))
316− , resource ∷ f String
317− , role ∷ f String
318− , rowSpan ∷ f Int
319− , scoped ∷ f Boolean
320− , seamless ∷ f Boolean
321− , security ∷ f String
322− , spellCheck ∷ f Boolean
323− , srcDoc ∷ f JSX
324− , srcLang ∷ f String
325− , srcSet ∷ f String
326− , style ∷ f CSS
327− , suppressContentEditableWarning ∷ f Boolean
328− , tabIndex ∷ f Int
329− , title ∷ f String
330− , typeof ∷ f String
331− , unselectable ∷ f Boolean
332− , useMap ∷ f String
333− , vocab ∷ f String
334− , wmode ∷ f String
335− | more
336− )
206+type DivPropsF f more =
207+ ( _aria ∷ f (Object String)
208+ , _data ∷ f (Object String)
209+ , about ∷ f String
210+ , acceptCharset ∷ f String
211+ , accessKey ∷ f String
212+ , allowFullScreen ∷ f Boolean
213+ , autoFocus ∷ f Boolean
214+ , autoPlay ∷ f Boolean
215+ , capture ∷ f Boolean
216+ , cellPadding ∷ f String
217+ , cellSpacing ∷ f String
218+ , charSet ∷ f String
219+ , children ∷ f (Array JSX)
220+ , classID ∷ f String
221+ , colSpan ∷ f Int
222+ , contentEditable ∷ f Boolean
223+ , contextMenu ∷ f String
224+ , crossOrigin ∷ f String
225+ , dangerouslySetInnerHTML ∷ f { __html ∷ f String }
226+ , datatype ∷ f String
227+ , dateTime ∷ f String
228+ , dir ∷ f String
229+ , draggable ∷ f Boolean
230+ , encType ∷ f String
231+ , formAction ∷ f String
232+ , formEncType ∷ f String
233+ , formMethod ∷ f String
234+ , formNoValidate ∷ f Boolean
235+ , formTarget ∷ f String
236+ , frameBorder ∷ f String
237+ , hidden ∷ f Boolean
238+ , hrefLang ∷ f String
239+ , htmlFor ∷ f String
240+ , httpEquiv ∷ f String
241+ , icon ∷ f String
242+ , id ∷ f String
243+ , inlist ∷ f String
244+ , inputMode ∷ f String
245+ , is ∷ f String
246+ , itemID ∷ f String
247+ , itemProp ∷ f String
248+ , itemRef ∷ f String
249+ , itemScope ∷ f Boolean
250+ , itemType ∷ f String
251+ , keyParams ∷ f String
252+ , keyType ∷ f String
253+ , lang ∷ f String
254+ , marginHeight ∷ f String
255+ , marginWidth ∷ f String
256+ , maxLength ∷ f Int
257+ , mediaGroup ∷ f String
258+ , minLength ∷ f Int
259+ , noValidate ∷ f Boolean
260+ , onAnimationEnd ∷ f EventHandler
261+ , onAnimationIteration ∷ f EventHandler
262+ , onAnimationStart ∷ f EventHandler
263+ , onBlur ∷ f EventHandler
264+ , onClick ∷ f EventHandler
265+ , onCompositionEnd ∷ f EventHandler
266+ , onCompositionStart ∷ f EventHandler
267+ , onCompositionUpdate ∷ f EventHandler
268+ , onContextMenu ∷ f EventHandler
269+ , onCopy ∷ f EventHandler
270+ , onCut ∷ f EventHandler
271+ , onDoubleClick ∷ f EventHandler
272+ , onDrag ∷ f EventHandler
273+ , onDragEnd ∷ f EventHandler
274+ , onDragEnter ∷ f EventHandler
275+ , onDragExit ∷ f EventHandler
276+ , onDragLeave ∷ f EventHandler
277+ , onDragOver ∷ f EventHandler
278+ , onDragStart ∷ f EventHandler
279+ , onDrop ∷ f EventHandler
280+ , onFocus ∷ f EventHandler
281+ , onGotPointerCapture ∷ f EventHandler
282+ , onInvalid ∷ f EventHandler
283+ , onKeyDown ∷ f EventHandler
284+ , onKeyPress ∷ f EventHandler
285+ , onKeyUp ∷ f EventHandler
286+ , onLostPointerCapture ∷ f EventHandler
287+ , onMouseDown ∷ f EventHandler
288+ , onMouseEnter ∷ f EventHandler
289+ , onMouseLeave ∷ f EventHandler
290+ , onMouseMove ∷ f EventHandler
291+ , onMouseOut ∷ f EventHandler
292+ , onMouseOver ∷ f EventHandler
293+ , onMouseUp ∷ f EventHandler
294+ , onPaste ∷ f EventHandler
295+ , onPointerCancel ∷ f EventHandler
296+ , onPointerDown ∷ f EventHandler
297+ , onPointerEnter ∷ f EventHandler
298+ , onPointerLeave ∷ f EventHandler
299+ , onPointerMove ∷ f EventHandler
300+ , onPointerOut ∷ f EventHandler
301+ , onPointerOver ∷ f EventHandler
302+ , onPointerUp ∷ f EventHandler
303+ , onSelect ∷ f EventHandler
304+ , onSubmit ∷ f EventHandler
305+ , onTouchCancel ∷ f EventHandler
306+ , onTouchEnd ∷ f EventHandler
307+ , onTouchMove ∷ f EventHandler
308+ , onTouchStart ∷ f EventHandler
309+ , onTransitionEnd ∷ f EventHandler
310+ , onWheel ∷ f EventHandler
311+ , prefix ∷ f String
312+ , property ∷ f String
313+ , radioGroup ∷ f String
314+ , readOnly ∷ f Boolean
315+ , ref ∷ f (Ref (Nullable Node))
316+ , resource ∷ f String
317+ , role ∷ f String
318+ , rowSpan ∷ f Int
319+ , scoped ∷ f Boolean
320+ , seamless ∷ f Boolean
321+ , security ∷ f String
322+ , spellCheck ∷ f Boolean
323+ , srcDoc ∷ f JSX
324+ , srcLang ∷ f String
325+ , srcSet ∷ f String
326+ , style ∷ f CSS
327+ , suppressContentEditableWarning ∷ f Boolean
328+ , tabIndex ∷ f Int
329+ , title ∷ f String
330+ , typeof ∷ f String
331+ , unselectable ∷ f Boolean
332+ , useMap ∷ f String
333+ , vocab ∷ f String
334+ , wmode ∷ f String
335+ | more
336+ )
337337
338−type InputProps
339− = InputPropsF Id ()
338+type InputProps =
339+ InputPropsF Id ()
340340
341−type InputPropsF f more
342− = ( _aria ∷ f (Object String)
343− , _data ∷ f (Object String)
344− , about ∷ f String
345− , accept ∷ f String
346− , acceptCharset ∷ f String
347− , accessKey ∷ f String
348− , allowFullScreen ∷ f Boolean
349− , alt ∷ f String
350− , autoCapitalize ∷ f String
351− , autoComplete ∷ f String
352− , autoCorrect ∷ f String
353− , autoFocus ∷ f Boolean
354− , autoPlay ∷ f Boolean
355− , autoSave ∷ f String
356− , capture ∷ f Boolean
357− , cellPadding ∷ f String
358− , cellSpacing ∷ f String
359− , charSet ∷ f String
360− , checked ∷ f Boolean
361− , classID ∷ f String
362− , colSpan ∷ f Int
363− , contentEditable ∷ f Boolean
364− , contextMenu ∷ f String
365− , crossOrigin ∷ f String
366− , dangerouslySetInnerHTML ∷ f { __html ∷ f String }
367− , datatype ∷ f String
368− , dateTime ∷ f String
369− , defaultChecked ∷ f String
370− , defaultValue ∷ f String
371− , dir ∷ f String
372− , disabled ∷ f Boolean
373− , draggable ∷ f Boolean
374− , encType ∷ f String
375− , form ∷ f String
376− , formAction ∷ f String
377− , formEncType ∷ f String
378− , formMethod ∷ f String
379− , formNoValidate ∷ f Boolean
380− , formTarget ∷ f String
381− , frameBorder ∷ f String
382− , height ∷ f String
383− , hidden ∷ f Boolean
384− , hrefLang ∷ f String
385− , htmlFor ∷ f String
386− , httpEquiv ∷ f String
387− , icon ∷ f String
388− , id ∷ f String
389− , inlist ∷ f String
390− , inputMode ∷ f String
391− , is ∷ f String
392− , itemID ∷ f String
393− , itemProp ∷ f String
394− , itemRef ∷ f String
395− , itemScope ∷ f Boolean
396− , itemType ∷ f String
397− , keyParams ∷ f String
398− , keyType ∷ f String
399− , lang ∷ f String
400− , list ∷ f String
401− , marginHeight ∷ f String
402− , marginWidth ∷ f String
403− , maxLength ∷ f Int
404− , mediaGroup ∷ f String
405− , minLength ∷ f Int
406− , multiple ∷ f Boolean
407− , name ∷ f String
408− , noValidate ∷ f Boolean
409− , onAnimationEnd ∷ f EventHandler
410− , onAnimationIteration ∷ f EventHandler
411− , onAnimationStart ∷ f EventHandler
412− , onBlur ∷ f EventHandler
413− , onChange ∷ f EventHandler
414− , onClick ∷ f EventHandler
415− , onCompositionEnd ∷ f EventHandler
416− , onCompositionStart ∷ f EventHandler
417− , onCompositionUpdate ∷ f EventHandler
418− , onContextMenu ∷ f EventHandler
419− , onCopy ∷ f EventHandler
420− , onCut ∷ f EventHandler
421− , onDoubleClick ∷ f EventHandler
422− , onDrag ∷ f EventHandler
423− , onDragEnd ∷ f EventHandler
424− , onDragEnter ∷ f EventHandler
425− , onDragExit ∷ f EventHandler
426− , onDragLeave ∷ f EventHandler
427− , onDragOver ∷ f EventHandler
428− , onDragStart ∷ f EventHandler
429− , onDrop ∷ f EventHandler
430− , onFocus ∷ f EventHandler
431− , onGotPointerCapture ∷ f EventHandler
432− , onInvalid ∷ f EventHandler
433− , onKeyDown ∷ f EventHandler
434− , onKeyPress ∷ f EventHandler
435− , onKeyUp ∷ f EventHandler
436− , onLostPointerCapture ∷ f EventHandler
437− , onMouseDown ∷ f EventHandler
438− , onMouseEnter ∷ f EventHandler
439− , onMouseLeave ∷ f EventHandler
440− , onMouseMove ∷ f EventHandler
441− , onMouseOut ∷ f EventHandler
442− , onMouseOver ∷ f EventHandler
443− , onMouseUp ∷ f EventHandler
444− , onPaste ∷ f EventHandler
445− , onPointerCancel ∷ f EventHandler
446− , onPointerDown ∷ f EventHandler
447− , onPointerEnter ∷ f EventHandler
448− , onPointerLeave ∷ f EventHandler
449− , onPointerMove ∷ f EventHandler
450− , onPointerOut ∷ f EventHandler
451− , onPointerOver ∷ f EventHandler
452− , onPointerUp ∷ f EventHandler
453− , onSelect ∷ f EventHandler
454− , onSubmit ∷ f EventHandler
455− , onTouchCancel ∷ f EventHandler
456− , onTouchEnd ∷ f EventHandler
457− , onTouchMove ∷ f EventHandler
458− , onTouchStart ∷ f EventHandler
459− , onTransitionEnd ∷ f EventHandler
460− , onWheel ∷ f EventHandler
461− , pattern ∷ f String
462− , placeholder ∷ f String
463− , prefix ∷ f String
464− , property ∷ f String
465− , radioGroup ∷ f String
466− , ref ∷ f (Ref (Nullable Node))
467− , readOnly ∷ f Boolean
468− , required ∷ f Boolean
469− , resource ∷ f String
470− , results ∷ f String
471− , role ∷ f String
472− , rowSpan ∷ f Int
473− , scoped ∷ f Boolean
474− , seamless ∷ f Boolean
475− , security ∷ f String
476− , size ∷ f Int
477− , spellCheck ∷ f Boolean
478− , src ∷ f String
479− , srcDoc ∷ f JSX
480− , srcLang ∷ f String
481− , srcSet ∷ f String
482− , step ∷ f String
483− , style ∷ f CSS
484− , suppressContentEditableWarning ∷ f Boolean
485− , tabIndex ∷ f Int
486− , title ∷ f String
487− , title ∷ f String
488− , type ∷ f String
489− , typeof ∷ f String
490− , unselectable ∷ f Boolean
491− , useMap ∷ f String
492− , value ∷ f String
493− , vocab ∷ f String
494− , width ∷ f String
495− , wmode ∷ f String
496− , min ∷ f (String)
497− , max ∷ f (String)
498− | more
499− )
341+type InputPropsF f more =
342+ ( _aria ∷ f (Object String)
343+ , _data ∷ f (Object String)
344+ , about ∷ f String
345+ , accept ∷ f String
346+ , acceptCharset ∷ f String
347+ , accessKey ∷ f String
348+ , allowFullScreen ∷ f Boolean
349+ , alt ∷ f String
350+ , autoCapitalize ∷ f String
351+ , autoComplete ∷ f String
352+ , autoCorrect ∷ f String
353+ , autoFocus ∷ f Boolean
354+ , autoPlay ∷ f Boolean
355+ , autoSave ∷ f String
356+ , capture ∷ f Boolean
357+ , cellPadding ∷ f String
358+ , cellSpacing ∷ f String
359+ , charSet ∷ f String
360+ , checked ∷ f Boolean
361+ , classID ∷ f String
362+ , colSpan ∷ f Int
363+ , contentEditable ∷ f Boolean
364+ , contextMenu ∷ f String
365+ , crossOrigin ∷ f String
366+ , dangerouslySetInnerHTML ∷ f { __html ∷ f String }
367+ , datatype ∷ f String
368+ , dateTime ∷ f String
369+ , defaultChecked ∷ f String
370+ , defaultValue ∷ f String
371+ , dir ∷ f String
372+ , disabled ∷ f Boolean
373+ , draggable ∷ f Boolean
374+ , encType ∷ f String
375+ , form ∷ f String
376+ , formAction ∷ f String
377+ , formEncType ∷ f String
378+ , formMethod ∷ f String
379+ , formNoValidate ∷ f Boolean
380+ , formTarget ∷ f String
381+ , frameBorder ∷ f String
382+ , height ∷ f String
383+ , hidden ∷ f Boolean
384+ , hrefLang ∷ f String
385+ , htmlFor ∷ f String
386+ , httpEquiv ∷ f String
387+ , icon ∷ f String
388+ , id ∷ f String
389+ , inlist ∷ f String
390+ , inputMode ∷ f String
391+ , is ∷ f String
392+ , itemID ∷ f String
393+ , itemProp ∷ f String
394+ , itemRef ∷ f String
395+ , itemScope ∷ f Boolean
396+ , itemType ∷ f String
397+ , keyParams ∷ f String
398+ , keyType ∷ f String
399+ , lang ∷ f String
400+ , list ∷ f String
401+ , marginHeight ∷ f String
402+ , marginWidth ∷ f String
403+ , maxLength ∷ f Int
404+ , mediaGroup ∷ f String
405+ , minLength ∷ f Int
406+ , multiple ∷ f Boolean
407+ , name ∷ f String
408+ , noValidate ∷ f Boolean
409+ , onAnimationEnd ∷ f EventHandler
410+ , onAnimationIteration ∷ f EventHandler
411+ , onAnimationStart ∷ f EventHandler
412+ , onBlur ∷ f EventHandler
413+ , onChange ∷ f EventHandler
414+ , onClick ∷ f EventHandler
415+ , onCompositionEnd ∷ f EventHandler
416+ , onCompositionStart ∷ f EventHandler
417+ , onCompositionUpdate ∷ f EventHandler
418+ , onContextMenu ∷ f EventHandler
419+ , onCopy ∷ f EventHandler
420+ , onCut ∷ f EventHandler
421+ , onDoubleClick ∷ f EventHandler
422+ , onDrag ∷ f EventHandler
423+ , onDragEnd ∷ f EventHandler
424+ , onDragEnter ∷ f EventHandler
425+ , onDragExit ∷ f EventHandler
426+ , onDragLeave ∷ f EventHandler
427+ , onDragOver ∷ f EventHandler
428+ , onDragStart ∷ f EventHandler
429+ , onDrop ∷ f EventHandler
430+ , onFocus ∷ f EventHandler
431+ , onGotPointerCapture ∷ f EventHandler
432+ , onInvalid ∷ f EventHandler
433+ , onKeyDown ∷ f EventHandler
434+ , onKeyPress ∷ f EventHandler
435+ , onKeyUp ∷ f EventHandler
436+ , onLostPointerCapture ∷ f EventHandler
437+ , onMouseDown ∷ f EventHandler
438+ , onMouseEnter ∷ f EventHandler
439+ , onMouseLeave ∷ f EventHandler
440+ , onMouseMove ∷ f EventHandler
441+ , onMouseOut ∷ f EventHandler
442+ , onMouseOver ∷ f EventHandler
443+ , onMouseUp ∷ f EventHandler
444+ , onPaste ∷ f EventHandler
445+ , onPointerCancel ∷ f EventHandler
446+ , onPointerDown ∷ f EventHandler
447+ , onPointerEnter ∷ f EventHandler
448+ , onPointerLeave ∷ f EventHandler
449+ , onPointerMove ∷ f EventHandler
450+ , onPointerOut ∷ f EventHandler
451+ , onPointerOver ∷ f EventHandler
452+ , onPointerUp ∷ f EventHandler
453+ , onSelect ∷ f EventHandler
454+ , onSubmit ∷ f EventHandler
455+ , onTouchCancel ∷ f EventHandler
456+ , onTouchEnd ∷ f EventHandler
457+ , onTouchMove ∷ f EventHandler
458+ , onTouchStart ∷ f EventHandler
459+ , onTransitionEnd ∷ f EventHandler
460+ , onWheel ∷ f EventHandler
461+ , pattern ∷ f String
462+ , placeholder ∷ f String
463+ , prefix ∷ f String
464+ , property ∷ f String
465+ , radioGroup ∷ f String
466+ , ref ∷ f (Ref (Nullable Node))
467+ , readOnly ∷ f Boolean
468+ , required ∷ f Boolean
469+ , resource ∷ f String
470+ , results ∷ f String
471+ , role ∷ f String
472+ , rowSpan ∷ f Int
473+ , scoped ∷ f Boolean
474+ , seamless ∷ f Boolean
475+ , security ∷ f String
476+ , size ∷ f Int
477+ , spellCheck ∷ f Boolean
478+ , src ∷ f String
479+ , srcDoc ∷ f JSX
480+ , srcLang ∷ f String
481+ , srcSet ∷ f String
482+ , step ∷ f String
483+ , style ∷ f CSS
484+ , suppressContentEditableWarning ∷ f Boolean
485+ , tabIndex ∷ f Int
486+ , title ∷ f String
487+ , title ∷ f String
488+ , type ∷ f String
489+ , typeof ∷ f String
490+ , unselectable ∷ f Boolean
491+ , useMap ∷ f String
492+ , value ∷ f String
493+ , vocab ∷ f String
494+ , width ∷ f String
495+ , wmode ∷ f String
496+ , min ∷ f (String)
497+ , max ∷ f (String)
498+ | more
499+ )
500500
501−type ButtonProps
502− = ButtonPropsF Id ()
501+type ButtonProps =
502+ ButtonPropsF Id ()
503503
504−type ButtonPropsF f more
505− = ( _aria ∷ f (Object String)
506− , _data ∷ f (Object String)
507− , about ∷ f String
508− , acceptCharset ∷ f String
509− , accessKey ∷ f String
510− , allowFullScreen ∷ f Boolean
511− , allowTransparency ∷ f Boolean
512− , autoFocus ∷ f Boolean
513− , autoPlay ∷ f Boolean
514− , capture ∷ f Boolean
515− , cellPadding ∷ f String
516− , cellSpacing ∷ f String
517− , charSet ∷ f String
518− , children ∷ f (Array JSX)
519− , classID ∷ f String
520− , className ∷ f String
521− , colSpan ∷ f Int
522− , contentEditable ∷ f Boolean
523− , contextMenu ∷ f String
524− , crossOrigin ∷ f String
525− , dangerouslySetInnerHTML ∷ f { __html ∷ String }
526− , datatype ∷ f String
527− , dateTime ∷ f String
528− , dir ∷ f String
529− , disabled ∷ f Boolean
530− , draggable ∷ f Boolean
531− , encType ∷ f String
532− , form ∷ f String
533− , formAction ∷ f String
534− , formEncType ∷ f String
535− , formMethod ∷ f String
536− , formNoValidate ∷ f Boolean
537− , formTarget ∷ f String
538− , frameBorder ∷ f String
539− , hidden ∷ f Boolean
540− , hrefLang ∷ f String
541− , htmlFor ∷ f String
542− , httpEquiv ∷ f String
543− , icon ∷ f String
544− , id ∷ f String
545− , inlist ∷ f String
546− , inputMode ∷ f String
547− , is ∷ f String
548− , itemID ∷ f String
549− , itemProp ∷ f String
550− , itemRef ∷ f String
551− , itemScope ∷ f Boolean
552− , itemType ∷ f String
553− , key ∷ f String
554− , keyParams ∷ f String
555− , keyType ∷ f String
556− , lang ∷ f String
557− , marginHeight ∷ f String
558− , marginWidth ∷ f String
559− , maxLength ∷ f Int
560− , mediaGroup ∷ f String
561− , minLength ∷ f Int
562− , name ∷ f String
563− , noValidate ∷ f Boolean
564− , onAnimationEnd ∷ f EventHandler
565− , onAnimationIteration ∷ f EventHandler
566− , onAnimationStart ∷ f EventHandler
567− , onBlur ∷ f EventHandler
568− , onClick ∷ f EventHandler
569− , onCompositionEnd ∷ f EventHandler
570− , onCompositionStart ∷ f EventHandler
571− , onCompositionUpdate ∷ f EventHandler
572− , onContextMenu ∷ f EventHandler
573− , onCopy ∷ f EventHandler
574− , onCut ∷ f EventHandler
575− , onDoubleClick ∷ f EventHandler
576− , onDrag ∷ f EventHandler
577− , onDragEnd ∷ f EventHandler
578− , onDragEnter ∷ f EventHandler
579− , onDragExit ∷ f EventHandler
580− , onDragLeave ∷ f EventHandler
581− , onDragOver ∷ f EventHandler
582− , onDragStart ∷ f EventHandler
583− , onDrop ∷ f EventHandler
584− , onFocus ∷ f EventHandler
585− , onGotPointerCapture ∷ f EventHandler
586− , onInvalid ∷ f EventHandler
587− , onKeyDown ∷ f EventHandler
588− , onKeyPress ∷ f EventHandler
589− , onKeyUp ∷ f EventHandler
590− , onLostPointerCapture ∷ f EventHandler
591− , onMouseDown ∷ f EventHandler
592− , onMouseEnter ∷ f EventHandler
593− , onMouseLeave ∷ f EventHandler
594− , onMouseMove ∷ f EventHandler
595− , onMouseOut ∷ f EventHandler
596− , onMouseOver ∷ f EventHandler
597− , onMouseUp ∷ f EventHandler
598− , onPaste ∷ f EventHandler
599− , onPointerCancel ∷ f EventHandler
600− , onPointerDown ∷ f EventHandler
601− , onPointerEnter ∷ f EventHandler
602− , onPointerLeave ∷ f EventHandler
603− , onPointerMove ∷ f EventHandler
604− , onPointerOut ∷ f EventHandler
605− , onPointerOver ∷ f EventHandler
606− , onPointerUp ∷ f EventHandler
607− , onSelect ∷ f EventHandler
608− , onSubmit ∷ f EventHandler
609− , onTouchCancel ∷ f EventHandler
610− , onTouchEnd ∷ f EventHandler
611− , onTouchMove ∷ f EventHandler
612− , onTouchStart ∷ f EventHandler
613− , onTransitionEnd ∷ f EventHandler
614− , onWheel ∷ f EventHandler
615− , prefix ∷ f String
616− , property ∷ f String
617− , radioGroup ∷ f String
618− , readOnly ∷ f Boolean
619− , ref ∷ f (Ref (Nullable Node))
620− , resource ∷ f String
621− , role ∷ f String
622− , rowSpan ∷ f Int
623− , scoped ∷ f Boolean
624− , seamless ∷ f Boolean
625− , security ∷ f String
626− , spellCheck ∷ f Boolean
627− , srcDoc ∷ f JSX
628− , srcLang ∷ f String
629− , srcSet ∷ f String
630− , style ∷ f CSS
631− , suppressContentEditableWarning ∷ f Boolean
632− , tabIndex ∷ f Int
633− , title ∷ f String
634− , type ∷ f String
635− , typeof ∷ f String
636− , unselectable ∷ f Boolean
637− , useMap ∷ f String
638− , value ∷ f String
639− , vocab ∷ f String
640− , wmode ∷ f String
641− | more
642− )
504+type ButtonPropsF f more =
505+ ( _aria ∷ f (Object String)
506+ , _data ∷ f (Object String)
507+ , about ∷ f String
508+ , acceptCharset ∷ f String
509+ , accessKey ∷ f String
510+ , allowFullScreen ∷ f Boolean
511+ , allowTransparency ∷ f Boolean
512+ , autoFocus ∷ f Boolean
513+ , autoPlay ∷ f Boolean
514+ , capture ∷ f Boolean
515+ , cellPadding ∷ f String
516+ , cellSpacing ∷ f String
517+ , charSet ∷ f String
518+ , children ∷ f (Array JSX)
519+ , classID ∷ f String
520+ , className ∷ f String
521+ , colSpan ∷ f Int
522+ , contentEditable ∷ f Boolean
523+ , contextMenu ∷ f String
524+ , crossOrigin ∷ f String
525+ , dangerouslySetInnerHTML ∷ f { __html ∷ String }
526+ , datatype ∷ f String
527+ , dateTime ∷ f String
528+ , dir ∷ f String
529+ , disabled ∷ f Boolean
530+ , draggable ∷ f Boolean
531+ , encType ∷ f String
532+ , form ∷ f String
533+ , formAction ∷ f String
534+ , formEncType ∷ f String
535+ , formMethod ∷ f String
536+ , formNoValidate ∷ f Boolean
537+ , formTarget ∷ f String
538+ , frameBorder ∷ f String
539+ , hidden ∷ f Boolean
540+ , hrefLang ∷ f String
541+ , htmlFor ∷ f String
542+ , httpEquiv ∷ f String
543+ , icon ∷ f String
544+ , id ∷ f String
545+ , inlist ∷ f String
546+ , inputMode ∷ f String
547+ , is ∷ f String
548+ , itemID ∷ f String
549+ , itemProp ∷ f String
550+ , itemRef ∷ f String
551+ , itemScope ∷ f Boolean
552+ , itemType ∷ f String
553+ , key ∷ f String
554+ , keyParams ∷ f String
555+ , keyType ∷ f String
556+ , lang ∷ f String
557+ , marginHeight ∷ f String
558+ , marginWidth ∷ f String
559+ , maxLength ∷ f Int
560+ , mediaGroup ∷ f String
561+ , minLength ∷ f Int
562+ , name ∷ f String
563+ , noValidate ∷ f Boolean
564+ , onAnimationEnd ∷ f EventHandler
565+ , onAnimationIteration ∷ f EventHandler
566+ , onAnimationStart ∷ f EventHandler
567+ , onBlur ∷ f EventHandler
568+ , onClick ∷ f EventHandler
569+ , onCompositionEnd ∷ f EventHandler
570+ , onCompositionStart ∷ f EventHandler
571+ , onCompositionUpdate ∷ f EventHandler
572+ , onContextMenu ∷ f EventHandler
573+ , onCopy ∷ f EventHandler
574+ , onCut ∷ f EventHandler
575+ , onDoubleClick ∷ f EventHandler
576+ , onDrag ∷ f EventHandler
577+ , onDragEnd ∷ f EventHandler
578+ , onDragEnter ∷ f EventHandler
579+ , onDragExit ∷ f EventHandler
580+ , onDragLeave ∷ f EventHandler
581+ , onDragOver ∷ f EventHandler
582+ , onDragStart ∷ f EventHandler
583+ , onDrop ∷ f EventHandler
584+ , onFocus ∷ f EventHandler
585+ , onGotPointerCapture ∷ f EventHandler
586+ , onInvalid ∷ f EventHandler
587+ , onKeyDown ∷ f EventHandler
588+ , onKeyPress ∷ f EventHandler
589+ , onKeyUp ∷ f EventHandler
590+ , onLostPointerCapture ∷ f EventHandler
591+ , onMouseDown ∷ f EventHandler
592+ , onMouseEnter ∷ f EventHandler
593+ , onMouseLeave ∷ f EventHandler
594+ , onMouseMove ∷ f EventHandler
595+ , onMouseOut ∷ f EventHandler
596+ , onMouseOver ∷ f EventHandler
597+ , onMouseUp ∷ f EventHandler
598+ , onPaste ∷ f EventHandler
599+ , onPointerCancel ∷ f EventHandler
600+ , onPointerDown ∷ f EventHandler
601+ , onPointerEnter ∷ f EventHandler
602+ , onPointerLeave ∷ f EventHandler
603+ , onPointerMove ∷ f EventHandler
604+ , onPointerOut ∷ f EventHandler
605+ , onPointerOver ∷ f EventHandler
606+ , onPointerUp ∷ f EventHandler
607+ , onSelect ∷ f EventHandler
608+ , onSubmit ∷ f EventHandler
609+ , onTouchCancel ∷ f EventHandler
610+ , onTouchEnd ∷ f EventHandler
611+ , onTouchMove ∷ f EventHandler
612+ , onTouchStart ∷ f EventHandler
613+ , onTransitionEnd ∷ f EventHandler
614+ , onWheel ∷ f EventHandler
615+ , prefix ∷ f String
616+ , property ∷ f String
617+ , radioGroup ∷ f String
618+ , readOnly ∷ f Boolean
619+ , ref ∷ f (Ref (Nullable Node))
620+ , resource ∷ f String
621+ , role ∷ f String
622+ , rowSpan ∷ f Int
623+ , scoped ∷ f Boolean
624+ , seamless ∷ f Boolean
625+ , security ∷ f String
626+ , spellCheck ∷ f Boolean
627+ , srcDoc ∷ f JSX
628+ , srcLang ∷ f String
629+ , srcSet ∷ f String
630+ , style ∷ f CSS
631+ , suppressContentEditableWarning ∷ f Boolean
632+ , tabIndex ∷ f Int
633+ , title ∷ f String
634+ , type ∷ f String
635+ , typeof ∷ f String
636+ , unselectable ∷ f Boolean
637+ , useMap ∷ f String
638+ , value ∷ f String
639+ , vocab ∷ f String
640+ , wmode ∷ f String
641+ | more
642+ )