@envive-ai/react-toolkit-v3 0.3.15 → 0.3.17

package/dist/ChatPreviewComparison/components/Message.cjs

@@ -10,13 +10,14 @@ let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/ChatPreviewComparison/components/Message.tsx
 const MarkdownProcessor = (0, react.lazy)(async () => ({ default: (await Promise.resolve().then(() => require("../../MarkdownProcessor/MarkdownProcessor.cjs"))).MarkdownProcessor }));
-const Message = ({ messageText, theme = require_theme.Theme.GLOBAL_CUSTOM }) => {
+const Message = ({ messageText, theme = require_theme.Theme.GLOBAL_CUSTOM, onLinkClick }) => {
 	const { isMobile } = require_useCheckIsMobile.useCheckIsMobile();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarkdownProcessor, {
 		content: messageText,
 		clampParagraphs: require_resolveTheme.resolveTheme(theme) === require_theme.Theme.STANDARD && isMobile ? 7 : 3,
 		textColor: require_index.TypographyColor.TEXT_PRIMARY,
-		textVariant: require_index.TypographyVariant.B3_RG
+		textVariant: require_index.TypographyVariant.B3_RG,
+		onLinkClick
 	}) });
 };
 

package/dist/ChatPreviewComparison/components/Message.js

@@ -9,13 +9,14 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/ChatPreviewComparison/components/Message.tsx
 const MarkdownProcessor = lazy(async () => ({ default: (await import("../../MarkdownProcessor/MarkdownProcessor.js")).MarkdownProcessor }));
-const Message = ({ messageText, theme = Theme.GLOBAL_CUSTOM }) => {
+const Message = ({ messageText, theme = Theme.GLOBAL_CUSTOM, onLinkClick }) => {
 	const { isMobile } = useCheckIsMobile();
 	return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(MarkdownProcessor, {
 		content: messageText,
 		clampParagraphs: resolveTheme(theme) === Theme.STANDARD && isMobile ? 7 : 3,
 		textColor: TypographyColor.TEXT_PRIMARY,
-		textVariant: TypographyVariant.B3_RG
+		textVariant: TypographyVariant.B3_RG,
+		onLinkClick
 	}) });
 };
 

package/dist/ChatPreviewComparison/types/types.d.cts

@@ -122,8 +122,41 @@ type WidgetEventProps = {
    */
   handlePromptButtonClick?: (suggestion: Suggestion) => void;
   /**
-   * Callback function invoked when the text field is clicked.
+   * Callback function invoked when the prompt buttons carousel is dragged.
+   * Useful for tracking drag-to-scroll interactions.
+   */
+  handlePromptButtonDrag?: () => void;
+  /**
+   * Callback function invoked when the user hovers over a prompt button.
+   * Receives the hovered button's text as a parameter.
+   */
+  handlePromptButtonHover?: (text: string) => void;
+  /**
+   * Callback function invoked when the mouse button is pressed down on a prompt button.
+   * Receives the pressed button's text as a parameter.
+   */
+  handlePromptButtonMouseDown?: (text: string) => void;
+  /**
+   * Callback function invoked when the mouse button is released after pressing a prompt button.
+   */
+  handlePromptButtonMouseUp?: () => void;
+  /**
+   * Callback function invoked when a touch interaction starts on a prompt button.
+   * Receives the touched button's text as a parameter.
+   */
+  handlePromptButtonTouchStart?: (text: string) => void;
+  /**
+   * Callback function invoked when a touch interaction ends after touching a prompt button.
+   */
+  handlePromptButtonTouchEnd?: () => void;
+  /**
+   * Callback function invoked when a link inside the widget is clicked.
    *
+   * @param url - The URL of the clicked link
+   */
+  handleLinkClick?: (url: string) => void;
+  /**
+   * Callback function invoked when the text field is clicked.
    */
   handleTextFieldClick?: () => void;
 };

package/dist/ChatPreviewComparison/types/types.d.ts

@@ -122,8 +122,41 @@ type WidgetEventProps = {
    */
   handlePromptButtonClick?: (suggestion: Suggestion) => void;
   /**
-   * Callback function invoked when the text field is clicked.
+   * Callback function invoked when the prompt buttons carousel is dragged.
+   * Useful for tracking drag-to-scroll interactions.
+   */
+  handlePromptButtonDrag?: () => void;
+  /**
+   * Callback function invoked when the user hovers over a prompt button.
+   * Receives the hovered button's text as a parameter.
+   */
+  handlePromptButtonHover?: (text: string) => void;
+  /**
+   * Callback function invoked when the mouse button is pressed down on a prompt button.
+   * Receives the pressed button's text as a parameter.
+   */
+  handlePromptButtonMouseDown?: (text: string) => void;
+  /**
+   * Callback function invoked when the mouse button is released after pressing a prompt button.
+   */
+  handlePromptButtonMouseUp?: () => void;
+  /**
+   * Callback function invoked when a touch interaction starts on a prompt button.
+   * Receives the touched button's text as a parameter.
+   */
+  handlePromptButtonTouchStart?: (text: string) => void;
+  /**
+   * Callback function invoked when a touch interaction ends after touching a prompt button.
+   */
+  handlePromptButtonTouchEnd?: () => void;
+  /**
+   * Callback function invoked when a link inside the widget is clicked.
    *
+   * @param url - The URL of the clicked link
+   */
+  handleLinkClick?: (url: string) => void;
+  /**
+   * Callback function invoked when the text field is clicked.
    */
   handleTextFieldClick?: () => void;
 };

package/dist/ChatPreviewLoading/ChatPreviewLoading.cjs

@@ -1,9 +1,9 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_Stack = require('../Stack/Stack.cjs');
 require('../Stack/index.cjs');
-const require_types = require('../WidgetWrapper/types/types.cjs');
 const require_WidgetTextField = require('../WidgetTextField/WidgetTextField.cjs');
 require('../WidgetTextField/index.cjs');
+const require_types = require('../WidgetWrapper/types/types.cjs');
 require('../WidgetWrapper/index.cjs');
 const require_index = require('./components/index.cjs');
 let react = require("react");

package/dist/ChatPreviewLoading/ChatPreviewLoading.d.cts

@@ -1,5 +1,5 @@
 import { ChatPreviewLoadingProps } from "./types/types.cjs";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 
 //#region src/components/ChatPreviewLoading/ChatPreviewLoading.d.ts
 declare const ChatPreviewLoading: ({
@@ -15,6 +15,6 @@ declare const ChatPreviewLoading: ({
   hideLogo,
   logoSrc,
   titleLabel
-}: ChatPreviewLoadingProps) => react_jsx_runtime31.JSX.Element;
+}: ChatPreviewLoadingProps) => react_jsx_runtime33.JSX.Element;
 //#endregion
 export { ChatPreviewLoading };

package/dist/ChatPreviewLoading/ChatPreviewLoading.d.ts

@@ -1,5 +1,5 @@
 import { ChatPreviewLoadingProps } from "./types/types.js";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/components/ChatPreviewLoading/ChatPreviewLoading.d.ts
 declare const ChatPreviewLoading: ({
@@ -15,6 +15,6 @@ declare const ChatPreviewLoading: ({
   hideLogo,
   logoSrc,
   titleLabel
-}: ChatPreviewLoadingProps) => react_jsx_runtime21.JSX.Element;
+}: ChatPreviewLoadingProps) => react_jsx_runtime24.JSX.Element;
 //#endregion
 export { ChatPreviewLoading };

package/dist/ChatPreviewLoading/ChatPreviewLoading.js

@@ -1,8 +1,8 @@
 import { Stack } from "../Stack/Stack.js";
 import "../Stack/index.js";
-import { WidgetWrapperVariant } from "../WidgetWrapper/types/types.js";
 import { WidgetTextField } from "../WidgetTextField/WidgetTextField.js";
 import "../WidgetTextField/index.js";
+import { WidgetWrapperVariant } from "../WidgetWrapper/types/types.js";
 import "../WidgetWrapper/index.js";
 import { ChatPreviewLoadingComponents } from "./components/index.js";
 import { useMemo } from "react";

package/dist/Container/Container.d.cts

@@ -1,5 +1,5 @@
 import { ContainerProps } from "./types/index.cjs";
-import * as react15 from "react";
+import * as react10 from "react";
 
 //#region src/components/Container/Container.d.ts
 
@@ -17,7 +17,17 @@ declare const Container: ({
   fluid,
   centerContent,
   ...props
-}: ContainerProps & Omit<React.HTMLAttributes<HTMLElement>, "className" | "style" | "component">) => react15.DetailedReactHTMLElement<{
+}: ContainerProps & Omit<React.HTMLAttributes<HTMLElement>, "className" | "style" | "component">) => react10.DetailedReactHTMLElement<{
+  "aria-label"?: string | undefined;
+  "aria-labelledby"?: string | undefined;
+  "aria-describedby"?: string | undefined;
+  role?: react10.AriaRole | undefined;
+  "aria-hidden"?: (boolean | "true" | "false") | undefined;
+  color?: string | undefined;
+  slot?: string | undefined;
+  title?: string | undefined;
+  onClick?: react10.MouseEventHandler<HTMLElement>;
+  content?: string | undefined;
   defaultChecked?: boolean | undefined;
   defaultValue?: string | number | readonly string[] | undefined;
   suppressContentEditableWarning?: boolean | undefined;
@@ -33,15 +43,11 @@ declare const Container: ({
   hidden?: boolean | undefined;
   lang?: string | undefined;
   nonce?: string | undefined;
-  slot?: string | undefined;
   spellCheck?: (boolean | "true" | "false") | undefined;
   tabIndex?: number | undefined;
-  title?: string | undefined;
   translate?: "yes" | "no" | undefined;
   radioGroup?: string | undefined;
-  role?: react15.AriaRole | undefined;
   about?: string | undefined;
-  content?: string | undefined;
   datatype?: string | undefined;
   inlist?: any;
   prefix?: string | undefined;
@@ -53,7 +59,6 @@ declare const Container: ({
   vocab?: string | undefined;
   autoCorrect?: string | undefined;
   autoSave?: string | undefined;
-  color?: string | undefined;
   itemProp?: string | undefined;
   itemScope?: boolean | undefined;
   itemType?: string | undefined;
@@ -83,7 +88,6 @@ declare const Container: ({
   "aria-colspan"?: number | undefined;
   "aria-controls"?: string | undefined;
   "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
-  "aria-describedby"?: string | undefined;
   "aria-description"?: string | undefined;
   "aria-details"?: string | undefined;
   "aria-disabled"?: (boolean | "true" | "false") | undefined;
@@ -93,11 +97,8 @@ declare const Container: ({
   "aria-flowto"?: string | undefined;
   "aria-grabbed"?: (boolean | "true" | "false") | undefined;
   "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-  "aria-hidden"?: (boolean | "true" | "false") | undefined;
   "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
   "aria-keyshortcuts"?: string | undefined;
-  "aria-label"?: string | undefined;
-  "aria-labelledby"?: string | undefined;
   "aria-level"?: number | undefined;
   "aria-live"?: "off" | "assertive" | "polite" | undefined;
   "aria-modal"?: (boolean | "true" | "false") | undefined;
@@ -126,176 +127,175 @@ declare const Container: ({
   dangerouslySetInnerHTML?: {
     __html: string | TrustedHTML;
   } | undefined;
-  onCopy?: react15.ClipboardEventHandler<HTMLElement>;
-  onCopyCapture?: react15.ClipboardEventHandler<HTMLElement>;
-  onCut?: react15.ClipboardEventHandler<HTMLElement>;
-  onCutCapture?: react15.ClipboardEventHandler<HTMLElement>;
-  onPaste?: react15.ClipboardEventHandler<HTMLElement>;
-  onPasteCapture?: react15.ClipboardEventHandler<HTMLElement>;
-  onCompositionEnd?: react15.CompositionEventHandler<HTMLElement>;
-  onCompositionEndCapture?: react15.CompositionEventHandler<HTMLElement>;
-  onCompositionStart?: react15.CompositionEventHandler<HTMLElement>;
-  onCompositionStartCapture?: react15.CompositionEventHandler<HTMLElement>;
-  onCompositionUpdate?: react15.CompositionEventHandler<HTMLElement>;
-  onCompositionUpdateCapture?: react15.CompositionEventHandler<HTMLElement>;
-  onFocus?: react15.FocusEventHandler<HTMLElement>;
-  onFocusCapture?: react15.FocusEventHandler<HTMLElement>;
-  onBlur?: react15.FocusEventHandler<HTMLElement>;
-  onBlurCapture?: react15.FocusEventHandler<HTMLElement>;
-  onChange?: react15.FormEventHandler<HTMLElement>;
-  onChangeCapture?: react15.FormEventHandler<HTMLElement>;
-  onBeforeInput?: react15.InputEventHandler<HTMLElement>;
-  onBeforeInputCapture?: react15.FormEventHandler<HTMLElement>;
-  onInput?: react15.FormEventHandler<HTMLElement>;
-  onInputCapture?: react15.FormEventHandler<HTMLElement>;
-  onReset?: react15.FormEventHandler<HTMLElement>;
-  onResetCapture?: react15.FormEventHandler<HTMLElement>;
-  onSubmit?: react15.FormEventHandler<HTMLElement>;
-  onSubmitCapture?: react15.FormEventHandler<HTMLElement>;
-  onInvalid?: react15.FormEventHandler<HTMLElement>;
-  onInvalidCapture?: react15.FormEventHandler<HTMLElement>;
-  onLoad?: react15.ReactEventHandler<HTMLElement>;
-  onLoadCapture?: react15.ReactEventHandler<HTMLElement>;
-  onError?: react15.ReactEventHandler<HTMLElement>;
-  onErrorCapture?: react15.ReactEventHandler<HTMLElement>;
-  onKeyDown?: react15.KeyboardEventHandler<HTMLElement>;
-  onKeyDownCapture?: react15.KeyboardEventHandler<HTMLElement>;
-  onKeyPress?: react15.KeyboardEventHandler<HTMLElement>;
-  onKeyPressCapture?: react15.KeyboardEventHandler<HTMLElement>;
-  onKeyUp?: react15.KeyboardEventHandler<HTMLElement>;
-  onKeyUpCapture?: react15.KeyboardEventHandler<HTMLElement>;
-  onAbort?: react15.ReactEventHandler<HTMLElement>;
-  onAbortCapture?: react15.ReactEventHandler<HTMLElement>;
-  onCanPlay?: react15.ReactEventHandler<HTMLElement>;
-  onCanPlayCapture?: react15.ReactEventHandler<HTMLElement>;
-  onCanPlayThrough?: react15.ReactEventHandler<HTMLElement>;
-  onCanPlayThroughCapture?: react15.ReactEventHandler<HTMLElement>;
-  onDurationChange?: react15.ReactEventHandler<HTMLElement>;
-  onDurationChangeCapture?: react15.ReactEventHandler<HTMLElement>;
-  onEmptied?: react15.ReactEventHandler<HTMLElement>;
-  onEmptiedCapture?: react15.ReactEventHandler<HTMLElement>;
-  onEncrypted?: react15.ReactEventHandler<HTMLElement>;
-  onEncryptedCapture?: react15.ReactEventHandler<HTMLElement>;
-  onEnded?: react15.ReactEventHandler<HTMLElement>;
-  onEndedCapture?: react15.ReactEventHandler<HTMLElement>;
-  onLoadedData?: react15.ReactEventHandler<HTMLElement>;
-  onLoadedDataCapture?: react15.ReactEventHandler<HTMLElement>;
-  onLoadedMetadata?: react15.ReactEventHandler<HTMLElement>;
-  onLoadedMetadataCapture?: react15.ReactEventHandler<HTMLElement>;
-  onLoadStart?: react15.ReactEventHandler<HTMLElement>;
-  onLoadStartCapture?: react15.ReactEventHandler<HTMLElement>;
-  onPause?: react15.ReactEventHandler<HTMLElement>;
-  onPauseCapture?: react15.ReactEventHandler<HTMLElement>;
-  onPlay?: react15.ReactEventHandler<HTMLElement>;
-  onPlayCapture?: react15.ReactEventHandler<HTMLElement>;
-  onPlaying?: react15.ReactEventHandler<HTMLElement>;
-  onPlayingCapture?: react15.ReactEventHandler<HTMLElement>;
-  onProgress?: react15.ReactEventHandler<HTMLElement>;
-  onProgressCapture?: react15.ReactEventHandler<HTMLElement>;
-  onRateChange?: react15.ReactEventHandler<HTMLElement>;
-  onRateChangeCapture?: react15.ReactEventHandler<HTMLElement>;
-  onSeeked?: react15.ReactEventHandler<HTMLElement>;
-  onSeekedCapture?: react15.ReactEventHandler<HTMLElement>;
-  onSeeking?: react15.ReactEventHandler<HTMLElement>;
-  onSeekingCapture?: react15.ReactEventHandler<HTMLElement>;
-  onStalled?: react15.ReactEventHandler<HTMLElement>;
-  onStalledCapture?: react15.ReactEventHandler<HTMLElement>;
-  onSuspend?: react15.ReactEventHandler<HTMLElement>;
-  onSuspendCapture?: react15.ReactEventHandler<HTMLElement>;
-  onTimeUpdate?: react15.ReactEventHandler<HTMLElement>;
-  onTimeUpdateCapture?: react15.ReactEventHandler<HTMLElement>;
-  onVolumeChange?: react15.ReactEventHandler<HTMLElement>;
-  onVolumeChangeCapture?: react15.ReactEventHandler<HTMLElement>;
-  onWaiting?: react15.ReactEventHandler<HTMLElement>;
-  onWaitingCapture?: react15.ReactEventHandler<HTMLElement>;
-  onAuxClick?: react15.MouseEventHandler<HTMLElement>;
-  onAuxClickCapture?: react15.MouseEventHandler<HTMLElement>;
-  onClick?: react15.MouseEventHandler<HTMLElement>;
-  onClickCapture?: react15.MouseEventHandler<HTMLElement>;
-  onContextMenu?: react15.MouseEventHandler<HTMLElement>;
-  onContextMenuCapture?: react15.MouseEventHandler<HTMLElement>;
-  onDoubleClick?: react15.MouseEventHandler<HTMLElement>;
-  onDoubleClickCapture?: react15.MouseEventHandler<HTMLElement>;
-  onDrag?: react15.DragEventHandler<HTMLElement>;
-  onDragCapture?: react15.DragEventHandler<HTMLElement>;
-  onDragEnd?: react15.DragEventHandler<HTMLElement>;
-  onDragEndCapture?: react15.DragEventHandler<HTMLElement>;
-  onDragEnter?: react15.DragEventHandler<HTMLElement>;
-  onDragEnterCapture?: react15.DragEventHandler<HTMLElement>;
-  onDragExit?: react15.DragEventHandler<HTMLElement>;
-  onDragExitCapture?: react15.DragEventHandler<HTMLElement>;
-  onDragLeave?: react15.DragEventHandler<HTMLElement>;
-  onDragLeaveCapture?: react15.DragEventHandler<HTMLElement>;
-  onDragOver?: react15.DragEventHandler<HTMLElement>;
-  onDragOverCapture?: react15.DragEventHandler<HTMLElement>;
-  onDragStart?: react15.DragEventHandler<HTMLElement>;
-  onDragStartCapture?: react15.DragEventHandler<HTMLElement>;
-  onDrop?: react15.DragEventHandler<HTMLElement>;
-  onDropCapture?: react15.DragEventHandler<HTMLElement>;
-  onMouseDown?: react15.MouseEventHandler<HTMLElement>;
-  onMouseDownCapture?: react15.MouseEventHandler<HTMLElement>;
-  onMouseEnter?: react15.MouseEventHandler<HTMLElement>;
-  onMouseLeave?: react15.MouseEventHandler<HTMLElement>;
-  onMouseMove?: react15.MouseEventHandler<HTMLElement>;
-  onMouseMoveCapture?: react15.MouseEventHandler<HTMLElement>;
-  onMouseOut?: react15.MouseEventHandler<HTMLElement>;
-  onMouseOutCapture?: react15.MouseEventHandler<HTMLElement>;
-  onMouseOver?: react15.MouseEventHandler<HTMLElement>;
-  onMouseOverCapture?: react15.MouseEventHandler<HTMLElement>;
-  onMouseUp?: react15.MouseEventHandler<HTMLElement>;
-  onMouseUpCapture?: react15.MouseEventHandler<HTMLElement>;
-  onSelect?: react15.ReactEventHandler<HTMLElement>;
-  onSelectCapture?: react15.ReactEventHandler<HTMLElement>;
-  onTouchCancel?: react15.TouchEventHandler<HTMLElement>;
-  onTouchCancelCapture?: react15.TouchEventHandler<HTMLElement>;
-  onTouchEnd?: react15.TouchEventHandler<HTMLElement>;
-  onTouchEndCapture?: react15.TouchEventHandler<HTMLElement>;
-  onTouchMove?: react15.TouchEventHandler<HTMLElement>;
-  onTouchMoveCapture?: react15.TouchEventHandler<HTMLElement>;
-  onTouchStart?: react15.TouchEventHandler<HTMLElement>;
-  onTouchStartCapture?: react15.TouchEventHandler<HTMLElement>;
-  onPointerDown?: react15.PointerEventHandler<HTMLElement>;
-  onPointerDownCapture?: react15.PointerEventHandler<HTMLElement>;
-  onPointerMove?: react15.PointerEventHandler<HTMLElement>;
-  onPointerMoveCapture?: react15.PointerEventHandler<HTMLElement>;
-  onPointerUp?: react15.PointerEventHandler<HTMLElement>;
-  onPointerUpCapture?: react15.PointerEventHandler<HTMLElement>;
-  onPointerCancel?: react15.PointerEventHandler<HTMLElement>;
-  onPointerCancelCapture?: react15.PointerEventHandler<HTMLElement>;
-  onPointerEnter?: react15.PointerEventHandler<HTMLElement>;
-  onPointerLeave?: react15.PointerEventHandler<HTMLElement>;
-  onPointerOver?: react15.PointerEventHandler<HTMLElement>;
-  onPointerOverCapture?: react15.PointerEventHandler<HTMLElement>;
-  onPointerOut?: react15.PointerEventHandler<HTMLElement>;
-  onPointerOutCapture?: react15.PointerEventHandler<HTMLElement>;
-  onGotPointerCapture?: react15.PointerEventHandler<HTMLElement>;
-  onGotPointerCaptureCapture?: react15.PointerEventHandler<HTMLElement>;
-  onLostPointerCapture?: react15.PointerEventHandler<HTMLElement>;
-  onLostPointerCaptureCapture?: react15.PointerEventHandler<HTMLElement>;
-  onScroll?: react15.UIEventHandler<HTMLElement>;
-  onScrollCapture?: react15.UIEventHandler<HTMLElement>;
-  onScrollEnd?: react15.UIEventHandler<HTMLElement>;
-  onScrollEndCapture?: react15.UIEventHandler<HTMLElement>;
-  onWheel?: react15.WheelEventHandler<HTMLElement>;
-  onWheelCapture?: react15.WheelEventHandler<HTMLElement>;
-  onAnimationStart?: react15.AnimationEventHandler<HTMLElement>;
-  onAnimationStartCapture?: react15.AnimationEventHandler<HTMLElement>;
-  onAnimationEnd?: react15.AnimationEventHandler<HTMLElement>;
-  onAnimationEndCapture?: react15.AnimationEventHandler<HTMLElement>;
-  onAnimationIteration?: react15.AnimationEventHandler<HTMLElement>;
-  onAnimationIterationCapture?: react15.AnimationEventHandler<HTMLElement>;
-  onToggle?: react15.ToggleEventHandler<HTMLElement>;
-  onBeforeToggle?: react15.ToggleEventHandler<HTMLElement>;
-  onTransitionCancel?: react15.TransitionEventHandler<HTMLElement>;
-  onTransitionCancelCapture?: react15.TransitionEventHandler<HTMLElement>;
-  onTransitionEnd?: react15.TransitionEventHandler<HTMLElement>;
-  onTransitionEndCapture?: react15.TransitionEventHandler<HTMLElement>;
-  onTransitionRun?: react15.TransitionEventHandler<HTMLElement>;
-  onTransitionRunCapture?: react15.TransitionEventHandler<HTMLElement>;
-  onTransitionStart?: react15.TransitionEventHandler<HTMLElement>;
-  onTransitionStartCapture?: react15.TransitionEventHandler<HTMLElement>;
+  onCopy?: react10.ClipboardEventHandler<HTMLElement>;
+  onCopyCapture?: react10.ClipboardEventHandler<HTMLElement>;
+  onCut?: react10.ClipboardEventHandler<HTMLElement>;
+  onCutCapture?: react10.ClipboardEventHandler<HTMLElement>;
+  onPaste?: react10.ClipboardEventHandler<HTMLElement>;
+  onPasteCapture?: react10.ClipboardEventHandler<HTMLElement>;
+  onCompositionEnd?: react10.CompositionEventHandler<HTMLElement>;
+  onCompositionEndCapture?: react10.CompositionEventHandler<HTMLElement>;
+  onCompositionStart?: react10.CompositionEventHandler<HTMLElement>;
+  onCompositionStartCapture?: react10.CompositionEventHandler<HTMLElement>;
+  onCompositionUpdate?: react10.CompositionEventHandler<HTMLElement>;
+  onCompositionUpdateCapture?: react10.CompositionEventHandler<HTMLElement>;
+  onFocus?: react10.FocusEventHandler<HTMLElement>;
+  onFocusCapture?: react10.FocusEventHandler<HTMLElement>;
+  onBlur?: react10.FocusEventHandler<HTMLElement>;
+  onBlurCapture?: react10.FocusEventHandler<HTMLElement>;
+  onChange?: react10.FormEventHandler<HTMLElement>;
+  onChangeCapture?: react10.FormEventHandler<HTMLElement>;
+  onBeforeInput?: react10.InputEventHandler<HTMLElement>;
+  onBeforeInputCapture?: react10.FormEventHandler<HTMLElement>;
+  onInput?: react10.FormEventHandler<HTMLElement>;
+  onInputCapture?: react10.FormEventHandler<HTMLElement>;
+  onReset?: react10.FormEventHandler<HTMLElement>;
+  onResetCapture?: react10.FormEventHandler<HTMLElement>;
+  onSubmit?: react10.FormEventHandler<HTMLElement>;
+  onSubmitCapture?: react10.FormEventHandler<HTMLElement>;
+  onInvalid?: react10.FormEventHandler<HTMLElement>;
+  onInvalidCapture?: react10.FormEventHandler<HTMLElement>;
+  onLoad?: react10.ReactEventHandler<HTMLElement>;
+  onLoadCapture?: react10.ReactEventHandler<HTMLElement>;
+  onError?: react10.ReactEventHandler<HTMLElement>;
+  onErrorCapture?: react10.ReactEventHandler<HTMLElement>;
+  onKeyDown?: react10.KeyboardEventHandler<HTMLElement>;
+  onKeyDownCapture?: react10.KeyboardEventHandler<HTMLElement>;
+  onKeyPress?: react10.KeyboardEventHandler<HTMLElement>;
+  onKeyPressCapture?: react10.KeyboardEventHandler<HTMLElement>;
+  onKeyUp?: react10.KeyboardEventHandler<HTMLElement>;
+  onKeyUpCapture?: react10.KeyboardEventHandler<HTMLElement>;
+  onAbort?: react10.ReactEventHandler<HTMLElement>;
+  onAbortCapture?: react10.ReactEventHandler<HTMLElement>;
+  onCanPlay?: react10.ReactEventHandler<HTMLElement>;
+  onCanPlayCapture?: react10.ReactEventHandler<HTMLElement>;
+  onCanPlayThrough?: react10.ReactEventHandler<HTMLElement>;
+  onCanPlayThroughCapture?: react10.ReactEventHandler<HTMLElement>;
+  onDurationChange?: react10.ReactEventHandler<HTMLElement>;
+  onDurationChangeCapture?: react10.ReactEventHandler<HTMLElement>;
+  onEmptied?: react10.ReactEventHandler<HTMLElement>;
+  onEmptiedCapture?: react10.ReactEventHandler<HTMLElement>;
+  onEncrypted?: react10.ReactEventHandler<HTMLElement>;
+  onEncryptedCapture?: react10.ReactEventHandler<HTMLElement>;
+  onEnded?: react10.ReactEventHandler<HTMLElement>;
+  onEndedCapture?: react10.ReactEventHandler<HTMLElement>;
+  onLoadedData?: react10.ReactEventHandler<HTMLElement>;
+  onLoadedDataCapture?: react10.ReactEventHandler<HTMLElement>;
+  onLoadedMetadata?: react10.ReactEventHandler<HTMLElement>;
+  onLoadedMetadataCapture?: react10.ReactEventHandler<HTMLElement>;
+  onLoadStart?: react10.ReactEventHandler<HTMLElement>;
+  onLoadStartCapture?: react10.ReactEventHandler<HTMLElement>;
+  onPause?: react10.ReactEventHandler<HTMLElement>;
+  onPauseCapture?: react10.ReactEventHandler<HTMLElement>;
+  onPlay?: react10.ReactEventHandler<HTMLElement>;
+  onPlayCapture?: react10.ReactEventHandler<HTMLElement>;
+  onPlaying?: react10.ReactEventHandler<HTMLElement>;
+  onPlayingCapture?: react10.ReactEventHandler<HTMLElement>;
+  onProgress?: react10.ReactEventHandler<HTMLElement>;
+  onProgressCapture?: react10.ReactEventHandler<HTMLElement>;
+  onRateChange?: react10.ReactEventHandler<HTMLElement>;
+  onRateChangeCapture?: react10.ReactEventHandler<HTMLElement>;
+  onSeeked?: react10.ReactEventHandler<HTMLElement>;
+  onSeekedCapture?: react10.ReactEventHandler<HTMLElement>;
+  onSeeking?: react10.ReactEventHandler<HTMLElement>;
+  onSeekingCapture?: react10.ReactEventHandler<HTMLElement>;
+  onStalled?: react10.ReactEventHandler<HTMLElement>;
+  onStalledCapture?: react10.ReactEventHandler<HTMLElement>;
+  onSuspend?: react10.ReactEventHandler<HTMLElement>;
+  onSuspendCapture?: react10.ReactEventHandler<HTMLElement>;
+  onTimeUpdate?: react10.ReactEventHandler<HTMLElement>;
+  onTimeUpdateCapture?: react10.ReactEventHandler<HTMLElement>;
+  onVolumeChange?: react10.ReactEventHandler<HTMLElement>;
+  onVolumeChangeCapture?: react10.ReactEventHandler<HTMLElement>;
+  onWaiting?: react10.ReactEventHandler<HTMLElement>;
+  onWaitingCapture?: react10.ReactEventHandler<HTMLElement>;
+  onAuxClick?: react10.MouseEventHandler<HTMLElement>;
+  onAuxClickCapture?: react10.MouseEventHandler<HTMLElement>;
+  onClickCapture?: react10.MouseEventHandler<HTMLElement>;
+  onContextMenu?: react10.MouseEventHandler<HTMLElement>;
+  onContextMenuCapture?: react10.MouseEventHandler<HTMLElement>;
+  onDoubleClick?: react10.MouseEventHandler<HTMLElement>;
+  onDoubleClickCapture?: react10.MouseEventHandler<HTMLElement>;
+  onDrag?: react10.DragEventHandler<HTMLElement>;
+  onDragCapture?: react10.DragEventHandler<HTMLElement>;
+  onDragEnd?: react10.DragEventHandler<HTMLElement>;
+  onDragEndCapture?: react10.DragEventHandler<HTMLElement>;
+  onDragEnter?: react10.DragEventHandler<HTMLElement>;
+  onDragEnterCapture?: react10.DragEventHandler<HTMLElement>;
+  onDragExit?: react10.DragEventHandler<HTMLElement>;
+  onDragExitCapture?: react10.DragEventHandler<HTMLElement>;
+  onDragLeave?: react10.DragEventHandler<HTMLElement>;
+  onDragLeaveCapture?: react10.DragEventHandler<HTMLElement>;
+  onDragOver?: react10.DragEventHandler<HTMLElement>;
+  onDragOverCapture?: react10.DragEventHandler<HTMLElement>;
+  onDragStart?: react10.DragEventHandler<HTMLElement>;
+  onDragStartCapture?: react10.DragEventHandler<HTMLElement>;
+  onDrop?: react10.DragEventHandler<HTMLElement>;
+  onDropCapture?: react10.DragEventHandler<HTMLElement>;
+  onMouseDown?: react10.MouseEventHandler<HTMLElement>;
+  onMouseDownCapture?: react10.MouseEventHandler<HTMLElement>;
+  onMouseEnter?: react10.MouseEventHandler<HTMLElement>;
+  onMouseLeave?: react10.MouseEventHandler<HTMLElement>;
+  onMouseMove?: react10.MouseEventHandler<HTMLElement>;
+  onMouseMoveCapture?: react10.MouseEventHandler<HTMLElement>;
+  onMouseOut?: react10.MouseEventHandler<HTMLElement>;
+  onMouseOutCapture?: react10.MouseEventHandler<HTMLElement>;
+  onMouseOver?: react10.MouseEventHandler<HTMLElement>;
+  onMouseOverCapture?: react10.MouseEventHandler<HTMLElement>;
+  onMouseUp?: react10.MouseEventHandler<HTMLElement>;
+  onMouseUpCapture?: react10.MouseEventHandler<HTMLElement>;
+  onSelect?: react10.ReactEventHandler<HTMLElement>;
+  onSelectCapture?: react10.ReactEventHandler<HTMLElement>;
+  onTouchCancel?: react10.TouchEventHandler<HTMLElement>;
+  onTouchCancelCapture?: react10.TouchEventHandler<HTMLElement>;
+  onTouchEnd?: react10.TouchEventHandler<HTMLElement>;
+  onTouchEndCapture?: react10.TouchEventHandler<HTMLElement>;
+  onTouchMove?: react10.TouchEventHandler<HTMLElement>;
+  onTouchMoveCapture?: react10.TouchEventHandler<HTMLElement>;
+  onTouchStart?: react10.TouchEventHandler<HTMLElement>;
+  onTouchStartCapture?: react10.TouchEventHandler<HTMLElement>;
+  onPointerDown?: react10.PointerEventHandler<HTMLElement>;
+  onPointerDownCapture?: react10.PointerEventHandler<HTMLElement>;
+  onPointerMove?: react10.PointerEventHandler<HTMLElement>;
+  onPointerMoveCapture?: react10.PointerEventHandler<HTMLElement>;
+  onPointerUp?: react10.PointerEventHandler<HTMLElement>;
+  onPointerUpCapture?: react10.PointerEventHandler<HTMLElement>;
+  onPointerCancel?: react10.PointerEventHandler<HTMLElement>;
+  onPointerCancelCapture?: react10.PointerEventHandler<HTMLElement>;
+  onPointerEnter?: react10.PointerEventHandler<HTMLElement>;
+  onPointerLeave?: react10.PointerEventHandler<HTMLElement>;
+  onPointerOver?: react10.PointerEventHandler<HTMLElement>;
+  onPointerOverCapture?: react10.PointerEventHandler<HTMLElement>;
+  onPointerOut?: react10.PointerEventHandler<HTMLElement>;
+  onPointerOutCapture?: react10.PointerEventHandler<HTMLElement>;
+  onGotPointerCapture?: react10.PointerEventHandler<HTMLElement>;
+  onGotPointerCaptureCapture?: react10.PointerEventHandler<HTMLElement>;
+  onLostPointerCapture?: react10.PointerEventHandler<HTMLElement>;
+  onLostPointerCaptureCapture?: react10.PointerEventHandler<HTMLElement>;
+  onScroll?: react10.UIEventHandler<HTMLElement>;
+  onScrollCapture?: react10.UIEventHandler<HTMLElement>;
+  onScrollEnd?: react10.UIEventHandler<HTMLElement>;
+  onScrollEndCapture?: react10.UIEventHandler<HTMLElement>;
+  onWheel?: react10.WheelEventHandler<HTMLElement>;
+  onWheelCapture?: react10.WheelEventHandler<HTMLElement>;
+  onAnimationStart?: react10.AnimationEventHandler<HTMLElement>;
+  onAnimationStartCapture?: react10.AnimationEventHandler<HTMLElement>;
+  onAnimationEnd?: react10.AnimationEventHandler<HTMLElement>;
+  onAnimationEndCapture?: react10.AnimationEventHandler<HTMLElement>;
+  onAnimationIteration?: react10.AnimationEventHandler<HTMLElement>;
+  onAnimationIterationCapture?: react10.AnimationEventHandler<HTMLElement>;
+  onToggle?: react10.ToggleEventHandler<HTMLElement>;
+  onBeforeToggle?: react10.ToggleEventHandler<HTMLElement>;
+  onTransitionCancel?: react10.TransitionEventHandler<HTMLElement>;
+  onTransitionCancelCapture?: react10.TransitionEventHandler<HTMLElement>;
+  onTransitionEnd?: react10.TransitionEventHandler<HTMLElement>;
+  onTransitionEndCapture?: react10.TransitionEventHandler<HTMLElement>;
+  onTransitionRun?: react10.TransitionEventHandler<HTMLElement>;
+  onTransitionRunCapture?: react10.TransitionEventHandler<HTMLElement>;
+  onTransitionStart?: react10.TransitionEventHandler<HTMLElement>;
+  onTransitionStartCapture?: react10.TransitionEventHandler<HTMLElement>;
   className: string;
-  style: react15.CSSProperties;
+  style: react10.CSSProperties;
   id: string;
   'data-testid': string;
 }, HTMLElement>;