@elliemae/ds-chat 3.5.0-rc.9 → 3.6.0-next.0
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/cjs/{parts → bubble}/index.js +3 -5
- package/dist/cjs/bubble/index.js.map +7 -0
- package/dist/cjs/{exported-related/chat-card → card}/index.js +4 -11
- package/dist/cjs/card/index.js.map +7 -0
- package/dist/cjs/container/index.js +26 -0
- package/dist/cjs/container/index.js.map +7 -0
- package/dist/cjs/{exported-related/tile-button → container-header}/index.js +4 -11
- package/dist/cjs/container-header/index.js.map +7 -0
- package/dist/cjs/empty-state/index.js +26 -0
- package/dist/cjs/empty-state/index.js.map +7 -0
- package/dist/cjs/{exported-related/floating-button → floating-button}/index.js +1 -1
- package/dist/cjs/floating-button/index.js.map +7 -0
- package/dist/cjs/index.js +10 -4
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/message-delimeter/index.js +26 -0
- package/dist/cjs/message-delimeter/index.js.map +7 -0
- package/dist/cjs/sidebar/index.js +26 -0
- package/dist/cjs/sidebar/index.js.map +7 -0
- package/dist/cjs/{exported-related/system-message → system-message}/index.js +2 -9
- package/dist/cjs/system-message/index.js.map +7 -0
- package/dist/cjs/tile/index.js +26 -0
- package/dist/cjs/tile/index.js.map +7 -0
- package/dist/esm/bubble/index.js +3 -0
- package/dist/esm/bubble/index.js.map +7 -0
- package/dist/esm/{exported-related/chat-sidebar/sidebar-button → card}/index.js +1 -0
- package/dist/esm/card/index.js.map +7 -0
- package/dist/esm/container/index.js +3 -0
- package/dist/esm/container/index.js.map +7 -0
- package/dist/esm/container-header/index.js +3 -0
- package/dist/esm/container-header/index.js.map +7 -0
- package/dist/esm/empty-state/index.js +3 -0
- package/dist/esm/empty-state/index.js.map +7 -0
- package/dist/esm/floating-button/index.js +3 -0
- package/dist/esm/floating-button/index.js.map +7 -0
- package/dist/esm/index.js +10 -4
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/message-delimeter/index.js +3 -0
- package/dist/esm/message-delimeter/index.js.map +7 -0
- package/dist/esm/sidebar/index.js +3 -0
- package/dist/esm/sidebar/index.js.map +7 -0
- package/dist/esm/system-message/index.js +3 -0
- package/dist/esm/system-message/index.js.map +7 -0
- package/dist/esm/{exported-related/floating-button → tile}/index.js +1 -1
- package/dist/esm/tile/index.js.map +7 -0
- package/package.json +49 -287
- package/dist/cjs/ChatDataTestids.js +0 -53
- package/dist/cjs/ChatDataTestids.js.map +0 -7
- package/dist/cjs/exported-related/bubble/ChatBubble.js +0 -81
- package/dist/cjs/exported-related/bubble/ChatBubble.js.map +0 -7
- package/dist/cjs/exported-related/bubble/ChatBubbleArrow.js +0 -94
- package/dist/cjs/exported-related/bubble/ChatBubbleArrow.js.map +0 -7
- package/dist/cjs/exported-related/bubble/index.js +0 -35
- package/dist/cjs/exported-related/bubble/index.js.map +0 -7
- package/dist/cjs/exported-related/bubble/props.js +0 -65
- package/dist/cjs/exported-related/bubble/props.js.map +0 -7
- package/dist/cjs/exported-related/bubble/styled.js +0 -143
- package/dist/cjs/exported-related/bubble/styled.js.map +0 -7
- package/dist/cjs/exported-related/chat-card/ChatCard.js +0 -60
- package/dist/cjs/exported-related/chat-card/ChatCard.js.map +0 -7
- package/dist/cjs/exported-related/chat-card/index.js.map +0 -7
- package/dist/cjs/exported-related/chat-card/props.js +0 -45
- package/dist/cjs/exported-related/chat-card/props.js.map +0 -7
- package/dist/cjs/exported-related/chat-card/styled.js +0 -68
- package/dist/cjs/exported-related/chat-card/styled.js.map +0 -7
- package/dist/cjs/exported-related/chat-container-header/ChatContainerHeader.js +0 -63
- package/dist/cjs/exported-related/chat-container-header/ChatContainerHeader.js.map +0 -7
- package/dist/cjs/exported-related/chat-container-header/props.js +0 -40
- package/dist/cjs/exported-related/chat-container-header/props.js.map +0 -7
- package/dist/cjs/exported-related/chat-container-header/styled.js +0 -57
- package/dist/cjs/exported-related/chat-container-header/styled.js.map +0 -7
- package/dist/cjs/exported-related/chat-empty-state/ChatEmptyState.js +0 -70
- package/dist/cjs/exported-related/chat-empty-state/ChatEmptyState.js.map +0 -7
- package/dist/cjs/exported-related/chat-empty-state/props.js +0 -41
- package/dist/cjs/exported-related/chat-empty-state/props.js.map +0 -7
- package/dist/cjs/exported-related/chat-empty-state/styled.js +0 -44
- package/dist/cjs/exported-related/chat-empty-state/styled.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/SideBarChat.js +0 -99
- package/dist/cjs/exported-related/chat-sidebar/SideBarChat.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/index.js +0 -33
- package/dist/cjs/exported-related/chat-sidebar/index.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/props.js +0 -80
- package/dist/cjs/exported-related/chat-sidebar/props.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/SidebarButton.js +0 -53
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/SidebarButton.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/index.js +0 -21
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/index.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/props.js +0 -49
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/props.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/styled.js +0 -66
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/styled.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/styled.js +0 -54
- package/dist/cjs/exported-related/chat-sidebar/styled.js.map +0 -7
- package/dist/cjs/exported-related/floating-button/FloatingButton.js +0 -54
- package/dist/cjs/exported-related/floating-button/FloatingButton.js.map +0 -7
- package/dist/cjs/exported-related/floating-button/index.js.map +0 -7
- package/dist/cjs/exported-related/floating-button/props.js +0 -44
- package/dist/cjs/exported-related/floating-button/props.js.map +0 -7
- package/dist/cjs/exported-related/floating-button/styled.js +0 -61
- package/dist/cjs/exported-related/floating-button/styled.js.map +0 -7
- package/dist/cjs/exported-related/floating-container/styled.js +0 -44
- package/dist/cjs/exported-related/floating-container/styled.js.map +0 -7
- package/dist/cjs/exported-related/grid-influencer/InfluencerContainer.js +0 -43
- package/dist/cjs/exported-related/grid-influencer/InfluencerContainer.js.map +0 -7
- package/dist/cjs/exported-related/grid-influencer/styled.js +0 -53
- package/dist/cjs/exported-related/grid-influencer/styled.js.map +0 -7
- package/dist/cjs/exported-related/index.js +0 -59
- package/dist/cjs/exported-related/index.js.map +0 -7
- package/dist/cjs/exported-related/message-delimiter/MessageDelimiter.js +0 -54
- package/dist/cjs/exported-related/message-delimiter/MessageDelimiter.js.map +0 -7
- package/dist/cjs/exported-related/message-delimiter/index.js +0 -33
- package/dist/cjs/exported-related/message-delimiter/index.js.map +0 -7
- package/dist/cjs/exported-related/message-delimiter/props.js +0 -47
- package/dist/cjs/exported-related/message-delimiter/props.js.map +0 -7
- package/dist/cjs/exported-related/message-delimiter/styled.js +0 -50
- package/dist/cjs/exported-related/message-delimiter/styled.js.map +0 -7
- package/dist/cjs/exported-related/system-message/SystemMessage.js +0 -56
- package/dist/cjs/exported-related/system-message/SystemMessage.js.map +0 -7
- package/dist/cjs/exported-related/system-message/index.js.map +0 -7
- package/dist/cjs/exported-related/system-message/props.js +0 -43
- package/dist/cjs/exported-related/system-message/props.js.map +0 -7
- package/dist/cjs/exported-related/system-message/style.js +0 -72
- package/dist/cjs/exported-related/system-message/style.js.map +0 -7
- package/dist/cjs/exported-related/tile-button/TileButton.js +0 -140
- package/dist/cjs/exported-related/tile-button/TileButton.js.map +0 -7
- package/dist/cjs/exported-related/tile-button/index.js.map +0 -7
- package/dist/cjs/exported-related/tile-button/props.js +0 -92
- package/dist/cjs/exported-related/tile-button/props.js.map +0 -7
- package/dist/cjs/exported-related/tile-button/styled.js +0 -243
- package/dist/cjs/exported-related/tile-button/styled.js.map +0 -7
- package/dist/cjs/parts/chat-composer/ChatContainerComposer.js +0 -158
- package/dist/cjs/parts/chat-composer/ChatContainerComposer.js.map +0 -7
- package/dist/cjs/parts/chat-composer/index.js +0 -33
- package/dist/cjs/parts/chat-composer/index.js.map +0 -7
- package/dist/cjs/parts/chat-composer/styled.js +0 -99
- package/dist/cjs/parts/chat-composer/styled.js.map +0 -7
- package/dist/cjs/parts/chat-container/ChatContainer.js +0 -160
- package/dist/cjs/parts/chat-container/ChatContainer.js.map +0 -7
- package/dist/cjs/parts/chat-container/styled.js +0 -109
- package/dist/cjs/parts/chat-container/styled.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js +0 -118
- package/dist/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/index.js +0 -33
- package/dist/cjs/parts/chat-container-messages-list/index.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/styled.js +0 -110
- package/dist/cjs/parts/chat-container-messages-list/styled.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/useActionRef.js +0 -61
- package/dist/cjs/parts/chat-container-messages-list/useActionRef.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/useChatContainerMessageList.js +0 -106
- package/dist/cjs/parts/chat-container-messages-list/useChatContainerMessageList.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/useFocusAndScrollHelpers.js +0 -93
- package/dist/cjs/parts/chat-container-messages-list/useFocusAndScrollHelpers.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/useGetNewMessages.js +0 -46
- package/dist/cjs/parts/chat-container-messages-list/useGetNewMessages.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/useGlobalEventListener.js +0 -59
- package/dist/cjs/parts/chat-container-messages-list/useGlobalEventListener.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/useKeyboard.js +0 -147
- package/dist/cjs/parts/chat-container-messages-list/useKeyboard.js.map +0 -7
- package/dist/cjs/parts/index.js.map +0 -7
- package/dist/cjs/react-desc-prop-types.js +0 -184
- package/dist/cjs/react-desc-prop-types.js.map +0 -7
- package/dist/cjs/styled.js +0 -42
- package/dist/cjs/styled.js.map +0 -7
- package/dist/cjs/tests/utils.js +0 -63
- package/dist/cjs/tests/utils.js.map +0 -7
- package/dist/esm/ChatDataTestids.js +0 -27
- package/dist/esm/ChatDataTestids.js.map +0 -7
- package/dist/esm/exported-related/bubble/ChatBubble.js +0 -64
- package/dist/esm/exported-related/bubble/ChatBubble.js.map +0 -7
- package/dist/esm/exported-related/bubble/ChatBubbleArrow.js +0 -68
- package/dist/esm/exported-related/bubble/ChatBubbleArrow.js.map +0 -7
- package/dist/esm/exported-related/bubble/index.js +0 -9
- package/dist/esm/exported-related/bubble/index.js.map +0 -7
- package/dist/esm/exported-related/bubble/props.js +0 -39
- package/dist/esm/exported-related/bubble/props.js.map +0 -7
- package/dist/esm/exported-related/bubble/styled.js +0 -117
- package/dist/esm/exported-related/bubble/styled.js.map +0 -7
- package/dist/esm/exported-related/chat-card/ChatCard.js +0 -34
- package/dist/esm/exported-related/chat-card/ChatCard.js.map +0 -7
- package/dist/esm/exported-related/chat-card/index.js +0 -7
- package/dist/esm/exported-related/chat-card/index.js.map +0 -7
- package/dist/esm/exported-related/chat-card/props.js +0 -19
- package/dist/esm/exported-related/chat-card/props.js.map +0 -7
- package/dist/esm/exported-related/chat-card/styled.js +0 -42
- package/dist/esm/exported-related/chat-card/styled.js.map +0 -7
- package/dist/esm/exported-related/chat-container-header/ChatContainerHeader.js +0 -46
- package/dist/esm/exported-related/chat-container-header/ChatContainerHeader.js.map +0 -7
- package/dist/esm/exported-related/chat-container-header/props.js +0 -14
- package/dist/esm/exported-related/chat-container-header/props.js.map +0 -7
- package/dist/esm/exported-related/chat-container-header/styled.js +0 -31
- package/dist/esm/exported-related/chat-container-header/styled.js.map +0 -7
- package/dist/esm/exported-related/chat-empty-state/ChatEmptyState.js +0 -44
- package/dist/esm/exported-related/chat-empty-state/ChatEmptyState.js.map +0 -7
- package/dist/esm/exported-related/chat-empty-state/props.js +0 -15
- package/dist/esm/exported-related/chat-empty-state/props.js.map +0 -7
- package/dist/esm/exported-related/chat-empty-state/styled.js +0 -18
- package/dist/esm/exported-related/chat-empty-state/styled.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/SideBarChat.js +0 -73
- package/dist/esm/exported-related/chat-sidebar/SideBarChat.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/index.js +0 -7
- package/dist/esm/exported-related/chat-sidebar/index.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/props.js +0 -54
- package/dist/esm/exported-related/chat-sidebar/props.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/SidebarButton.js +0 -27
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/SidebarButton.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/index.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/props.js +0 -23
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/props.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/styled.js +0 -40
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/styled.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/styled.js +0 -28
- package/dist/esm/exported-related/chat-sidebar/styled.js.map +0 -7
- package/dist/esm/exported-related/floating-button/FloatingButton.js +0 -28
- package/dist/esm/exported-related/floating-button/FloatingButton.js.map +0 -7
- package/dist/esm/exported-related/floating-button/index.js.map +0 -7
- package/dist/esm/exported-related/floating-button/props.js +0 -18
- package/dist/esm/exported-related/floating-button/props.js.map +0 -7
- package/dist/esm/exported-related/floating-button/styled.js +0 -35
- package/dist/esm/exported-related/floating-button/styled.js.map +0 -7
- package/dist/esm/exported-related/floating-container/styled.js +0 -18
- package/dist/esm/exported-related/floating-container/styled.js.map +0 -7
- package/dist/esm/exported-related/grid-influencer/InfluencerContainer.js +0 -17
- package/dist/esm/exported-related/grid-influencer/InfluencerContainer.js.map +0 -7
- package/dist/esm/exported-related/grid-influencer/styled.js +0 -27
- package/dist/esm/exported-related/grid-influencer/styled.js.map +0 -7
- package/dist/esm/exported-related/index.js +0 -33
- package/dist/esm/exported-related/index.js.map +0 -7
- package/dist/esm/exported-related/message-delimiter/MessageDelimiter.js +0 -33
- package/dist/esm/exported-related/message-delimiter/MessageDelimiter.js.map +0 -7
- package/dist/esm/exported-related/message-delimiter/index.js +0 -10
- package/dist/esm/exported-related/message-delimiter/index.js.map +0 -7
- package/dist/esm/exported-related/message-delimiter/props.js +0 -21
- package/dist/esm/exported-related/message-delimiter/props.js.map +0 -7
- package/dist/esm/exported-related/message-delimiter/styled.js +0 -24
- package/dist/esm/exported-related/message-delimiter/styled.js.map +0 -7
- package/dist/esm/exported-related/system-message/SystemMessage.js +0 -30
- package/dist/esm/exported-related/system-message/SystemMessage.js.map +0 -7
- package/dist/esm/exported-related/system-message/index.js +0 -7
- package/dist/esm/exported-related/system-message/index.js.map +0 -7
- package/dist/esm/exported-related/system-message/props.js +0 -17
- package/dist/esm/exported-related/system-message/props.js.map +0 -7
- package/dist/esm/exported-related/system-message/style.js +0 -46
- package/dist/esm/exported-related/system-message/style.js.map +0 -7
- package/dist/esm/exported-related/tile-button/TileButton.js +0 -124
- package/dist/esm/exported-related/tile-button/TileButton.js.map +0 -7
- package/dist/esm/exported-related/tile-button/index.js +0 -7
- package/dist/esm/exported-related/tile-button/index.js.map +0 -7
- package/dist/esm/exported-related/tile-button/props.js +0 -66
- package/dist/esm/exported-related/tile-button/props.js.map +0 -7
- package/dist/esm/exported-related/tile-button/styled.js +0 -217
- package/dist/esm/exported-related/tile-button/styled.js.map +0 -7
- package/dist/esm/parts/chat-composer/ChatContainerComposer.js +0 -138
- package/dist/esm/parts/chat-composer/ChatContainerComposer.js.map +0 -7
- package/dist/esm/parts/chat-composer/index.js +0 -7
- package/dist/esm/parts/chat-composer/index.js.map +0 -7
- package/dist/esm/parts/chat-composer/styled.js +0 -73
- package/dist/esm/parts/chat-composer/styled.js.map +0 -7
- package/dist/esm/parts/chat-container/ChatContainer.js +0 -139
- package/dist/esm/parts/chat-container/ChatContainer.js.map +0 -7
- package/dist/esm/parts/chat-container/styled.js +0 -83
- package/dist/esm/parts/chat-container/styled.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js +0 -100
- package/dist/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/index.js +0 -7
- package/dist/esm/parts/chat-container-messages-list/index.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/styled.js +0 -84
- package/dist/esm/parts/chat-container-messages-list/styled.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/useActionRef.js +0 -35
- package/dist/esm/parts/chat-container-messages-list/useActionRef.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/useChatContainerMessageList.js +0 -84
- package/dist/esm/parts/chat-container-messages-list/useChatContainerMessageList.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/useFocusAndScrollHelpers.js +0 -67
- package/dist/esm/parts/chat-container-messages-list/useFocusAndScrollHelpers.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/useGetNewMessages.js +0 -20
- package/dist/esm/parts/chat-container-messages-list/useGetNewMessages.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/useGlobalEventListener.js +0 -33
- package/dist/esm/parts/chat-container-messages-list/useGlobalEventListener.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/useKeyboard.js +0 -121
- package/dist/esm/parts/chat-container-messages-list/useKeyboard.js.map +0 -7
- package/dist/esm/parts/index.js +0 -5
- package/dist/esm/parts/index.js.map +0 -7
- package/dist/esm/react-desc-prop-types.js +0 -158
- package/dist/esm/react-desc-prop-types.js.map +0 -7
- package/dist/esm/styled.js +0 -16
- package/dist/esm/styled.js.map +0 -7
- package/dist/esm/tests/utils.js +0 -37
- package/dist/esm/tests/utils.js.map +0 -7
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { styled } from "@elliemae/ds-system";
|
|
3
|
-
import { Grid } from "@elliemae/ds-grid";
|
|
4
|
-
import { MIN_WIDTH_SIDEBAR } from "../../styled";
|
|
5
|
-
const StyledChatContainer = styled(Grid)`
|
|
6
|
-
height: 100%;
|
|
7
|
-
width: ${(props) => props.expanded ? `${props.expandedWidth}px` : `${MIN_WIDTH_SIDEBAR}px`};
|
|
8
|
-
background: ${(props) => props.theme.colors.neutral["050"]};
|
|
9
|
-
box-shadow: -1px 0 0 0 ${(props) => props.theme.colors.neutral[100]};
|
|
10
|
-
transition: width ${(props) => props.expanded ? "ease-out" : "ease-in"}
|
|
11
|
-
350ms;
|
|
12
|
-
`;
|
|
13
|
-
const StyledChatContainerContent = styled(Grid)`
|
|
14
|
-
height: 100%;
|
|
15
|
-
overflow: hidden;
|
|
16
|
-
background: ${(props) => props.theme.colors.neutral["050"]};
|
|
17
|
-
${(props) => props.floating ? `
|
|
18
|
-
width: ${props.expandedWidth}px;
|
|
19
|
-
` : `
|
|
20
|
-
width: ${props.expandedWidth - MIN_WIDTH_SIDEBAR}px;
|
|
21
|
-
`}
|
|
22
|
-
`;
|
|
23
|
-
export {
|
|
24
|
-
StyledChatContainer,
|
|
25
|
-
StyledChatContainerContent
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/grid-influencer/styled.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MIN_WIDTH_SIDEBAR } from '../../styled';\n\nexport const StyledChatContainer = styled(Grid)`\n height: 100%;\n width: ${(props) =>\n props.expanded ? `${props.expandedWidth}px` : `${MIN_WIDTH_SIDEBAR}px`};\n background: ${(props) => props.theme.colors.neutral['050']};\n box-shadow: -1px 0 0 0 ${(props) => props.theme.colors.neutral[100]};\n transition: width ${(props) => (props.expanded ? 'ease-out' : 'ease-in')}\n 350ms;\n`;\n\nexport const StyledChatContainerContent = styled(Grid)`\n height: 100%;\n overflow: hidden;\n background: ${(props) => props.theme.colors.neutral['050']};\n ${(props) =>\n props.floating\n ? `\n width: ${props.expandedWidth}px;\n`\n : `\n width: ${props.expandedWidth - MIN_WIDTH_SIDEBAR}px;\n`}\n`;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAE3B,MAAM,sBAAsB,OAAO,IAAI;AAAA;AAAA,WAEnC,CAAC,UACR,MAAM,WAAW,GAAG,MAAM,oBAAoB,GAAG;AAAA,gBACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,2BAC3B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,sBAC3C,CAAC,UAAW,MAAM,WAAW,aAAa;AAAA;AAAA;AAIzD,MAAM,6BAA6B,OAAO,IAAI;AAAA;AAAA;AAAA,gBAGrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAClD,CAAC,UACD,MAAM,WACF;AAAA,WACG,MAAM;AAAA,IAET;AAAA,WACG,MAAM,gBAAgB;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { ChatBubble, ChatBubbleWithSchema, BUBBLE_TYPES } from "./bubble";
|
|
3
|
-
import { FloatingButton } from "./floating-button";
|
|
4
|
-
import { StyledFloatingContainer } from "./floating-container/styled";
|
|
5
|
-
import { ChatContainerHeader, ChatContainerHeaderWithSchema } from "./chat-container-header/ChatContainerHeader";
|
|
6
|
-
import { ChatEmptyState, ChatEmptyStateWithSchema } from "./chat-empty-state/ChatEmptyState";
|
|
7
|
-
import { SideBarChat, SideBarChatWithSchema } from "./chat-sidebar";
|
|
8
|
-
import { TileButton, TileButtonWithSchema } from "./tile-button";
|
|
9
|
-
import { MessageDelimiter, MessageDelimiterWithSchema } from "./message-delimiter";
|
|
10
|
-
import { SystemMessage, SystemMessageWithSchema } from "./system-message";
|
|
11
|
-
import { ChatCard, ChatCardWithSchema } from "./chat-card";
|
|
12
|
-
export {
|
|
13
|
-
BUBBLE_TYPES,
|
|
14
|
-
ChatBubble,
|
|
15
|
-
ChatBubbleWithSchema,
|
|
16
|
-
ChatCard,
|
|
17
|
-
ChatCardWithSchema,
|
|
18
|
-
ChatContainerHeader,
|
|
19
|
-
ChatContainerHeaderWithSchema,
|
|
20
|
-
ChatEmptyState,
|
|
21
|
-
ChatEmptyStateWithSchema,
|
|
22
|
-
FloatingButton,
|
|
23
|
-
MessageDelimiter,
|
|
24
|
-
MessageDelimiterWithSchema,
|
|
25
|
-
SideBarChat,
|
|
26
|
-
SideBarChatWithSchema,
|
|
27
|
-
StyledFloatingContainer,
|
|
28
|
-
SystemMessage,
|
|
29
|
-
SystemMessageWithSchema,
|
|
30
|
-
TileButton,
|
|
31
|
-
TileButtonWithSchema
|
|
32
|
-
};
|
|
33
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// Bubble\nexport { ChatBubble, ChatBubbleWithSchema, BUBBLE_TYPES } from './bubble';\n// Floating Button\nexport { FloatingButton } from './floating-button';\nexport { StyledFloatingContainer } from './floating-container/styled';\n// Chat Header\nexport { ChatContainerHeader, ChatContainerHeaderWithSchema } from './chat-container-header/ChatContainerHeader';\n// Chat Empty State\nexport { ChatEmptyState, ChatEmptyStateWithSchema } from './chat-empty-state/ChatEmptyState';\n\n// Chat Sidebar\nexport { SideBarChat, SideBarChatWithSchema } from './chat-sidebar';\n// Tile\nexport { TileButton, TileButtonWithSchema } from './tile-button';\n// MessageDelimiter\nexport { MessageDelimiter, MessageDelimiterWithSchema } from './message-delimiter';\n// SystemMessage\nexport { SystemMessage, SystemMessageWithSchema } from './system-message';\n// ChatCard\nexport { ChatCard, ChatCardWithSchema } from './chat-card';\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,YAAY,sBAAsB,oBAAoB;AAE/D,SAAS,sBAAsB;AAC/B,SAAS,+BAA+B;AAExC,SAAS,qBAAqB,qCAAqC;AAEnE,SAAS,gBAAgB,gCAAgC;AAGzD,SAAS,aAAa,6BAA6B;AAEnD,SAAS,YAAY,4BAA4B;AAEjD,SAAS,kBAAkB,kCAAkC;AAE7D,SAAS,eAAe,+BAA+B;AAEvD,SAAS,UAAU,0BAA0B;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import {
|
|
4
|
-
describe,
|
|
5
|
-
useGetGlobalAttributes,
|
|
6
|
-
useValidateTypescriptPropTypes,
|
|
7
|
-
useMemoMergePropsWithDefault
|
|
8
|
-
} from "@elliemae/ds-utilities";
|
|
9
|
-
import { Wrapper, Line, Text } from "./styled";
|
|
10
|
-
import { defaultProps, messageDelimiterProps } from "./props";
|
|
11
|
-
const MessageDelimiter = (props) => {
|
|
12
|
-
const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
|
|
13
|
-
useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps);
|
|
14
|
-
const globalAttrs = useGetGlobalAttributes(propsWithDefault);
|
|
15
|
-
const { title, size, verticalMargin } = propsWithDefault;
|
|
16
|
-
return /* @__PURE__ */ React2.createElement(Wrapper, {
|
|
17
|
-
cols: ["1fr", "auto", "1fr"],
|
|
18
|
-
...globalAttrs
|
|
19
|
-
}, /* @__PURE__ */ React2.createElement(Line, null), /* @__PURE__ */ React2.createElement(Text, {
|
|
20
|
-
size,
|
|
21
|
-
verticalMargin,
|
|
22
|
-
"data-testid": "chat-message-delimiter-title"
|
|
23
|
-
}, title), /* @__PURE__ */ React2.createElement(Line, null));
|
|
24
|
-
};
|
|
25
|
-
MessageDelimiter.propTypes = messageDelimiterProps;
|
|
26
|
-
MessageDelimiter.displayName = "MessageDelimiter";
|
|
27
|
-
const MessageDelimiterWithSchema = describe(MessageDelimiter);
|
|
28
|
-
MessageDelimiterWithSchema.propTypes = messageDelimiterProps;
|
|
29
|
-
export {
|
|
30
|
-
MessageDelimiter,
|
|
31
|
-
MessageDelimiterWithSchema
|
|
32
|
-
};
|
|
33
|
-
//# sourceMappingURL=MessageDelimiter.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/message-delimiter/MessageDelimiter.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport {\n describe,\n useGetGlobalAttributes,\n useValidateTypescriptPropTypes,\n useMemoMergePropsWithDefault,\n} from '@elliemae/ds-utilities';\nimport { Wrapper, Line, Text } from './styled';\nimport { defaultProps, messageDelimiterProps, MessageDelimiterProps } from './props';\n\nconst MessageDelimiter: React.ComponentType<MessageDelimiterProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps);\n const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n const { title, size, verticalMargin } = propsWithDefault;\n return (\n <Wrapper cols={['1fr', 'auto', '1fr']} {...globalAttrs}>\n <Line />\n <Text size={size} verticalMargin={verticalMargin} data-testid=\"chat-message-delimiter-title\">\n {title}\n </Text>\n <Line />\n </Wrapper>\n );\n};\n\nMessageDelimiter.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\nMessageDelimiter.displayName = 'MessageDelimiter';\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAkC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,SAAS,MAAM,YAAY;AACpC,SAAS,cAAc,6BAAoD;AAE3E,MAAM,mBAA+D,CAAC,UAAU;AAC9E,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,qBAAqB;AACtE,QAAM,cAAc,uBAAuB,gBAAgB;AAC3D,QAAM,EAAE,OAAO,MAAM,eAAe,IAAI;AACxC,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAQ,MAAM,CAAC,OAAO,QAAQ,KAAK;AAAA,IAAI,GAAG;AAAA,KACzC,gBAAAA,OAAA,cAAC,UAAK,GACN,gBAAAA,OAAA,cAAC;AAAA,IAAK;AAAA,IAAY;AAAA,IAAgC,eAAY;AAAA,KAC3D,KACH,GACA,gBAAAA,OAAA,cAAC,UAAK,CACR;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,SAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
|
|
6
|
-
"names": ["React"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/message-delimiter/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n MessageDelimiter,\n MessageDelimiterWithSchema,\n} from './MessageDelimiter';\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,OACK;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { PropTypes, globalAttributesPropTypes } from "@elliemae/ds-utilities";
|
|
3
|
-
const defaultProps = {
|
|
4
|
-
title: "",
|
|
5
|
-
size: "s",
|
|
6
|
-
verticalMargin: "0px"
|
|
7
|
-
};
|
|
8
|
-
const messageDelimiterProps = {
|
|
9
|
-
...globalAttributesPropTypes,
|
|
10
|
-
title: PropTypes.string.isRequired.description("Text to display in the delimiter"),
|
|
11
|
-
size: PropTypes.oneOf(["s", "l"]).description("size of the delimiter").defaultValue("s"),
|
|
12
|
-
extraProps: PropTypes.object.description("extra props for delimiter"),
|
|
13
|
-
verticalMargin: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(
|
|
14
|
-
"Configurable css vertical margin property for flexibilty"
|
|
15
|
-
)
|
|
16
|
-
};
|
|
17
|
-
export {
|
|
18
|
-
defaultProps,
|
|
19
|
-
messageDelimiterProps
|
|
20
|
-
};
|
|
21
|
-
//# sourceMappingURL=props.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/message-delimiter/props.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-utilities';\n\nexport interface MessageDelimiterProps {\n title: string;\n size?: 's' | 'l';\n verticalMargin?: number | string;\n}\n\nexport const defaultProps: MessageDelimiterProps = {\n title: '',\n size: 's',\n verticalMargin: '0px',\n};\n\nexport const messageDelimiterProps = {\n ...globalAttributesPropTypes,\n title: PropTypes.string.isRequired.description('Text to display in the delimiter'),\n size: PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),\n extraProps: PropTypes.object.description('extra props for delimiter'),\n verticalMargin: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n 'Configurable css vertical margin property for flexibilty',\n ),\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,iCAAiC;AAQ9C,MAAM,eAAsC;AAAA,EACjD,OAAO;AAAA,EACP,MAAM;AAAA,EACN,gBAAgB;AAClB;AAEO,MAAM,wBAAwB;AAAA,EACnC,GAAG;AAAA,EACH,OAAO,UAAU,OAAO,WAAW,YAAY,kCAAkC;AAAA,EACjF,MAAM,UAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,uBAAuB,EAAE,aAAa,GAAG;AAAA,EACvF,YAAY,UAAU,OAAO,YAAY,2BAA2B;AAAA,EACpE,gBAAgB,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE;AAAA,IACxE;AAAA,EACF;AACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { Grid } from "@elliemae/ds-grid";
|
|
3
|
-
import { styled } from "@elliemae/ds-system";
|
|
4
|
-
const Wrapper = styled(Grid)`
|
|
5
|
-
align-items: center;
|
|
6
|
-
justify-content: center;
|
|
7
|
-
width: 100%;
|
|
8
|
-
min-height: 8px;
|
|
9
|
-
`;
|
|
10
|
-
const Line = styled.span`
|
|
11
|
-
border-top: 1px solid ${(props) => props.theme.colors.neutral["400"]};
|
|
12
|
-
`;
|
|
13
|
-
const Text = styled.p`
|
|
14
|
-
color: ${(props) => props.theme.colors.neutral["600"]};
|
|
15
|
-
font-size: ${(props) => props.size === "s" ? "12px" : "14px"};
|
|
16
|
-
font-weight: ${(props) => props.theme.fontWeights.semibold};
|
|
17
|
-
margin: ${(props) => typeof props.verticalMargin === "number" ? `${props.verticalMargin}px 8px` : `${props.verticalMargin} 8px`};
|
|
18
|
-
`;
|
|
19
|
-
export {
|
|
20
|
-
Line,
|
|
21
|
-
Text,
|
|
22
|
-
Wrapper
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/message-delimiter/styled.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { MessageDelimiterProps } from './props';\n\nconst Wrapper = styled(Grid)`\n align-items: center;\n justify-content: center;\n width: 100%;\n min-height: 8px;\n`;\n\nconst Line = styled.span`\n border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nconst Text = styled.p<Pick<MessageDelimiterProps, 'size' | 'verticalMargin'>>`\n color: ${(props) => props.theme.colors.neutral['600']};\n font-size: ${(props) => (props.size === 's' ? '12px' : '14px')};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n margin: ${(props) =>\n typeof props.verticalMargin === 'number' ? `${props.verticalMargin}px 8px` : `${props.verticalMargin} 8px`};\n`;\n\nexport { Wrapper, Line, Text };\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY;AACrB,SAAS,cAAc;AAGvB,MAAM,UAAU,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B,MAAM,OAAO,OAAO;AAAA,0BACM,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGhE,MAAM,OAAO,OAAO;AAAA,WACT,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,eAClC,CAAC,UAAW,MAAM,SAAS,MAAM,SAAS;AAAA,iBACxC,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,YACxC,CAAC,UACT,OAAO,MAAM,mBAAmB,WAAW,GAAG,MAAM,yBAAyB,GAAG,MAAM;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
|
|
4
|
-
import { Wrapper, Header, Title, Time, Message } from "./style";
|
|
5
|
-
import { systemMessageProps, defaultProps } from "./props";
|
|
6
|
-
const SystemMessage = (props) => {
|
|
7
|
-
const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
|
|
8
|
-
useValidateTypescriptPropTypes(propsWithDefault, systemMessageProps);
|
|
9
|
-
const { title, time, body } = propsWithDefault;
|
|
10
|
-
return /* @__PURE__ */ React2.createElement(Wrapper, {
|
|
11
|
-
rows: ["auto", "auto"]
|
|
12
|
-
}, /* @__PURE__ */ React2.createElement(Header, {
|
|
13
|
-
cols: ["1fr", "auto", "1fr"]
|
|
14
|
-
}, /* @__PURE__ */ React2.createElement("span", null), /* @__PURE__ */ React2.createElement(Title, {
|
|
15
|
-
"data-testid": "chat-system-message-title"
|
|
16
|
-
}, title), /* @__PURE__ */ React2.createElement(Time, {
|
|
17
|
-
"data-testid": "chat-system-message-time"
|
|
18
|
-
}, time)), /* @__PURE__ */ React2.createElement(Message, {
|
|
19
|
-
"data-testid": "chat-system-message-body"
|
|
20
|
-
}, body));
|
|
21
|
-
};
|
|
22
|
-
SystemMessage.propTypes = systemMessageProps;
|
|
23
|
-
SystemMessage.displayName = "SystemMessage";
|
|
24
|
-
const SystemMessageWithSchema = describe(SystemMessage);
|
|
25
|
-
SystemMessageWithSchema.propTypes = systemMessageProps;
|
|
26
|
-
export {
|
|
27
|
-
SystemMessage,
|
|
28
|
-
SystemMessageWithSchema
|
|
29
|
-
};
|
|
30
|
-
//# sourceMappingURL=SystemMessage.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/system-message/SystemMessage.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { Wrapper, Header, Title, Time, Message } from './style';\nimport { SystemMessageProps, systemMessageProps, defaultProps } from './props';\n\nconst SystemMessage: React.ComponentType<SystemMessageProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefault, systemMessageProps);\n\n const { title, time, body } = propsWithDefault;\n return (\n <Wrapper rows={['auto', 'auto']}>\n <Header cols={['1fr', 'auto', '1fr']}>\n <span />\n <Title data-testid=\"chat-system-message-title\">{title}</Title>\n <Time data-testid=\"chat-system-message-time\">{time}</Time>\n </Header>\n <Message data-testid=\"chat-system-message-body\">{body}</Message>\n </Wrapper>\n );\n};\n\nSystemMessage.propTypes = systemMessageProps as WeakValidationMap<unknown>;\nSystemMessage.displayName = 'SystemMessage';\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = systemMessageProps as WeakValidationMap<unknown>;\n\nexport { SystemMessage, SystemMessageWithSchema };\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAkC;AACzC,SAAS,UAAU,gCAAgC,oCAAoC;AACvF,SAAS,SAAS,QAAQ,OAAO,MAAM,eAAe;AACtD,SAA6B,oBAAoB,oBAAoB;AAErE,MAAM,gBAAyD,CAAC,UAAU;AACxE,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,kBAAkB;AAEnE,QAAM,EAAE,OAAO,MAAM,KAAK,IAAI;AAC9B,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAQ,MAAM,CAAC,QAAQ,MAAM;AAAA,KAC5B,gBAAAA,OAAA,cAAC;AAAA,IAAO,MAAM,CAAC,OAAO,QAAQ,KAAK;AAAA,KACjC,gBAAAA,OAAA,cAAC,YAAK,GACN,gBAAAA,OAAA,cAAC;AAAA,IAAM,eAAY;AAAA,KAA6B,KAAM,GACtD,gBAAAA,OAAA,cAAC;AAAA,IAAK,eAAY;AAAA,KAA4B,IAAK,CACrD,GACA,gBAAAA,OAAA,cAAC;AAAA,IAAQ,eAAY;AAAA,KAA4B,IAAK,CACxD;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
|
|
6
|
-
"names": ["React"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/system-message/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { SystemMessage, SystemMessageWithSchema } from './SystemMessage';\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe,+BAA+B;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { PropTypes } from "@elliemae/ds-utilities";
|
|
3
|
-
const defaultProps = {
|
|
4
|
-
title: "System Message",
|
|
5
|
-
time: "",
|
|
6
|
-
body: ""
|
|
7
|
-
};
|
|
8
|
-
const systemMessageProps = {
|
|
9
|
-
title: PropTypes.string.isRequired.description("Message title").defaultValue("System Message"),
|
|
10
|
-
time: PropTypes.string.description("data of the message, ie: hour"),
|
|
11
|
-
body: PropTypes.string.isRequired.description("message")
|
|
12
|
-
};
|
|
13
|
-
export {
|
|
14
|
-
defaultProps,
|
|
15
|
-
systemMessageProps
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=props.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/system-message/props.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\n\nexport interface SystemMessageProps {\n title: string;\n time: string;\n body: string;\n}\n\nexport const defaultProps: SystemMessageProps = {\n title: 'System Message',\n time: '',\n body: '',\n};\n\nexport const systemMessageProps = {\n title: PropTypes.string.isRequired.description('Message title').defaultValue('System Message'),\n time: PropTypes.string.description('data of the message, ie: hour'),\n body: PropTypes.string.isRequired.description('message'),\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAQnB,MAAM,eAAmC;AAAA,EAC9C,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AACR;AAEO,MAAM,qBAAqB;AAAA,EAChC,OAAO,UAAU,OAAO,WAAW,YAAY,eAAe,EAAE,aAAa,gBAAgB;AAAA,EAC7F,MAAM,UAAU,OAAO,YAAY,+BAA+B;AAAA,EAClE,MAAM,UAAU,OAAO,WAAW,YAAY,SAAS;AACzD;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { styled } from "@elliemae/ds-system";
|
|
3
|
-
import { Grid } from "@elliemae/ds-grid";
|
|
4
|
-
const Wrapper = styled(Grid)`
|
|
5
|
-
align-items: center;
|
|
6
|
-
justify-content: center;
|
|
7
|
-
max-width: 100%;
|
|
8
|
-
padding: 0 8px 8px;
|
|
9
|
-
border: 1px solid ${(props) => props.theme.colors.neutral["100"]};
|
|
10
|
-
border-radius: 10px;
|
|
11
|
-
background-color: ${(props) => props.theme.colors.neutral["080"]};
|
|
12
|
-
box-shadow: none;
|
|
13
|
-
`;
|
|
14
|
-
const Header = styled(Grid)`
|
|
15
|
-
align-items: center;
|
|
16
|
-
height: 36px;
|
|
17
|
-
`;
|
|
18
|
-
const Title = styled.p`
|
|
19
|
-
font-size: 14px;
|
|
20
|
-
font-weight: ${(props) => props.theme.fontWeights.semibold};
|
|
21
|
-
color: ${(props) => props.theme.colors.neutral["700"]};
|
|
22
|
-
margin: 0;
|
|
23
|
-
`;
|
|
24
|
-
const Time = styled.p`
|
|
25
|
-
font-size: 12px;
|
|
26
|
-
font-weight: ${(props) => props.theme.fontWeights.regular};
|
|
27
|
-
color: ${(props) => props.theme.colors.neutral["700"]};
|
|
28
|
-
margin: 0;
|
|
29
|
-
text-align: right;
|
|
30
|
-
`;
|
|
31
|
-
const Message = styled.p`
|
|
32
|
-
font-size: 13px;
|
|
33
|
-
font-weight: ${(props) => props.theme.fontWeights.regular};
|
|
34
|
-
color: ${(props) => props.theme.colors.neutral["700"]};
|
|
35
|
-
min-height: 32px;
|
|
36
|
-
text-align: center;
|
|
37
|
-
margin: 0;
|
|
38
|
-
`;
|
|
39
|
-
export {
|
|
40
|
-
Header,
|
|
41
|
-
Message,
|
|
42
|
-
Time,
|
|
43
|
-
Title,
|
|
44
|
-
Wrapper
|
|
45
|
-
};
|
|
46
|
-
//# sourceMappingURL=style.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/system-message/style.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Wrapper = styled(Grid)`\n align-items: center;\n justify-content: center;\n max-width: 100%;\n padding: 0 8px 8px;\n border: 1px solid ${(props) => props.theme.colors.neutral['100']};\n border-radius: 10px;\n background-color: ${(props) => props.theme.colors.neutral['080']};\n box-shadow: none;\n`;\n\nconst Header = styled(Grid)`\n align-items: center;\n height: 36px;\n`;\n\nconst Title = styled.p<any>`\n font-size: 14px;\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n color: ${(props) => props.theme.colors.neutral['700']};\n margin: 0;\n`;\n\nconst Time = styled.p<any>`\n font-size: 12px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['700']};\n margin: 0;\n text-align: right;\n`;\n\nconst Message = styled.p<any>`\n font-size: 13px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['700']};\n min-height: 32px;\n text-align: center;\n margin: 0;\n`;\n\nexport { Wrapper, Header, Title, Time, Message };\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,UAAU,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKL,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,sBAEtC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI5D,MAAM,SAAS,OAAO,IAAI;AAAA;AAAA;AAAA;AAK1B,MAAM,QAAQ,OAAO;AAAA;AAAA,iBAEJ,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIjD,MAAM,OAAO,OAAO;AAAA;AAAA,iBAEH,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAKjD,MAAM,UAAU,OAAO;AAAA;AAAA,iBAEN,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
|
|
4
|
-
import { DSTooltipV3 } from "@elliemae/ds-tooltip";
|
|
5
|
-
import { Grid } from "@elliemae/ds-grid";
|
|
6
|
-
import { CloseXsmall } from "@elliemae/ds-icons";
|
|
7
|
-
import {
|
|
8
|
-
StyledTooltipV3ButtonWrapper,
|
|
9
|
-
StyledTileButton,
|
|
10
|
-
StyledTileButtonIcon,
|
|
11
|
-
StyledTileButtonLabel,
|
|
12
|
-
StyledWrapper,
|
|
13
|
-
StyledWrapperLeftBorder,
|
|
14
|
-
StyledStatusBadge,
|
|
15
|
-
StyledWrapperCentralContent,
|
|
16
|
-
CloseButton
|
|
17
|
-
} from "./styled";
|
|
18
|
-
import { propsTileButton, defaultTileButton } from "./props";
|
|
19
|
-
const TileButton = (props) => {
|
|
20
|
-
const propsWithDefault = useMemoMergePropsWithDefault(props, defaultTileButton);
|
|
21
|
-
useValidateTypescriptPropTypes(propsWithDefault, propsTileButton);
|
|
22
|
-
const {
|
|
23
|
-
label,
|
|
24
|
-
title,
|
|
25
|
-
dsId,
|
|
26
|
-
onClick,
|
|
27
|
-
onFocus,
|
|
28
|
-
onBlur,
|
|
29
|
-
Icon,
|
|
30
|
-
showClose,
|
|
31
|
-
onClose,
|
|
32
|
-
badge,
|
|
33
|
-
badgeColor,
|
|
34
|
-
badgePosition,
|
|
35
|
-
disabled,
|
|
36
|
-
selected,
|
|
37
|
-
isHeader,
|
|
38
|
-
ariaLabel,
|
|
39
|
-
tooltipPlacement,
|
|
40
|
-
disableTooltip,
|
|
41
|
-
innerRef
|
|
42
|
-
} = propsWithDefault;
|
|
43
|
-
const handleClick = React2.useCallback(() => {
|
|
44
|
-
onClick(dsId, title);
|
|
45
|
-
}, [dsId, onClick, title]);
|
|
46
|
-
const MainContent = React2.useMemo(
|
|
47
|
-
() => /* @__PURE__ */ React2.createElement(StyledWrapperCentralContent, {
|
|
48
|
-
alignItems: isHeader ? "center" : void 0
|
|
49
|
-
}, /* @__PURE__ */ React2.createElement(Grid, {
|
|
50
|
-
width: "100%",
|
|
51
|
-
alignItems: "center",
|
|
52
|
-
justifyContent: "center"
|
|
53
|
-
}, /* @__PURE__ */ React2.createElement(StyledTileButtonIcon, {
|
|
54
|
-
alignItems: "center",
|
|
55
|
-
justifyContent: "center"
|
|
56
|
-
}, /* @__PURE__ */ React2.createElement(Icon, {
|
|
57
|
-
size: "m"
|
|
58
|
-
}), badge ? /* @__PURE__ */ React2.createElement(StyledStatusBadge, {
|
|
59
|
-
badgeColor,
|
|
60
|
-
badgePosition,
|
|
61
|
-
"data-testid": `tile-badge-${dsId}`
|
|
62
|
-
}) : null)), !isHeader ? /* @__PURE__ */ React2.createElement(Grid, {
|
|
63
|
-
width: "100%",
|
|
64
|
-
justifyContent: "center"
|
|
65
|
-
}, label ? /* @__PURE__ */ React2.createElement(StyledTileButtonLabel, null, label) : null) : null),
|
|
66
|
-
[isHeader, Icon, badge, dsId, badgeColor, badgePosition, label]
|
|
67
|
-
);
|
|
68
|
-
const Btn = React2.useMemo(
|
|
69
|
-
() => /* @__PURE__ */ React2.createElement(StyledTileButton, {
|
|
70
|
-
key: dsId,
|
|
71
|
-
isHeader,
|
|
72
|
-
value: dsId,
|
|
73
|
-
"data-testid": `tile-button-${dsId}`,
|
|
74
|
-
"data-key": dsId,
|
|
75
|
-
onClick: handleClick,
|
|
76
|
-
onFocus,
|
|
77
|
-
onBlur,
|
|
78
|
-
disabled,
|
|
79
|
-
selected,
|
|
80
|
-
badgeColor,
|
|
81
|
-
badgePosition,
|
|
82
|
-
"aria-pressed": selected,
|
|
83
|
-
"aria-label": ariaLabel,
|
|
84
|
-
ref: innerRef
|
|
85
|
-
}, /* @__PURE__ */ React2.createElement(StyledWrapper, {
|
|
86
|
-
alignItems: "center",
|
|
87
|
-
justifyContent: "center"
|
|
88
|
-
}, /* @__PURE__ */ React2.createElement("span", null, MainContent), /* @__PURE__ */ React2.createElement(StyledWrapperLeftBorder, null), showClose && !disabled ? /* @__PURE__ */ React2.createElement(CloseButton, {
|
|
89
|
-
onClick: onClose,
|
|
90
|
-
value: dsId,
|
|
91
|
-
"data-testid": `tile-close-btn-${dsId}`
|
|
92
|
-
}, /* @__PURE__ */ React2.createElement(CloseXsmall, null)) : null)),
|
|
93
|
-
[
|
|
94
|
-
MainContent,
|
|
95
|
-
ariaLabel,
|
|
96
|
-
badgeColor,
|
|
97
|
-
badgePosition,
|
|
98
|
-
disabled,
|
|
99
|
-
dsId,
|
|
100
|
-
handleClick,
|
|
101
|
-
isHeader,
|
|
102
|
-
onBlur,
|
|
103
|
-
onClose,
|
|
104
|
-
onFocus,
|
|
105
|
-
selected,
|
|
106
|
-
showClose,
|
|
107
|
-
innerRef
|
|
108
|
-
]
|
|
109
|
-
);
|
|
110
|
-
return title && !disableTooltip ? /* @__PURE__ */ React2.createElement(StyledTooltipV3ButtonWrapper, null, /* @__PURE__ */ React2.createElement(DSTooltipV3, {
|
|
111
|
-
id: `ds-chat-tile-tooltip-button-${dsId}`,
|
|
112
|
-
text: title,
|
|
113
|
-
startPlacementPreference: tooltipPlacement
|
|
114
|
-
}, Btn)) : Btn;
|
|
115
|
-
};
|
|
116
|
-
TileButton.propTypes = propsTileButton;
|
|
117
|
-
TileButton.displayName = "TileButton";
|
|
118
|
-
const TileButtonWithSchema = describe(TileButton);
|
|
119
|
-
TileButtonWithSchema.propTypes = propsTileButton;
|
|
120
|
-
export {
|
|
121
|
-
TileButton,
|
|
122
|
-
TileButtonWithSchema
|
|
123
|
-
};
|
|
124
|
-
//# sourceMappingURL=TileButton.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/tile-button/TileButton.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { Grid } from '@elliemae/ds-grid';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport {\n StyledTooltipV3ButtonWrapper,\n StyledTileButton,\n StyledTileButtonIcon,\n StyledTileButtonLabel,\n StyledWrapper,\n StyledWrapperLeftBorder,\n StyledStatusBadge,\n StyledWrapperCentralContent,\n CloseButton,\n} from './styled';\nimport { propsTileButton, defaultTileButton, TileButtonProps } from './props';\n\nconst TileButton: React.ComponentType<TileButtonProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultTileButton);\n useValidateTypescriptPropTypes(propsWithDefault, propsTileButton);\n\n const {\n label,\n title,\n dsId,\n onClick,\n onFocus,\n onBlur,\n Icon,\n showClose,\n onClose,\n badge,\n badgeColor,\n badgePosition,\n disabled,\n selected,\n isHeader,\n ariaLabel,\n tooltipPlacement,\n disableTooltip,\n innerRef,\n } = propsWithDefault;\n const handleClick = React.useCallback(() => {\n onClick(dsId, title);\n }, [dsId, onClick, title]);\n\n const MainContent = React.useMemo(\n () => (\n <StyledWrapperCentralContent alignItems={isHeader ? 'center' : undefined}>\n <Grid width=\"100%\" alignItems=\"center\" justifyContent=\"center\">\n <StyledTileButtonIcon alignItems=\"center\" justifyContent=\"center\">\n <Icon size=\"m\" />\n {badge ? (\n <StyledStatusBadge\n badgeColor={badgeColor}\n badgePosition={badgePosition}\n data-testid={`tile-badge-${dsId}`}\n />\n ) : null}\n </StyledTileButtonIcon>\n </Grid>\n {!isHeader ? (\n <Grid width=\"100%\" justifyContent=\"center\">\n {label ? <StyledTileButtonLabel>{label}</StyledTileButtonLabel> : null}\n </Grid>\n ) : null}\n </StyledWrapperCentralContent>\n ),\n [isHeader, Icon, badge, dsId, badgeColor, badgePosition, label],\n );\n\n const Btn = React.useMemo(\n () => (\n <StyledTileButton\n key={dsId}\n isHeader={isHeader}\n value={dsId}\n data-testid={`tile-button-${dsId}`}\n data-key={dsId}\n onClick={handleClick}\n onFocus={onFocus}\n onBlur={onBlur}\n disabled={disabled}\n selected={selected}\n badgeColor={badgeColor}\n badgePosition={badgePosition}\n aria-pressed={selected}\n aria-label={ariaLabel}\n ref={innerRef}\n >\n <StyledWrapper alignItems=\"center\" justifyContent=\"center\">\n <span>{MainContent}</span>\n <StyledWrapperLeftBorder />\n {showClose && !disabled ? (\n <CloseButton onClick={onClose} value={dsId} data-testid={`tile-close-btn-${dsId}`}>\n <CloseXsmall />\n </CloseButton>\n ) : null}\n </StyledWrapper>\n </StyledTileButton>\n ),\n [\n MainContent,\n ariaLabel,\n badgeColor,\n badgePosition,\n disabled,\n dsId,\n handleClick,\n isHeader,\n onBlur,\n onClose,\n onFocus,\n selected,\n showClose,\n innerRef,\n ],\n );\n\n return title && !disableTooltip ? (\n <StyledTooltipV3ButtonWrapper>\n <DSTooltipV3 id={`ds-chat-tile-tooltip-button-${dsId}`} text={title} startPlacementPreference={tooltipPlacement}>\n {Btn}\n </DSTooltipV3>\n </StyledTooltipV3ButtonWrapper>\n ) : (\n Btn\n );\n};\n\nTileButton.propTypes = propsTileButton as WeakValidationMap<unknown>;\nTileButton.displayName = 'TileButton';\nconst TileButtonWithSchema = describe(TileButton);\nTileButtonWithSchema.propTypes = propsTileButton as WeakValidationMap<unknown>;\n\nexport { TileButton, TileButtonWithSchema };\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACCvB,OAAOA,YAAkC;AACzC,SAAS,UAAU,gCAAgC,oCAAoC;AACvF,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,yBAA0C;AAEpE,MAAM,aAAmD,CAAC,UAAU;AAClE,QAAM,mBAAmB,6BAA6B,OAAO,iBAAiB;AAC9E,iCAA+B,kBAAkB,eAAe;AAEhE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,cAAcA,OAAM,YAAY,MAAM;AAC1C,YAAQ,MAAM,KAAK;AAAA,EACrB,GAAG,CAAC,MAAM,SAAS,KAAK,CAAC;AAEzB,QAAM,cAAcA,OAAM;AAAA,IACxB,MACE,gBAAAA,OAAA,cAAC;AAAA,MAA4B,YAAY,WAAW,WAAW;AAAA,OAC7D,gBAAAA,OAAA,cAAC;AAAA,MAAK,OAAM;AAAA,MAAO,YAAW;AAAA,MAAS,gBAAe;AAAA,OACpD,gBAAAA,OAAA,cAAC;AAAA,MAAqB,YAAW;AAAA,MAAS,gBAAe;AAAA,OACvD,gBAAAA,OAAA,cAAC;AAAA,MAAK,MAAK;AAAA,KAAI,GACd,QACC,gBAAAA,OAAA,cAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAa,cAAc;AAAA,KAC7B,IACE,IACN,CACF,GACC,CAAC,WACA,gBAAAA,OAAA,cAAC;AAAA,MAAK,OAAM;AAAA,MAAO,gBAAe;AAAA,OAC/B,QAAQ,gBAAAA,OAAA,cAAC,6BAAuB,KAAM,IAA2B,IACpE,IACE,IACN;AAAA,IAEF,CAAC,UAAU,MAAM,OAAO,MAAM,YAAY,eAAe,KAAK;AAAA,EAChE;AAEA,QAAM,MAAMA,OAAM;AAAA,IAChB,MACE,gBAAAA,OAAA,cAAC;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,OAAO;AAAA,MACP,eAAa,eAAe;AAAA,MAC5B,YAAU;AAAA,MACV,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAc;AAAA,MACd,cAAY;AAAA,MACZ,KAAK;AAAA,OAEL,gBAAAA,OAAA,cAAC;AAAA,MAAc,YAAW;AAAA,MAAS,gBAAe;AAAA,OAChD,gBAAAA,OAAA,cAAC,cAAM,WAAY,GACnB,gBAAAA,OAAA,cAAC,6BAAwB,GACxB,aAAa,CAAC,WACb,gBAAAA,OAAA,cAAC;AAAA,MAAY,SAAS;AAAA,MAAS,OAAO;AAAA,MAAM,eAAa,kBAAkB;AAAA,OACzE,gBAAAA,OAAA,cAAC,iBAAY,CACf,IACE,IACN,CACF;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,SAAS,CAAC,iBACf,gBAAAA,OAAA,cAAC,oCACC,gBAAAA,OAAA,cAAC;AAAA,IAAY,IAAI,+BAA+B;AAAA,IAAQ,MAAM;AAAA,IAAO,0BAA0B;AAAA,KAC5F,GACH,CACF,IAEA;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAChD,qBAAqB,YAAY;",
|
|
6
|
-
"names": ["React"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/tile-button/index.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { TileButton, TileButtonWithSchema } from './TileButton';\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY,4BAA4B;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { PropTypes } from "@elliemae/ds-utilities";
|
|
3
|
-
import { noop } from "lodash";
|
|
4
|
-
import { Comments } from "@elliemae/ds-icons";
|
|
5
|
-
const defaultTileButton = {
|
|
6
|
-
Icon: Comments,
|
|
7
|
-
dsId: "",
|
|
8
|
-
label: "",
|
|
9
|
-
onClick: noop,
|
|
10
|
-
onBlur: noop,
|
|
11
|
-
onFocus: noop,
|
|
12
|
-
title: "",
|
|
13
|
-
onClose: noop,
|
|
14
|
-
showClose: false,
|
|
15
|
-
badge: false,
|
|
16
|
-
badgeColor: "blue",
|
|
17
|
-
badgePosition: "left",
|
|
18
|
-
disabled: false,
|
|
19
|
-
selected: false,
|
|
20
|
-
isHeader: false,
|
|
21
|
-
ariaLabel: "Tile button",
|
|
22
|
-
tooltipPlacement: "right",
|
|
23
|
-
disableTooltip: false,
|
|
24
|
-
innerRef: noop
|
|
25
|
-
};
|
|
26
|
-
const propsTileButton = {
|
|
27
|
-
Icon: PropTypes.func.description("Icon component").defaultValue(defaultTileButton.Icon),
|
|
28
|
-
dsId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description("Unique id for the button").defaultValue(defaultTileButton.dsId),
|
|
29
|
-
label: PropTypes.string.description("It will display under the icon").defaultValue(defaultTileButton.label),
|
|
30
|
-
title: PropTypes.string.description("Tooltip").defaultValue(defaultTileButton.title),
|
|
31
|
-
onClick: PropTypes.func.description("The function to call when is clicked").defaultValue(defaultTileButton.onClick),
|
|
32
|
-
onFocus: PropTypes.func.description("The function to call when is focused").defaultValue(defaultTileButton.onFocus),
|
|
33
|
-
onBlur: PropTypes.func.description("The function to call when is on blur").defaultValue(defaultTileButton.onBlur),
|
|
34
|
-
onClose: PropTypes.func.description("The function to call when the X is Clicked").defaultValue(defaultTileButton.onClose),
|
|
35
|
-
showClose: PropTypes.bool.description("It will display the X").defaultValue(defaultTileButton.showClose),
|
|
36
|
-
badge: PropTypes.bool.description("It will display the badge").defaultValue(defaultTileButton.badge),
|
|
37
|
-
badgeColor: PropTypes.oneOf(["blue", "green"]).description("Color badge: blue or green").defaultValue(defaultTileButton.badgeColor),
|
|
38
|
-
badgePosition: PropTypes.oneOf(["left", "right"]).description("Color badge: blue or green").defaultValue(defaultTileButton.badgePosition),
|
|
39
|
-
disabled: PropTypes.bool.description("It will disabled the button").defaultValue(defaultTileButton.disabled),
|
|
40
|
-
selected: PropTypes.bool.description("Indicate that the button is selected").defaultValue(defaultTileButton.disabled),
|
|
41
|
-
isHeader: PropTypes.bool.description("It won't render the label").defaultValue(defaultTileButton.disabled),
|
|
42
|
-
ariaLabel: PropTypes.string.description("aria-label attribute").defaultValue(defaultTileButton.ariaLabel),
|
|
43
|
-
tooltipPlacement: PropTypes.oneOf([
|
|
44
|
-
"top-start",
|
|
45
|
-
"top",
|
|
46
|
-
"top-end",
|
|
47
|
-
"right-start",
|
|
48
|
-
"right",
|
|
49
|
-
"right-end",
|
|
50
|
-
"bottom-end",
|
|
51
|
-
"bottom",
|
|
52
|
-
"bottom-start",
|
|
53
|
-
"left-end",
|
|
54
|
-
"left",
|
|
55
|
-
"left-start"
|
|
56
|
-
]).description("start placement preferences, as per popperjs placement option").defaultValue("'right'"),
|
|
57
|
-
disableTooltip: PropTypes.bool.description("Disable tooltip option").defaultValue(defaultTileButton.disableTooltip),
|
|
58
|
-
innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(
|
|
59
|
-
"reference to the component"
|
|
60
|
-
)
|
|
61
|
-
};
|
|
62
|
-
export {
|
|
63
|
-
defaultTileButton,
|
|
64
|
-
propsTileButton
|
|
65
|
-
};
|
|
66
|
-
//# sourceMappingURL=props.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/tile-button/props.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { noop } from 'lodash';\nimport { Comments } from '@elliemae/ds-icons';\n\nexport interface TileButtonProps {\n Icon: React.FC<{ size: string }>;\n dsId: string | number;\n label: string;\n onClick?: (dsId: string | number, label: string) => void;\n onBlur?: (e: React.ChangeEvent<HTMLButtonElement>) => void;\n onFocus?: (e: React.ChangeEvent<HTMLButtonElement>) => void;\n title: string;\n showClose: boolean;\n onClose?: (dsId: string | number) => void;\n badge: boolean;\n badgeColor: 'blue' | 'green';\n badgePosition: 'left' | 'right';\n disabled: boolean;\n selected: boolean;\n isHeader: boolean;\n ariaLabel: string;\n tooltipPlacement:\n | 'top-start'\n | 'top'\n | 'top-end'\n | 'right-start'\n | 'right'\n | 'right-end'\n | 'bottom-end'\n | 'bottom'\n | 'bottom-start'\n | 'left-end'\n | 'left'\n | 'left-start';\n disableTooltip: boolean;\n innerRef?: React.MutableRefObject<HTMLButtonElement> | ((_ref: HTMLButtonElement) => void);\n}\n\nexport const defaultTileButton: TileButtonProps = {\n Icon: Comments,\n dsId: '',\n label: '',\n onClick: noop,\n onBlur: noop,\n onFocus: noop,\n title: '',\n onClose: noop,\n showClose: false,\n badge: false,\n badgeColor: 'blue',\n badgePosition: 'left',\n disabled: false,\n selected: false,\n isHeader: false,\n ariaLabel: 'Tile button',\n tooltipPlacement: 'right',\n disableTooltip: false,\n innerRef: noop,\n};\n\nexport const propsTileButton = {\n Icon: PropTypes.func.description('Icon component').defaultValue(defaultTileButton.Icon),\n dsId: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n .description('Unique id for the button')\n .defaultValue(defaultTileButton.dsId),\n label: PropTypes.string.description('It will display under the icon').defaultValue(defaultTileButton.label),\n title: PropTypes.string.description('Tooltip').defaultValue(defaultTileButton.title),\n onClick: PropTypes.func.description('The function to call when is clicked').defaultValue(defaultTileButton.onClick),\n onFocus: PropTypes.func.description('The function to call when is focused').defaultValue(defaultTileButton.onFocus),\n onBlur: PropTypes.func.description('The function to call when is on blur').defaultValue(defaultTileButton.onBlur),\n onClose: PropTypes.func\n .description('The function to call when the X is Clicked')\n .defaultValue(defaultTileButton.onClose),\n showClose: PropTypes.bool.description('It will display the X').defaultValue(defaultTileButton.showClose),\n badge: PropTypes.bool.description('It will display the badge').defaultValue(defaultTileButton.badge),\n badgeColor: PropTypes.oneOf(['blue', 'green'])\n .description('Color badge: blue or green')\n .defaultValue(defaultTileButton.badgeColor),\n badgePosition: PropTypes.oneOf(['left', 'right'])\n .description('Color badge: blue or green')\n .defaultValue(defaultTileButton.badgePosition),\n disabled: PropTypes.bool.description('It will disabled the button').defaultValue(defaultTileButton.disabled),\n selected: PropTypes.bool.description('Indicate that the button is selected').defaultValue(defaultTileButton.disabled),\n isHeader: PropTypes.bool.description(\"It won't render the label\").defaultValue(defaultTileButton.disabled),\n ariaLabel: PropTypes.string.description('aria-label attribute').defaultValue(defaultTileButton.ariaLabel),\n tooltipPlacement: PropTypes.oneOf([\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ])\n .description('start placement preferences, as per popperjs placement option')\n .defaultValue(\"'right'\"),\n disableTooltip: PropTypes.bool.description('Disable tooltip option').defaultValue(defaultTileButton.disableTooltip),\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n 'reference to the component',\n ),\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAoClB,MAAM,oBAAqC;AAAA,EAChD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,UAAU;AACZ;AAEO,MAAM,kBAAkB;AAAA,EAC7B,MAAM,UAAU,KAAK,YAAY,gBAAgB,EAAE,aAAa,kBAAkB,IAAI;AAAA,EACtF,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAC3D,YAAY,0BAA0B,EACtC,aAAa,kBAAkB,IAAI;AAAA,EACtC,OAAO,UAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,kBAAkB,KAAK;AAAA,EAC1G,OAAO,UAAU,OAAO,YAAY,SAAS,EAAE,aAAa,kBAAkB,KAAK;AAAA,EACnF,SAAS,UAAU,KAAK,YAAY,sCAAsC,EAAE,aAAa,kBAAkB,OAAO;AAAA,EAClH,SAAS,UAAU,KAAK,YAAY,sCAAsC,EAAE,aAAa,kBAAkB,OAAO;AAAA,EAClH,QAAQ,UAAU,KAAK,YAAY,sCAAsC,EAAE,aAAa,kBAAkB,MAAM;AAAA,EAChH,SAAS,UAAU,KAChB,YAAY,4CAA4C,EACxD,aAAa,kBAAkB,OAAO;AAAA,EACzC,WAAW,UAAU,KAAK,YAAY,uBAAuB,EAAE,aAAa,kBAAkB,SAAS;AAAA,EACvG,OAAO,UAAU,KAAK,YAAY,2BAA2B,EAAE,aAAa,kBAAkB,KAAK;AAAA,EACnG,YAAY,UAAU,MAAM,CAAC,QAAQ,OAAO,CAAC,EAC1C,YAAY,4BAA4B,EACxC,aAAa,kBAAkB,UAAU;AAAA,EAC5C,eAAe,UAAU,MAAM,CAAC,QAAQ,OAAO,CAAC,EAC7C,YAAY,4BAA4B,EACxC,aAAa,kBAAkB,aAAa;AAAA,EAC/C,UAAU,UAAU,KAAK,YAAY,6BAA6B,EAAE,aAAa,kBAAkB,QAAQ;AAAA,EAC3G,UAAU,UAAU,KAAK,YAAY,sCAAsC,EAAE,aAAa,kBAAkB,QAAQ;AAAA,EACpH,UAAU,UAAU,KAAK,YAAY,2BAA2B,EAAE,aAAa,kBAAkB,QAAQ;AAAA,EACzG,WAAW,UAAU,OAAO,YAAY,sBAAsB,EAAE,aAAa,kBAAkB,SAAS;AAAA,EACxG,kBAAkB,UAAU,MAAM;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EACE,YAAY,+DAA+D,EAC3E,aAAa,SAAS;AAAA,EACzB,gBAAgB,UAAU,KAAK,YAAY,wBAAwB,EAAE,aAAa,kBAAkB,cAAc;AAAA,EAClH,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|