@elliemae/ds-chat 1.57.1 → 2.0.0-alpha.11
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/cjs/index.d.js +0 -1
- package/cjs/index.js +37 -94
- package/cjs/parts/bubble/ChatBubble.js +35 -42
- package/cjs/parts/bubble/ChatBubbleArrow.js +67 -73
- package/cjs/parts/bubble/config/useValidateProps.js +2 -3
- package/cjs/parts/bubble/index.js +5 -17
- package/cjs/parts/bubble/props.js +5 -6
- package/cjs/parts/bubble/styled.js +14 -38
- package/cjs/parts/chat-card/ChatCard.js +24 -25
- package/cjs/parts/chat-card/config/useValidateProps.js +1 -2
- package/cjs/parts/chat-card/index.js +3 -13
- package/cjs/parts/chat-card/props.js +1 -2
- package/cjs/parts/chat-card/styled.js +7 -12
- package/cjs/parts/chat-composer/ChatContainerComposer.js +65 -77
- package/cjs/parts/chat-composer/config/useValidateProps.js +1 -2
- package/cjs/parts/chat-composer/index.js +3 -17
- package/cjs/parts/chat-composer/props.js +2 -5
- package/cjs/parts/chat-composer/styled.js +10 -31
- package/cjs/parts/chat-container/ChatContainer.js +89 -106
- package/cjs/parts/chat-container/config/useValidateProps.js +1 -2
- package/cjs/parts/chat-container/index.js +3 -43
- package/cjs/parts/chat-container/props.js +6 -7
- package/cjs/parts/chat-container/styled.js +10 -32
- package/cjs/parts/chat-container-header/ChatContainerHeader.js +15 -15
- package/cjs/parts/chat-container-header/styled.js +6 -13
- package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js +114 -125
- package/cjs/parts/chat-container-messages-list/config/useValidateProps.js +1 -2
- package/cjs/parts/chat-container-messages-list/index.js +3 -32
- package/cjs/parts/chat-container-messages-list/props.js +3 -6
- package/cjs/parts/chat-container-messages-list/styled.js +12 -47
- package/cjs/parts/chat-empty-state/ChatEmptyState.js +38 -37
- package/cjs/parts/chat-empty-state/config/useValidateProps.js +1 -2
- package/cjs/parts/chat-empty-state/props.js +2 -3
- package/cjs/parts/chat-empty-state/styled.js +4 -7
- package/cjs/parts/chat-sidebar/SideBarChat.js +50 -60
- package/cjs/parts/chat-sidebar/config/useValidateProps.js +1 -2
- package/cjs/parts/chat-sidebar/index.js +3 -26
- package/cjs/parts/chat-sidebar/props.js +3 -8
- package/cjs/parts/chat-sidebar/styled.js +4 -9
- package/cjs/parts/floating-button/FloatingButton.js +17 -20
- package/cjs/parts/floating-button/index.js +2 -10
- package/cjs/parts/floating-button/props.js +2 -3
- package/cjs/parts/floating-button/styled.js +5 -18
- package/cjs/parts/floating-container/styled.js +2 -5
- package/cjs/parts/grid-influencer/InfluencerContainer.js +11 -65
- package/cjs/parts/grid-influencer/styled.js +4 -17
- package/cjs/parts/message-delimiter/MessageDelimiter.js +23 -22
- package/cjs/parts/message-delimiter/config/useValidateProps.js +1 -2
- package/cjs/parts/message-delimiter/index.js +3 -12
- package/cjs/parts/message-delimiter/props.js +2 -3
- package/cjs/parts/message-delimiter/styled.js +5 -16
- package/cjs/parts/sidebar-button/SidebarButton.js +31 -30
- package/cjs/parts/sidebar-button/index.js +0 -1
- package/cjs/parts/sidebar-button/props.js +6 -6
- package/cjs/parts/sidebar-button/styled.js +4 -11
- package/cjs/parts/system-message/SystemMessage.js +25 -24
- package/cjs/parts/system-message/config/useValidateProps.js +1 -2
- package/cjs/parts/system-message/index.js +3 -12
- package/cjs/parts/system-message/props.js +2 -3
- package/cjs/parts/system-message/style.js +9 -26
- package/cjs/parts/tile-button/TileButton.js +85 -82
- package/cjs/parts/tile-button/config/useValidateProps.js +1 -2
- package/cjs/parts/tile-button/index.js +3 -15
- package/cjs/parts/tile-button/props.js +10 -11
- package/cjs/parts/tile-button/styled.js +18 -67
- package/cjs/prop-types.js +2 -3
- package/cjs/styled.js +6 -7
- package/esm/index.d.js +0 -1
- package/esm/index.js +0 -57
- package/esm/parts/bubble/ChatBubble.js +27 -35
- package/esm/parts/bubble/ChatBubbleArrow.js +65 -71
- package/esm/parts/bubble/config/useValidateProps.js +2 -3
- package/esm/parts/bubble/index.js +0 -12
- package/esm/parts/bubble/props.js +4 -5
- package/esm/parts/bubble/styled.js +13 -37
- package/esm/parts/chat-card/ChatCard.js +18 -19
- package/esm/parts/chat-card/config/useValidateProps.js +1 -2
- package/esm/parts/chat-card/index.js +0 -10
- package/esm/parts/chat-card/props.js +1 -2
- package/esm/parts/chat-card/styled.js +7 -12
- package/esm/parts/chat-composer/ChatContainerComposer.js +56 -69
- package/esm/parts/chat-composer/config/useValidateProps.js +1 -2
- package/esm/parts/chat-composer/index.js +0 -14
- package/esm/parts/chat-composer/props.js +2 -5
- package/esm/parts/chat-composer/styled.js +9 -30
- package/esm/parts/chat-container/ChatContainer.js +79 -97
- package/esm/parts/chat-container/config/useValidateProps.js +1 -2
- package/esm/parts/chat-container/index.js +0 -40
- package/esm/parts/chat-container/props.js +2 -3
- package/esm/parts/chat-container/styled.js +6 -28
- package/esm/parts/chat-container-header/ChatContainerHeader.js +13 -14
- package/esm/parts/chat-container-header/styled.js +6 -13
- package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js +102 -113
- package/esm/parts/chat-container-messages-list/config/useValidateProps.js +1 -2
- package/esm/parts/chat-container-messages-list/index.js +0 -29
- package/esm/parts/chat-container-messages-list/props.js +3 -6
- package/esm/parts/chat-container-messages-list/styled.js +11 -46
- package/esm/parts/chat-empty-state/ChatEmptyState.js +30 -30
- package/esm/parts/chat-empty-state/config/useValidateProps.js +1 -2
- package/esm/parts/chat-empty-state/props.js +2 -3
- package/esm/parts/chat-empty-state/styled.js +4 -7
- package/esm/parts/chat-sidebar/SideBarChat.js +38 -50
- package/esm/parts/chat-sidebar/config/useValidateProps.js +1 -2
- package/esm/parts/chat-sidebar/index.js +0 -23
- package/esm/parts/chat-sidebar/props.js +3 -8
- package/esm/parts/chat-sidebar/styled.js +4 -9
- package/esm/parts/floating-button/FloatingButton.js +13 -17
- package/esm/parts/floating-button/index.js +0 -8
- package/esm/parts/floating-button/props.js +2 -3
- package/esm/parts/floating-button/styled.js +5 -18
- package/esm/parts/floating-container/styled.js +2 -5
- package/esm/parts/grid-influencer/InfluencerContainer.js +7 -62
- package/esm/parts/grid-influencer/styled.js +4 -17
- package/esm/parts/message-delimiter/MessageDelimiter.js +16 -15
- package/esm/parts/message-delimiter/config/useValidateProps.js +1 -2
- package/esm/parts/message-delimiter/index.js +0 -9
- package/esm/parts/message-delimiter/props.js +2 -3
- package/esm/parts/message-delimiter/styled.js +5 -16
- package/esm/parts/sidebar-button/SidebarButton.js +26 -26
- package/esm/parts/sidebar-button/index.js +0 -1
- package/esm/parts/sidebar-button/props.js +3 -4
- package/esm/parts/sidebar-button/styled.js +4 -11
- package/esm/parts/system-message/SystemMessage.js +18 -17
- package/esm/parts/system-message/config/useValidateProps.js +1 -2
- package/esm/parts/system-message/index.js +0 -9
- package/esm/parts/system-message/props.js +2 -3
- package/esm/parts/system-message/style.js +9 -26
- package/esm/parts/tile-button/TileButton.js +76 -76
- package/esm/parts/tile-button/config/useValidateProps.js +1 -2
- package/esm/parts/tile-button/index.js +0 -12
- package/esm/parts/tile-button/props.js +5 -10
- package/esm/parts/tile-button/styled.js +18 -67
- package/esm/prop-types.js +2 -3
- package/esm/styled.js +6 -7
- package/package.json +289 -18
- package/types/index.d.d.ts +37 -0
- package/types/index.d.ts +13 -0
- package/types/parts/bubble/ChatBubble.d.ts +17 -0
- package/types/parts/bubble/ChatBubbleArrow.d.ts +8 -0
- package/types/parts/bubble/config/useValidateProps.d.ts +2 -0
- package/types/parts/bubble/index.d.ts +2 -0
- package/types/parts/bubble/props.d.ts +43 -0
- package/types/parts/bubble/styled.d.ts +10 -0
- package/types/parts/chat-card/ChatCard.d.ts +13 -0
- package/types/parts/chat-card/config/useValidateProps.d.ts +2 -0
- package/types/parts/chat-card/index.d.ts +1 -0
- package/types/parts/chat-card/props.d.ts +13 -0
- package/types/parts/chat-card/styled.d.ts +7 -0
- package/types/parts/chat-composer/ChatContainerComposer.d.ts +22 -0
- package/types/parts/chat-composer/config/useValidateProps.d.ts +2 -0
- package/types/parts/chat-composer/index.d.ts +1 -0
- package/types/parts/chat-composer/props.d.ts +35 -0
- package/types/parts/chat-composer/styled.d.ts +64 -0
- package/types/parts/chat-container/ChatContainer.d.ts +22 -0
- package/types/parts/chat-container/config/useValidateProps.d.ts +2 -0
- package/types/parts/chat-container/index.d.ts +1 -0
- package/types/parts/chat-container/props.d.ts +39 -0
- package/types/parts/chat-container/styled.d.ts +8 -0
- package/types/parts/chat-container-header/ChatContainerHeader.d.ts +2 -0
- package/types/parts/chat-container-header/styled.d.ts +4 -0
- package/types/parts/chat-container-messages-list/ChatContainerMessagesList.d.ts +18 -0
- package/types/parts/chat-container-messages-list/config/useValidateProps.d.ts +2 -0
- package/types/parts/chat-container-messages-list/index.d.ts +1 -0
- package/types/parts/chat-container-messages-list/props.d.ts +23 -0
- package/types/parts/chat-container-messages-list/styled.d.ts +11 -0
- package/types/parts/chat-empty-state/ChatEmptyState.d.ts +12 -0
- package/types/parts/chat-empty-state/config/useValidateProps.d.ts +2 -0
- package/types/parts/chat-empty-state/props.d.ts +10 -0
- package/types/parts/chat-empty-state/styled.d.ts +4 -0
- package/types/parts/chat-sidebar/SideBarChat.d.ts +18 -0
- package/types/parts/chat-sidebar/config/useValidateProps.d.ts +2 -0
- package/types/parts/chat-sidebar/index.d.ts +1 -0
- package/types/parts/chat-sidebar/props.d.ts +22 -0
- package/types/parts/chat-sidebar/styled.d.ts +3 -0
- package/types/parts/floating-button/FloatingButton.d.ts +9 -0
- package/types/parts/floating-button/index.d.ts +1 -0
- package/types/parts/floating-button/props.d.ts +7 -0
- package/types/parts/floating-button/styled.d.ts +1 -0
- package/types/parts/floating-container/styled.d.ts +2 -0
- package/types/parts/grid-influencer/InfluencerContainer.d.ts +2 -0
- package/types/parts/grid-influencer/styled.d.ts +3 -0
- package/types/parts/message-delimiter/MessageDelimiter.d.ts +14 -0
- package/types/parts/message-delimiter/config/useValidateProps.d.ts +2 -0
- package/types/parts/message-delimiter/index.d.ts +1 -0
- package/types/parts/message-delimiter/props.d.ts +13 -0
- package/types/parts/message-delimiter/styled.d.ts +6 -0
- package/types/parts/sidebar-button/SidebarButton.d.ts +13 -0
- package/types/parts/sidebar-button/index.d.ts +0 -0
- package/types/parts/sidebar-button/props.d.ts +18 -0
- package/types/parts/sidebar-button/styled.d.ts +4 -0
- package/types/parts/system-message/SystemMessage.d.ts +13 -0
- package/types/parts/system-message/config/useValidateProps.d.ts +2 -0
- package/types/parts/system-message/index.d.ts +1 -0
- package/types/parts/system-message/props.d.ts +11 -0
- package/types/parts/system-message/style.d.ts +7 -0
- package/types/parts/tile-button/TileButton.d.ts +26 -0
- package/types/parts/tile-button/config/useValidateProps.d.ts +2 -0
- package/types/parts/tile-button/index.d.ts +1 -0
- package/types/parts/tile-button/props.d.ts +40 -0
- package/types/parts/tile-button/styled.d.ts +10 -0
- package/types/prop-types.d.ts +14 -0
- package/types/styled.d.ts +6 -0
- package/cjs/index.d.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/cjs/parts/bubble/ChatBubble.js.map +0 -1
- package/cjs/parts/bubble/ChatBubbleArrow.js.map +0 -1
- package/cjs/parts/bubble/config/useValidateProps.js.map +0 -1
- package/cjs/parts/bubble/index.js.map +0 -1
- package/cjs/parts/bubble/props.js.map +0 -1
- package/cjs/parts/bubble/styled.js.map +0 -1
- package/cjs/parts/chat-card/ChatCard.js.map +0 -1
- package/cjs/parts/chat-card/config/useValidateProps.js.map +0 -1
- package/cjs/parts/chat-card/index.js.map +0 -1
- package/cjs/parts/chat-card/props.js.map +0 -1
- package/cjs/parts/chat-card/styled.js.map +0 -1
- package/cjs/parts/chat-composer/ChatContainerComposer.js.map +0 -1
- package/cjs/parts/chat-composer/config/useValidateProps.js.map +0 -1
- package/cjs/parts/chat-composer/index.js.map +0 -1
- package/cjs/parts/chat-composer/props.js.map +0 -1
- package/cjs/parts/chat-composer/styled.js.map +0 -1
- package/cjs/parts/chat-container/ChatContainer.js.map +0 -1
- package/cjs/parts/chat-container/config/useValidateProps.js.map +0 -1
- package/cjs/parts/chat-container/index.js.map +0 -1
- package/cjs/parts/chat-container/props.js.map +0 -1
- package/cjs/parts/chat-container/styled.js.map +0 -1
- package/cjs/parts/chat-container-header/ChatContainerHeader.js.map +0 -1
- package/cjs/parts/chat-container-header/helpers.js +0 -28
- package/cjs/parts/chat-container-header/helpers.js.map +0 -1
- package/cjs/parts/chat-container-header/styled.js.map +0 -1
- package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +0 -1
- package/cjs/parts/chat-container-messages-list/config/useValidateProps.js.map +0 -1
- package/cjs/parts/chat-container-messages-list/index.js.map +0 -1
- package/cjs/parts/chat-container-messages-list/props.js.map +0 -1
- package/cjs/parts/chat-container-messages-list/styled.js.map +0 -1
- package/cjs/parts/chat-empty-state/ChatEmptyState.js.map +0 -1
- package/cjs/parts/chat-empty-state/config/useValidateProps.js.map +0 -1
- package/cjs/parts/chat-empty-state/props.js.map +0 -1
- package/cjs/parts/chat-empty-state/styled.js.map +0 -1
- package/cjs/parts/chat-sidebar/SideBarChat.js.map +0 -1
- package/cjs/parts/chat-sidebar/config/useValidateProps.js.map +0 -1
- package/cjs/parts/chat-sidebar/index.js.map +0 -1
- package/cjs/parts/chat-sidebar/props.js.map +0 -1
- package/cjs/parts/chat-sidebar/styled.js.map +0 -1
- package/cjs/parts/floating-button/FloatingButton.js.map +0 -1
- package/cjs/parts/floating-button/index.js.map +0 -1
- package/cjs/parts/floating-button/props.js.map +0 -1
- package/cjs/parts/floating-button/styled.js.map +0 -1
- package/cjs/parts/floating-container/styled.js.map +0 -1
- package/cjs/parts/grid-influencer/InfluencerContainer.js.map +0 -1
- package/cjs/parts/grid-influencer/styled.js.map +0 -1
- package/cjs/parts/message-delimiter/MessageDelimiter.js.map +0 -1
- package/cjs/parts/message-delimiter/config/useValidateProps.js.map +0 -1
- package/cjs/parts/message-delimiter/index.js.map +0 -1
- package/cjs/parts/message-delimiter/props.js.map +0 -1
- package/cjs/parts/message-delimiter/styled.js.map +0 -1
- package/cjs/parts/sidebar-button/SidebarButton.js.map +0 -1
- package/cjs/parts/sidebar-button/index.js.map +0 -1
- package/cjs/parts/sidebar-button/props.js.map +0 -1
- package/cjs/parts/sidebar-button/styled.js.map +0 -1
- package/cjs/parts/system-message/SystemMessage.js.map +0 -1
- package/cjs/parts/system-message/config/useValidateProps.js.map +0 -1
- package/cjs/parts/system-message/index.js.map +0 -1
- package/cjs/parts/system-message/props.js.map +0 -1
- package/cjs/parts/system-message/style.js.map +0 -1
- package/cjs/parts/tile-button/TileButton.js.map +0 -1
- package/cjs/parts/tile-button/config/useValidateProps.js.map +0 -1
- package/cjs/parts/tile-button/index.js.map +0 -1
- package/cjs/parts/tile-button/props.js.map +0 -1
- package/cjs/parts/tile-button/styled.js.map +0 -1
- package/cjs/prop-types.js.map +0 -1
- package/cjs/styled.js.map +0 -1
- package/esm/index.d.js.map +0 -1
- package/esm/index.js.map +0 -1
- package/esm/parts/bubble/ChatBubble.js.map +0 -1
- package/esm/parts/bubble/ChatBubbleArrow.js.map +0 -1
- package/esm/parts/bubble/config/useValidateProps.js.map +0 -1
- package/esm/parts/bubble/index.js.map +0 -1
- package/esm/parts/bubble/props.js.map +0 -1
- package/esm/parts/bubble/styled.js.map +0 -1
- package/esm/parts/chat-card/ChatCard.js.map +0 -1
- package/esm/parts/chat-card/config/useValidateProps.js.map +0 -1
- package/esm/parts/chat-card/index.js.map +0 -1
- package/esm/parts/chat-card/props.js.map +0 -1
- package/esm/parts/chat-card/styled.js.map +0 -1
- package/esm/parts/chat-composer/ChatContainerComposer.js.map +0 -1
- package/esm/parts/chat-composer/config/useValidateProps.js.map +0 -1
- package/esm/parts/chat-composer/index.js.map +0 -1
- package/esm/parts/chat-composer/props.js.map +0 -1
- package/esm/parts/chat-composer/styled.js.map +0 -1
- package/esm/parts/chat-container/ChatContainer.js.map +0 -1
- package/esm/parts/chat-container/config/useValidateProps.js.map +0 -1
- package/esm/parts/chat-container/index.js.map +0 -1
- package/esm/parts/chat-container/props.js.map +0 -1
- package/esm/parts/chat-container/styled.js.map +0 -1
- package/esm/parts/chat-container-header/ChatContainerHeader.js.map +0 -1
- package/esm/parts/chat-container-header/helpers.js +0 -20
- package/esm/parts/chat-container-header/helpers.js.map +0 -1
- package/esm/parts/chat-container-header/styled.js.map +0 -1
- package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +0 -1
- package/esm/parts/chat-container-messages-list/config/useValidateProps.js.map +0 -1
- package/esm/parts/chat-container-messages-list/index.js.map +0 -1
- package/esm/parts/chat-container-messages-list/props.js.map +0 -1
- package/esm/parts/chat-container-messages-list/styled.js.map +0 -1
- package/esm/parts/chat-empty-state/ChatEmptyState.js.map +0 -1
- package/esm/parts/chat-empty-state/config/useValidateProps.js.map +0 -1
- package/esm/parts/chat-empty-state/props.js.map +0 -1
- package/esm/parts/chat-empty-state/styled.js.map +0 -1
- package/esm/parts/chat-sidebar/SideBarChat.js.map +0 -1
- package/esm/parts/chat-sidebar/config/useValidateProps.js.map +0 -1
- package/esm/parts/chat-sidebar/index.js.map +0 -1
- package/esm/parts/chat-sidebar/props.js.map +0 -1
- package/esm/parts/chat-sidebar/styled.js.map +0 -1
- package/esm/parts/floating-button/FloatingButton.js.map +0 -1
- package/esm/parts/floating-button/index.js.map +0 -1
- package/esm/parts/floating-button/props.js.map +0 -1
- package/esm/parts/floating-button/styled.js.map +0 -1
- package/esm/parts/floating-container/styled.js.map +0 -1
- package/esm/parts/grid-influencer/InfluencerContainer.js.map +0 -1
- package/esm/parts/grid-influencer/styled.js.map +0 -1
- package/esm/parts/message-delimiter/MessageDelimiter.js.map +0 -1
- package/esm/parts/message-delimiter/config/useValidateProps.js.map +0 -1
- package/esm/parts/message-delimiter/index.js.map +0 -1
- package/esm/parts/message-delimiter/props.js.map +0 -1
- package/esm/parts/message-delimiter/styled.js.map +0 -1
- package/esm/parts/sidebar-button/SidebarButton.js.map +0 -1
- package/esm/parts/sidebar-button/index.js.map +0 -1
- package/esm/parts/sidebar-button/props.js.map +0 -1
- package/esm/parts/sidebar-button/styled.js.map +0 -1
- package/esm/parts/system-message/SystemMessage.js.map +0 -1
- package/esm/parts/system-message/config/useValidateProps.js.map +0 -1
- package/esm/parts/system-message/index.js.map +0 -1
- package/esm/parts/system-message/props.js.map +0 -1
- package/esm/parts/system-message/style.js.map +0 -1
- package/esm/parts/tile-button/TileButton.js.map +0 -1
- package/esm/parts/tile-button/config/useValidateProps.js.map +0 -1
- package/esm/parts/tile-button/index.js.map +0 -1
- package/esm/parts/tile-button/props.js.map +0 -1
- package/esm/parts/tile-button/styled.js.map +0 -1
- package/esm/prop-types.js.map +0 -1
- package/esm/styled.js.map +0 -1
- package/parts/bubble/ChatBubble/package.json +0 -10
- package/parts/bubble/ChatBubbleArrow/package.json +0 -10
- package/parts/bubble/config/useValidateProps/package.json +0 -10
- package/parts/bubble/package.json +0 -10
- package/parts/bubble/props/package.json +0 -10
- package/parts/bubble/styled/package.json +0 -10
- package/parts/chat-card/ChatCard/package.json +0 -10
- package/parts/chat-card/config/useValidateProps/package.json +0 -10
- package/parts/chat-card/package.json +0 -10
- package/parts/chat-card/props/package.json +0 -10
- package/parts/chat-card/styled/package.json +0 -10
- package/parts/chat-composer/ChatContainerComposer/package.json +0 -10
- package/parts/chat-composer/config/useValidateProps/package.json +0 -10
- package/parts/chat-composer/package.json +0 -10
- package/parts/chat-composer/props/package.json +0 -10
- package/parts/chat-composer/styled/package.json +0 -10
- package/parts/chat-container/ChatContainer/package.json +0 -10
- package/parts/chat-container/config/useValidateProps/package.json +0 -10
- package/parts/chat-container/package.json +0 -10
- package/parts/chat-container/props/package.json +0 -10
- package/parts/chat-container/styled/package.json +0 -10
- package/parts/chat-container-header/ChatContainerHeader/package.json +0 -10
- package/parts/chat-container-header/helpers/package.json +0 -10
- package/parts/chat-container-header/styled/package.json +0 -10
- package/parts/chat-container-messages-list/ChatContainerMessagesList/package.json +0 -10
- package/parts/chat-container-messages-list/config/useValidateProps/package.json +0 -10
- package/parts/chat-container-messages-list/package.json +0 -10
- package/parts/chat-container-messages-list/props/package.json +0 -10
- package/parts/chat-container-messages-list/styled/package.json +0 -10
- package/parts/chat-empty-state/ChatEmptyState/package.json +0 -10
- package/parts/chat-empty-state/config/useValidateProps/package.json +0 -10
- package/parts/chat-empty-state/props/package.json +0 -10
- package/parts/chat-empty-state/styled/package.json +0 -10
- package/parts/chat-sidebar/SideBarChat/package.json +0 -10
- package/parts/chat-sidebar/config/useValidateProps/package.json +0 -10
- package/parts/chat-sidebar/package.json +0 -10
- package/parts/chat-sidebar/props/package.json +0 -10
- package/parts/chat-sidebar/styled/package.json +0 -10
- package/parts/floating-button/FloatingButton/package.json +0 -10
- package/parts/floating-button/package.json +0 -10
- package/parts/floating-button/props/package.json +0 -10
- package/parts/floating-button/styled/package.json +0 -10
- package/parts/floating-container/styled/package.json +0 -10
- package/parts/grid-influencer/InfluencerContainer/package.json +0 -10
- package/parts/grid-influencer/styled/package.json +0 -10
- package/parts/message-delimiter/MessageDelimiter/package.json +0 -10
- package/parts/message-delimiter/config/useValidateProps/package.json +0 -10
- package/parts/message-delimiter/package.json +0 -10
- package/parts/message-delimiter/props/package.json +0 -10
- package/parts/message-delimiter/styled/package.json +0 -10
- package/parts/sidebar-button/SidebarButton/package.json +0 -10
- package/parts/sidebar-button/package.json +0 -10
- package/parts/sidebar-button/props/package.json +0 -10
- package/parts/sidebar-button/styled/package.json +0 -10
- package/parts/system-message/SystemMessage/package.json +0 -10
- package/parts/system-message/config/useValidateProps/package.json +0 -10
- package/parts/system-message/package.json +0 -10
- package/parts/system-message/props/package.json +0 -10
- package/parts/system-message/style/package.json +0 -10
- package/parts/tile-button/TileButton/package.json +0 -10
- package/parts/tile-button/config/useValidateProps/package.json +0 -10
- package/parts/tile-button/package.json +0 -10
- package/parts/tile-button/props/package.json +0 -10
- package/parts/tile-button/styled/package.json +0 -10
- package/prop-types/package.json +0 -10
- package/styled/package.json +0 -10
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ChatContainerProps } from './props';
|
|
3
|
+
declare const ChatContainer: {
|
|
4
|
+
(props: ChatContainerProps): JSX.Element;
|
|
5
|
+
propTypes: {
|
|
6
|
+
messagesListProps: any;
|
|
7
|
+
composerProps: any;
|
|
8
|
+
autoScroll: any;
|
|
9
|
+
device: any;
|
|
10
|
+
isLoading: any;
|
|
11
|
+
hasMoreItems: any;
|
|
12
|
+
getMoreMessages: any;
|
|
13
|
+
bannerPosition: any;
|
|
14
|
+
bannerProps: any;
|
|
15
|
+
sendingMessages: any;
|
|
16
|
+
sendingText: any;
|
|
17
|
+
actionRef: any;
|
|
18
|
+
};
|
|
19
|
+
defaultProps: ChatContainerProps;
|
|
20
|
+
};
|
|
21
|
+
declare const ChatContainerWithSchema: any;
|
|
22
|
+
export { ChatContainer, ChatContainerWithSchema };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ChatContainer, ChatContainerWithSchema } from './ChatContainer';
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { PropTypes } from 'react-desc';
|
|
2
|
+
import { ChatContainerMessagesListProps } from '../chat-container-messages-list/props';
|
|
3
|
+
import { ChatComposerProps } from '../chat-composer/props';
|
|
4
|
+
interface ChatBannerProps {
|
|
5
|
+
label: string;
|
|
6
|
+
viewLabel: string;
|
|
7
|
+
onView: () => void;
|
|
8
|
+
onClose: () => void;
|
|
9
|
+
}
|
|
10
|
+
export interface ChatContainerProps {
|
|
11
|
+
messagesListProps: Pick<ChatContainerMessagesListProps, 'messages' | 'onScrollEnds'>;
|
|
12
|
+
composerProps: ChatComposerProps;
|
|
13
|
+
actionRef: PropTypes.func;
|
|
14
|
+
autoScroll: boolean;
|
|
15
|
+
device: 'desktop' | 'mobile';
|
|
16
|
+
isLoading?: 'top' | 'bottom';
|
|
17
|
+
hasMoreItems?: 'top' | 'bottom';
|
|
18
|
+
getMoreMessages: PropTypes.func;
|
|
19
|
+
bannerPosition?: 'top' | 'bottom';
|
|
20
|
+
bannerProps?: ChatBannerProps;
|
|
21
|
+
sendingMessages?: string[] | number[];
|
|
22
|
+
sendingText: string;
|
|
23
|
+
}
|
|
24
|
+
export declare const defaultProps: ChatContainerProps;
|
|
25
|
+
export declare const containerProps: {
|
|
26
|
+
messagesListProps: any;
|
|
27
|
+
composerProps: any;
|
|
28
|
+
autoScroll: any;
|
|
29
|
+
device: any;
|
|
30
|
+
isLoading: any;
|
|
31
|
+
hasMoreItems: any;
|
|
32
|
+
getMoreMessages: any;
|
|
33
|
+
bannerPosition: any;
|
|
34
|
+
bannerProps: any;
|
|
35
|
+
sendingMessages: any;
|
|
36
|
+
sendingText: any;
|
|
37
|
+
actionRef: any;
|
|
38
|
+
};
|
|
39
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const CONTAINER_WIDTH = 300;
|
|
3
|
+
export declare const StyledChatContainerContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
|
|
4
|
+
export declare const StyledIndicatorContainer: import("styled-components").StyledComponent<"div", any, {
|
|
5
|
+
isLoading?: "bottom" | "top" | undefined;
|
|
6
|
+
linear?: boolean | undefined;
|
|
7
|
+
}, never>;
|
|
8
|
+
export declare const MobileStyledChatContainerContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledChatContainerContentHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
|
|
3
|
+
export declare const StyledChatContainerContentHeaderLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
|
|
4
|
+
export declare const StyledChatContainerContentHeaderActions: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ChatContainerMessagesListProps } from './props';
|
|
3
|
+
declare const ChatContainerMessagesList: {
|
|
4
|
+
(props: ChatContainerMessagesListProps): JSX.Element;
|
|
5
|
+
propTypes: {
|
|
6
|
+
messages: any;
|
|
7
|
+
actionRef: any;
|
|
8
|
+
onScrollEnds: any;
|
|
9
|
+
isLoading: any;
|
|
10
|
+
hasMoreItems: any;
|
|
11
|
+
getMoreMessages: any;
|
|
12
|
+
sendingMessages: any;
|
|
13
|
+
sendingText: any;
|
|
14
|
+
};
|
|
15
|
+
defaultProps: ChatContainerMessagesListProps;
|
|
16
|
+
};
|
|
17
|
+
declare const ChatContainerMessagesListWithSchema: any;
|
|
18
|
+
export { ChatContainerMessagesList, ChatContainerMessagesListWithSchema };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ChatContainerMessagesList, ChatContainerMessagesListWithSchema, } from './ChatContainerMessagesList';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { PropTypes } from 'react-desc';
|
|
2
|
+
import { BubbleProps } from '../bubble/props';
|
|
3
|
+
export interface ChatContainerMessagesListProps {
|
|
4
|
+
messages: BubbleProps[];
|
|
5
|
+
actionRef: any;
|
|
6
|
+
onScrollEnds: (indexList: number[]) => number[];
|
|
7
|
+
isLoading?: 'top' | 'bottom';
|
|
8
|
+
hasMoreItems?: 'top' | 'bottom';
|
|
9
|
+
getMoreMessages: PropTypes.func;
|
|
10
|
+
sendingMessages?: Array<string | number>;
|
|
11
|
+
sendingText: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const defaultProps: ChatContainerMessagesListProps;
|
|
14
|
+
export declare const listProps: {
|
|
15
|
+
messages: any;
|
|
16
|
+
actionRef: any;
|
|
17
|
+
onScrollEnds: any;
|
|
18
|
+
isLoading: any;
|
|
19
|
+
hasMoreItems: any;
|
|
20
|
+
getMoreMessages: any;
|
|
21
|
+
sendingMessages: any;
|
|
22
|
+
sendingText: any;
|
|
23
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { BubbleProps } from '../bubble/props';
|
|
2
|
+
export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
+
export declare const StyledWrapperListItem: import("styled-components").StyledComponent<"div", any, Partial<BubbleProps>, never>;
|
|
4
|
+
export declare const StyledChatContainerContentList: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
|
+
export declare const StyledChatContainerContentListScroll: import("styled-components").StyledComponent<"div", any, {
|
|
6
|
+
height: string;
|
|
7
|
+
}, never>;
|
|
8
|
+
export declare const StyledLoadMoreContainer: import("styled-components").StyledComponent<"div", any, {
|
|
9
|
+
hasMoreItems?: "bottom" | "top" | undefined;
|
|
10
|
+
}, never>;
|
|
11
|
+
export declare const ListItem: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ChatEmptyStateProps } from './props';
|
|
3
|
+
declare const ChatEmptyState: {
|
|
4
|
+
(props: ChatEmptyStateProps): JSX.Element;
|
|
5
|
+
propTypes: {
|
|
6
|
+
label: any;
|
|
7
|
+
action: any;
|
|
8
|
+
};
|
|
9
|
+
defaultProps: ChatEmptyStateProps;
|
|
10
|
+
};
|
|
11
|
+
declare const ChatEmptyStateListWithSchema: any;
|
|
12
|
+
export { ChatEmptyState, ChatEmptyStateListWithSchema };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const CONTAINER_WIDTH = 300;
|
|
3
|
+
export declare const ChatEmptyStateWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
|
|
4
|
+
export declare const MessageWrapper: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CharSidebarProps } from './props';
|
|
3
|
+
declare const SideBarChat: {
|
|
4
|
+
(props: CharSidebarProps): JSX.Element;
|
|
5
|
+
propTypes: {
|
|
6
|
+
sidebarItems: any;
|
|
7
|
+
expanded: any;
|
|
8
|
+
selectedItem: any;
|
|
9
|
+
onFooterExpand: any;
|
|
10
|
+
onFooterClose: any;
|
|
11
|
+
onHeaderExpand: any;
|
|
12
|
+
onHeaderClose: any;
|
|
13
|
+
footerButtonExtraProps: any;
|
|
14
|
+
};
|
|
15
|
+
defaultProps: CharSidebarProps;
|
|
16
|
+
};
|
|
17
|
+
declare const SideBarChatWithSchema: any;
|
|
18
|
+
export { SideBarChat, SideBarChatWithSchema };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SideBarChat, SideBarChatWithSchema } from './SideBarChat';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { TileButtonProps } from '../tile-button/props';
|
|
2
|
+
export interface CharSidebarProps {
|
|
3
|
+
sidebarItems: TileButtonProps[];
|
|
4
|
+
expanded: boolean;
|
|
5
|
+
selectedItem: undefined;
|
|
6
|
+
onFooterClose: () => void;
|
|
7
|
+
onFooterExpand: () => void;
|
|
8
|
+
onHeaderExpand: () => void;
|
|
9
|
+
onHeaderClose: () => void;
|
|
10
|
+
footerButtonExtraProps: {};
|
|
11
|
+
}
|
|
12
|
+
export declare const defaultProps: CharSidebarProps;
|
|
13
|
+
export declare const chatSidebarProps: {
|
|
14
|
+
sidebarItems: any;
|
|
15
|
+
expanded: any;
|
|
16
|
+
selectedItem: any;
|
|
17
|
+
onFooterExpand: any;
|
|
18
|
+
onFooterClose: any;
|
|
19
|
+
onHeaderExpand: any;
|
|
20
|
+
onHeaderClose: any;
|
|
21
|
+
footerButtonExtraProps: any;
|
|
22
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledSideBarContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
|
|
3
|
+
export declare const StyledSideBarButtonsContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './FloatingButton';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const StyledFloatingButton: import("styled-components").StyledComponent<"button", any, {}, never>;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledChatContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
|
|
3
|
+
export declare const StyledChatContainerContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { MessageDelimiterProps } from './props';
|
|
3
|
+
declare const MessageDelimiter: {
|
|
4
|
+
(props: MessageDelimiterProps): JSX.Element;
|
|
5
|
+
defaultProps: MessageDelimiterProps;
|
|
6
|
+
propTypes: {
|
|
7
|
+
title: any;
|
|
8
|
+
size: any;
|
|
9
|
+
extraProps: any;
|
|
10
|
+
verticalMargin: any;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
declare const MessageDelimiterWithSchema: any;
|
|
14
|
+
export { MessageDelimiter, MessageDelimiterWithSchema };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MessageDelimiter, MessageDelimiterWithSchema, } from './MessageDelimiter';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface MessageDelimiterProps {
|
|
2
|
+
title: string;
|
|
3
|
+
size?: 's' | 'l';
|
|
4
|
+
verticalMargin?: number | string;
|
|
5
|
+
extraProps?: {};
|
|
6
|
+
}
|
|
7
|
+
export declare const defaultProps: MessageDelimiterProps;
|
|
8
|
+
export declare const messageDelimiterProps: {
|
|
9
|
+
title: any;
|
|
10
|
+
size: any;
|
|
11
|
+
extraProps: any;
|
|
12
|
+
verticalMargin: any;
|
|
13
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { MessageDelimiterProps } from './props';
|
|
3
|
+
declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
|
|
4
|
+
declare const Line: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
5
|
+
declare const Text: import("styled-components").StyledComponent<"p", any, Pick<MessageDelimiterProps, "size" | "verticalMargin">, never>;
|
|
6
|
+
export { Wrapper, Line, Text };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { SidebarButtonProps } from './props';
|
|
3
|
+
export declare const SidebarButton: {
|
|
4
|
+
({ label, dsId, onClick, Icon, ...rest }: SidebarButtonProps): JSX.Element;
|
|
5
|
+
propTypes: {
|
|
6
|
+
Icon: any;
|
|
7
|
+
dsId: any;
|
|
8
|
+
label: any;
|
|
9
|
+
title: any;
|
|
10
|
+
onClick: any;
|
|
11
|
+
};
|
|
12
|
+
defaultProps: SidebarButtonProps;
|
|
13
|
+
};
|
|
File without changes
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface SidebarButtonProps {
|
|
3
|
+
Icon: React.FC<{
|
|
4
|
+
size: string;
|
|
5
|
+
}>;
|
|
6
|
+
dsId: string | number;
|
|
7
|
+
label: string;
|
|
8
|
+
onClick?: (dsId: string | number) => void;
|
|
9
|
+
title: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const defaultSidebarButton: SidebarButtonProps;
|
|
12
|
+
export declare const propsSidebarButton: {
|
|
13
|
+
Icon: any;
|
|
14
|
+
dsId: any;
|
|
15
|
+
label: any;
|
|
16
|
+
title: any;
|
|
17
|
+
onClick: any;
|
|
18
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledSidebarButton: import("styled-components").StyledComponent<"button", any, {}, never>;
|
|
3
|
+
export declare const StyledSidebarButtonIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
|
|
4
|
+
export declare const StyledSidebarButtonLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { SystemMessageProps } from './props';
|
|
3
|
+
declare const SystemMessage: {
|
|
4
|
+
(props: SystemMessageProps): JSX.Element;
|
|
5
|
+
defaultProps: SystemMessageProps;
|
|
6
|
+
propTypes: {
|
|
7
|
+
title: any;
|
|
8
|
+
time: any;
|
|
9
|
+
body: any;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
declare const SystemMessageWithSchema: any;
|
|
13
|
+
export { SystemMessage, SystemMessageWithSchema };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SystemMessage, SystemMessageWithSchema } from './SystemMessage';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
|
|
3
|
+
declare const Header: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
|
|
4
|
+
declare const Title: import("styled-components").StyledComponent<"p", any, any, never>;
|
|
5
|
+
declare const Time: import("styled-components").StyledComponent<"p", any, any, never>;
|
|
6
|
+
declare const Message: import("styled-components").StyledComponent<"p", any, any, never>;
|
|
7
|
+
export { Wrapper, Header, Title, Time, Message };
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TileButtonProps } from './props';
|
|
3
|
+
declare const TileButton: {
|
|
4
|
+
(props: TileButtonProps): JSX.Element;
|
|
5
|
+
propTypes: {
|
|
6
|
+
Icon: any;
|
|
7
|
+
dsId: any;
|
|
8
|
+
label: any;
|
|
9
|
+
title: any;
|
|
10
|
+
onClick: any;
|
|
11
|
+
onFocus: any;
|
|
12
|
+
onBlur: any;
|
|
13
|
+
onClose: any;
|
|
14
|
+
showClose: any;
|
|
15
|
+
badge: any;
|
|
16
|
+
badgeColor: any;
|
|
17
|
+
badgePosition: any;
|
|
18
|
+
disabled: any;
|
|
19
|
+
selected: any;
|
|
20
|
+
isHeader: any;
|
|
21
|
+
ariaLabel: any;
|
|
22
|
+
};
|
|
23
|
+
defaultProps: TileButtonProps;
|
|
24
|
+
};
|
|
25
|
+
declare const TileButtonWithSchema: any;
|
|
26
|
+
export { TileButton, TileButtonWithSchema };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { TileButton, TileButtonWithSchema } from './TileButton';
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface TileButtonProps {
|
|
3
|
+
Icon: React.FC<{
|
|
4
|
+
size: string;
|
|
5
|
+
}>;
|
|
6
|
+
dsId: string | number;
|
|
7
|
+
label: string;
|
|
8
|
+
onClick?: (dsId: string | number, label: string) => void;
|
|
9
|
+
onBlur?: (e: any) => void;
|
|
10
|
+
onFocus?: (e: any) => void;
|
|
11
|
+
title: string;
|
|
12
|
+
showClose: boolean;
|
|
13
|
+
onClose?: (dsId: string | number) => void;
|
|
14
|
+
badge: boolean;
|
|
15
|
+
badgeColor: 'blue' | 'green';
|
|
16
|
+
badgePosition: 'left' | 'right';
|
|
17
|
+
disabled: boolean;
|
|
18
|
+
selected: boolean;
|
|
19
|
+
isHeader: boolean;
|
|
20
|
+
ariaLabel: string;
|
|
21
|
+
}
|
|
22
|
+
export declare const defaultTileButton: TileButtonProps;
|
|
23
|
+
export declare const propsTileButton: {
|
|
24
|
+
Icon: any;
|
|
25
|
+
dsId: any;
|
|
26
|
+
label: any;
|
|
27
|
+
title: any;
|
|
28
|
+
onClick: any;
|
|
29
|
+
onFocus: any;
|
|
30
|
+
onBlur: any;
|
|
31
|
+
onClose: any;
|
|
32
|
+
showClose: any;
|
|
33
|
+
badge: any;
|
|
34
|
+
badgeColor: any;
|
|
35
|
+
badgePosition: any;
|
|
36
|
+
disabled: any;
|
|
37
|
+
selected: any;
|
|
38
|
+
isHeader: any;
|
|
39
|
+
ariaLabel: any;
|
|
40
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TileButtonProps } from './props';
|
|
3
|
+
export declare const StyledWrapperLeftBorder: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
|
|
4
|
+
export declare const StyledStatusBadge: import("styled-components").StyledComponent<"div", any, Partial<TileButtonProps>, never>;
|
|
5
|
+
export declare const StyledWrapperCentralContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
|
|
6
|
+
export declare const StyledTileButtonIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
|
|
7
|
+
export declare const StyledTileButtonLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
|
+
export declare const CloseButton: import("styled-components").StyledComponent<"button", any, any, never>;
|
|
9
|
+
export declare const StyledTileButton: import("styled-components").StyledComponent<"button", any, Partial<TileButtonProps>, never>;
|
|
10
|
+
export declare const StyledWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ChatProps } from './index.d';
|
|
2
|
+
export declare const defaultProps: ChatProps;
|
|
3
|
+
export declare const chatProps: {
|
|
4
|
+
containerProps: any;
|
|
5
|
+
expanded: any;
|
|
6
|
+
expandedWidth: any;
|
|
7
|
+
openedItem: any;
|
|
8
|
+
messages: any;
|
|
9
|
+
onFooterExpand: any;
|
|
10
|
+
onFooterClose: any;
|
|
11
|
+
onHeaderExpand: any;
|
|
12
|
+
onHeaderClose: any;
|
|
13
|
+
floating: any;
|
|
14
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const MIN_WIDTH_SIDEBAR = 48;
|
|
2
|
+
export declare const BUTTON_SIDEBAR_HEIGHT = 48;
|
|
3
|
+
export declare const BUTTON_FLOATING = 56;
|
|
4
|
+
export declare const BOX_SHADOW = "0 5px 8px 0 rgba(53,60,70,0.55)";
|
|
5
|
+
export declare const BOX_SHADOW_FLOATING = "0 5px 8px 0 rgba(53,60,70,0.35)";
|
|
6
|
+
export declare const BOX_SHADOW_INSET = "inset 100px 3px 4px 0 rgba(53,60,70,0.50)";
|
package/cjs/index.d.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
package/cjs/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChatBubble.js","sources":["../../../../src/parts/bubble/ChatBubble.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { WarningCircleFill } from '@elliemae/ds-icons';\nimport {\n StyledWrapper,\n StyledColoredBubble,\n StyledTitleBubble,\n StyledTitleLeftBubble,\n StyledTitleRightBubble,\n StyleBodyWrapper,\n StyleErrorMessage,\n StyleHelpMessage,\n} from './styled';\nimport { propsBubbles, BubbleProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\nimport { ChatBubbleArrow } from './ChatBubbleArrow';\n\nconst ChatBubble = (props: BubbleProps): JSX.Element => {\n useValidateProps(props, ChatBubbleWithSchema.toJSON());\n\n const { dsId, type, title, time, body, errorMessage, helpMessage } = props;\n const bodyParts = React.useMemo(() => (typeof body === 'string' ? body.split('\\n') : [body]), [body]);\n\n return (\n <StyledWrapper data-testid={`ds-chat-bubble-${dsId}`} type={type}>\n <StyledColoredBubble type={type}>\n <StyledTitleBubble cols={[1, 'auto']} gutter=\"xs\" alignItems=\"flex-end\" className=\"sr-only\">\n <StyledTitleLeftBubble alignItems=\"center\" data-testid={`chat-bubble-title-${dsId}`}>\n {title}\n </StyledTitleLeftBubble>\n <StyledTitleRightBubble alignItems=\"center\" type={type} data-testid={`chat-bubble-time-${dsId}`}>\n {time}\n </StyledTitleRightBubble>\n </StyledTitleBubble>\n <StyleBodyWrapper data-testid={`chat-bubble-body-${dsId}`}>\n {bodyParts.map((item, index) => (\n <React.Fragment key={item}>\n {item}\n {index < bodyParts.length - 1 ? <br /> : null}\n </React.Fragment>\n ))}\n </StyleBodyWrapper>\n <ChatBubbleArrow type={type} />\n </StyledColoredBubble>\n {errorMessage ? (\n <StyleErrorMessage data-testid={`chat-bubble-error-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n <span>{errorMessage}</span>\n <WarningCircleFill />\n </StyleErrorMessage>\n ) : null}\n {helpMessage ? (\n <StyleHelpMessage data-testid={`chat-bubble-help-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n <span>{helpMessage}</span>\n </StyleHelpMessage>\n ) : null}\n </StyledWrapper>\n );\n};\nChatBubble.propTypes = propsBubbles;\n\nconst ChatBubbleWithSchema = describe(ChatBubble);\nChatBubbleWithSchema.propTypes = propsBubbles;\n\nexport { ChatBubble, ChatBubbleWithSchema };\n"],"names":["ChatBubble","props","useValidateProps","ChatBubbleWithSchema","toJSON","dsId","type","title","time","body","errorMessage","helpMessage","bodyParts","React","useMemo","split","StyledWrapper","StyledColoredBubble","StyledTitleBubble","StyledTitleLeftBubble","StyledTitleRightBubble","StyleBodyWrapper","map","item","index","length","ChatBubbleArrow","StyleErrorMessage","WarningCircleFill","StyleHelpMessage","propTypes","propsBubbles","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAiBMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAqC;AACtDC,EAAAA,qDAAgB,CAACD,KAAD,EAAQE,oBAAoB,CAACC,MAArB,EAAR,CAAhB;AAEA,MAAQC,IAAR,GAAqEJ,KAArE,CAAQI,IAAR;AAAA,MAAcC,IAAd,GAAqEL,KAArE,CAAcK,IAAd;AAAA,MAAoBC,KAApB,GAAqEN,KAArE,CAAoBM,KAApB;AAAA,MAA2BC,IAA3B,GAAqEP,KAArE,CAA2BO,IAA3B;AAAA,MAAiCC,IAAjC,GAAqER,KAArE,CAAiCQ,IAAjC;AAAA,MAAuCC,YAAvC,GAAqET,KAArE,CAAuCS,YAAvC;AAAA,MAAqDC,WAArD,GAAqEV,KAArE,CAAqDU,WAArD;AACA,MAAMC,SAAS,GAAGC,yBAAK,CAACC,OAAN,CAAc;AAAA,WAAO,OAAOL,IAAP,KAAgB,QAAhB,GAA2BA,IAAI,CAACM,KAAL,CAAW,IAAX,CAA3B,GAA8C,CAACN,IAAD,CAArD;AAAA,GAAd,EAA4E,CAACA,IAAD,CAA5E,CAAlB;AAEA,sBACEI,wCAACG,iCAAD;AAAe,4CAA+BX,IAA/B,CAAf;AAAsD,IAAA,IAAI,EAAEC;AAA5D,kBACEO,wCAACI,uCAAD;AAAqB,IAAA,IAAI,EAAEX;AAA3B,kBACEO,wCAACK,qCAAD;AAAmB,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ,CAAzB;AAAsC,IAAA,MAAM,EAAC,IAA7C;AAAkD,IAAA,UAAU,EAAC,UAA7D;AAAwE,IAAA,SAAS,EAAC;AAAlF,kBACEL,wCAACM,yCAAD;AAAuB,IAAA,UAAU,EAAC,QAAlC;AAA2C,+CAAkCd,IAAlC;AAA3C,KACGE,KADH,CADF,eAIEM,wCAACO,0CAAD;AAAwB,IAAA,UAAU,EAAC,QAAnC;AAA4C,IAAA,IAAI,EAAEd,IAAlD;AAAwD,8CAAiCD,IAAjC;AAAxD,KACGG,IADH,CAJF,CADF,eASEK,wCAACQ,oCAAD;AAAkB,8CAAiChB,IAAjC;AAAlB,KACGO,SAAS,CAACU,GAAV,CAAc,UAACC,IAAD,EAAOC,KAAP;AAAA,wBACbX,wCAACA,yBAAD,CAAO,QAAP;AAAgB,MAAA,GAAG,EAAEU;AAArB,OACGA,IADH,EAEGC,KAAK,GAAGZ,SAAS,CAACa,MAAV,GAAmB,CAA3B,gBAA+BZ,mDAA/B,GAAwC,IAF3C,CADa;AAAA,GAAd,CADH,CATF,eAiBEA,wCAACa,4CAAD;AAAiB,IAAA,IAAI,EAAEpB;AAAvB,IAjBF,CADF,EAoBGI,YAAY,gBACXG,wCAACc,qCAAD;AAAmB,uDAA0CtB,IAA1C,CAAnB;AAAqE,IAAA,CAAC,EAAC,KAAvE;AAA6E,IAAA,MAAM,EAAC,KAApF;AAA0F,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAAhG,kBACEQ,sDAAOH,YAAP,CADF,eAEEG,wCAACe,yBAAD,OAFF,CADW,GAKT,IAzBN,EA0BGjB,WAAW,gBACVE,wCAACgB,oCAAD;AAAkB,sDAAyCxB,IAAzC,CAAlB;AAAmE,IAAA,CAAC,EAAC,KAArE;AAA2E,IAAA,MAAM,EAAC,KAAlF;AAAwF,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAA9F,kBACEQ,sDAAOF,WAAP,CADF,CADU,GAIR,IA9BN,CADF;AAkCD;;AACDX,UAAU,CAAC8B,SAAX,GAAuBC,+BAAvB;IAEM5B,oBAAoB,GAAG6B,kBAAQ,CAAChC,UAAD;AACrCG,oBAAoB,CAAC2B,SAArB,GAAiCC,+BAAjC;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChatBubbleArrow.js","sources":["../../../../src/parts/bubble/ChatBubbleArrow.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledBubbleArrow } from './styled';\nimport { BUBBLE_TYPES, BubbleProps, propsArrowBubble } from './props';\n\nexport const ChatBubbleArrow = ({ type }: Pick<BubbleProps, 'type'>): JSX.Element => (\n <StyledBubbleArrow>\n {type === BUBBLE_TYPES.RECIPIENT ? (\n <svg width=\"15px\" height=\"14px\" viewBox=\"0 0 15 14\">\n <defs>\n <path\n d=\"M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z\"\n id=\"path-1\"\n ></path>\n <filter x=\"-55.6%\" y=\"-50.0%\" width=\"211.1%\" height=\"225.0%\" filterUnits=\"objectBoundingBox\" id=\"filter-2\">\n <feOffset dx=\"2.3\" dy=\"1.2\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\"></feOffset>\n <feGaussianBlur stdDeviation=\"1.5\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\"></feGaussianBlur>\n <feColorMatrix\n values=\"0 0 0 0 0.207843137 \n 0 0 0 0 0.235294118 \n 0 0 0 0 0.274509804 \n 0 0 0 0.8 0\"\n type=\"matrix\"\n in=\"shadowBlurOuter1\"\n ></feColorMatrix>\n </filter>\n </defs>\n <g id=\"[DSK]-Visual-Design\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <g id=\"Path-Copy\" transform=\"translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) \">\n <use fill=\"black\" fillOpacity=\"1\" filter=\"url(#filter-2)\" xlinkHref=\"#path-1\"></use>\n <use fill=\"#FFFFFF\" fillRule=\"evenodd\" xlinkHref=\"#path-1\"></use>\n </g>\n </g>\n </svg>\n ) : (\n <svg width=\"9px\" height=\"8px\" viewBox=\"0 0 9 8\">\n <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <path\n d=\"M9,6.5 C9,5.9373169 8.6782751,5.4856453 8.2282104,5.196228 C8.2286673,5.1967363 0,0 0,0 L0,8 L7.5627441,8 L7.5658569,7.9933472 C8.3630371,7.9580688 9,7.3058472 9,6.5 Z\"\n id=\"Path\"\n fill=\"#1E79C2\"\n ></path>\n </g>\n </svg>\n )}\n </StyledBubbleArrow>\n);\n\nChatBubbleArrow.propTypes = propsArrowBubble;\n"],"names":["ChatBubbleArrow","type","React","StyledBubbleArrow","BUBBLE_TYPES","RECIPIENT","propTypes","propsArrowBubble"],"mappings":";;;;;;;;;;;;;;;;;IAIaA,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,sBAC7BC,wCAACC,qCAAD,QACGF,IAAI,KAAKG,+BAAY,CAACC,SAAtB,gBACCH;AAAK,IAAA,KAAK,EAAC,MAAX;AAAkB,IAAA,MAAM,EAAC,MAAzB;AAAgC,IAAA,OAAO,EAAC;AAAxC,kBACEA,mEACEA;AACE,IAAA,CAAC,EAAC,qLADJ;AAEE,IAAA,EAAE,EAAC;AAFL,IADF,eAKEA;AAAQ,IAAA,CAAC,EAAC,QAAV;AAAmB,IAAA,CAAC,EAAC,QAArB;AAA8B,IAAA,KAAK,EAAC,QAApC;AAA6C,IAAA,MAAM,EAAC,QAApD;AAA6D,IAAA,WAAW,EAAC,mBAAzE;AAA6F,IAAA,EAAE,EAAC;AAAhG,kBACEA;AAAU,IAAA,EAAE,EAAC,KAAb;AAAmB,IAAA,EAAE,EAAC,KAAtB;AAA4B,IAAA,EAAE,EAAC,aAA/B;AAA6C,IAAA,MAAM,EAAC;AAApD,IADF,eAEEA;AAAgB,IAAA,YAAY,EAAC,KAA7B;AAAmC,IAAA,EAAE,EAAC,oBAAtC;AAA2D,IAAA,MAAM,EAAC;AAAlE,IAFF,eAGEA;AACE,IAAA,MAAM,EAAC,iFADT;AAKE,IAAA,IAAI,EAAC,QALP;AAME,IAAA,EAAE,EAAC;AANL,IAHF,CALF,CADF,eAmBEA;AAAG,IAAA,EAAE,EAAC,qBAAN;AAA4B,IAAA,MAAM,EAAC,MAAnC;AAA0C,IAAA,WAAW,EAAC,GAAtD;AAA0D,IAAA,IAAI,EAAC,MAA/D;AAAsE,IAAA,QAAQ,EAAC;AAA/E,kBACEA;AAAG,IAAA,EAAE,EAAC,WAAN;AAAkB,IAAA,SAAS,EAAC;AAA5B,kBACEA;AAAK,IAAA,IAAI,EAAC,OAAV;AAAkB,IAAA,WAAW,EAAC,GAA9B;AAAkC,IAAA,MAAM,EAAC,gBAAzC;AAA0D,IAAA,SAAS,EAAC;AAApE,IADF,eAEEA;AAAK,IAAA,IAAI,EAAC,SAAV;AAAoB,IAAA,QAAQ,EAAC,SAA7B;AAAuC,IAAA,SAAS,EAAC;AAAjD,IAFF,CADF,CAnBF,CADD,gBA4BCA;AAAK,IAAA,KAAK,EAAC,KAAX;AAAiB,IAAA,MAAM,EAAC,KAAxB;AAA8B,IAAA,OAAO,EAAC;AAAtC,kBACEA;AAAG,IAAA,MAAM,EAAC,MAAV;AAAiB,IAAA,WAAW,EAAC,GAA7B;AAAiC,IAAA,IAAI,EAAC,MAAtC;AAA6C,IAAA,QAAQ,EAAC;AAAtD,kBACEA;AACE,IAAA,CAAC,EAAC,yKADJ;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,IAAI,EAAC;AAHP,IADF,CADF,CA7BJ,CAD6B;AAAA;AA2C/BF,eAAe,CAACM,SAAhB,GAA4BC,mCAA5B;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/bubble/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { BubbleProps } from '../props';\n\nconst throwError = (message: string): void => {\n throw new Error(\n `Bubble:: ${message}\n `,\n );\n};\n\nexport const useValidateProps = (props: BubbleProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n if (typeof props.title === 'undefined') {\n throwError(`Please provide a title property to use this component.`);\n }\n if (typeof props.time === 'undefined') {\n throwError(`Please provide a time property to use this component.`);\n }\n if (typeof props.body === 'undefined') {\n throwError(`Please provide a body property to use this component.`);\n }\n if (typeof props.type === 'undefined') {\n throwError(`Please provide a type property to use this component.`);\n }\n};\n"],"names":["throwError","message","Error","useValidateProps","props","schema","useValidatePropTypes","title","time","body","type"],"mappings":";;;;;;AAGA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,OAAD,EAA2B;AAC5C,QAAM,IAAIC,KAAJ,oBACQD,OADR,UAAN;AAID,CALD;;IAOaE,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAqBC,MAArB,EAA+C;AAC7EC,EAAAA,mCAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;;AACA,MAAI,OAAOD,KAAK,CAACG,KAAb,KAAuB,WAA3B,EAAwC;AACtCP,IAAAA,UAAU,0DAAV;AACD;;AACD,MAAI,OAAOI,KAAK,CAACI,IAAb,KAAsB,WAA1B,EAAuC;AACrCR,IAAAA,UAAU,yDAAV;AACD;;AACD,MAAI,OAAOI,KAAK,CAACK,IAAb,KAAsB,WAA1B,EAAuC;AACrCT,IAAAA,UAAU,yDAAV;AACD;;AACD,MAAI,OAAOI,KAAK,CAACM,IAAb,KAAsB,WAA1B,EAAuC;AACrCV,IAAAA,UAAU,yDAAV;AACD;AACF;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../../../src/parts/bubble/props.ts"],"sourcesContent":["import propTypes from 'prop-types';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport React from 'react';\n\n/**\n *\n * BUBBLE\n *\n */\nexport const BUBBLE_TYPES = {\n SENDER: 'SENDER',\n RECIPIENT: 'RECIPIENT',\n DELIMITER: 'DELIMITER',\n SYSTEM: 'SYSTEM',\n};\n\nexport type BubbleTypesKeys = keyof typeof BUBBLE_TYPES;\nexport type BubbleTypesValues = typeof BUBBLE_TYPES[BubbleTypesKeys];\n\nexport interface BubbleProps {\n dsId: string | number;\n type: BubbleTypesValues;\n title: string;\n body: string;\n time: string;\n errorMessage: string | React.ReactChild;\n helpMessage: string | React.ReactChild;\n onClick: (id: string | number) => void;\n}\n\nexport const defaultBubbleProps: BubbleProps = {\n dsId: undefined,\n type: BUBBLE_TYPES.SENDER,\n title: undefined,\n time: undefined,\n body: undefined,\n onClick: noop,\n errorMessage: undefined,\n helpMessage: undefined,\n};\n\nexport const propsBubbles = {\n dsId: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n .description('Unique id for bubble')\n .defaultValue(defaultBubbleProps.dsId),\n type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER])\n .isRequired.description('Define bubble type ')\n .defaultValue(defaultBubbleProps.type),\n title: PropTypes.string.isRequired.description('Title of the bubble').defaultValue(defaultBubbleProps.title),\n time: PropTypes.string.isRequired.description('Time of the bubble').defaultValue(defaultBubbleProps.title),\n body: PropTypes.oneOf(['string', 'element'])\n .isRequired.description('Bubble content')\n .defaultValue(defaultBubbleProps.body),\n onClick: PropTypes.string.description('Callback when the bubble is tapped').defaultValue(defaultBubbleProps.onClick),\n errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n .description('Error message to display at bottom of the bubble')\n .defaultValue(defaultBubbleProps.onClick),\n helpMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n .description('Help message to display at bottom of the bubble')\n .defaultValue(defaultBubbleProps.onClick),\n};\n\n/**\n *\n * BUBBLE ARROW\n *\n */\nexport const propsArrowBubble = {\n type: propTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]),\n};\n"],"names":["BUBBLE_TYPES","SENDER","RECIPIENT","DELIMITER","SYSTEM","defaultBubbleProps","dsId","undefined","type","title","time","body","onClick","noop","errorMessage","helpMessage","propsBubbles","PropTypes","oneOfType","string","number","description","defaultValue","oneOf","isRequired","element","propsArrowBubble","propTypes"],"mappings":";;;;;;;;;;;;AAKA;AACA;AACA;AACA;AACA;IACaA,YAAY,GAAG;AAC1BC,EAAAA,MAAM,EAAE,QADkB;AAE1BC,EAAAA,SAAS,EAAE,WAFe;AAG1BC,EAAAA,SAAS,EAAE,WAHe;AAI1BC,EAAAA,MAAM,EAAE;AAJkB;IAqBfC,kBAA+B,GAAG;AAC7CC,EAAAA,IAAI,EAAEC,SADuC;AAE7CC,EAAAA,IAAI,EAAER,YAAY,CAACC,MAF0B;AAG7CQ,EAAAA,KAAK,EAAEF,SAHsC;AAI7CG,EAAAA,IAAI,EAAEH,SAJuC;AAK7CI,EAAAA,IAAI,EAAEJ,SALuC;AAM7CK,EAAAA,OAAO,EAAEC,WANoC;AAO7CC,EAAAA,YAAY,EAAEP,SAP+B;AAQ7CQ,EAAAA,WAAW,EAAER;AARgC;IAWlCS,YAAY,GAAG;AAC1BV,EAAAA,IAAI,EAAEW,mBAAS,CAACC,SAAV,CAAoB,CAACD,mBAAS,CAACE,MAAX,EAAmBF,mBAAS,CAACG,MAA7B,CAApB,EACHC,WADG,CACS,sBADT,EAEHC,YAFG,CAEUjB,kBAAkB,CAACC,IAF7B,CADoB;AAI1BE,EAAAA,IAAI,EAAES,mBAAS,CAACM,KAAV,CAAgB,CAACvB,YAAY,CAACE,SAAd,EAAyBF,YAAY,CAACC,MAAtC,CAAhB,EACHuB,UADG,CACQH,WADR,CACoB,qBADpB,EAEHC,YAFG,CAEUjB,kBAAkB,CAACG,IAF7B,CAJoB;AAO1BC,EAAAA,KAAK,EAAEQ,mBAAS,CAACE,MAAV,CAAiBK,UAAjB,CAA4BH,WAA5B,CAAwC,qBAAxC,EAA+DC,YAA/D,CAA4EjB,kBAAkB,CAACI,KAA/F,CAPmB;AAQ1BC,EAAAA,IAAI,EAAEO,mBAAS,CAACE,MAAV,CAAiBK,UAAjB,CAA4BH,WAA5B,CAAwC,oBAAxC,EAA8DC,YAA9D,CAA2EjB,kBAAkB,CAACI,KAA9F,CARoB;AAS1BE,EAAAA,IAAI,EAAEM,mBAAS,CAACM,KAAV,CAAgB,CAAC,QAAD,EAAW,SAAX,CAAhB,EACHC,UADG,CACQH,WADR,CACoB,gBADpB,EAEHC,YAFG,CAEUjB,kBAAkB,CAACM,IAF7B,CAToB;AAY1BC,EAAAA,OAAO,EAAEK,mBAAS,CAACE,MAAV,CAAiBE,WAAjB,CAA6B,oCAA7B,EAAmEC,YAAnE,CAAgFjB,kBAAkB,CAACO,OAAnG,CAZiB;AAa1BE,EAAAA,YAAY,EAAEG,mBAAS,CAACC,SAAV,CAAoB,CAACD,mBAAS,CAACE,MAAX,EAAmBF,mBAAS,CAACQ,OAA7B,CAApB,EACXJ,WADW,CACC,kDADD,EAEXC,YAFW,CAEEjB,kBAAkB,CAACO,OAFrB,CAbY;AAgB1BG,EAAAA,WAAW,EAAEE,mBAAS,CAACC,SAAV,CAAoB,CAACD,mBAAS,CAACE,MAAX,EAAmBF,mBAAS,CAACQ,OAA7B,CAApB,EACVJ,WADU,CACE,iDADF,EAEVC,YAFU,CAEGjB,kBAAkB,CAACO,OAFtB;AAhBa;AAqB5B;AACA;AACA;AACA;AACA;;IACac,gBAAgB,GAAG;AAC9BlB,EAAAA,IAAI,EAAEmB,8BAAS,CAACJ,KAAV,CAAgB,CAACvB,YAAY,CAACE,SAAd,EAAyBF,YAAY,CAACC,MAAtC,CAAhB;AADwB;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../src/parts/bubble/styled.ts"],"sourcesContent":["/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUBBLE_TYPES } from './props';\n\n// Bubble WRAPPER\nexport const StyledWrapper = styled.div<any>`\n min-width: 224px;\n border-radius: 10px;\n`;\n\n// Bubble HEADER\nexport const StyledTitleBubble = styled(Grid)`\n padding-top: 6px;\n padding-left: 10px;\n padding-right: 10px;\n padding-bottom: 4px;\n`;\n\nexport const StyledTitleLeftBubble = styled(Grid)`\n font-size: 13px;\n font-weight: 600;\n`;\nexport const StyledTitleRightBubble = styled(Grid)`\n font-size: 13px;\n font-weight: 400;\n color: ${(props) => (props.type === BUBBLE_TYPES.SENDER ? '#FFF' : '#657489')};\n`;\n\nexport const StyleBodyWrapper = styled.div<any>`\n font-size: 13px;\n font-weight: 400;\n line-height: 15px;\n min-height: 18px;\n padding: 0px 10px 8px 10px;\n`;\n\nexport const StyleErrorMessage = styled.div<any>`\n font-size: 12px;\n font-weight: 400;\n padding-top: ${(props) => props.theme.space.xxxs};\n padding-bottom: ${(props) => props.theme.space.xxxs};\n color: ${(props) => props.theme.colors.danger[900]};\n align-items: flex-end;\n justify-content: center;\n text-align: right;\n line-height: 15px;\n svg {\n fill: ${(props) => props.theme.colors.danger[900]};\n }\n a {\n font-size: 12px;\n color: ${(props) => props.theme.colors.danger[900]};\n }\n .em-ds-icon {\n margin-left: 8px;\n }\n`;\n\nexport const StyleHelpMessage = styled(StyleErrorMessage)`\n font-size: 12px;\n line-height: 15px;\n color: ${(props) => props.theme.colors.neutral[500]};\n svg {\n fill: ${(props) => props.theme.colors.danger[500]};\n }\n a {\n font-size: 12px;\n color: ${(props) => props.theme.colors.danger[500]};\n }\n`;\n\n// bubble sender/ recipient\nexport const StyledBubbleArrow = styled.div<any>`\n display: block;\n content: '';\n position: absolute;\n bottom: 10px;\n height: 15px;\n`;\n\nexport const StyledColoredBubble = styled.div<any>`\n min-width: 224px;\n border-radius: 10px;\n position: relative;\n\n ${(props) =>\n props.type === BUBBLE_TYPES.SENDER\n ? `\n border: 1px solid ${props.theme.colors.brand['700']};\n background: ${props.theme.colors.brand[600]};\n color: ${props.theme.colors.neutral['000']};\n ${StyledBubbleArrow}{ \n right: -9px;\n bottom: 6px;\n svg{\n fill: ${props.theme.colors.brand[600]};\n }\n }\n\n a {\n color: #FFF;\n }\n\n `\n : `\n box-shadow: 0 1px 3px 0 rgba(53,60,70,0.80);\n background: ${props.theme.colors.neutral['000']};\n color: ${props.theme.colors.neutral[700]};\n\n ${StyledBubbleArrow}{ \n left: -11px;\n bottom: 6px;\n svg{\n fill: ${props.theme.colors.neutral['000']};\n }\n }\n\n `}\n`;\n"],"names":["StyledWrapper","styled","div","StyledTitleBubble","Grid","StyledTitleLeftBubble","StyledTitleRightBubble","props","type","BUBBLE_TYPES","SENDER","StyleBodyWrapper","StyleErrorMessage","theme","space","xxxs","colors","danger","StyleHelpMessage","neutral","StyledBubbleArrow","StyledColoredBubble","brand"],"mappings":";;;;;;;;;;;;;;;AAAA;;IAMaA,aAAa,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA;;IAMbC,iBAAiB,gBAAGF,0BAAM,CAACG,WAAD,CAAT;AAAA;AAAA;IAOjBC,qBAAqB,gBAAGJ,0BAAM,CAACG,WAAD,CAAT;AAAA;AAAA;IAIrBE,sBAAsB,gBAAGL,0BAAM,CAACG,WAAD,CAAT;AAAA;AAAA,mDAGxB,UAACG,KAAD;AAAA,SAAYA,KAAK,CAACC,IAAN,KAAeC,+BAAY,CAACC,MAA5B,GAAqC,MAArC,GAA8C,SAA1D;AAAA,CAHwB;IAMtBC,gBAAgB,gBAAGV,0BAAM,CAACC,GAAV;AAAA;AAAA;IAQhBU,iBAAiB,gBAAGX,0BAAM,CAACC,GAAV;AAAA;AAAA,+OAGb,UAACK,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYC,KAAZ,CAAkBC,IAA7B;AAAA,CAHa,EAIV,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYC,KAAZ,CAAkBC,IAA7B;AAAA,CAJU,EAKnB,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CALmB,EAWlB,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CAXkB,EAejB,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CAfiB;IAsBjBC,gBAAgB,gBAAGjB,0BAAM,CAACW,iBAAD,CAAT;AAAA;AAAA,gGAGlB,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAHkB,EAKjB,UAACZ,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CALiB,EAShB,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CATgB;;IAchBG,iBAAiB,gBAAGnB,0BAAM,CAACC,GAAV;AAAA;AAAA;IAQjBmB,mBAAmB,gBAAGpB,0BAAM,CAACC,GAAV;AAAA;AAAA,kEAK5B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAeC,+BAAY,CAACC,MAA5B,yCAEwBH,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,KAAzB,CAFxB,oCAGkBf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,GAAzB,CAHlB,+BAIaf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CAJb,wBAKMC,iBALN,wHASoBb,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,GAAzB,CATpB,mLAoBkBf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CApBlB,+BAqBaZ,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,GAA3B,CArBb,0BAuBMC,iBAvBN,wHA2BoBb,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CA3BpB,wCADA;AAAA,CAL4B;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChatCard.js","sources":["../../../../src/parts/chat-card/ChatCard.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\n\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes, CardPropTypes } from './props';\nimport { useValidateProps } from './config/useValidateProps';\nimport { Wrapper, MainContent, Title, Content, Time, RightAddon } from './styled';\n\nconst ChatCard = (props: CardPropTypes): JSX.Element => {\n useValidateProps(props, ChatCardWithSchema.toJSON());\n const { title, content, time, rightAddon } = props;\n return (\n <Wrapper cols={['1fr', 'auto']} data-testid=\"chat-card-wrapper\">\n <MainContent>\n <Title data-testid=\"chat-card-title\">{title}</Title>\n <Content data-testid=\"chat-card-content\">\n <SimpleTruncatedTooltipText value={content} />\n </Content>\n {time && <Time data-testid=\"chat-card-time\">{time}</Time>}\n </MainContent>\n {rightAddon && <RightAddon data-testid=\"chat-card-right-addon\">{rightAddon}</RightAddon>}\n </Wrapper>\n );\n};\n\nChatCard.propTypes = propTypes;\nconst ChatCardWithSchema = describe(ChatCard);\nChatCardWithSchema.propTypes = propTypes;\n\nexport { ChatCard, ChatCardWithSchema };\n"],"names":["ChatCard","props","useValidateProps","ChatCardWithSchema","toJSON","title","content","time","rightAddon","React","Wrapper","MainContent","Title","Content","SimpleTruncatedTooltipText","Time","RightAddon","propTypes","describe"],"mappings":";;;;;;;;;;;;;;;;;;IAQMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAuC;AACtDC,EAAAA,uDAAgB,CAACD,KAAD,EAAQE,kBAAkB,CAACC,MAAnB,EAAR,CAAhB;AACA,MAAQC,KAAR,GAA6CJ,KAA7C,CAAQI,KAAR;AAAA,MAAeC,OAAf,GAA6CL,KAA7C,CAAeK,OAAf;AAAA,MAAwBC,IAAxB,GAA6CN,KAA7C,CAAwBM,IAAxB;AAAA,MAA8BC,UAA9B,GAA6CP,KAA7C,CAA8BO,UAA9B;AACA,sBACEC,wCAACC,6BAAD;AAAS,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,CAAf;AAAgC,mBAAY;AAA5C,kBACED,wCAACE,iCAAD,qBACEF,wCAACG,2BAAD;AAAO,mBAAY;AAAnB,KAAsCP,KAAtC,CADF,eAEEI,wCAACI,6BAAD;AAAS,mBAAY;AAArB,kBACEJ,wCAACK,iDAAD;AAA4B,IAAA,KAAK,EAAER;AAAnC,IADF,CAFF,EAKGC,IAAI,iBAAIE,wCAACM,0BAAD;AAAM,mBAAY;AAAlB,KAAoCR,IAApC,CALX,CADF,EAQGC,UAAU,iBAAIC,wCAACO,gCAAD;AAAY,mBAAY;AAAxB,KAAiDR,UAAjD,CARjB,CADF;AAYD;;AAEDR,QAAQ,CAACiB,SAAT,GAAqBA,8BAArB;IACMd,kBAAkB,GAAGe,kBAAQ,CAAClB,QAAD;AACnCG,kBAAkB,CAACc,SAAnB,GAA+BA,8BAA/B;;;;;"}
|