@bothub-chat/ui 2.35.0 → 2.35.1-develop-755663fd-4386-47a2-8bdf-622f64c6d9a2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +23 -23
- package/dist/components/badge-select-dropdown/styled.js +1 -1
- package/dist/components/message/actions/styled.js +1 -1
- package/dist/components/message/index.js +1 -1
- package/dist/components/message/styled.d.ts +3 -270
- package/dist/components/message/styled.js +1 -1
- package/dist/components/slider/useSlider.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
<p align="center">
|
|
2
|
-
<img src="https://bothub.chat/icon-144x144.png" />
|
|
3
|
-
</p>
|
|
4
|
-
<h1 align="center">Bothub Chat</h1>
|
|
5
|
-
<p align="center">UI Components from Bothub.</p>
|
|
6
|
-
<p align="center">
|
|
7
|
-
<a href="https://bothub-docs.vercel.app/">Documentation</a>
|
|
8
|
-
</p>
|
|
9
|
-
|
|
10
|
-
<h2>Installing</h2>
|
|
11
|
-
<p>Preliminary requirements:</p>
|
|
12
|
-
<ul>
|
|
13
|
-
<li><a href="https://nodejs.org/">Node.js</a> >= <code>18.12.1</code></li>
|
|
14
|
-
<li><a href="https://www.npmjs.com/">npm</a> >= <code>9.1.2</code></li>
|
|
15
|
-
<li><a href="https://yarnpkg.com/">yarn</a> >= <code>1.22.19</code></li>
|
|
16
|
-
</ul>
|
|
17
|
-
<p>Installing peer dependencies:</p>
|
|
18
|
-
<pre>yarn add framer-motion@10.16.3 react@18.2.0 react-dom@18.2.0 styled-components@6.0.7 react-helmet@6.1.0 normalize.css@8.0.1 react-slider@2.0.6 react-markdown@8.0.5 highlight.js@11.9.0 react-highlight@0.15.0</pre>
|
|
19
|
-
<p>Installing package:</p>
|
|
20
|
-
<pre>yarn add @bothub-chat/ui</pre>
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
<h2>License</h2>
|
|
1
|
+
<p align="center">
|
|
2
|
+
<img src="https://bothub.chat/icon-144x144.png" />
|
|
3
|
+
</p>
|
|
4
|
+
<h1 align="center">Bothub Chat</h1>
|
|
5
|
+
<p align="center">UI Components from Bothub.</p>
|
|
6
|
+
<p align="center">
|
|
7
|
+
<a href="https://bothub-docs.vercel.app/">Documentation</a>
|
|
8
|
+
</p>
|
|
9
|
+
|
|
10
|
+
<h2>Installing</h2>
|
|
11
|
+
<p>Preliminary requirements:</p>
|
|
12
|
+
<ul>
|
|
13
|
+
<li><a href="https://nodejs.org/">Node.js</a> >= <code>18.12.1</code></li>
|
|
14
|
+
<li><a href="https://www.npmjs.com/">npm</a> >= <code>9.1.2</code></li>
|
|
15
|
+
<li><a href="https://yarnpkg.com/">yarn</a> >= <code>1.22.19</code></li>
|
|
16
|
+
</ul>
|
|
17
|
+
<p>Installing peer dependencies:</p>
|
|
18
|
+
<pre>yarn add framer-motion@10.16.3 react@18.2.0 react-dom@18.2.0 styled-components@6.0.7 react-helmet@6.1.0 normalize.css@8.0.1 react-slider@2.0.6 react-markdown@8.0.5 highlight.js@11.9.0 react-highlight@0.15.0</pre>
|
|
19
|
+
<p>Installing package:</p>
|
|
20
|
+
<pre>yarn add @bothub-chat/ui</pre>
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
<h2>License</h2>
|
|
24
24
|
<p><a href="https://github.com/matbea-dev/bothub/blob/main/LICENSE">MIT</a></p>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{animated as o}from"@react-spring/web";import{styled as e,css as t}from"styled-components";import{ArrowDownIcon as r}from"../../icons/arrow-down/index.js";import{colorToRgba as n}from"../../utils/colorToRgba.js";import{Typography as i}from"../typography/index.js";const a=e(i).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__BadgeSelectDropdownSpanStyled",componentId:"sc-obte8v-0"})([""]),p=e.button.withConfig({displayName:"styled__BadgeSelectDropdownTrigger",componentId:"sc-obte8v-1"})(["border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;column-gap:8px;min-width:98px;padding:6px 12px;border-radius:14px;background:",";color:",";"],(({theme:o,$active:e})=>e?n(o.colors.accent.primaryLight,.5):o.colors.grayScale.gray3),(({theme:o})=>o.colors.base.white)),d=e(o.ul).withConfig({displayName:"styled__BadgeSelectDropdownList",componentId:"sc-obte8v-2"})(["padding:0;margin:0;display:none;color:white;position:absolute;top:38px;left:0;transform-origin:top center;
|
|
1
|
+
import{animated as o}from"@react-spring/web";import{styled as e,css as t}from"styled-components";import{ArrowDownIcon as r}from"../../icons/arrow-down/index.js";import{colorToRgba as n}from"../../utils/colorToRgba.js";import{Typography as i}from"../typography/index.js";const a=e(i).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__BadgeSelectDropdownSpanStyled",componentId:"sc-obte8v-0"})([""]),p=e.button.withConfig({displayName:"styled__BadgeSelectDropdownTrigger",componentId:"sc-obte8v-1"})(["border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;column-gap:8px;min-width:98px;padding:6px 12px;border-radius:14px;background:",";color:",";"],(({theme:o,$active:e})=>e?n(o.colors.accent.primaryLight,.5):o.colors.grayScale.gray3),(({theme:o})=>o.colors.base.white)),d=e(o.ul).withConfig({displayName:"styled__BadgeSelectDropdownList",componentId:"sc-obte8v-2"})(["padding:0;margin:0;display:none;color:white;position:absolute;top:38px;left:0;transform-origin:top center;padding:8px;border:1px solid;border-radius:8px;border-color:",";background:",";backdrop-filter:blur(16px);"," flex-direction:column;gap:1px;"],(({theme:o})=>o.colors.grayScale.gray2),(({theme:o})=>n(o.colors.grayScale.gray4,.75)),(({$open:o})=>t`
|
|
2
2
|
display: ${o&&"flex"};
|
|
3
3
|
`)),s=e.div.withConfig({displayName:"styled__BadgeSelectDropdownWrapper",componentId:"sc-obte8v-3"})(["position:relative;"]),l=e(r).attrs({size:16}).withConfig({displayName:"styled__BadgeSelectDropdownTogglerArrow",componentId:"sc-obte8v-4"})(["transform:",";pointer-events:none;transition:transform 0.2s ease-in-out;"],(({$open:o})=>!0===o?"rotateZ(-180deg)":"rotateZ(0)"));export{d as BadgeSelectDropdownList,a as BadgeSelectDropdownSpanStyled,l as BadgeSelectDropdownTogglerArrow,p as BadgeSelectDropdownTrigger,s as BadgeSelectDropdownWrapper};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{animated as e}from"@react-spring/web";import{styled as t,css as s}from"styled-components";import{Typography as i}from"../../typography/index.js";const o=t.div.withConfig({displayName:"styled__MessageActionsStyled",componentId:"sc-116vw4r-0"})(["display:flex;flex-direction:",";align-items:flex-
|
|
1
|
+
import{animated as e}from"@react-spring/web";import{styled as t,css as s}from"styled-components";import{Typography as i}from"../../typography/index.js";const o=t.div.withConfig({displayName:"styled__MessageActionsStyled",componentId:"sc-116vw4r-0"})(["display:flex;flex-direction:",";align-items:flex-start;justify-content:center;user-select:none;-moz-user-select:none;-webkit-user-select:none;@media (width <= ","){gap:8px;}"],(({$variant:e})=>"assistant"===e?"row":"row-reverse"),(({theme:e})=>e.mobile.maxWidth)),a=t.div.withConfig({displayName:"styled__MessageActionsMenuStyled",componentId:"sc-116vw4r-1"})(["position:relative;display:flex;"]),n=t(e.div).withConfig({displayName:"styled__MessageActionsMenuModal",componentId:"sc-116vw4r-2"})(["position:absolute;"," "," display:flex;flex-direction:column;gap:0;padding:8px;border-radius:8px;background-color:",";border:1px solid ",";z-index:10;"],(({$invertedY:e})=>s(e?["bottom:36px;"]:["top:36px;"])),(({$variant:e,$invertedX:t})=>((e,t)=>{switch(e){case"assistant":return s(t?["right:14px;"]:["left:14px;"]);case"user":return s(t?["left:14px;"]:["right:14px;"]);default:return s([""])}})(e,t)),(({theme:e})=>e.colors.grayScale.gray4),(({theme:e})=>e.colors.grayScale.gray2)),r=t.button.withConfig({displayName:"styled__MessageActionsMenuModalOption",componentId:"sc-116vw4r-3"})(["all:unset;display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;background-color:",";&:hover{background-color:",";}&:active{filter:brightness(0.8);transform:translateY(1px);}cursor:pointer;"],(({theme:e})=>e.colors.grayScale.gray4),(({theme:e})=>e.colors.grayScale.gray2)),l=t.button.withConfig({displayName:"styled__MessageActionsButton",componentId:"sc-116vw4r-4"})(["all:unset;width:fit-content;height:fit-content;padding-inline:6px;display:flex;justify-content:center;align-items:center;cursor:pointer;&:hover{svg{path,circle{fill:",";transition:all 100ms ease-out;}}}&:active{svg{path,circle{fill:#4785ff;transition:all 100ms ease-out;}}transform:translateY(1px);}transition:all 50ms ease-out;"],(({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray6:e.colors.grayScale.gray2)),d=t.div.withConfig({displayName:"styled__MessageEditButtonsStyled",componentId:"sc-116vw4r-5"})(["display:flex;align-items:center;"]),c=t.div.withConfig({displayName:"styled__MessageActionsMenuModalOptionContent",componentId:"sc-116vw4r-6"})(["display:flex;align-items:center;gap:10px;"]),p=t(i).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageActionsButtonText",componentId:"sc-116vw4r-7"})([""]);export{l as MessageActionsButton,p as MessageActionsButtonText,n as MessageActionsMenuModal,r as MessageActionsMenuModalOption,c as MessageActionsMenuModalOptionContent,a as MessageActionsMenuStyled,o as MessageActionsStyled,d as MessageEditButtonsStyled};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useRef as s,useState as n,useCallback as i,useEffect as r}from"react";import{MessageStyledWrapper as l,MessageStyledWithBottomPanel as a,MessageStyled as d,MessageContent as p,MessageTop as m,MessageSender as c,MessageName as g,
|
|
1
|
+
import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useRef as s,useState as n,useCallback as i,useEffect as r}from"react";import{MessageStyledWrapper as l,MessageStyledWithBottomPanel as a,MessageStyled as d,MessageContent as p,MessageTop as m,MessageSender as c,MessageName as g,MessageBlockTransaction as y,MessageAvatar as u,MessageBlockWrapper as x,MessageBlock as b,MessageBlockScrollbarWrapper as j,MessageBlockContent as f,MessageBlockTextArea as M,MessageBlockBottomPanel as h,MessageButtonsStyled as T}from"./styled.js";export{MessageAction,MessageActions,MessageBottom,MessageEditAction,MessageImageBottomArrowButton,MessageImageLeftArrowButton,MessageImageRightArrowButton,MessageImageTopArrowButton,MessageTag,MessageTags,MessageTransaction}from"./styled.js";import{Skeleton as w}from"../skeleton/index.js";import"../../theme/index.js";import{getTgMarkdown as C}from"../../utils/getTgMarkdown.js";import{MessageProvider as v}from"./context.js";export{MessageConsumer,MessageContext,useMessage}from"./context.js";import"tslib";export{MessageInlineCodeStyled}from"./components/code/inline/styled.js";export{MessageMultilineCodeBody,MessageMultilineCodeHead,MessageMultilineCodeLanguage,MessageMultilineCodeStyled}from"./components/code/multiline/styled.js";import"@react-spring/web";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../tooltip/context.js";import"./components/code/multiline/copy/styled.js";import"../../icons/check-small/index.js";import"../../icons/copy/index.js";import"./components/code/multiline/content/styled.js";import{MessageParagraph as S}from"./components/paragraph/index.js";export{MessageBoldStyled}from"./components/bold/styled.js";export{MessageItalicStyled}from"./components/italic/styled.js";export{MessagePre}from"./components/pre/styled.js";export{MessageTableBody,MessageTableContent,MessageTableHead,MessageTableRow,MessageTableStyled}from"./components/table/styled.js";export{MessageTableCellStyled,MessageTableCellText,MessageTableHeadCell}from"./components/table/cell/styled.js";export{MessageListStyled}from"./components/list/styled.js";import"./components/list/context.js";export{MessageListItemStyled}from"./components/list/item/styled.js";export{MessageTitleStyled}from"./components/title/styled.js";export{MessageLinkStyled}from"./components/link/styled.js";export{MessageImageNative,MessageImageSkeleton,MessageImageStyled}from"./components/image/styled.js";export{MessageImageConsumer,MessageImageContext,MessageImageProvider,useMessageImage}from"./components/image/context.js";export{MessageImageGrid}from"./components/image/grid/styled.js";export{MessageImageButtonContent,MessageImageButtonStyled,MessageImageButtonZoneWrapper}from"./components/image/button/styled.js";export{MessageImageButtonsContent,MessageImageButtonsStyled}from"./components/image/button/list/styled.js";import{MessageMarkdown as I}from"./markdown/index.js";import"../scrollbar/styled.js";import{ScrollbarShadow as k}from"../scrollbar/shadow/index.js";import"../scrollbar/style/styled.js";import{MessageTimestamp as B}from"./timestamp/index.js";import{MessageActions as L}from"./actions/index.js";import{MessageVersions as R}from"./versions/index.js";import"./list/styled.js";import"./scroll-button/styled.js";import"./copy/styled.js";import"./badge-progress/styled.js";export{MessageButton}from"./button/styled.js";import"./button/list/styled.js";export{MessageFileInfo,MessageFileName,MessageFileSize,MessageFileStyled,MessageFiles}from"./file/styled.js";import"../icon/styled.js";import"../../icons/pdf-big/index.js";import"../../icons/txt-big/index.js";import"../../icons/word-big/index.js";import"../../icons/xls-big/index.js";import"../../icons/attach-file-big/index.js";import"./voice/styled.js";import"../../icons/loader-circular-gradient-2/index.js";import"./reasoning-block/styled.js";import"../../icons/analyze-urls/index.js";import"../typography/styled.js";import"./search-results/styled.js";import"./video/styled.js";import"../../icons/max-window/index.js";import"../../icons/min-window/index.js";import"../../icons/pause-button/index.js";import"../../icons/play-button/index.js";import"../../icons/volume/index.js";import{useTheme as E}from"../../theme/hook.js";const $=({id:$,content:P,className:D,variant:A="user",color:N="default",name:F,tags:V,avatar:H,transaction:U,disableResend:z=!1,disableEdit:W=!1,disableDelete:G=!1,disableUpdate:O=!1,disableCopy:Z=!1,disableDownload:q=!0,copyPlainText:J,copyTgText:K,editText:Q,resendText:X,deleteText:Y,onReportText:_,downloadTooltipLabel:ee,submitEditTooltipLabel:te,discardEditTooltipLabel:oe,updateTooltipLabel:se,copyTooltipLabel:ne,typing:ie=!1,timestamp:re,timestampPosition:le="right",skeleton:ae=!1,buttons:de,after:pe,components:me,children:ce,version:ge,totalVersions:ye,onCopy:ue,onCodeCopy:xe,onEdit:be,onResend:je,onDelete:fe,onUpdate:Me,onReport:he,onNextVersion:Te,onPrevVersion:we,onDownload:Ce})=>{const ve=E(),Se=s(null),Ie=s(null),ke=s(null),Be=s(null),[Le,Re]=n(!1),[Ee,$e]=n(null!=P?P:""),Pe=i((e=>{var t;$e(null!==(t=e.target.textContent)&&void 0!==t?t:"")}),[]),De=i((e=>{const t=(new DOMParser).parseFromString(e.innerHTML,"text/html"),o=t.getElementsByTagName("code");for(const e of o){const o=t.createElement("span");o.innerText=e.innerText,e.replaceWith(o)}return[new ClipboardItem({"text/plain":new Blob([P],{type:"text/plain"}),"text/html":new Blob([t.body.innerHTML],{type:"text/html"})})]}),[P]),Ae=i((e=>[new ClipboardItem({"text/plain":new Blob([e.innerText],{type:"text/plain"})})]),[]),Ne=i((e=>{const t=C(e);return[new ClipboardItem({"text/plain":new Blob([t],{type:"text/plain"})})]}),[]),Fe=i((()=>{if(Ie.current)return null==ue?void 0:ue(Ae(Ie.current))}),[Ie.current,P]),Ve=i((()=>{if(ke.current)return null==ue?void 0:ue(Ne(ke.current))}),[ke.current]),He=i((()=>{if(Ie.current&&P)return null==ue?void 0:ue(De(Ie.current))}),[Ie.current,P]);let Ue;switch(N&&"object"==typeof CSS&&"function"==typeof CSS.supports&&CSS.supports("background",null!=N?N:"#000")||(N="default"),A){case"user":switch(N){case"default":Ue=ve.colors.accent.primary;break;case"green":Ue=ve.colors.gpt3;break;case"purple":Ue=ve.colors.gpt4;break;default:Ue=N}break;case"assistant":switch(N){case"default":Ue="dark"===ve.mode?ve.colors.grayScale.gray2:ve.colors.grayScale.gray3;break;case"green":Ue=ve.colors.gpt3;break;case"purple":Ue=ve.colors.gpt4;break;default:Ue=N}}return r((()=>{if(Be.current){Be.current.focus();const e=document.createRange(),t=window.getSelection();e.selectNodeContents(Be.current),e.collapse(!1),null==t||t.removeAllRanges(),null==t||t.addRange(e)}}),[Be,Le]),r((()=>{P&&(ke.current=P)}),[P]),e(v,{variant:A,color:N,typing:ie,onCopy:Fe,onCodeCopy:xe,children:e(l,{$variant:A,ref:Se,children:t(a,{children:[e(d,{$variant:A,className:D,"data-date":re,children:t(p,{$variant:A,children:[(F||U)&&t(m,{children:["string"==typeof F&&t(c,{children:[e(g,{$color:N,children:F}),V]}),"string"!=typeof F&&e("div",{}),e(y,{$top:!0,children:U})]}),"string"!=typeof F&&F,e(u,{children:H}),e(x,{children:t(b,{$variant:A,$hexColor:Ue,$skeleton:ae,$hasTimestamp:!!re,$timestampPosition:le,children:[e(j,{scrollShadows:{color:Ue,size:60,left:e(k,{side:"left"}),right:e(k,{side:"right"})},children:e(f,{ref:Ie,$variant:A,children:Le?e(S,{disableMargin:!0,children:e(M,{onInput:Pe,ref:Be,children:P})}):t(o,{children:[!ae&&t(o,{children:["string"==typeof ce&&e(I,{components:me,children:ce}),"string"!=typeof ce&&ce]}),ae&&e(S,{disableMargin:!0,children:e(w,{width:260,opacity:["light"===ve.mode?.1:.15,"light"===ve.mode?.225:.45],colors:["user"===A?ve.colors.base.white:"light"===ve.mode?ve.default.colors.base.black:ve.colors.grayScale.gray6]})}),pe]})})}),re&&e(B,{time:re,position:le})]})})]})}),t(h,{$variant:A,children:[!ae&&e(L,{id:$,onDownload:Ce,disableDownload:q,message:P,variant:A,skeleton:ae,disableResend:z,disableEdit:W,disableDelete:G,disableUpdate:O,disableCopy:Z,copyPlainText:J,copyTgText:K,editText:Q,resendText:X,deleteText:Y,onReportText:_,downloadTooltipLabel:ee,submitEditTooltipLabel:te,discardEditTooltipLabel:oe,updateTooltipLabel:se,copyTooltipLabel:ne,editing:Le,editedText:Ee,messageRef:Se,onEditing:Re,onEditedText:$e,onEdit:be,onResend:je,onDelete:fe,onUpdate:Me,onReport:he,onPlainTextCopy:Fe,onTgCopy:Ve,onCopy:He}),U&&e(y,{children:U}),e(R,{id:$,version:ge,totalVersions:ye,onNextVersion:Te,onPrevVersion:we,editing:Le,variant:A})]}),e(T,{children:de})]})})})};export{$ as Message,u as MessageAvatar,b as MessageBlock,h as MessageBlockBottomPanel,f as MessageBlockContent,j as MessageBlockScrollbarWrapper,M as MessageBlockTextArea,y as MessageBlockTransaction,x as MessageBlockWrapper,T as MessageButtonsStyled,p as MessageContent,I as MessageMarkdown,g as MessageName,S as MessageParagraph,v as MessageProvider,c as MessageSender,d as MessageStyled,a as MessageStyledWithBottomPanel,l as MessageStyledWrapper,m as MessageTop};
|
|
@@ -2477,276 +2477,9 @@ export declare const MessageBlock: import("styled-components").IStyledComponent<
|
|
|
2477
2477
|
export declare const MessageBlockBottomPanel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
2478
2478
|
$variant: MessageVariant;
|
|
2479
2479
|
}>>;
|
|
2480
|
-
export declare const MessageBlockTransaction: import("styled-components").IStyledComponent<"web", {
|
|
2481
|
-
|
|
2482
|
-
|
|
2483
|
-
defaultChecked?: boolean | undefined | undefined;
|
|
2484
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
2485
|
-
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
2486
|
-
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
2487
|
-
accessKey?: string | undefined | undefined;
|
|
2488
|
-
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
2489
|
-
autoFocus?: boolean | undefined | undefined;
|
|
2490
|
-
className?: string | undefined | undefined;
|
|
2491
|
-
contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
|
|
2492
|
-
contextMenu?: string | undefined | undefined;
|
|
2493
|
-
dir?: string | undefined | undefined;
|
|
2494
|
-
draggable?: (boolean | "false" | "true") | undefined;
|
|
2495
|
-
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
2496
|
-
hidden?: boolean | undefined | undefined;
|
|
2497
|
-
id?: string | undefined | undefined;
|
|
2498
|
-
lang?: string | undefined | undefined;
|
|
2499
|
-
nonce?: string | undefined | undefined;
|
|
2500
|
-
slot?: string | undefined | undefined;
|
|
2501
|
-
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
2502
|
-
style?: import("react").CSSProperties | undefined;
|
|
2503
|
-
tabIndex?: number | undefined | undefined;
|
|
2504
|
-
title?: string | undefined | undefined;
|
|
2505
|
-
translate?: "yes" | "no" | undefined | undefined;
|
|
2506
|
-
radioGroup?: string | undefined | undefined;
|
|
2507
|
-
role?: import("react").AriaRole | undefined;
|
|
2508
|
-
about?: string | undefined | undefined;
|
|
2509
|
-
content?: string | undefined | undefined;
|
|
2510
|
-
datatype?: string | undefined | undefined;
|
|
2511
|
-
inlist?: any;
|
|
2512
|
-
prefix?: string | undefined | undefined;
|
|
2513
|
-
property?: string | undefined | undefined;
|
|
2514
|
-
rel?: string | undefined | undefined;
|
|
2515
|
-
resource?: string | undefined | undefined;
|
|
2516
|
-
rev?: string | undefined | undefined;
|
|
2517
|
-
typeof?: string | undefined | undefined;
|
|
2518
|
-
vocab?: string | undefined | undefined;
|
|
2519
|
-
autoCorrect?: string | undefined | undefined;
|
|
2520
|
-
autoSave?: string | undefined | undefined;
|
|
2521
|
-
color?: string | undefined | undefined;
|
|
2522
|
-
itemProp?: string | undefined | undefined;
|
|
2523
|
-
itemScope?: boolean | undefined | undefined;
|
|
2524
|
-
itemType?: string | undefined | undefined;
|
|
2525
|
-
itemID?: string | undefined | undefined;
|
|
2526
|
-
itemRef?: string | undefined | undefined;
|
|
2527
|
-
results?: number | undefined | undefined;
|
|
2528
|
-
security?: string | undefined | undefined;
|
|
2529
|
-
unselectable?: "on" | "off" | undefined | undefined;
|
|
2530
|
-
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
|
|
2531
|
-
is?: string | undefined | undefined;
|
|
2532
|
-
"aria-activedescendant"?: string | undefined | undefined;
|
|
2533
|
-
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
2534
|
-
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
|
|
2535
|
-
"aria-braillelabel"?: string | undefined | undefined;
|
|
2536
|
-
"aria-brailleroledescription"?: string | undefined | undefined;
|
|
2537
|
-
"aria-busy"?: (boolean | "false" | "true") | undefined;
|
|
2538
|
-
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
|
|
2539
|
-
"aria-colcount"?: number | undefined | undefined;
|
|
2540
|
-
"aria-colindex"?: number | undefined | undefined;
|
|
2541
|
-
"aria-colindextext"?: string | undefined | undefined;
|
|
2542
|
-
"aria-colspan"?: number | undefined | undefined;
|
|
2543
|
-
"aria-controls"?: string | undefined | undefined;
|
|
2544
|
-
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
|
|
2545
|
-
"aria-describedby"?: string | undefined | undefined;
|
|
2546
|
-
"aria-description"?: string | undefined | undefined;
|
|
2547
|
-
"aria-details"?: string | undefined | undefined;
|
|
2548
|
-
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
2549
|
-
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
|
|
2550
|
-
"aria-errormessage"?: string | undefined | undefined;
|
|
2551
|
-
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
2552
|
-
"aria-flowto"?: string | undefined | undefined;
|
|
2553
|
-
"aria-grabbed"?: (boolean | "false" | "true") | undefined;
|
|
2554
|
-
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
|
|
2555
|
-
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
2556
|
-
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
|
|
2557
|
-
"aria-keyshortcuts"?: string | undefined | undefined;
|
|
2558
|
-
"aria-label"?: string | undefined | undefined;
|
|
2559
|
-
"aria-labelledby"?: string | undefined | undefined;
|
|
2560
|
-
"aria-level"?: number | undefined | undefined;
|
|
2561
|
-
"aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
|
|
2562
|
-
"aria-modal"?: (boolean | "false" | "true") | undefined;
|
|
2563
|
-
"aria-multiline"?: (boolean | "false" | "true") | undefined;
|
|
2564
|
-
"aria-multiselectable"?: (boolean | "false" | "true") | undefined;
|
|
2565
|
-
"aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
|
|
2566
|
-
"aria-owns"?: string | undefined | undefined;
|
|
2567
|
-
"aria-placeholder"?: string | undefined | undefined;
|
|
2568
|
-
"aria-posinset"?: number | undefined | undefined;
|
|
2569
|
-
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
|
|
2570
|
-
"aria-readonly"?: (boolean | "false" | "true") | undefined;
|
|
2571
|
-
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
|
|
2572
|
-
"aria-required"?: (boolean | "false" | "true") | undefined;
|
|
2573
|
-
"aria-roledescription"?: string | undefined | undefined;
|
|
2574
|
-
"aria-rowcount"?: number | undefined | undefined;
|
|
2575
|
-
"aria-rowindex"?: number | undefined | undefined;
|
|
2576
|
-
"aria-rowindextext"?: string | undefined | undefined;
|
|
2577
|
-
"aria-rowspan"?: number | undefined | undefined;
|
|
2578
|
-
"aria-selected"?: (boolean | "false" | "true") | undefined;
|
|
2579
|
-
"aria-setsize"?: number | undefined | undefined;
|
|
2580
|
-
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
|
|
2581
|
-
"aria-valuemax"?: number | undefined | undefined;
|
|
2582
|
-
"aria-valuemin"?: number | undefined | undefined;
|
|
2583
|
-
"aria-valuenow"?: number | undefined | undefined;
|
|
2584
|
-
"aria-valuetext"?: string | undefined | undefined;
|
|
2585
|
-
children?: import("react").ReactNode;
|
|
2586
|
-
dangerouslySetInnerHTML?: {
|
|
2587
|
-
__html: string | TrustedHTML;
|
|
2588
|
-
} | undefined | undefined;
|
|
2589
|
-
onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
2590
|
-
onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
2591
|
-
onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
2592
|
-
onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
2593
|
-
onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
2594
|
-
onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
2595
|
-
onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
2596
|
-
onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
2597
|
-
onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
2598
|
-
onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
2599
|
-
onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
2600
|
-
onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
2601
|
-
onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
2602
|
-
onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
2603
|
-
onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
2604
|
-
onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
2605
|
-
onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2606
|
-
onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2607
|
-
onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2608
|
-
onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2609
|
-
onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2610
|
-
onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2611
|
-
onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2612
|
-
onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2613
|
-
onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2614
|
-
onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2615
|
-
onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2616
|
-
onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
2617
|
-
onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2618
|
-
onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2619
|
-
onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2620
|
-
onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2621
|
-
onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
2622
|
-
onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
2623
|
-
onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
2624
|
-
onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
2625
|
-
onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
2626
|
-
onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
2627
|
-
onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2628
|
-
onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2629
|
-
onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2630
|
-
onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2631
|
-
onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2632
|
-
onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2633
|
-
onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2634
|
-
onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2635
|
-
onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2636
|
-
onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2637
|
-
onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2638
|
-
onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2639
|
-
onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2640
|
-
onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2641
|
-
onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2642
|
-
onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2643
|
-
onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2644
|
-
onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2645
|
-
onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2646
|
-
onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2647
|
-
onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2648
|
-
onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2649
|
-
onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2650
|
-
onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2651
|
-
onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2652
|
-
onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2653
|
-
onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2654
|
-
onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2655
|
-
onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2656
|
-
onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2657
|
-
onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2658
|
-
onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2659
|
-
onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2660
|
-
onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2661
|
-
onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2662
|
-
onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2663
|
-
onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2664
|
-
onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2665
|
-
onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2666
|
-
onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2667
|
-
onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2668
|
-
onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2669
|
-
onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2670
|
-
onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2671
|
-
onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2672
|
-
onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2673
|
-
onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2674
|
-
onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2675
|
-
onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2676
|
-
onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2677
|
-
onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2678
|
-
onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2679
|
-
onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2680
|
-
onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2681
|
-
onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2682
|
-
onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2683
|
-
onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2684
|
-
onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2685
|
-
onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2686
|
-
onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2687
|
-
onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2688
|
-
onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2689
|
-
onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2690
|
-
onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2691
|
-
onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2692
|
-
onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2693
|
-
onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2694
|
-
onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2695
|
-
onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2696
|
-
onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
2697
|
-
onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2698
|
-
onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2699
|
-
onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2700
|
-
onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2701
|
-
onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2702
|
-
onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2703
|
-
onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2704
|
-
onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2705
|
-
onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2706
|
-
onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2707
|
-
onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2708
|
-
onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
2709
|
-
onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2710
|
-
onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
2711
|
-
onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
2712
|
-
onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
2713
|
-
onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
2714
|
-
onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
2715
|
-
onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
2716
|
-
onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
2717
|
-
onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
2718
|
-
onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
2719
|
-
onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2720
|
-
onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2721
|
-
onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2722
|
-
onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2723
|
-
onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2724
|
-
onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2725
|
-
onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2726
|
-
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2727
|
-
onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2728
|
-
onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2729
|
-
onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2730
|
-
onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2731
|
-
onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2732
|
-
onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2733
|
-
onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2734
|
-
onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2735
|
-
onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2736
|
-
onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
2737
|
-
onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
|
|
2738
|
-
onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
|
|
2739
|
-
onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
|
|
2740
|
-
onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
|
|
2741
|
-
onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
2742
|
-
onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
2743
|
-
onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
2744
|
-
onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
2745
|
-
onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
2746
|
-
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
2747
|
-
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
2748
|
-
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
2749
|
-
}>;
|
|
2480
|
+
export declare const MessageBlockTransaction: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
2481
|
+
$top?: boolean;
|
|
2482
|
+
}>>;
|
|
2750
2483
|
export declare const MessageBlockScrollbarWrapper: import("styled-components").IStyledComponent<"web", {
|
|
2751
2484
|
children?: import("react").ReactNode;
|
|
2752
2485
|
variant?: import("@/ui/components/scrollbar").ScrollbarVariant | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{styled as t,css as a}from"styled-components";import{Avatar as s}from"../avatar/index.js";import{Typography as i}from"../typography/index.js";import{Button as o}from"../button/index.js";import{ArrowNarrowDownIcon as n}from"../../icons/arrow-narrow-down/index.js";import{ArrowNarrowLeftIcon as r}from"../../icons/arrow-narrow-left/index.js";import{ArrowNarrowRightIcon as d}from"../../icons/arrow-narrow-right/index.js";import{ArrowNarrowUpIcon as p}from"../../icons/arrow-narrow-up/index.js";import{EditIcon as l}from"../../icons/edit/index.js";import{adaptive as m}from"../../adaptive/index.js";import{Badge as c}from"../badge/index.js";import{Scrollbar as g}from"../scrollbar/index.js";import{MessageImageButton as w}from"./components/image/button/index.js";import{MessageImageButtonZoneWrapper as
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{styled as t,css as a}from"styled-components";import{Avatar as s}from"../avatar/index.js";import{Typography as i}from"../typography/index.js";import{Button as o}from"../button/index.js";import{ArrowNarrowDownIcon as n}from"../../icons/arrow-narrow-down/index.js";import{ArrowNarrowLeftIcon as r}from"../../icons/arrow-narrow-left/index.js";import{ArrowNarrowRightIcon as d}from"../../icons/arrow-narrow-right/index.js";import{ArrowNarrowUpIcon as p}from"../../icons/arrow-narrow-up/index.js";import{EditIcon as l}from"../../icons/edit/index.js";import{adaptive as m}from"../../adaptive/index.js";import{Badge as c}from"../badge/index.js";import{Scrollbar as g}from"../scrollbar/index.js";import{MessageImageButton as w}from"./components/image/button/index.js";import{MessageImageButtonZoneWrapper as y}from"./components/image/button/styled.js";const f=t.div.withConfig({displayName:"styled__MessageStyledWrapper",componentId:"sc-1wz70sd-0"})(["display:flex;width:100%;",""],(({$variant:e})=>{switch(e){case"user":return a(["justify-content:flex-start;flex-direction:row-reverse;margin-left:auto;"]);case"assistant":return a(["margin-right:auto;"])}})),x=t.div.withConfig({displayName:"styled__MessageStyledWithBottomPanel",componentId:"sc-1wz70sd-1"})(["display:flex;width:fit-content;max-width:100%;flex-direction:column;gap:8px;"]),h=t.div.withConfig({displayName:"styled__MessageStyled",componentId:"sc-1wz70sd-2"})(["display:flex;max-width:100%;"," "," ",""],(({$variant:e})=>{if("user"===e)return a(["flex-direction:row-reverse;"])}),(()=>a(["","{visibility:hidden;}&:hover{","{visibility:visible;}}"],P,P)),m((()=>({variant:"dashboard",touch:a(["","{visibility:visible !important;}"],P)})))),u=t.div.withConfig({displayName:"styled__MessageContent",componentId:"sc-1wz70sd-3"})(["position:relative;display:grid;column-gap:12px;max-width:100%;",""],(({$variant:e})=>{switch(e){case"user":return a(["grid-template-areas:'. top .' 'actions block avatar' '. buttons .';"]);case"assistant":return a(["grid-template-areas:'. top .' 'avatar block actions' '. buttons .';"])}})),v=t.div.withConfig({displayName:"styled__MessageTop",componentId:"sc-1wz70sd-4"})(["display:flex;gap:10px;width:100%;align-items:center;justify-content:space-between;grid-area:top;margin-bottom:8px;"]),_=t.div.withConfig({displayName:"styled__MessageBottom",componentId:"sc-1wz70sd-5"})(["margin-top:4px;grid-area:buttons;"]),b=t.div.withConfig({displayName:"styled__MessageSender",componentId:"sc-1wz70sd-6"})(["display:flex;align-items:center;gap:10px;"]),z=t(i).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageName",componentId:"sc-1wz70sd-7"})(["color:",";"],(({theme:e,$color:t})=>{switch(t){case"green":return"dark"===e.mode?e.default.colors.base.white:e.colors.gpt3;case"purple":return"dark"===e.mode?e.default.colors.base.white:e.colors.gpt4;default:return e.colors.base.white}})),C=t.div.withConfig({displayName:"styled__MessageTags",componentId:"sc-1wz70sd-8"})([""]),I=t(c).withConfig({displayName:"styled__MessageTag",componentId:"sc-1wz70sd-9"})([""]),N=t(s).withConfig({displayName:"styled__MessageAvatar",componentId:"sc-1wz70sd-10"})(["grid-area:avatar;align-self:flex-end;user-select:none;@media (max-width:","){display:none;}"],(({theme:e})=>e.mobile.maxWidth)),M=t.div.withConfig({displayName:"styled__MessageBlockWrapper",componentId:"sc-1wz70sd-11"})(["display:flex;flex-direction:column;justify-content:end;grid-area:block;gap:6px;position:relative;overflow:auto;"]),k=t.div.withConfig({displayName:"styled__MessageBlock",componentId:"sc-1wz70sd-12"})(["position:relative;display:flex;border-radius:10px;width:100%;max-width:100%;overflow:auto;"," "," "," ",""],(({$variant:e})=>{switch(e){case"user":return a(["border-bottom-right-radius:0px;"]);case"assistant":return a(["border-bottom-left-radius:0px;"])}}),(({$hexColor:e,$variant:t})=>"user"===t&&`background: ${e};`),(({$hasTimestamp:e,$timestampPosition:t,$variant:s})=>e?"user"===s&&m({variant:"dashboard",merge:!0,desktop:a(["padding:",";"],"right"===t?"8px":"8px 8px 5px 8px"),tablet:a(["padding:",";"],"right"===t?"8px":"8px 8px 5px 8px")}):"user"===s&&m({variant:"dashboard",merge:!0,desktop:a(["padding:14px 16px;"]),tablet:a(["padding:14px;"])})),(({$timestampPosition:e})=>"bottom"===e&&a(["flex-direction:column;"]))),j=t.div.withConfig({displayName:"styled__MessageBlockBottomPanel",componentId:"sc-1wz70sd-13"})(["display:flex;align-items:center;gap:10px;",""],(({$variant:e})=>{switch(e){case"user":return a(["margin-top:4px;margin-left:0px;"]);case"assistant":return a(["margin-left:52px;"]);default:return a([""])}})),B=t.div.withConfig({displayName:"styled__MessageBlockTransaction",componentId:"sc-1wz70sd-14"})(["",""],(({$top:e})=>m(e?{desktop:a(["display:none;"]),tablet:a(["display:none;"]),mobile:a(["display:'block';"])}:{desktop:a(["display:block;"]),tablet:a(["display:block;"]),mobile:a(["display:'none';"])}))),$=t(g).attrs({variant:"secondary"}).withConfig({displayName:"styled__MessageBlockScrollbarWrapper",componentId:"sc-1wz70sd-15"})([""]),A=t.div.withConfig({displayName:"styled__MessageBlockContent",componentId:"sc-1wz70sd-16"})(["display:flex;flex-direction:column;align-items:flex-start;gap:10px;grid-area:block;border-radius:10px;padding:",";max-width:100%;overflow:auto;"],(({$variant:e})=>{switch(e){case"user":return"8px";case"assistant":return"0px 8px 0px 0px"}})),S=t.span.attrs({role:"textbox",contentEditable:!0,suppressContentEditableWarning:!0}).withConfig({displayName:"styled__MessageBlockTextArea",componentId:"sc-1wz70sd-17"})(["min-width:10ch;min-height:1ch;min-height:1cap;width:100%;max-width:100%;height:auto;resize:none;overflow:clip;white-space:pre-wrap;border:none;outline:none;background-color:transparent;",""],m({desktop:a(["font-size:16px;"]),tablet:a(["font-size:14px;"]),mobile:a(["font-size:14px;"])})),T=t.div.withConfig({displayName:"styled__MessageButtonsStyled",componentId:"sc-1wz70sd-18"})(["margin-left:48px;"]),W=t(i).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageTransaction",componentId:"sc-1wz70sd-19"})(["text-transform:uppercase;color:",";"],(({theme:e})=>"light"===e.mode?e.colors.accent.primary:e.colors.grayScale.gray6)),P=t.div.withConfig({displayName:"styled__MessageActions",componentId:"sc-1wz70sd-20"})(["display:flex;grid-area:actions;gap:10px;align-self:flex-end;"]),E=t(o).attrs({variant:"text",iconSize:18}).withConfig({displayName:"styled__MessageAction",componentId:"sc-1wz70sd-21"})([""]),L=t(E).attrs({children:e(l,{})}).withConfig({displayName:"styled__MessageEditAction",componentId:"sc-1wz70sd-22"})([""]),R=t(w).attrs({variant:"primary-transparent",zone:!0,children:e(r,{})}).withConfig({displayName:"styled__MessageImageLeftArrowButton",componentId:"sc-1wz70sd-23"})(["","{justify-content:flex-start;}"],y),q=t(w).attrs({variant:"primary-transparent",zone:!0,children:e(d,{})}).withConfig({displayName:"styled__MessageImageRightArrowButton",componentId:"sc-1wz70sd-24"})(["","{justify-content:flex-end;}"],y),D=t(w).attrs({variant:"primary-transparent",zone:!0,children:e(p,{})}).withConfig({displayName:"styled__MessageImageTopArrowButton",componentId:"sc-1wz70sd-25"})(["","{align-items:flex-start;}"],y),F=t(w).attrs({variant:"primary-transparent",zone:!0,children:e(n,{})}).withConfig({displayName:"styled__MessageImageBottomArrowButton",componentId:"sc-1wz70sd-26"})(["","{align-items:flex-end;}"],y);export{E as MessageAction,P as MessageActions,N as MessageAvatar,k as MessageBlock,j as MessageBlockBottomPanel,A as MessageBlockContent,$ as MessageBlockScrollbarWrapper,S as MessageBlockTextArea,B as MessageBlockTransaction,M as MessageBlockWrapper,_ as MessageBottom,T as MessageButtonsStyled,u as MessageContent,L as MessageEditAction,F as MessageImageBottomArrowButton,R as MessageImageLeftArrowButton,q as MessageImageRightArrowButton,D as MessageImageTopArrowButton,z as MessageName,b as MessageSender,h as MessageStyled,x as MessageStyledWithBottomPanel,f as MessageStyledWrapper,I as MessageTag,C as MessageTags,v as MessageTop,W as MessageTransaction};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useState as e,useRef as t,useEffect as n}from"react";const l=()=>{const[l,o]=e(!0),[r,i]=e(!
|
|
1
|
+
import{useState as e,useRef as t,useEffect as n}from"react";const l=()=>{const[l,o]=e(!0),[r,i]=e(!1),c=t(null);return n((()=>{const e=c.current,t=()=>{var e;const t=null===(e=c.current)||void 0===e?void 0:e.element;if(!t)return;if(!(t.scrollWidth>t.clientWidth))return o(!0),void i(!0);t.scrollWidth-t.scrollLeft<=t.clientWidth+1?i(!0):i(!1),t.scrollLeft<=0?o(!0):o(!1)};if(e&&e.element)return e.element.addEventListener("scroll",t),t(),()=>{e&&e.element&&e.element.removeEventListener("scroll",t)}}),[]),{isLeftDisabled:l,isRightDisabled:r,onScrollLeft:()=>{var e;const t=null===(e=c.current)||void 0===e?void 0:e.element,n=null==t?void 0:t.children;if(!n||!t)return;const l=t.getBoundingClientRect();let o=0,r=-9999;for(let e=0;e<n.length;e+=1){const t=n[e].getBoundingClientRect().left-l.left;t+1<0&&t>r&&(r=Math.floor(t),o=e)}-9999===r&&0===o||n[o].scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})},onScrollRight:()=>{var e;const t=null===(e=c.current)||void 0===e?void 0:e.element,n=null==t?void 0:t.children;if(!n||!t)return;const l=t.getBoundingClientRect();let o=0,r=9999;const i=t.clientWidth;if(i){for(let e=0;e<n.length;e+=1){const t=n[e].getBoundingClientRect().right-l.left;t-1>i&&t<r&&(r=Math.floor(t),o=e)}9999===r&&0===o||n[o].scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}},scrollbarRef:c}};export{l as useSlider};
|