@chakra-ui/clickable
Advanced tools
Comparing version 1.0.0-rc.8 to 1.0.0
@@ -6,13 +6,23 @@ # Change Log | ||
# 1.0.0-rc.8 (2020-10-29) | ||
# 1.0.0 (2020-11-13) | ||
**Note:** Version bump only for package @chakra-ui/clickable | ||
### Bug Fixes | ||
* **toast:** allow custom render in update ([eb8bff9](https://github.com/chakra-ui/chakra-ui/commit/eb8bff911e6ec9de0165ab1e8f5ca10d5e022459)), closes [#2362](https://github.com/chakra-ui/chakra-ui/issues/2362) | ||
# Change Log | ||
All notable changes to this project will be documented in this file. See | ||
[Conventional Commits](https://conventionalcommits.org) for commit guidelines. | ||
# 1.0.0-rc.8 (2020-10-29) | ||
### Bug Fixes | ||
- **toast:** allow custom render in update | ||
([eb8bff9](https://github.com/chakra-ui/chakra-ui/commit/eb8bff911e6ec9de0165ab1e8f5ca10d5e022459)), | ||
closes [#2362](https://github.com/chakra-ui/chakra-ui/issues/2362) | ||
# Change Log | ||
@@ -19,0 +29,0 @@ |
@@ -8,4 +8,10 @@ "use strict"; | ||
var _react = require("react"); | ||
var React = _interopRequireWildcard(require("react")); | ||
var _useEventListeners = require("./use-event-listeners"); | ||
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; } | ||
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; } | ||
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
@@ -15,10 +21,16 @@ | ||
function isValidElement(event) { | ||
var element = event.target; | ||
var tagName = element.tagName, | ||
isContentEditable = element.isContentEditable; | ||
return tagName !== "INPUT" && tagName !== "TEXTAREA" && isContentEditable !== true; | ||
} | ||
/** | ||
* useClickable | ||
* useClickable implements all the interactions of a native `button` | ||
* component with support for making it focusable even if it is disabled. | ||
* | ||
* React hook that implements all the interactions of a native `button` | ||
* component with support for making it focusable even if it's disabled. | ||
* | ||
* It can be used with both native button elements or other elements (like `div`). | ||
*/ | ||
function useClickable(props) { | ||
@@ -44,3 +56,4 @@ if (props === void 0) { | ||
onMouseOver = _props.onMouseOver, | ||
htmlProps = _objectWithoutPropertiesLoose(_props, ["ref", "isDisabled", "isFocusable", "clickOnEnter", "clickOnSpace", "onMouseDown", "onMouseUp", "onClick", "onKeyDown", "onKeyUp", "tabIndex", "onMouseOver"]); | ||
onMouseLeave = _props.onMouseLeave, | ||
htmlProps = _objectWithoutPropertiesLoose(_props, ["ref", "isDisabled", "isFocusable", "clickOnEnter", "clickOnSpace", "onMouseDown", "onMouseUp", "onClick", "onKeyDown", "onKeyUp", "tabIndex", "onMouseOver", "onMouseLeave"]); | ||
/** | ||
@@ -51,14 +64,16 @@ * We'll use this to track if the element is a button element | ||
var _useState = (0, _react.useState)(true), | ||
isButton = _useState[0], | ||
setIsButton = _useState[1]; | ||
var _React$useState = React.useState(true), | ||
isButton = _React$useState[0], | ||
setIsButton = _React$useState[1]; | ||
/** | ||
* For custom button implementation, we'll use this to track when | ||
* we mouse down on the button, to enable use style it's ":active" style | ||
* we mouse down on the button, to enable use style its ":active" style | ||
*/ | ||
var _useState2 = (0, _react.useState)(false), | ||
isActive = _useState2[0], | ||
setIsActive = _useState2[1]; | ||
var _React$useState2 = React.useState(false), | ||
isPressed = _React$useState2[0], | ||
setIsPressed = _React$useState2[1]; | ||
var listeners = (0, _useEventListeners.useEventListeners)(); | ||
/** | ||
@@ -68,11 +83,13 @@ * The ref callback that fires as soon as the dom node is ready | ||
var refCallback = function refCallback(node) { | ||
if (!node) return; | ||
var refCallback = (0, _react.useCallback)(function (node) { | ||
if ((node == null ? void 0 : node.tagName) !== "BUTTON") { | ||
if (node.tagName !== "BUTTON") { | ||
setIsButton(false); | ||
} | ||
}, []); | ||
}; | ||
var tabIndex = isButton ? tabIndexProp : tabIndexProp || 0; | ||
var trulyDisabled = isDisabled && !isFocusable; | ||
var handleClick = (0, _react.useCallback)(function (event) { | ||
var handleClick = React.useCallback(function (event) { | ||
if (isDisabled) { | ||
@@ -88,3 +105,14 @@ event.stopPropagation(); | ||
}, [isDisabled, onClick]); | ||
var handleKeyDown = (0, _react.useCallback)(function (event) { | ||
var onDocumentKeyUp = function onDocumentKeyUp(e) { | ||
if (isPressed && isValidElement(e)) { | ||
e.preventDefault(); | ||
e.stopPropagation(); | ||
setIsPressed(false); // eslint-disable-next-line @typescript-eslint/no-unused-vars | ||
listeners.remove(document, "keyup", onDocumentKeyUp, false); | ||
} | ||
}; | ||
var handleKeyDown = React.useCallback(function (event) { | ||
onKeyDown == null ? void 0 : onKeyDown(event); | ||
@@ -96,12 +124,12 @@ | ||
if (!isValidElement(event.nativeEvent) || isButton) return; | ||
var shouldClickOnEnter = clickOnEnter && event.key === "Enter"; | ||
var shouldClickOnSpace = clickOnSpace && event.key === " "; | ||
if (!isButton && shouldClickOnSpace) { | ||
if (shouldClickOnSpace) { | ||
event.preventDefault(); | ||
setIsActive(true); | ||
return; | ||
setIsPressed(true); | ||
} | ||
if (!isButton && shouldClickOnEnter) { | ||
if (shouldClickOnEnter) { | ||
event.preventDefault(); | ||
@@ -111,11 +139,14 @@ var self = event.currentTarget; | ||
} | ||
listeners.add(document, "keyup", onDocumentKeyUp, false); | ||
}, [isDisabled, isButton, onKeyDown, clickOnEnter, clickOnSpace]); | ||
var handleKeyUp = (0, _react.useCallback)(function (event) { | ||
var handleKeyUp = React.useCallback(function (event) { | ||
onKeyUp == null ? void 0 : onKeyUp(event); | ||
if (isDisabled || event.defaultPrevented || event.metaKey) return; | ||
if (!isValidElement(event.nativeEvent) || isButton) return; | ||
var shouldClickOnSpace = clickOnSpace && event.key === " "; | ||
if (!isButton && shouldClickOnSpace) { | ||
if (shouldClickOnSpace) { | ||
event.preventDefault(); | ||
setIsActive(false); | ||
setIsPressed(false); | ||
var self = event.currentTarget; | ||
@@ -125,7 +156,10 @@ self.click(); | ||
}, [clickOnSpace, isButton, isDisabled, onKeyUp]); | ||
var handleMouseDown = (0, _react.useCallback)(function (event) { | ||
/** | ||
* Prevent right-click from triggering the | ||
* active state. | ||
*/ | ||
var onDocumentMouseUp = function onDocumentMouseUp(event) { | ||
if (event.button !== 0) return; | ||
setIsPressed(false); | ||
listeners.remove(document, "mouseup", onDocumentMouseUp, false); | ||
}; | ||
var handleMouseDown = React.useCallback(function (event) { | ||
if ((0, _utils.isRightClick)(event)) return; | ||
@@ -140,10 +174,17 @@ | ||
if (!isButton) { | ||
setIsActive(true); | ||
setIsPressed(true); | ||
} | ||
var target = event.currentTarget; | ||
target.focus({ | ||
preventScroll: true | ||
}); | ||
listeners.add(document, "mouseup", onDocumentMouseUp, false); | ||
onMouseDown == null ? void 0 : onMouseDown(event); | ||
}, [isDisabled, isButton, onMouseDown]); | ||
var handleMouseUp = (0, _react.useCallback)(function (event) { | ||
var handleMouseUp = React.useCallback(function (event) { | ||
if ((0, _utils.isRightClick)(event)) return; | ||
if (!isButton) { | ||
setIsActive(false); | ||
setIsPressed(false); | ||
} | ||
@@ -153,3 +194,3 @@ | ||
}, [onMouseUp, isButton]); | ||
var handleMouseOver = (0, _react.useCallback)(function (event) { | ||
var handleMouseOver = React.useCallback(function (event) { | ||
if (isDisabled) { | ||
@@ -162,2 +203,10 @@ event.preventDefault(); | ||
}, [isDisabled, onMouseOver]); | ||
var handleMouseLeave = React.useCallback(function (event) { | ||
if (isPressed) { | ||
event.preventDefault(); | ||
setIsPressed(false); | ||
} | ||
onMouseLeave == null ? void 0 : onMouseLeave(event); | ||
}, [isPressed]); | ||
var ref = (0, _utils.mergeRefs)(htmlRef, refCallback); | ||
@@ -176,3 +225,4 @@ | ||
onKeyDown: onKeyDown, | ||
onMouseOver: onMouseOver | ||
onMouseOver: onMouseOver, | ||
onMouseLeave: onMouseLeave | ||
}); | ||
@@ -184,4 +234,4 @@ } | ||
role: "button", | ||
"data-active": (0, _utils.dataAttr)(isActive), | ||
"aria-disabled": !!isDisabled, | ||
"data-active": (0, _utils.dataAttr)(isPressed), | ||
"aria-disabled": isDisabled ? "true" : undefined, | ||
tabIndex: trulyDisabled ? undefined : tabIndex, | ||
@@ -193,5 +243,6 @@ onClick: handleClick, | ||
onKeyDown: handleKeyDown, | ||
onMouseOver: handleMouseOver | ||
onMouseOver: handleMouseOver, | ||
onMouseLeave: handleMouseLeave | ||
}); | ||
} | ||
//# sourceMappingURL=use-clickable.js.map |
@@ -6,12 +6,21 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
import { dataAttr, isRightClick, mergeRefs } from "@chakra-ui/utils"; | ||
import { useCallback, useState } from "react"; | ||
import * as React from "react"; | ||
import { useEventListeners } from "./use-event-listeners"; | ||
function isValidElement(event) { | ||
var element = event.target; | ||
var { | ||
tagName, | ||
isContentEditable | ||
} = element; | ||
return tagName !== "INPUT" && tagName !== "TEXTAREA" && isContentEditable !== true; | ||
} | ||
/** | ||
* useClickable | ||
* useClickable implements all the interactions of a native `button` | ||
* component with support for making it focusable even if it is disabled. | ||
* | ||
* React hook that implements all the interactions of a native `button` | ||
* component with support for making it focusable even if it's disabled. | ||
* | ||
* It can be used with both native button elements or other elements (like `div`). | ||
*/ | ||
export function useClickable(props) { | ||
@@ -34,5 +43,6 @@ if (props === void 0) { | ||
tabIndex: tabIndexProp, | ||
onMouseOver | ||
onMouseOver, | ||
onMouseLeave | ||
} = props, | ||
htmlProps = _objectWithoutPropertiesLoose(props, ["ref", "isDisabled", "isFocusable", "clickOnEnter", "clickOnSpace", "onMouseDown", "onMouseUp", "onClick", "onKeyDown", "onKeyUp", "tabIndex", "onMouseOver"]); | ||
htmlProps = _objectWithoutPropertiesLoose(props, ["ref", "isDisabled", "isFocusable", "clickOnEnter", "clickOnSpace", "onMouseDown", "onMouseUp", "onClick", "onKeyDown", "onKeyUp", "tabIndex", "onMouseOver", "onMouseLeave"]); | ||
/** | ||
@@ -43,9 +53,10 @@ * We'll use this to track if the element is a button element | ||
var [isButton, setIsButton] = useState(true); | ||
var [isButton, setIsButton] = React.useState(true); | ||
/** | ||
* For custom button implementation, we'll use this to track when | ||
* we mouse down on the button, to enable use style it's ":active" style | ||
* we mouse down on the button, to enable use style its ":active" style | ||
*/ | ||
var [isActive, setIsActive] = useState(false); | ||
var [isPressed, setIsPressed] = React.useState(false); | ||
var listeners = useEventListeners(); | ||
/** | ||
@@ -55,10 +66,13 @@ * The ref callback that fires as soon as the dom node is ready | ||
var refCallback = useCallback(node => { | ||
if ((node == null ? void 0 : node.tagName) !== "BUTTON") { | ||
var refCallback = node => { | ||
if (!node) return; | ||
if (node.tagName !== "BUTTON") { | ||
setIsButton(false); | ||
} | ||
}, []); | ||
}; | ||
var tabIndex = isButton ? tabIndexProp : tabIndexProp || 0; | ||
var trulyDisabled = isDisabled && !isFocusable; | ||
var handleClick = useCallback(event => { | ||
var handleClick = React.useCallback(event => { | ||
if (isDisabled) { | ||
@@ -74,3 +88,14 @@ event.stopPropagation(); | ||
}, [isDisabled, onClick]); | ||
var handleKeyDown = useCallback(event => { | ||
var onDocumentKeyUp = e => { | ||
if (isPressed && isValidElement(e)) { | ||
e.preventDefault(); | ||
e.stopPropagation(); | ||
setIsPressed(false); // eslint-disable-next-line @typescript-eslint/no-unused-vars | ||
listeners.remove(document, "keyup", onDocumentKeyUp, false); | ||
} | ||
}; | ||
var handleKeyDown = React.useCallback(event => { | ||
onKeyDown == null ? void 0 : onKeyDown(event); | ||
@@ -82,12 +107,12 @@ | ||
if (!isValidElement(event.nativeEvent) || isButton) return; | ||
var shouldClickOnEnter = clickOnEnter && event.key === "Enter"; | ||
var shouldClickOnSpace = clickOnSpace && event.key === " "; | ||
if (!isButton && shouldClickOnSpace) { | ||
if (shouldClickOnSpace) { | ||
event.preventDefault(); | ||
setIsActive(true); | ||
return; | ||
setIsPressed(true); | ||
} | ||
if (!isButton && shouldClickOnEnter) { | ||
if (shouldClickOnEnter) { | ||
event.preventDefault(); | ||
@@ -97,11 +122,14 @@ var self = event.currentTarget; | ||
} | ||
listeners.add(document, "keyup", onDocumentKeyUp, false); | ||
}, [isDisabled, isButton, onKeyDown, clickOnEnter, clickOnSpace]); | ||
var handleKeyUp = useCallback(event => { | ||
var handleKeyUp = React.useCallback(event => { | ||
onKeyUp == null ? void 0 : onKeyUp(event); | ||
if (isDisabled || event.defaultPrevented || event.metaKey) return; | ||
if (!isValidElement(event.nativeEvent) || isButton) return; | ||
var shouldClickOnSpace = clickOnSpace && event.key === " "; | ||
if (!isButton && shouldClickOnSpace) { | ||
if (shouldClickOnSpace) { | ||
event.preventDefault(); | ||
setIsActive(false); | ||
setIsPressed(false); | ||
var self = event.currentTarget; | ||
@@ -111,7 +139,10 @@ self.click(); | ||
}, [clickOnSpace, isButton, isDisabled, onKeyUp]); | ||
var handleMouseDown = useCallback(event => { | ||
/** | ||
* Prevent right-click from triggering the | ||
* active state. | ||
*/ | ||
var onDocumentMouseUp = event => { | ||
if (event.button !== 0) return; | ||
setIsPressed(false); | ||
listeners.remove(document, "mouseup", onDocumentMouseUp, false); | ||
}; | ||
var handleMouseDown = React.useCallback(event => { | ||
if (isRightClick(event)) return; | ||
@@ -126,10 +157,17 @@ | ||
if (!isButton) { | ||
setIsActive(true); | ||
setIsPressed(true); | ||
} | ||
var target = event.currentTarget; | ||
target.focus({ | ||
preventScroll: true | ||
}); | ||
listeners.add(document, "mouseup", onDocumentMouseUp, false); | ||
onMouseDown == null ? void 0 : onMouseDown(event); | ||
}, [isDisabled, isButton, onMouseDown]); | ||
var handleMouseUp = useCallback(event => { | ||
var handleMouseUp = React.useCallback(event => { | ||
if (isRightClick(event)) return; | ||
if (!isButton) { | ||
setIsActive(false); | ||
setIsPressed(false); | ||
} | ||
@@ -139,3 +177,3 @@ | ||
}, [onMouseUp, isButton]); | ||
var handleMouseOver = useCallback(event => { | ||
var handleMouseOver = React.useCallback(event => { | ||
if (isDisabled) { | ||
@@ -148,2 +186,10 @@ event.preventDefault(); | ||
}, [isDisabled, onMouseOver]); | ||
var handleMouseLeave = React.useCallback(event => { | ||
if (isPressed) { | ||
event.preventDefault(); | ||
setIsPressed(false); | ||
} | ||
onMouseLeave == null ? void 0 : onMouseLeave(event); | ||
}, [isPressed]); | ||
var ref = mergeRefs(htmlRef, refCallback); | ||
@@ -162,3 +208,4 @@ | ||
onKeyDown, | ||
onMouseOver | ||
onMouseOver, | ||
onMouseLeave | ||
}); | ||
@@ -170,4 +217,4 @@ } | ||
role: "button", | ||
"data-active": dataAttr(isActive), | ||
"aria-disabled": !!isDisabled, | ||
"data-active": dataAttr(isPressed), | ||
"aria-disabled": isDisabled ? "true" : undefined, | ||
tabIndex: trulyDisabled ? undefined : tabIndex, | ||
@@ -179,5 +226,6 @@ onClick: handleClick, | ||
onKeyDown: handleKeyDown, | ||
onMouseOver: handleMouseOver | ||
onMouseOver: handleMouseOver, | ||
onMouseLeave: handleMouseLeave | ||
}); | ||
} | ||
//# sourceMappingURL=use-clickable.js.map |
@@ -1,3 +0,3 @@ | ||
import { HTMLAttributes, KeyboardEvent, MouseEvent, Ref } from "react"; | ||
export interface UseClickableProps extends HTMLAttributes<Element> { | ||
import * as React from "react"; | ||
export interface UseClickableProps extends React.HTMLAttributes<HTMLElement> { | ||
/** | ||
@@ -21,10 +21,11 @@ * If `true`, the element will be disabled. | ||
clickOnSpace?: boolean; | ||
ref?: Ref<HTMLElement>; | ||
/** | ||
* The ref for the element | ||
*/ | ||
ref?: React.Ref<HTMLElement>; | ||
} | ||
/** | ||
* useClickable | ||
* useClickable implements all the interactions of a native `button` | ||
* component with support for making it focusable even if it is disabled. | ||
* | ||
* React hook that implements all the interactions of a native `button` | ||
* component with support for making it focusable even if it's disabled. | ||
* | ||
* It can be used with both native button elements or other elements (like `div`). | ||
@@ -34,11 +35,12 @@ */ | ||
ref: (value: any) => void; | ||
type: "button" | "submit" | "reset" | undefined; | ||
type: "reset" | "submit" | "button" | undefined; | ||
"aria-disabled": boolean | undefined; | ||
disabled: boolean | undefined; | ||
onClick: (event: MouseEvent) => void; | ||
onMouseDown: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onMouseUp: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onKeyUp: ((event: KeyboardEvent<Element>) => void) | undefined; | ||
onKeyDown: ((event: KeyboardEvent<Element>) => void) | undefined; | ||
onMouseOver: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onClick: (event: React.MouseEvent<HTMLElement>) => void; | ||
onMouseDown: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onMouseUp: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onKeyUp: ((event: React.KeyboardEvent<HTMLElement>) => void) | undefined; | ||
onKeyDown: ((event: React.KeyboardEvent<HTMLElement>) => void) | undefined; | ||
onMouseOver: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onMouseLeave: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
defaultChecked?: boolean | undefined; | ||
@@ -60,3 +62,3 @@ defaultValue?: string | number | readonly string[] | undefined; | ||
spellCheck?: boolean | "true" | "false" | undefined; | ||
style?: import("react").CSSProperties | undefined; | ||
style?: React.CSSProperties | undefined; | ||
title?: string | undefined; | ||
@@ -100,3 +102,3 @@ translate?: "yes" | "no" | undefined; | ||
'aria-details'?: string | undefined; | ||
'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined; | ||
'aria-dropeffect'?: "copy" | "none" | "execute" | "link" | "move" | "popup" | undefined; | ||
'aria-errormessage'?: string | undefined; | ||
@@ -136,160 +138,159 @@ 'aria-expanded'?: boolean | "true" | "false" | undefined; | ||
'aria-valuetext'?: string | undefined; | ||
children?: import("react").ReactNode; | ||
children?: React.ReactNode; | ||
dangerouslySetInnerHTML?: { | ||
__html: string; | ||
} | undefined; | ||
onCopy?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined; | ||
onCopyCapture?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined; | ||
onCut?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined; | ||
onCutCapture?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined; | ||
onPaste?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined; | ||
onPasteCapture?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined; | ||
onCompositionEnd?: ((event: import("react").CompositionEvent<Element>) => void) | undefined; | ||
onCompositionEndCapture?: ((event: import("react").CompositionEvent<Element>) => void) | undefined; | ||
onCompositionStart?: ((event: import("react").CompositionEvent<Element>) => void) | undefined; | ||
onCompositionStartCapture?: ((event: import("react").CompositionEvent<Element>) => void) | undefined; | ||
onCompositionUpdate?: ((event: import("react").CompositionEvent<Element>) => void) | undefined; | ||
onCompositionUpdateCapture?: ((event: import("react").CompositionEvent<Element>) => void) | undefined; | ||
onFocus?: ((event: import("react").FocusEvent<Element>) => void) | undefined; | ||
onFocusCapture?: ((event: import("react").FocusEvent<Element>) => void) | undefined; | ||
onBlur?: ((event: import("react").FocusEvent<Element>) => void) | undefined; | ||
onBlurCapture?: ((event: import("react").FocusEvent<Element>) => void) | undefined; | ||
onChange?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onChangeCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onBeforeInput?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onBeforeInputCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onInput?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onInputCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onReset?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onResetCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onSubmit?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onSubmitCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onInvalid?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onInvalidCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onLoad?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onLoadCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onError?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onErrorCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onKeyDownCapture?: ((event: KeyboardEvent<Element>) => void) | undefined; | ||
onKeyPress?: ((event: KeyboardEvent<Element>) => void) | undefined; | ||
onKeyPressCapture?: ((event: KeyboardEvent<Element>) => void) | undefined; | ||
onKeyUpCapture?: ((event: KeyboardEvent<Element>) => void) | undefined; | ||
onAbort?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onAbortCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onCanPlay?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onCanPlayCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onCanPlayThrough?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onCanPlayThroughCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onDurationChange?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onDurationChangeCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onEmptied?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onEmptiedCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onEncrypted?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onEncryptedCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onEnded?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onEndedCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onLoadedData?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onLoadedDataCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onLoadedMetadata?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onLoadedMetadataCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onLoadStart?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onLoadStartCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onPause?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onPauseCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onPlay?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onPlayCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onPlaying?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onPlayingCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onProgress?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onProgressCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onRateChange?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onRateChangeCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onSeeked?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onSeekedCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onSeeking?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onSeekingCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onStalled?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onStalledCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onSuspend?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onSuspendCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onTimeUpdate?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onTimeUpdateCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onVolumeChange?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onVolumeChangeCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onWaiting?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onWaitingCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onAuxClick?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onAuxClickCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onClickCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onContextMenu?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onContextMenuCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onDoubleClick?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onDoubleClickCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onDrag?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragEnd?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragEndCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragEnter?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragEnterCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragExit?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragExitCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragLeave?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragLeaveCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragOver?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragOverCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragStart?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragStartCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDrop?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDropCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onMouseDownCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onMouseEnter?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onMouseLeave?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onMouseMove?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onMouseMoveCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onMouseOut?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onMouseOutCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onMouseOverCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onMouseUpCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onSelect?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onSelectCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onTouchCancel?: ((event: import("react").TouchEvent<Element>) => void) | undefined; | ||
onTouchCancelCapture?: ((event: import("react").TouchEvent<Element>) => void) | undefined; | ||
onTouchEnd?: ((event: import("react").TouchEvent<Element>) => void) | undefined; | ||
onTouchEndCapture?: ((event: import("react").TouchEvent<Element>) => void) | undefined; | ||
onTouchMove?: ((event: import("react").TouchEvent<Element>) => void) | undefined; | ||
onTouchMoveCapture?: ((event: import("react").TouchEvent<Element>) => void) | undefined; | ||
onTouchStart?: ((event: import("react").TouchEvent<Element>) => void) | undefined; | ||
onTouchStartCapture?: ((event: import("react").TouchEvent<Element>) => void) | undefined; | ||
onPointerDown?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerDownCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerMove?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerMoveCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerUp?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerUpCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerCancel?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerCancelCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerEnter?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerEnterCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerLeave?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerLeaveCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerOver?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerOverCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerOut?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerOutCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onGotPointerCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onGotPointerCaptureCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onLostPointerCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onLostPointerCaptureCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onScroll?: ((event: import("react").UIEvent<Element, UIEvent>) => void) | undefined; | ||
onScrollCapture?: ((event: import("react").UIEvent<Element, UIEvent>) => void) | undefined; | ||
onWheel?: ((event: import("react").WheelEvent<Element>) => void) | undefined; | ||
onWheelCapture?: ((event: import("react").WheelEvent<Element>) => void) | undefined; | ||
onAnimationStart?: ((event: import("react").AnimationEvent<Element>) => void) | undefined; | ||
onAnimationStartCapture?: ((event: import("react").AnimationEvent<Element>) => void) | undefined; | ||
onAnimationEnd?: ((event: import("react").AnimationEvent<Element>) => void) | undefined; | ||
onAnimationEndCapture?: ((event: import("react").AnimationEvent<Element>) => void) | undefined; | ||
onAnimationIteration?: ((event: import("react").AnimationEvent<Element>) => void) | undefined; | ||
onAnimationIterationCapture?: ((event: import("react").AnimationEvent<Element>) => void) | undefined; | ||
onTransitionEnd?: ((event: import("react").TransitionEvent<Element>) => void) | undefined; | ||
onTransitionEndCapture?: ((event: import("react").TransitionEvent<Element>) => void) | undefined; | ||
onCopy?: ((event: React.ClipboardEvent<HTMLElement>) => void) | undefined; | ||
onCopyCapture?: ((event: React.ClipboardEvent<HTMLElement>) => void) | undefined; | ||
onCut?: ((event: React.ClipboardEvent<HTMLElement>) => void) | undefined; | ||
onCutCapture?: ((event: React.ClipboardEvent<HTMLElement>) => void) | undefined; | ||
onPaste?: ((event: React.ClipboardEvent<HTMLElement>) => void) | undefined; | ||
onPasteCapture?: ((event: React.ClipboardEvent<HTMLElement>) => void) | undefined; | ||
onCompositionEnd?: ((event: React.CompositionEvent<HTMLElement>) => void) | undefined; | ||
onCompositionEndCapture?: ((event: React.CompositionEvent<HTMLElement>) => void) | undefined; | ||
onCompositionStart?: ((event: React.CompositionEvent<HTMLElement>) => void) | undefined; | ||
onCompositionStartCapture?: ((event: React.CompositionEvent<HTMLElement>) => void) | undefined; | ||
onCompositionUpdate?: ((event: React.CompositionEvent<HTMLElement>) => void) | undefined; | ||
onCompositionUpdateCapture?: ((event: React.CompositionEvent<HTMLElement>) => void) | undefined; | ||
onFocus?: ((event: React.FocusEvent<HTMLElement>) => void) | undefined; | ||
onFocusCapture?: ((event: React.FocusEvent<HTMLElement>) => void) | undefined; | ||
onBlur?: ((event: React.FocusEvent<HTMLElement>) => void) | undefined; | ||
onBlurCapture?: ((event: React.FocusEvent<HTMLElement>) => void) | undefined; | ||
onChange?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onChangeCapture?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onBeforeInput?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onBeforeInputCapture?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onInput?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onInputCapture?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onReset?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onResetCapture?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onSubmit?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onSubmitCapture?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onInvalid?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onInvalidCapture?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onLoad?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onLoadCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onError?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onErrorCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onKeyDownCapture?: ((event: React.KeyboardEvent<HTMLElement>) => void) | undefined; | ||
onKeyPress?: ((event: React.KeyboardEvent<HTMLElement>) => void) | undefined; | ||
onKeyPressCapture?: ((event: React.KeyboardEvent<HTMLElement>) => void) | undefined; | ||
onKeyUpCapture?: ((event: React.KeyboardEvent<HTMLElement>) => void) | undefined; | ||
onAbort?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onAbortCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onCanPlay?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onCanPlayCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onCanPlayThrough?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onCanPlayThroughCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onDurationChange?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onDurationChangeCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onEmptied?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onEmptiedCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onEncrypted?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onEncryptedCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onEnded?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onEndedCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onLoadedData?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onLoadedDataCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onLoadedMetadata?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onLoadedMetadataCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onLoadStart?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onLoadStartCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onPause?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onPauseCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onPlay?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onPlayCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onPlaying?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onPlayingCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onProgress?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onProgressCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onRateChange?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onRateChangeCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onSeeked?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onSeekedCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onSeeking?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onSeekingCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onStalled?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onStalledCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onSuspend?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onSuspendCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onTimeUpdate?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onTimeUpdateCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onVolumeChange?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onVolumeChangeCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onWaiting?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onWaitingCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onAuxClick?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onAuxClickCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onClickCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onContextMenu?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onContextMenuCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onDoubleClick?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onDoubleClickCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onDrag?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragEnd?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragEndCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragEnter?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragEnterCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragExit?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragExitCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragLeave?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragLeaveCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragOver?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragOverCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragStart?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragStartCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDrop?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDropCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onMouseDownCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onMouseEnter?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onMouseMove?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onMouseMoveCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onMouseOut?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onMouseOutCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onMouseOverCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onMouseUpCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onSelect?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onSelectCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onTouchCancel?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined; | ||
onTouchCancelCapture?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined; | ||
onTouchEnd?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined; | ||
onTouchEndCapture?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined; | ||
onTouchMove?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined; | ||
onTouchMoveCapture?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined; | ||
onTouchStart?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined; | ||
onTouchStartCapture?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined; | ||
onPointerDown?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerDownCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerMove?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerMoveCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerUp?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerUpCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerCancel?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerCancelCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerEnter?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerEnterCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerLeave?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerLeaveCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerOver?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerOverCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerOut?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerOutCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onGotPointerCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onGotPointerCaptureCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onLostPointerCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onLostPointerCaptureCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onScroll?: ((event: React.UIEvent<HTMLElement, UIEvent>) => void) | undefined; | ||
onScrollCapture?: ((event: React.UIEvent<HTMLElement, UIEvent>) => void) | undefined; | ||
onWheel?: ((event: React.WheelEvent<HTMLElement>) => void) | undefined; | ||
onWheelCapture?: ((event: React.WheelEvent<HTMLElement>) => void) | undefined; | ||
onAnimationStart?: ((event: React.AnimationEvent<HTMLElement>) => void) | undefined; | ||
onAnimationStartCapture?: ((event: React.AnimationEvent<HTMLElement>) => void) | undefined; | ||
onAnimationEnd?: ((event: React.AnimationEvent<HTMLElement>) => void) | undefined; | ||
onAnimationEndCapture?: ((event: React.AnimationEvent<HTMLElement>) => void) | undefined; | ||
onAnimationIteration?: ((event: React.AnimationEvent<HTMLElement>) => void) | undefined; | ||
onAnimationIterationCapture?: ((event: React.AnimationEvent<HTMLElement>) => void) | undefined; | ||
onTransitionEnd?: ((event: React.TransitionEvent<HTMLElement>) => void) | undefined; | ||
onTransitionEndCapture?: ((event: React.TransitionEvent<HTMLElement>) => void) | undefined; | ||
} | { | ||
@@ -299,10 +300,11 @@ ref: (value: any) => void; | ||
"data-active": boolean | "true" | "false"; | ||
"aria-disabled": boolean; | ||
"aria-disabled": string | undefined; | ||
tabIndex: number | undefined; | ||
onClick: (event: MouseEvent) => void; | ||
onMouseDown: (event: MouseEvent) => void; | ||
onMouseUp: (event: MouseEvent) => void; | ||
onKeyUp: (event: KeyboardEvent) => void; | ||
onKeyDown: (event: KeyboardEvent) => void; | ||
onMouseOver: (event: MouseEvent) => void; | ||
onClick: (event: React.MouseEvent<HTMLElement>) => void; | ||
onMouseDown: (event: React.MouseEvent<HTMLElement>) => void; | ||
onMouseUp: (event: React.MouseEvent<HTMLElement>) => void; | ||
onKeyUp: (event: React.KeyboardEvent<HTMLElement>) => void; | ||
onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void; | ||
onMouseOver: (event: React.MouseEvent<HTMLElement>) => void; | ||
onMouseLeave: (event: React.MouseEvent<HTMLElement>) => void; | ||
defaultChecked?: boolean | undefined; | ||
@@ -324,3 +326,3 @@ defaultValue?: string | number | readonly string[] | undefined; | ||
spellCheck?: boolean | "true" | "false" | undefined; | ||
style?: import("react").CSSProperties | undefined; | ||
style?: React.CSSProperties | undefined; | ||
title?: string | undefined; | ||
@@ -363,3 +365,3 @@ translate?: "yes" | "no" | undefined; | ||
'aria-details'?: string | undefined; | ||
'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined; | ||
'aria-dropeffect'?: "copy" | "none" | "execute" | "link" | "move" | "popup" | undefined; | ||
'aria-errormessage'?: string | undefined; | ||
@@ -399,161 +401,160 @@ 'aria-expanded'?: boolean | "true" | "false" | undefined; | ||
'aria-valuetext'?: string | undefined; | ||
children?: import("react").ReactNode; | ||
children?: React.ReactNode; | ||
dangerouslySetInnerHTML?: { | ||
__html: string; | ||
} | undefined; | ||
onCopy?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined; | ||
onCopyCapture?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined; | ||
onCut?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined; | ||
onCutCapture?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined; | ||
onPaste?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined; | ||
onPasteCapture?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined; | ||
onCompositionEnd?: ((event: import("react").CompositionEvent<Element>) => void) | undefined; | ||
onCompositionEndCapture?: ((event: import("react").CompositionEvent<Element>) => void) | undefined; | ||
onCompositionStart?: ((event: import("react").CompositionEvent<Element>) => void) | undefined; | ||
onCompositionStartCapture?: ((event: import("react").CompositionEvent<Element>) => void) | undefined; | ||
onCompositionUpdate?: ((event: import("react").CompositionEvent<Element>) => void) | undefined; | ||
onCompositionUpdateCapture?: ((event: import("react").CompositionEvent<Element>) => void) | undefined; | ||
onFocus?: ((event: import("react").FocusEvent<Element>) => void) | undefined; | ||
onFocusCapture?: ((event: import("react").FocusEvent<Element>) => void) | undefined; | ||
onBlur?: ((event: import("react").FocusEvent<Element>) => void) | undefined; | ||
onBlurCapture?: ((event: import("react").FocusEvent<Element>) => void) | undefined; | ||
onChange?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onChangeCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onBeforeInput?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onBeforeInputCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onInput?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onInputCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onReset?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onResetCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onSubmit?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onSubmitCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onInvalid?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onInvalidCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined; | ||
onLoad?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onLoadCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onError?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onErrorCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onKeyDownCapture?: ((event: KeyboardEvent<Element>) => void) | undefined; | ||
onKeyPress?: ((event: KeyboardEvent<Element>) => void) | undefined; | ||
onKeyPressCapture?: ((event: KeyboardEvent<Element>) => void) | undefined; | ||
onKeyUpCapture?: ((event: KeyboardEvent<Element>) => void) | undefined; | ||
onAbort?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onAbortCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onCanPlay?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onCanPlayCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onCanPlayThrough?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onCanPlayThroughCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onDurationChange?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onDurationChangeCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onEmptied?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onEmptiedCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onEncrypted?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onEncryptedCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onEnded?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onEndedCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onLoadedData?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onLoadedDataCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onLoadedMetadata?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onLoadedMetadataCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onLoadStart?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onLoadStartCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onPause?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onPauseCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onPlay?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onPlayCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onPlaying?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onPlayingCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onProgress?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onProgressCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onRateChange?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onRateChangeCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onSeeked?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onSeekedCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onSeeking?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onSeekingCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onStalled?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onStalledCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onSuspend?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onSuspendCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onTimeUpdate?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onTimeUpdateCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onVolumeChange?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onVolumeChangeCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onWaiting?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onWaitingCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onAuxClick?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onAuxClickCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onClickCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onContextMenu?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onContextMenuCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onDoubleClick?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onDoubleClickCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onDrag?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragEnd?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragEndCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragEnter?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragEnterCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragExit?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragExitCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragLeave?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragLeaveCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragOver?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragOverCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragStart?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDragStartCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDrop?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onDropCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined; | ||
onMouseDownCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onMouseEnter?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onMouseLeave?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onMouseMove?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onMouseMoveCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onMouseOut?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onMouseOutCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onMouseOverCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onMouseUpCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined; | ||
onSelect?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onSelectCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined; | ||
onTouchCancel?: ((event: import("react").TouchEvent<Element>) => void) | undefined; | ||
onTouchCancelCapture?: ((event: import("react").TouchEvent<Element>) => void) | undefined; | ||
onTouchEnd?: ((event: import("react").TouchEvent<Element>) => void) | undefined; | ||
onTouchEndCapture?: ((event: import("react").TouchEvent<Element>) => void) | undefined; | ||
onTouchMove?: ((event: import("react").TouchEvent<Element>) => void) | undefined; | ||
onTouchMoveCapture?: ((event: import("react").TouchEvent<Element>) => void) | undefined; | ||
onTouchStart?: ((event: import("react").TouchEvent<Element>) => void) | undefined; | ||
onTouchStartCapture?: ((event: import("react").TouchEvent<Element>) => void) | undefined; | ||
onPointerDown?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerDownCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerMove?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerMoveCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerUp?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerUpCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerCancel?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerCancelCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerEnter?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerEnterCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerLeave?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerLeaveCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerOver?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerOverCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerOut?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onPointerOutCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onGotPointerCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onGotPointerCaptureCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onLostPointerCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onLostPointerCaptureCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined; | ||
onScroll?: ((event: import("react").UIEvent<Element, UIEvent>) => void) | undefined; | ||
onScrollCapture?: ((event: import("react").UIEvent<Element, UIEvent>) => void) | undefined; | ||
onWheel?: ((event: import("react").WheelEvent<Element>) => void) | undefined; | ||
onWheelCapture?: ((event: import("react").WheelEvent<Element>) => void) | undefined; | ||
onAnimationStart?: ((event: import("react").AnimationEvent<Element>) => void) | undefined; | ||
onAnimationStartCapture?: ((event: import("react").AnimationEvent<Element>) => void) | undefined; | ||
onAnimationEnd?: ((event: import("react").AnimationEvent<Element>) => void) | undefined; | ||
onAnimationEndCapture?: ((event: import("react").AnimationEvent<Element>) => void) | undefined; | ||
onAnimationIteration?: ((event: import("react").AnimationEvent<Element>) => void) | undefined; | ||
onAnimationIterationCapture?: ((event: import("react").AnimationEvent<Element>) => void) | undefined; | ||
onTransitionEnd?: ((event: import("react").TransitionEvent<Element>) => void) | undefined; | ||
onTransitionEndCapture?: ((event: import("react").TransitionEvent<Element>) => void) | undefined; | ||
onCopy?: ((event: React.ClipboardEvent<HTMLElement>) => void) | undefined; | ||
onCopyCapture?: ((event: React.ClipboardEvent<HTMLElement>) => void) | undefined; | ||
onCut?: ((event: React.ClipboardEvent<HTMLElement>) => void) | undefined; | ||
onCutCapture?: ((event: React.ClipboardEvent<HTMLElement>) => void) | undefined; | ||
onPaste?: ((event: React.ClipboardEvent<HTMLElement>) => void) | undefined; | ||
onPasteCapture?: ((event: React.ClipboardEvent<HTMLElement>) => void) | undefined; | ||
onCompositionEnd?: ((event: React.CompositionEvent<HTMLElement>) => void) | undefined; | ||
onCompositionEndCapture?: ((event: React.CompositionEvent<HTMLElement>) => void) | undefined; | ||
onCompositionStart?: ((event: React.CompositionEvent<HTMLElement>) => void) | undefined; | ||
onCompositionStartCapture?: ((event: React.CompositionEvent<HTMLElement>) => void) | undefined; | ||
onCompositionUpdate?: ((event: React.CompositionEvent<HTMLElement>) => void) | undefined; | ||
onCompositionUpdateCapture?: ((event: React.CompositionEvent<HTMLElement>) => void) | undefined; | ||
onFocus?: ((event: React.FocusEvent<HTMLElement>) => void) | undefined; | ||
onFocusCapture?: ((event: React.FocusEvent<HTMLElement>) => void) | undefined; | ||
onBlur?: ((event: React.FocusEvent<HTMLElement>) => void) | undefined; | ||
onBlurCapture?: ((event: React.FocusEvent<HTMLElement>) => void) | undefined; | ||
onChange?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onChangeCapture?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onBeforeInput?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onBeforeInputCapture?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onInput?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onInputCapture?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onReset?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onResetCapture?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onSubmit?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onSubmitCapture?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onInvalid?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onInvalidCapture?: ((event: React.FormEvent<HTMLElement>) => void) | undefined; | ||
onLoad?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onLoadCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onError?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onErrorCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onKeyDownCapture?: ((event: React.KeyboardEvent<HTMLElement>) => void) | undefined; | ||
onKeyPress?: ((event: React.KeyboardEvent<HTMLElement>) => void) | undefined; | ||
onKeyPressCapture?: ((event: React.KeyboardEvent<HTMLElement>) => void) | undefined; | ||
onKeyUpCapture?: ((event: React.KeyboardEvent<HTMLElement>) => void) | undefined; | ||
onAbort?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onAbortCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onCanPlay?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onCanPlayCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onCanPlayThrough?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onCanPlayThroughCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onDurationChange?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onDurationChangeCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onEmptied?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onEmptiedCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onEncrypted?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onEncryptedCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onEnded?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onEndedCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onLoadedData?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onLoadedDataCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onLoadedMetadata?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onLoadedMetadataCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onLoadStart?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onLoadStartCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onPause?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onPauseCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onPlay?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onPlayCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onPlaying?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onPlayingCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onProgress?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onProgressCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onRateChange?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onRateChangeCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onSeeked?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onSeekedCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onSeeking?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onSeekingCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onStalled?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onStalledCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onSuspend?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onSuspendCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onTimeUpdate?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onTimeUpdateCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onVolumeChange?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onVolumeChangeCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onWaiting?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onWaitingCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onAuxClick?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onAuxClickCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onClickCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onContextMenu?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onContextMenuCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onDoubleClick?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onDoubleClickCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onDrag?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragEnd?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragEndCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragEnter?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragEnterCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragExit?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragExitCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragLeave?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragLeaveCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragOver?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragOverCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragStart?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDragStartCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDrop?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onDropCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined; | ||
onMouseDownCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onMouseEnter?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onMouseMove?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onMouseMoveCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onMouseOut?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onMouseOutCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onMouseOverCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onMouseUpCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined; | ||
onSelect?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onSelectCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined; | ||
onTouchCancel?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined; | ||
onTouchCancelCapture?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined; | ||
onTouchEnd?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined; | ||
onTouchEndCapture?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined; | ||
onTouchMove?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined; | ||
onTouchMoveCapture?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined; | ||
onTouchStart?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined; | ||
onTouchStartCapture?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined; | ||
onPointerDown?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerDownCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerMove?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerMoveCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerUp?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerUpCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerCancel?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerCancelCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerEnter?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerEnterCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerLeave?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerLeaveCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerOver?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerOverCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerOut?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onPointerOutCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onGotPointerCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onGotPointerCaptureCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onLostPointerCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onLostPointerCaptureCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined; | ||
onScroll?: ((event: React.UIEvent<HTMLElement, UIEvent>) => void) | undefined; | ||
onScrollCapture?: ((event: React.UIEvent<HTMLElement, UIEvent>) => void) | undefined; | ||
onWheel?: ((event: React.WheelEvent<HTMLElement>) => void) | undefined; | ||
onWheelCapture?: ((event: React.WheelEvent<HTMLElement>) => void) | undefined; | ||
onAnimationStart?: ((event: React.AnimationEvent<HTMLElement>) => void) | undefined; | ||
onAnimationStartCapture?: ((event: React.AnimationEvent<HTMLElement>) => void) | undefined; | ||
onAnimationEnd?: ((event: React.AnimationEvent<HTMLElement>) => void) | undefined; | ||
onAnimationEndCapture?: ((event: React.AnimationEvent<HTMLElement>) => void) | undefined; | ||
onAnimationIteration?: ((event: React.AnimationEvent<HTMLElement>) => void) | undefined; | ||
onAnimationIterationCapture?: ((event: React.AnimationEvent<HTMLElement>) => void) | undefined; | ||
onTransitionEnd?: ((event: React.TransitionEvent<HTMLElement>) => void) | undefined; | ||
onTransitionEndCapture?: ((event: React.TransitionEvent<HTMLElement>) => void) | undefined; | ||
}; | ||
export declare type UseClickableReturn = ReturnType<typeof useClickable>; |
{ | ||
"name": "@chakra-ui/clickable", | ||
"version": "1.0.0-rc.8", | ||
"version": "1.0.0", | ||
"description": "React hook and component that implements native button interactions", | ||
@@ -54,3 +54,3 @@ "keywords": [ | ||
"dependencies": { | ||
"@chakra-ui/utils": "1.0.0-rc.8" | ||
"@chakra-ui/utils": "1.0.0" | ||
}, | ||
@@ -60,3 +60,3 @@ "peerDependencies": { | ||
}, | ||
"gitHead": "de4cffb1638e8d10cd74515b0289d70eb94931be" | ||
"gitHead": "c98ca366cec7151fe7ea4e0b6f893088797c5398" | ||
} |
# @chakra-ui/clickable | ||
React hook that implements all the interactions of a native `button` component | ||
with support for making it focusable even if it's disabled. | ||
with support for making it focusable even if it is disabled. | ||
@@ -6,0 +6,0 @@ It can be used with both native button elements or other elements (like `div`). |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
99694
19
1010
0
1
+ Added@chakra-ui/utils@1.0.0(transitive)
- Removed@chakra-ui/utils@1.0.0-rc.8(transitive)
Updated@chakra-ui/utils@1.0.0