@envive-ai/react-toolkit-v3 0.3.6 → 0.3.7
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/dist/AnimatedText/AnimatedText.d.cts +3 -3
- package/dist/AnimatedText/AnimatedText.d.ts +3 -3
- package/dist/CSSVariablesEditor/CssVariablesEditorComponent.d.cts +2 -2
- package/dist/CSSVariablesEditor/CssVariablesEditorComponent.d.ts +2 -2
- package/dist/Carousel/Carousel.d.cts +2 -2
- package/dist/Carousel/Carousel.d.ts +2 -2
- package/dist/ChatFooter/ChatFooter.d.cts +2 -2
- package/dist/ChatFooter/ChatFooter.d.ts +2 -2
- package/dist/ChatFooter/components/index.d.cts +5 -5
- package/dist/ChatFooter/components/index.d.ts +5 -5
- package/dist/ChatFooter/hooks/useGetContainerProperties.cjs +2 -2
- package/dist/ChatFooter/hooks/useGetContainerProperties.js +2 -2
- package/dist/ChatHeader/ChatHeader.cjs +3 -2
- package/dist/ChatHeader/ChatHeader.d.cts +3 -2
- package/dist/ChatHeader/ChatHeader.d.ts +3 -2
- package/dist/ChatHeader/ChatHeader.js +3 -2
- package/dist/ChatHeader/components/Handle.cjs +27 -1
- package/dist/ChatHeader/components/Handle.js +27 -1
- package/dist/ChatHeader/types/index.d.cts +2 -0
- package/dist/ChatHeader/types/index.d.ts +2 -0
- package/dist/ChatPreview/ChatPreview.d.cts +2 -2
- package/dist/ChatPreview/ChatPreview.d.ts +2 -2
- package/dist/ChatPreviewComparison/ChatPreviewComparison.d.cts +2 -2
- package/dist/ChatPreviewComparison/ChatPreviewComparison.d.ts +2 -2
- package/dist/ChatPreviewLoading/ChatPreviewLoading.d.cts +2 -2
- package/dist/ChatPreviewLoading/ChatPreviewLoading.d.ts +2 -2
- package/dist/Container/Container.d.cts +176 -176
- package/dist/Container/Container.d.ts +176 -176
- package/dist/DesignTokens/DesignTokensComponent.d.cts +2 -2
- package/dist/DesignTokens/DesignTokensComponent.d.ts +2 -2
- package/dist/DocumentRetrievalCard/DocumentRetrievalCard.d.cts +2 -2
- package/dist/DocumentRetrievalCard/DocumentRetrievalCard.d.ts +2 -2
- package/dist/FloatingButton/FloatingButton.cjs +2 -1
- package/dist/FloatingButton/FloatingButton.d.cts +4 -3
- package/dist/FloatingButton/FloatingButton.d.ts +4 -3
- package/dist/FloatingButton/FloatingButton.js +2 -1
- package/dist/FloatingButton/components/Container.cjs +2 -2
- package/dist/FloatingButton/components/Container.js +2 -2
- package/dist/FloatingButton/hooks/useGetContainerProperties.cjs +2 -2
- package/dist/FloatingButton/hooks/useGetContainerProperties.js +2 -2
- package/dist/FloatingButton/types/types.cjs +4 -4
- package/dist/FloatingButton/types/types.d.cts +8 -4
- package/dist/FloatingButton/types/types.d.ts +8 -4
- package/dist/FloatingButton/types/types.js +4 -4
- package/dist/FloatingChat/FloatingChat.cjs +106 -39
- package/dist/FloatingChat/FloatingChat.d.cts +3 -2
- package/dist/FloatingChat/FloatingChat.d.ts +3 -2
- package/dist/FloatingChat/FloatingChat.js +108 -41
- package/dist/FloatingChat/components/AgentMessage.cjs +3 -2
- package/dist/FloatingChat/components/AgentMessage.js +3 -2
- package/dist/FloatingChat/components/ChatMessages.cjs +59 -41
- package/dist/FloatingChat/components/ChatMessages.js +58 -40
- package/dist/FloatingChat/components/Layout.cjs +2 -2
- package/dist/FloatingChat/components/Layout.js +2 -2
- package/dist/FloatingChat/components/ModalSheet.cjs +184 -0
- package/dist/FloatingChat/components/ModalSheet.js +182 -0
- package/dist/FloatingChat/components/SalesAgentProductCardsCarousel.cjs +3 -2
- package/dist/FloatingChat/components/SalesAgentProductCardsCarousel.js +3 -2
- package/dist/FloatingChat/components/index.cjs +1 -0
- package/dist/FloatingChat/components/index.js +1 -0
- package/dist/FloatingChat/hooks/useChatSuggestions.cjs +25 -0
- package/dist/FloatingChat/hooks/useChatSuggestions.js +24 -0
- package/dist/FloatingChat/hooks/useFilteredChatMessages.cjs +24 -0
- package/dist/FloatingChat/hooks/useFilteredChatMessages.js +23 -0
- package/dist/FloatingChat/hooks/usePreventScroll.cjs +117 -0
- package/dist/FloatingChat/hooks/usePreventScroll.js +116 -0
- package/dist/FloatingChat/hooks/useSnapCalculator.cjs +37 -0
- package/dist/FloatingChat/hooks/useSnapCalculator.js +35 -0
- package/dist/FloatingChat/hooks/useSnapControl.cjs +82 -0
- package/dist/FloatingChat/hooks/useSnapControl.js +81 -0
- package/dist/FloatingChat/hooks/useSnapSetup.cjs +59 -0
- package/dist/FloatingChat/hooks/useSnapSetup.js +58 -0
- package/dist/FloatingChat/types/types.d.cts +4 -0
- package/dist/FloatingChat/types/types.d.ts +4 -0
- package/dist/Image/Image.d.cts +2 -2
- package/dist/Image/Image.d.ts +2 -2
- package/dist/ImageGallery/ImageGallery.d.cts +2 -2
- package/dist/ImageGallery/ImageGallery.d.ts +2 -2
- package/dist/MarkdownProcessor/MarkdownProcessor.d.cts +2 -2
- package/dist/MarkdownProcessor/MarkdownProcessor.d.ts +2 -2
- package/dist/PromptButton/PromptButton.d.cts +2 -2
- package/dist/PromptButton/PromptButton.d.ts +2 -2
- package/dist/PromptButtonCarouselWithImage/PromptButtonCarouselWithImage.d.cts +2 -2
- package/dist/PromptButtonCarouselWithImage/PromptButtonCarouselWithImage.d.ts +2 -2
- package/dist/PromptCarousel/PromptCarousel.cjs +0 -1
- package/dist/PromptCarousel/PromptCarousel.d.cts +2 -2
- package/dist/PromptCarousel/PromptCarousel.d.ts +2 -2
- package/dist/PromptCarousel/PromptCarousel.js +0 -1
- package/dist/ReviewCard/ReviewCard.d.cts +2 -2
- package/dist/ReviewCard/ReviewCard.d.ts +2 -2
- package/dist/ReviewCard/components/index.d.cts +6 -6
- package/dist/ReviewCard/components/index.d.ts +6 -6
- package/dist/SalesAgentProductCard/SalesAgentProductCard.d.cts +2 -2
- package/dist/SalesAgentProductCard/SalesAgentProductCard.d.ts +2 -2
- package/dist/SalesAgentProductCard/components/index.d.cts +2 -2
- package/dist/SalesAgentProductCard/components/index.d.ts +8 -8
- package/dist/SocialProof/SocialProof.cjs +9 -2
- package/dist/SocialProof/SocialProof.d.cts +2 -2
- package/dist/SocialProof/SocialProof.d.ts +2 -2
- package/dist/SocialProof/SocialProof.js +9 -2
- package/dist/SocialProof/hooks/index.cjs +1 -0
- package/dist/SocialProof/hooks/index.js +3 -0
- package/dist/SocialProof/hooks/useSocialProofCount.cjs +48 -0
- package/dist/SocialProof/hooks/useSocialProofCount.d.cts +15 -0
- package/dist/SocialProof/hooks/useSocialProofCount.d.ts +15 -0
- package/dist/SocialProof/hooks/useSocialProofCount.js +46 -0
- package/dist/SocialProof/index.cjs +5 -1
- package/dist/SocialProof/index.d.cts +3 -2
- package/dist/SocialProof/index.d.ts +3 -2
- package/dist/SocialProof/index.js +4 -2
- package/dist/SocialProof/types/types.cjs +8 -1
- package/dist/SocialProof/types/types.d.cts +16 -6
- package/dist/SocialProof/types/types.d.ts +16 -6
- package/dist/SocialProof/types/types.js +7 -1
- package/dist/Stack/Stack.d.cts +2 -2
- package/dist/TitledPromptCarousel/TitledPromptCarousel.d.cts +2 -2
- package/dist/TitledPromptCarousel/TitledPromptCarousel.d.ts +2 -2
- package/dist/TypingAnimation/TypingAnimation.d.cts +2 -2
- package/dist/TypingAnimation/TypingAnimation.d.ts +2 -2
- package/dist/Typography/Typography.d.cts +4 -4
- package/dist/Typography/Typography.d.ts +4 -4
- package/dist/WidgetTextField/WidgetTextField.d.cts +2 -2
- package/dist/WidgetTextField/WidgetTextField.d.ts +2 -2
- package/dist/WidgetWrapper/WidgetWrapper.d.cts +2 -2
- package/dist/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.cts +2 -2
- package/dist/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.ts +2 -2
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/src/components/ChatFooter/hooks/useGetContainerProperties.ts +2 -2
- package/src/components/ChatHeader/ChatHeader.tsx +2 -0
- package/src/components/ChatHeader/components/Handle.tsx +29 -1
- package/src/components/ChatHeader/types/index.ts +3 -0
- package/src/components/FloatingButton/FloatingButton.tsx +2 -0
- package/src/components/FloatingButton/components/Container.tsx +3 -0
- package/src/components/FloatingButton/hooks/useGetContainerProperties.ts +2 -1
- package/src/components/FloatingButton/types/types.ts +9 -4
- package/src/components/FloatingChat/FloatingChat.tsx +160 -59
- package/src/components/FloatingChat/components/AgentMessage.tsx +3 -0
- package/src/components/FloatingChat/components/ChatMessages.tsx +25 -0
- package/src/components/FloatingChat/components/Layout.tsx +2 -2
- package/src/components/FloatingChat/components/ModalSheet.tsx +288 -0
- package/src/components/FloatingChat/components/SalesAgentProductCardsCarousel.tsx +7 -2
- package/src/components/FloatingChat/components/index.ts +3 -0
- package/src/components/FloatingChat/hooks/useChatSuggestions.ts +49 -0
- package/src/components/FloatingChat/hooks/useFilteredChatMessages.ts +43 -0
- package/src/components/FloatingChat/hooks/usePreventScroll.ts +207 -0
- package/src/components/FloatingChat/hooks/useSnapCalculator.ts +41 -0
- package/src/components/FloatingChat/hooks/useSnapControl.ts +131 -0
- package/src/components/FloatingChat/hooks/useSnapSetup.ts +106 -0
- package/src/components/FloatingChat/types/types.ts +4 -0
- package/src/components/PromptCarousel/PromptCarousel.tsx +0 -1
- package/src/components/SocialProof/SocialProof.tsx +8 -2
- package/src/components/SocialProof/__tests__/SocialProof.test.tsx +66 -17
- package/src/components/SocialProof/hooks/index.ts +2 -0
- package/src/components/SocialProof/hooks/useSocialProofCount.ts +67 -0
- package/src/components/SocialProof/index.ts +2 -1
- package/src/components/SocialProof/types/types.ts +18 -6
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ContainerProps } from "./types/index.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react13 from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/components/Container/Container.d.ts
|
|
5
5
|
|
|
@@ -17,8 +17,13 @@ declare const Container: ({
|
|
|
17
17
|
fluid,
|
|
18
18
|
centerContent,
|
|
19
19
|
...props
|
|
20
|
-
}: ContainerProps & Omit<React.HTMLAttributes<HTMLElement>, "className" | "style" | "component">) =>
|
|
21
|
-
|
|
20
|
+
}: ContainerProps & Omit<React.HTMLAttributes<HTMLElement>, "className" | "style" | "component">) => react13.DetailedReactHTMLElement<{
|
|
21
|
+
color?: string | undefined;
|
|
22
|
+
slot?: string | undefined;
|
|
23
|
+
title?: string | undefined;
|
|
24
|
+
"aria-label"?: string | undefined;
|
|
25
|
+
onToggle?: react13.ToggleEventHandler<HTMLElement>;
|
|
26
|
+
onClick?: react13.MouseEventHandler<HTMLElement>;
|
|
22
27
|
defaultChecked?: boolean | undefined;
|
|
23
28
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
24
29
|
suppressContentEditableWarning?: boolean | undefined;
|
|
@@ -34,13 +39,11 @@ declare const Container: ({
|
|
|
34
39
|
hidden?: boolean | undefined;
|
|
35
40
|
lang?: string | undefined;
|
|
36
41
|
nonce?: string | undefined;
|
|
37
|
-
slot?: string | undefined;
|
|
38
42
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
39
43
|
tabIndex?: number | undefined;
|
|
40
|
-
title?: string | undefined;
|
|
41
44
|
translate?: "yes" | "no" | undefined;
|
|
42
45
|
radioGroup?: string | undefined;
|
|
43
|
-
role?:
|
|
46
|
+
role?: react13.AriaRole | undefined;
|
|
44
47
|
about?: string | undefined;
|
|
45
48
|
content?: string | undefined;
|
|
46
49
|
datatype?: string | undefined;
|
|
@@ -54,7 +57,6 @@ declare const Container: ({
|
|
|
54
57
|
vocab?: string | undefined;
|
|
55
58
|
autoCorrect?: string | undefined;
|
|
56
59
|
autoSave?: string | undefined;
|
|
57
|
-
color?: string | undefined;
|
|
58
60
|
itemProp?: string | undefined;
|
|
59
61
|
itemScope?: boolean | undefined;
|
|
60
62
|
itemType?: string | undefined;
|
|
@@ -97,7 +99,6 @@ declare const Container: ({
|
|
|
97
99
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
98
100
|
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
99
101
|
"aria-keyshortcuts"?: string | undefined;
|
|
100
|
-
"aria-label"?: string | undefined;
|
|
101
102
|
"aria-labelledby"?: string | undefined;
|
|
102
103
|
"aria-level"?: number | undefined;
|
|
103
104
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
@@ -127,175 +128,174 @@ declare const Container: ({
|
|
|
127
128
|
dangerouslySetInnerHTML?: {
|
|
128
129
|
__html: string | TrustedHTML;
|
|
129
130
|
} | undefined;
|
|
130
|
-
onCopy?:
|
|
131
|
-
onCopyCapture?:
|
|
132
|
-
onCut?:
|
|
133
|
-
onCutCapture?:
|
|
134
|
-
onPaste?:
|
|
135
|
-
onPasteCapture?:
|
|
136
|
-
onCompositionEnd?:
|
|
137
|
-
onCompositionEndCapture?:
|
|
138
|
-
onCompositionStart?:
|
|
139
|
-
onCompositionStartCapture?:
|
|
140
|
-
onCompositionUpdate?:
|
|
141
|
-
onCompositionUpdateCapture?:
|
|
142
|
-
onFocus?:
|
|
143
|
-
onFocusCapture?:
|
|
144
|
-
onBlur?:
|
|
145
|
-
onBlurCapture?:
|
|
146
|
-
onChange?:
|
|
147
|
-
onChangeCapture?:
|
|
148
|
-
onBeforeInput?:
|
|
149
|
-
onBeforeInputCapture?:
|
|
150
|
-
onInput?:
|
|
151
|
-
onInputCapture?:
|
|
152
|
-
onReset?:
|
|
153
|
-
onResetCapture?:
|
|
154
|
-
onSubmit?:
|
|
155
|
-
onSubmitCapture?:
|
|
156
|
-
onInvalid?:
|
|
157
|
-
onInvalidCapture?:
|
|
158
|
-
onLoad?:
|
|
159
|
-
onLoadCapture?:
|
|
160
|
-
onError?:
|
|
161
|
-
onErrorCapture?:
|
|
162
|
-
onKeyDown?:
|
|
163
|
-
onKeyDownCapture?:
|
|
164
|
-
onKeyPress?:
|
|
165
|
-
onKeyPressCapture?:
|
|
166
|
-
onKeyUp?:
|
|
167
|
-
onKeyUpCapture?:
|
|
168
|
-
onAbort?:
|
|
169
|
-
onAbortCapture?:
|
|
170
|
-
onCanPlay?:
|
|
171
|
-
onCanPlayCapture?:
|
|
172
|
-
onCanPlayThrough?:
|
|
173
|
-
onCanPlayThroughCapture?:
|
|
174
|
-
onDurationChange?:
|
|
175
|
-
onDurationChangeCapture?:
|
|
176
|
-
onEmptied?:
|
|
177
|
-
onEmptiedCapture?:
|
|
178
|
-
onEncrypted?:
|
|
179
|
-
onEncryptedCapture?:
|
|
180
|
-
onEnded?:
|
|
181
|
-
onEndedCapture?:
|
|
182
|
-
onLoadedData?:
|
|
183
|
-
onLoadedDataCapture?:
|
|
184
|
-
onLoadedMetadata?:
|
|
185
|
-
onLoadedMetadataCapture?:
|
|
186
|
-
onLoadStart?:
|
|
187
|
-
onLoadStartCapture?:
|
|
188
|
-
onPause?:
|
|
189
|
-
onPauseCapture?:
|
|
190
|
-
onPlay?:
|
|
191
|
-
onPlayCapture?:
|
|
192
|
-
onPlaying?:
|
|
193
|
-
onPlayingCapture?:
|
|
194
|
-
onProgress?:
|
|
195
|
-
onProgressCapture?:
|
|
196
|
-
onRateChange?:
|
|
197
|
-
onRateChangeCapture?:
|
|
198
|
-
onSeeked?:
|
|
199
|
-
onSeekedCapture?:
|
|
200
|
-
onSeeking?:
|
|
201
|
-
onSeekingCapture?:
|
|
202
|
-
onStalled?:
|
|
203
|
-
onStalledCapture?:
|
|
204
|
-
onSuspend?:
|
|
205
|
-
onSuspendCapture?:
|
|
206
|
-
onTimeUpdate?:
|
|
207
|
-
onTimeUpdateCapture?:
|
|
208
|
-
onVolumeChange?:
|
|
209
|
-
onVolumeChangeCapture?:
|
|
210
|
-
onWaiting?:
|
|
211
|
-
onWaitingCapture?:
|
|
212
|
-
onAuxClick?:
|
|
213
|
-
onAuxClickCapture?:
|
|
214
|
-
onClickCapture?:
|
|
215
|
-
onContextMenu?:
|
|
216
|
-
onContextMenuCapture?:
|
|
217
|
-
onDoubleClick?:
|
|
218
|
-
onDoubleClickCapture?:
|
|
219
|
-
onDrag?:
|
|
220
|
-
onDragCapture?:
|
|
221
|
-
onDragEnd?:
|
|
222
|
-
onDragEndCapture?:
|
|
223
|
-
onDragEnter?:
|
|
224
|
-
onDragEnterCapture?:
|
|
225
|
-
onDragExit?:
|
|
226
|
-
onDragExitCapture?:
|
|
227
|
-
onDragLeave?:
|
|
228
|
-
onDragLeaveCapture?:
|
|
229
|
-
onDragOver?:
|
|
230
|
-
onDragOverCapture?:
|
|
231
|
-
onDragStart?:
|
|
232
|
-
onDragStartCapture?:
|
|
233
|
-
onDrop?:
|
|
234
|
-
onDropCapture?:
|
|
235
|
-
onMouseDown?:
|
|
236
|
-
onMouseDownCapture?:
|
|
237
|
-
onMouseEnter?:
|
|
238
|
-
onMouseLeave?:
|
|
239
|
-
onMouseMove?:
|
|
240
|
-
onMouseMoveCapture?:
|
|
241
|
-
onMouseOut?:
|
|
242
|
-
onMouseOutCapture?:
|
|
243
|
-
onMouseOver?:
|
|
244
|
-
onMouseOverCapture?:
|
|
245
|
-
onMouseUp?:
|
|
246
|
-
onMouseUpCapture?:
|
|
247
|
-
onSelect?:
|
|
248
|
-
onSelectCapture?:
|
|
249
|
-
onTouchCancel?:
|
|
250
|
-
onTouchCancelCapture?:
|
|
251
|
-
onTouchEnd?:
|
|
252
|
-
onTouchEndCapture?:
|
|
253
|
-
onTouchMove?:
|
|
254
|
-
onTouchMoveCapture?:
|
|
255
|
-
onTouchStart?:
|
|
256
|
-
onTouchStartCapture?:
|
|
257
|
-
onPointerDown?:
|
|
258
|
-
onPointerDownCapture?:
|
|
259
|
-
onPointerMove?:
|
|
260
|
-
onPointerMoveCapture?:
|
|
261
|
-
onPointerUp?:
|
|
262
|
-
onPointerUpCapture?:
|
|
263
|
-
onPointerCancel?:
|
|
264
|
-
onPointerCancelCapture?:
|
|
265
|
-
onPointerEnter?:
|
|
266
|
-
onPointerLeave?:
|
|
267
|
-
onPointerOver?:
|
|
268
|
-
onPointerOverCapture?:
|
|
269
|
-
onPointerOut?:
|
|
270
|
-
onPointerOutCapture?:
|
|
271
|
-
onGotPointerCapture?:
|
|
272
|
-
onGotPointerCaptureCapture?:
|
|
273
|
-
onLostPointerCapture?:
|
|
274
|
-
onLostPointerCaptureCapture?:
|
|
275
|
-
onScroll?:
|
|
276
|
-
onScrollCapture?:
|
|
277
|
-
onScrollEnd?:
|
|
278
|
-
onScrollEndCapture?:
|
|
279
|
-
onWheel?:
|
|
280
|
-
onWheelCapture?:
|
|
281
|
-
onAnimationStart?:
|
|
282
|
-
onAnimationStartCapture?:
|
|
283
|
-
onAnimationEnd?:
|
|
284
|
-
onAnimationEndCapture?:
|
|
285
|
-
onAnimationIteration?:
|
|
286
|
-
onAnimationIterationCapture?:
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
onTransitionStartCapture?: react15.TransitionEventHandler<HTMLElement>;
|
|
131
|
+
onCopy?: react13.ClipboardEventHandler<HTMLElement>;
|
|
132
|
+
onCopyCapture?: react13.ClipboardEventHandler<HTMLElement>;
|
|
133
|
+
onCut?: react13.ClipboardEventHandler<HTMLElement>;
|
|
134
|
+
onCutCapture?: react13.ClipboardEventHandler<HTMLElement>;
|
|
135
|
+
onPaste?: react13.ClipboardEventHandler<HTMLElement>;
|
|
136
|
+
onPasteCapture?: react13.ClipboardEventHandler<HTMLElement>;
|
|
137
|
+
onCompositionEnd?: react13.CompositionEventHandler<HTMLElement>;
|
|
138
|
+
onCompositionEndCapture?: react13.CompositionEventHandler<HTMLElement>;
|
|
139
|
+
onCompositionStart?: react13.CompositionEventHandler<HTMLElement>;
|
|
140
|
+
onCompositionStartCapture?: react13.CompositionEventHandler<HTMLElement>;
|
|
141
|
+
onCompositionUpdate?: react13.CompositionEventHandler<HTMLElement>;
|
|
142
|
+
onCompositionUpdateCapture?: react13.CompositionEventHandler<HTMLElement>;
|
|
143
|
+
onFocus?: react13.FocusEventHandler<HTMLElement>;
|
|
144
|
+
onFocusCapture?: react13.FocusEventHandler<HTMLElement>;
|
|
145
|
+
onBlur?: react13.FocusEventHandler<HTMLElement>;
|
|
146
|
+
onBlurCapture?: react13.FocusEventHandler<HTMLElement>;
|
|
147
|
+
onChange?: react13.FormEventHandler<HTMLElement>;
|
|
148
|
+
onChangeCapture?: react13.FormEventHandler<HTMLElement>;
|
|
149
|
+
onBeforeInput?: react13.InputEventHandler<HTMLElement>;
|
|
150
|
+
onBeforeInputCapture?: react13.FormEventHandler<HTMLElement>;
|
|
151
|
+
onInput?: react13.FormEventHandler<HTMLElement>;
|
|
152
|
+
onInputCapture?: react13.FormEventHandler<HTMLElement>;
|
|
153
|
+
onReset?: react13.FormEventHandler<HTMLElement>;
|
|
154
|
+
onResetCapture?: react13.FormEventHandler<HTMLElement>;
|
|
155
|
+
onSubmit?: react13.FormEventHandler<HTMLElement>;
|
|
156
|
+
onSubmitCapture?: react13.FormEventHandler<HTMLElement>;
|
|
157
|
+
onInvalid?: react13.FormEventHandler<HTMLElement>;
|
|
158
|
+
onInvalidCapture?: react13.FormEventHandler<HTMLElement>;
|
|
159
|
+
onLoad?: react13.ReactEventHandler<HTMLElement>;
|
|
160
|
+
onLoadCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
161
|
+
onError?: react13.ReactEventHandler<HTMLElement>;
|
|
162
|
+
onErrorCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
163
|
+
onKeyDown?: react13.KeyboardEventHandler<HTMLElement>;
|
|
164
|
+
onKeyDownCapture?: react13.KeyboardEventHandler<HTMLElement>;
|
|
165
|
+
onKeyPress?: react13.KeyboardEventHandler<HTMLElement>;
|
|
166
|
+
onKeyPressCapture?: react13.KeyboardEventHandler<HTMLElement>;
|
|
167
|
+
onKeyUp?: react13.KeyboardEventHandler<HTMLElement>;
|
|
168
|
+
onKeyUpCapture?: react13.KeyboardEventHandler<HTMLElement>;
|
|
169
|
+
onAbort?: react13.ReactEventHandler<HTMLElement>;
|
|
170
|
+
onAbortCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
171
|
+
onCanPlay?: react13.ReactEventHandler<HTMLElement>;
|
|
172
|
+
onCanPlayCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
173
|
+
onCanPlayThrough?: react13.ReactEventHandler<HTMLElement>;
|
|
174
|
+
onCanPlayThroughCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
175
|
+
onDurationChange?: react13.ReactEventHandler<HTMLElement>;
|
|
176
|
+
onDurationChangeCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
177
|
+
onEmptied?: react13.ReactEventHandler<HTMLElement>;
|
|
178
|
+
onEmptiedCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
179
|
+
onEncrypted?: react13.ReactEventHandler<HTMLElement>;
|
|
180
|
+
onEncryptedCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
181
|
+
onEnded?: react13.ReactEventHandler<HTMLElement>;
|
|
182
|
+
onEndedCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
183
|
+
onLoadedData?: react13.ReactEventHandler<HTMLElement>;
|
|
184
|
+
onLoadedDataCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
185
|
+
onLoadedMetadata?: react13.ReactEventHandler<HTMLElement>;
|
|
186
|
+
onLoadedMetadataCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
187
|
+
onLoadStart?: react13.ReactEventHandler<HTMLElement>;
|
|
188
|
+
onLoadStartCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
189
|
+
onPause?: react13.ReactEventHandler<HTMLElement>;
|
|
190
|
+
onPauseCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
191
|
+
onPlay?: react13.ReactEventHandler<HTMLElement>;
|
|
192
|
+
onPlayCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
193
|
+
onPlaying?: react13.ReactEventHandler<HTMLElement>;
|
|
194
|
+
onPlayingCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
195
|
+
onProgress?: react13.ReactEventHandler<HTMLElement>;
|
|
196
|
+
onProgressCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
197
|
+
onRateChange?: react13.ReactEventHandler<HTMLElement>;
|
|
198
|
+
onRateChangeCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
199
|
+
onSeeked?: react13.ReactEventHandler<HTMLElement>;
|
|
200
|
+
onSeekedCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
201
|
+
onSeeking?: react13.ReactEventHandler<HTMLElement>;
|
|
202
|
+
onSeekingCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
203
|
+
onStalled?: react13.ReactEventHandler<HTMLElement>;
|
|
204
|
+
onStalledCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
205
|
+
onSuspend?: react13.ReactEventHandler<HTMLElement>;
|
|
206
|
+
onSuspendCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
207
|
+
onTimeUpdate?: react13.ReactEventHandler<HTMLElement>;
|
|
208
|
+
onTimeUpdateCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
209
|
+
onVolumeChange?: react13.ReactEventHandler<HTMLElement>;
|
|
210
|
+
onVolumeChangeCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
211
|
+
onWaiting?: react13.ReactEventHandler<HTMLElement>;
|
|
212
|
+
onWaitingCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
213
|
+
onAuxClick?: react13.MouseEventHandler<HTMLElement>;
|
|
214
|
+
onAuxClickCapture?: react13.MouseEventHandler<HTMLElement>;
|
|
215
|
+
onClickCapture?: react13.MouseEventHandler<HTMLElement>;
|
|
216
|
+
onContextMenu?: react13.MouseEventHandler<HTMLElement>;
|
|
217
|
+
onContextMenuCapture?: react13.MouseEventHandler<HTMLElement>;
|
|
218
|
+
onDoubleClick?: react13.MouseEventHandler<HTMLElement>;
|
|
219
|
+
onDoubleClickCapture?: react13.MouseEventHandler<HTMLElement>;
|
|
220
|
+
onDrag?: react13.DragEventHandler<HTMLElement>;
|
|
221
|
+
onDragCapture?: react13.DragEventHandler<HTMLElement>;
|
|
222
|
+
onDragEnd?: react13.DragEventHandler<HTMLElement>;
|
|
223
|
+
onDragEndCapture?: react13.DragEventHandler<HTMLElement>;
|
|
224
|
+
onDragEnter?: react13.DragEventHandler<HTMLElement>;
|
|
225
|
+
onDragEnterCapture?: react13.DragEventHandler<HTMLElement>;
|
|
226
|
+
onDragExit?: react13.DragEventHandler<HTMLElement>;
|
|
227
|
+
onDragExitCapture?: react13.DragEventHandler<HTMLElement>;
|
|
228
|
+
onDragLeave?: react13.DragEventHandler<HTMLElement>;
|
|
229
|
+
onDragLeaveCapture?: react13.DragEventHandler<HTMLElement>;
|
|
230
|
+
onDragOver?: react13.DragEventHandler<HTMLElement>;
|
|
231
|
+
onDragOverCapture?: react13.DragEventHandler<HTMLElement>;
|
|
232
|
+
onDragStart?: react13.DragEventHandler<HTMLElement>;
|
|
233
|
+
onDragStartCapture?: react13.DragEventHandler<HTMLElement>;
|
|
234
|
+
onDrop?: react13.DragEventHandler<HTMLElement>;
|
|
235
|
+
onDropCapture?: react13.DragEventHandler<HTMLElement>;
|
|
236
|
+
onMouseDown?: react13.MouseEventHandler<HTMLElement>;
|
|
237
|
+
onMouseDownCapture?: react13.MouseEventHandler<HTMLElement>;
|
|
238
|
+
onMouseEnter?: react13.MouseEventHandler<HTMLElement>;
|
|
239
|
+
onMouseLeave?: react13.MouseEventHandler<HTMLElement>;
|
|
240
|
+
onMouseMove?: react13.MouseEventHandler<HTMLElement>;
|
|
241
|
+
onMouseMoveCapture?: react13.MouseEventHandler<HTMLElement>;
|
|
242
|
+
onMouseOut?: react13.MouseEventHandler<HTMLElement>;
|
|
243
|
+
onMouseOutCapture?: react13.MouseEventHandler<HTMLElement>;
|
|
244
|
+
onMouseOver?: react13.MouseEventHandler<HTMLElement>;
|
|
245
|
+
onMouseOverCapture?: react13.MouseEventHandler<HTMLElement>;
|
|
246
|
+
onMouseUp?: react13.MouseEventHandler<HTMLElement>;
|
|
247
|
+
onMouseUpCapture?: react13.MouseEventHandler<HTMLElement>;
|
|
248
|
+
onSelect?: react13.ReactEventHandler<HTMLElement>;
|
|
249
|
+
onSelectCapture?: react13.ReactEventHandler<HTMLElement>;
|
|
250
|
+
onTouchCancel?: react13.TouchEventHandler<HTMLElement>;
|
|
251
|
+
onTouchCancelCapture?: react13.TouchEventHandler<HTMLElement>;
|
|
252
|
+
onTouchEnd?: react13.TouchEventHandler<HTMLElement>;
|
|
253
|
+
onTouchEndCapture?: react13.TouchEventHandler<HTMLElement>;
|
|
254
|
+
onTouchMove?: react13.TouchEventHandler<HTMLElement>;
|
|
255
|
+
onTouchMoveCapture?: react13.TouchEventHandler<HTMLElement>;
|
|
256
|
+
onTouchStart?: react13.TouchEventHandler<HTMLElement>;
|
|
257
|
+
onTouchStartCapture?: react13.TouchEventHandler<HTMLElement>;
|
|
258
|
+
onPointerDown?: react13.PointerEventHandler<HTMLElement>;
|
|
259
|
+
onPointerDownCapture?: react13.PointerEventHandler<HTMLElement>;
|
|
260
|
+
onPointerMove?: react13.PointerEventHandler<HTMLElement>;
|
|
261
|
+
onPointerMoveCapture?: react13.PointerEventHandler<HTMLElement>;
|
|
262
|
+
onPointerUp?: react13.PointerEventHandler<HTMLElement>;
|
|
263
|
+
onPointerUpCapture?: react13.PointerEventHandler<HTMLElement>;
|
|
264
|
+
onPointerCancel?: react13.PointerEventHandler<HTMLElement>;
|
|
265
|
+
onPointerCancelCapture?: react13.PointerEventHandler<HTMLElement>;
|
|
266
|
+
onPointerEnter?: react13.PointerEventHandler<HTMLElement>;
|
|
267
|
+
onPointerLeave?: react13.PointerEventHandler<HTMLElement>;
|
|
268
|
+
onPointerOver?: react13.PointerEventHandler<HTMLElement>;
|
|
269
|
+
onPointerOverCapture?: react13.PointerEventHandler<HTMLElement>;
|
|
270
|
+
onPointerOut?: react13.PointerEventHandler<HTMLElement>;
|
|
271
|
+
onPointerOutCapture?: react13.PointerEventHandler<HTMLElement>;
|
|
272
|
+
onGotPointerCapture?: react13.PointerEventHandler<HTMLElement>;
|
|
273
|
+
onGotPointerCaptureCapture?: react13.PointerEventHandler<HTMLElement>;
|
|
274
|
+
onLostPointerCapture?: react13.PointerEventHandler<HTMLElement>;
|
|
275
|
+
onLostPointerCaptureCapture?: react13.PointerEventHandler<HTMLElement>;
|
|
276
|
+
onScroll?: react13.UIEventHandler<HTMLElement>;
|
|
277
|
+
onScrollCapture?: react13.UIEventHandler<HTMLElement>;
|
|
278
|
+
onScrollEnd?: react13.UIEventHandler<HTMLElement>;
|
|
279
|
+
onScrollEndCapture?: react13.UIEventHandler<HTMLElement>;
|
|
280
|
+
onWheel?: react13.WheelEventHandler<HTMLElement>;
|
|
281
|
+
onWheelCapture?: react13.WheelEventHandler<HTMLElement>;
|
|
282
|
+
onAnimationStart?: react13.AnimationEventHandler<HTMLElement>;
|
|
283
|
+
onAnimationStartCapture?: react13.AnimationEventHandler<HTMLElement>;
|
|
284
|
+
onAnimationEnd?: react13.AnimationEventHandler<HTMLElement>;
|
|
285
|
+
onAnimationEndCapture?: react13.AnimationEventHandler<HTMLElement>;
|
|
286
|
+
onAnimationIteration?: react13.AnimationEventHandler<HTMLElement>;
|
|
287
|
+
onAnimationIterationCapture?: react13.AnimationEventHandler<HTMLElement>;
|
|
288
|
+
onBeforeToggle?: react13.ToggleEventHandler<HTMLElement>;
|
|
289
|
+
onTransitionCancel?: react13.TransitionEventHandler<HTMLElement>;
|
|
290
|
+
onTransitionCancelCapture?: react13.TransitionEventHandler<HTMLElement>;
|
|
291
|
+
onTransitionEnd?: react13.TransitionEventHandler<HTMLElement>;
|
|
292
|
+
onTransitionEndCapture?: react13.TransitionEventHandler<HTMLElement>;
|
|
293
|
+
onTransitionRun?: react13.TransitionEventHandler<HTMLElement>;
|
|
294
|
+
onTransitionRunCapture?: react13.TransitionEventHandler<HTMLElement>;
|
|
295
|
+
onTransitionStart?: react13.TransitionEventHandler<HTMLElement>;
|
|
296
|
+
onTransitionStartCapture?: react13.TransitionEventHandler<HTMLElement>;
|
|
297
297
|
className: string;
|
|
298
|
-
style:
|
|
298
|
+
style: react13.CSSProperties;
|
|
299
299
|
id: string;
|
|
300
300
|
'data-testid': string;
|
|
301
301
|
}, HTMLElement>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime24 from "react/jsx-runtime";
|
|
2
2
|
import { Config } from "tailwindcss";
|
|
3
3
|
|
|
4
4
|
//#region src/components/DesignTokens/DesignTokensComponent.d.ts
|
|
@@ -9,6 +9,6 @@ type DesignTokensProps = {
|
|
|
9
9
|
declare const DesignTokens: ({
|
|
10
10
|
selectedMerchant,
|
|
11
11
|
config
|
|
12
|
-
}: DesignTokensProps) =>
|
|
12
|
+
}: DesignTokensProps) => react_jsx_runtime24.JSX.Element;
|
|
13
13
|
//#endregion
|
|
14
14
|
export { DesignTokens, DesignTokensProps };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime22 from "react/jsx-runtime";
|
|
2
2
|
import { Config } from "tailwindcss";
|
|
3
3
|
|
|
4
4
|
//#region src/components/DesignTokens/DesignTokensComponent.d.ts
|
|
@@ -9,6 +9,6 @@ type DesignTokensProps = {
|
|
|
9
9
|
declare const DesignTokens: ({
|
|
10
10
|
selectedMerchant,
|
|
11
11
|
config
|
|
12
|
-
}: DesignTokensProps) =>
|
|
12
|
+
}: DesignTokensProps) => react_jsx_runtime22.JSX.Element;
|
|
13
13
|
//#endregion
|
|
14
14
|
export { DesignTokens, DesignTokensProps };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DocumentRetrievalCardProps } from "./types/index.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime22 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/DocumentRetrievalCard/DocumentRetrievalCard.d.ts
|
|
5
5
|
declare const DocumentRetrievalCard: ({
|
|
@@ -16,6 +16,6 @@ declare const DocumentRetrievalCard: ({
|
|
|
16
16
|
onViewArticle,
|
|
17
17
|
ariaLabel,
|
|
18
18
|
viewArticleLabel
|
|
19
|
-
}: DocumentRetrievalCardProps) =>
|
|
19
|
+
}: DocumentRetrievalCardProps) => react_jsx_runtime22.JSX.Element;
|
|
20
20
|
//#endregion
|
|
21
21
|
export { DocumentRetrievalCard };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DocumentRetrievalCardProps } from "./types/index.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime32 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/DocumentRetrievalCard/DocumentRetrievalCard.d.ts
|
|
5
5
|
declare const DocumentRetrievalCard: ({
|
|
@@ -16,6 +16,6 @@ declare const DocumentRetrievalCard: ({
|
|
|
16
16
|
onViewArticle,
|
|
17
17
|
ariaLabel,
|
|
18
18
|
viewArticleLabel
|
|
19
|
-
}: DocumentRetrievalCardProps) =>
|
|
19
|
+
}: DocumentRetrievalCardProps) => react_jsx_runtime32.JSX.Element;
|
|
20
20
|
//#endregion
|
|
21
21
|
export { DocumentRetrievalCard };
|
|
@@ -4,7 +4,7 @@ const require_index = require('./components/index.cjs');
|
|
|
4
4
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
5
5
|
|
|
6
6
|
//#region src/components/FloatingButton/FloatingButton.tsx
|
|
7
|
-
const FloatingButton = ({ id, testId, className, style, customIcon, variant = require_types.FloatingButtonVariant.ATTACHED, mode, show, location, backgroundColor, hasInteractionHappened, onClick, ariaLabel }) => {
|
|
7
|
+
const FloatingButton = ({ id, testId, className, style, customIcon, variant = require_types.FloatingButtonVariant.ATTACHED, mode, show, location, backgroundColor, hasInteractionHappened, onClick, ariaLabel, previewMode = false }) => {
|
|
8
8
|
const button = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.FloatingButtonComponents.Button, {
|
|
9
9
|
variant,
|
|
10
10
|
mode,
|
|
@@ -26,6 +26,7 @@ const FloatingButton = ({ id, testId, className, style, customIcon, variant = re
|
|
|
26
26
|
hasInteractionHappened,
|
|
27
27
|
className,
|
|
28
28
|
style,
|
|
29
|
+
previewMode,
|
|
29
30
|
children: variant === require_types.FloatingButtonVariant.ATTACHED ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.FloatingButtonComponents.Wrapper, {
|
|
30
31
|
location,
|
|
31
32
|
children: button
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FloatingButtonProps } from "./types/types.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime23 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/FloatingButton/FloatingButton.d.ts
|
|
5
5
|
declare const FloatingButton: ({
|
|
@@ -15,7 +15,8 @@ declare const FloatingButton: ({
|
|
|
15
15
|
backgroundColor,
|
|
16
16
|
hasInteractionHappened,
|
|
17
17
|
onClick,
|
|
18
|
-
ariaLabel
|
|
19
|
-
|
|
18
|
+
ariaLabel,
|
|
19
|
+
previewMode
|
|
20
|
+
}: FloatingButtonProps) => react_jsx_runtime23.JSX.Element;
|
|
20
21
|
//#endregion
|
|
21
22
|
export { FloatingButton };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FloatingButtonProps } from "./types/types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime29 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/FloatingButton/FloatingButton.d.ts
|
|
5
5
|
declare const FloatingButton: ({
|
|
@@ -15,7 +15,8 @@ declare const FloatingButton: ({
|
|
|
15
15
|
backgroundColor,
|
|
16
16
|
hasInteractionHappened,
|
|
17
17
|
onClick,
|
|
18
|
-
ariaLabel
|
|
19
|
-
|
|
18
|
+
ariaLabel,
|
|
19
|
+
previewMode
|
|
20
|
+
}: FloatingButtonProps) => react_jsx_runtime29.JSX.Element;
|
|
20
21
|
//#endregion
|
|
21
22
|
export { FloatingButton };
|
|
@@ -3,7 +3,7 @@ import { FloatingButtonComponents } from "./components/index.js";
|
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region src/components/FloatingButton/FloatingButton.tsx
|
|
6
|
-
const FloatingButton = ({ id, testId, className, style, customIcon, variant = FloatingButtonVariant.ATTACHED, mode, show, location, backgroundColor, hasInteractionHappened, onClick, ariaLabel }) => {
|
|
6
|
+
const FloatingButton = ({ id, testId, className, style, customIcon, variant = FloatingButtonVariant.ATTACHED, mode, show, location, backgroundColor, hasInteractionHappened, onClick, ariaLabel, previewMode = false }) => {
|
|
7
7
|
const button = /* @__PURE__ */ jsx(FloatingButtonComponents.Button, {
|
|
8
8
|
variant,
|
|
9
9
|
mode,
|
|
@@ -25,6 +25,7 @@ const FloatingButton = ({ id, testId, className, style, customIcon, variant = Fl
|
|
|
25
25
|
hasInteractionHappened,
|
|
26
26
|
className,
|
|
27
27
|
style,
|
|
28
|
+
previewMode,
|
|
28
29
|
children: variant === FloatingButtonVariant.ATTACHED ? /* @__PURE__ */ jsx(FloatingButtonComponents.Wrapper, {
|
|
29
30
|
location,
|
|
30
31
|
children: button
|
|
@@ -6,8 +6,8 @@ let classnames = require("classnames");
|
|
|
6
6
|
classnames = require_rolldown_runtime.__toESM(classnames);
|
|
7
7
|
|
|
8
8
|
//#region src/components/FloatingButton/components/Container.tsx
|
|
9
|
-
const Container = ({ location = require_types.FloatingButtonLocation.BOTTOM_RIGHT, show = require_types.FloatingButtonShow.ALWAYS, variant = require_types.FloatingButtonVariant.ATTACHED, hasInteractionHappened = false, children, id, testId, className = "", style }) => {
|
|
10
|
-
const { positionClasses, locationClasses, zIndexClass, shouldRender } = require_useGetContainerProperties.useGetContainerProperties(location, show, variant, hasInteractionHappened);
|
|
9
|
+
const Container = ({ location = require_types.FloatingButtonLocation.BOTTOM_RIGHT, show = require_types.FloatingButtonShow.ALWAYS, variant = require_types.FloatingButtonVariant.ATTACHED, hasInteractionHappened = false, children, id, testId, className = "", style, previewMode = false }) => {
|
|
10
|
+
const { positionClasses, locationClasses, zIndexClass, shouldRender } = require_useGetContainerProperties.useGetContainerProperties(location, show, variant, hasInteractionHappened, previewMode);
|
|
11
11
|
if (!shouldRender) return null;
|
|
12
12
|
const allClasses = (0, classnames.default)("envive-tw-group/floatingbutton", positionClasses, locationClasses, zIndexClass, "envive-tw-transition-all", "envive-tw-duration-300", "envive-tw-ease-in-out", className);
|
|
13
13
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
@@ -4,8 +4,8 @@ import { jsx } from "react/jsx-runtime";
|
|
|
4
4
|
import classNames from "classnames";
|
|
5
5
|
|
|
6
6
|
//#region src/components/FloatingButton/components/Container.tsx
|
|
7
|
-
const Container = ({ location = FloatingButtonLocation.BOTTOM_RIGHT, show = FloatingButtonShow.ALWAYS, variant = FloatingButtonVariant.ATTACHED, hasInteractionHappened = false, children, id, testId, className = "", style }) => {
|
|
8
|
-
const { positionClasses, locationClasses, zIndexClass, shouldRender } = useGetContainerProperties(location, show, variant, hasInteractionHappened);
|
|
7
|
+
const Container = ({ location = FloatingButtonLocation.BOTTOM_RIGHT, show = FloatingButtonShow.ALWAYS, variant = FloatingButtonVariant.ATTACHED, hasInteractionHappened = false, children, id, testId, className = "", style, previewMode = false }) => {
|
|
8
|
+
const { positionClasses, locationClasses, zIndexClass, shouldRender } = useGetContainerProperties(location, show, variant, hasInteractionHappened, previewMode);
|
|
9
9
|
if (!shouldRender) return null;
|
|
10
10
|
const allClasses = classNames("envive-tw-group/floatingbutton", positionClasses, locationClasses, zIndexClass, "envive-tw-transition-all", "envive-tw-duration-300", "envive-tw-ease-in-out", className);
|
|
11
11
|
return /* @__PURE__ */ jsx("div", {
|
|
@@ -4,8 +4,8 @@ const require_types = require('../types/types.cjs');
|
|
|
4
4
|
/**
|
|
5
5
|
* Hook to get container properties for positioning and visibility.
|
|
6
6
|
*/
|
|
7
|
-
const useGetContainerProperties = (location = require_types.FloatingButtonLocation.BOTTOM_RIGHT, show = require_types.FloatingButtonShow.ALWAYS, variant = require_types.FloatingButtonVariant.ATTACHED, hasInteractionHappened = false) => {
|
|
8
|
-
const positionClasses = "envive-tw-fixed";
|
|
7
|
+
const useGetContainerProperties = (location = require_types.FloatingButtonLocation.BOTTOM_RIGHT, show = require_types.FloatingButtonShow.ALWAYS, variant = require_types.FloatingButtonVariant.ATTACHED, hasInteractionHappened = false, previewMode = false) => {
|
|
8
|
+
const positionClasses = previewMode ? "envive-tw-absolute" : "envive-tw-fixed";
|
|
9
9
|
let locationClasses = "";
|
|
10
10
|
if (variant === require_types.FloatingButtonVariant.ATTACHED) switch (location) {
|
|
11
11
|
case require_types.FloatingButtonLocation.MIDDLE_RIGHT:
|
|
@@ -4,8 +4,8 @@ import { FloatingButtonLocation, FloatingButtonShow, FloatingButtonVariant } fro
|
|
|
4
4
|
/**
|
|
5
5
|
* Hook to get container properties for positioning and visibility.
|
|
6
6
|
*/
|
|
7
|
-
const useGetContainerProperties = (location = FloatingButtonLocation.BOTTOM_RIGHT, show = FloatingButtonShow.ALWAYS, variant = FloatingButtonVariant.ATTACHED, hasInteractionHappened = false) => {
|
|
8
|
-
const positionClasses = "envive-tw-fixed";
|
|
7
|
+
const useGetContainerProperties = (location = FloatingButtonLocation.BOTTOM_RIGHT, show = FloatingButtonShow.ALWAYS, variant = FloatingButtonVariant.ATTACHED, hasInteractionHappened = false, previewMode = false) => {
|
|
8
|
+
const positionClasses = previewMode ? "envive-tw-absolute" : "envive-tw-fixed";
|
|
9
9
|
let locationClasses = "";
|
|
10
10
|
if (variant === FloatingButtonVariant.ATTACHED) switch (location) {
|
|
11
11
|
case FloatingButtonLocation.MIDDLE_RIGHT:
|
|
@@ -31,10 +31,10 @@ let FloatingButtonShow = /* @__PURE__ */ function(FloatingButtonShow$1) {
|
|
|
31
31
|
* Determines the position of the button on the screen.
|
|
32
32
|
*/
|
|
33
33
|
let FloatingButtonLocation = /* @__PURE__ */ function(FloatingButtonLocation$1) {
|
|
34
|
-
FloatingButtonLocation$1["MIDDLE_RIGHT"] = "
|
|
35
|
-
FloatingButtonLocation$1["BOTTOM_RIGHT"] = "
|
|
36
|
-
FloatingButtonLocation$1["MIDDLE_LEFT"] = "
|
|
37
|
-
FloatingButtonLocation$1["BOTTOM_LEFT"] = "
|
|
34
|
+
FloatingButtonLocation$1["MIDDLE_RIGHT"] = "middle-right";
|
|
35
|
+
FloatingButtonLocation$1["BOTTOM_RIGHT"] = "bottom-right";
|
|
36
|
+
FloatingButtonLocation$1["MIDDLE_LEFT"] = "middle-left";
|
|
37
|
+
FloatingButtonLocation$1["BOTTOM_LEFT"] = "bottom-left";
|
|
38
38
|
return FloatingButtonLocation$1;
|
|
39
39
|
}({});
|
|
40
40
|
|
|
@@ -30,10 +30,10 @@ declare enum FloatingButtonShow {
|
|
|
30
30
|
* Determines the position of the button on the screen.
|
|
31
31
|
*/
|
|
32
32
|
declare enum FloatingButtonLocation {
|
|
33
|
-
MIDDLE_RIGHT = "
|
|
34
|
-
BOTTOM_RIGHT = "
|
|
35
|
-
MIDDLE_LEFT = "
|
|
36
|
-
BOTTOM_LEFT = "
|
|
33
|
+
MIDDLE_RIGHT = "middle-right",
|
|
34
|
+
BOTTOM_RIGHT = "bottom-right",
|
|
35
|
+
MIDDLE_LEFT = "middle-left",
|
|
36
|
+
BOTTOM_LEFT = "bottom-left",
|
|
37
37
|
}
|
|
38
38
|
type FloatingButtonBackgroundColor = Extract<ColorNames, 'background-primary' | 'background-secondary' | 'background-tertiary' | 'background-dark' | 'background-light'>;
|
|
39
39
|
/**
|
|
@@ -92,6 +92,10 @@ type FloatingButtonProps = {
|
|
|
92
92
|
* Accessible label for the button, used by screen readers.
|
|
93
93
|
*/
|
|
94
94
|
ariaLabel: string;
|
|
95
|
+
/**
|
|
96
|
+
* Preview mode: uses absolute positioning instead of fixed
|
|
97
|
+
*/
|
|
98
|
+
previewMode?: boolean;
|
|
95
99
|
};
|
|
96
100
|
//#endregion
|
|
97
101
|
export { FloatingButtonBackgroundColor, FloatingButtonLocation, FloatingButtonMode, FloatingButtonProps, FloatingButtonShow, FloatingButtonVariant };
|