@elliemae/ds-chat 3.5.1-next.0 → 3.6.0-next.1
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 -111
- package/dist/cjs/exported-related/bubble/ChatBubble.js.map +0 -7
- package/dist/cjs/exported-related/bubble/ChatBubbleArrow.js +0 -117
- 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 -74
- 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 -46
- 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 -70
- 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 -82
- package/dist/cjs/exported-related/chat-empty-state/ChatEmptyState.js.map +0 -7
- package/dist/cjs/exported-related/chat-empty-state/props.js +0 -42
- 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 -105
- 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 -60
- 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 -55
- 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 -48
- 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 -60
- 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 -68
- 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 -164
- 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 -183
- 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 -174
- 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 -145
- 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 -94
- package/dist/esm/exported-related/bubble/ChatBubble.js.map +0 -7
- package/dist/esm/exported-related/bubble/ChatBubbleArrow.js +0 -91
- 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 -48
- 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 -20
- 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 -53
- 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 -56
- package/dist/esm/exported-related/chat-empty-state/ChatEmptyState.js.map +0 -7
- package/dist/esm/exported-related/chat-empty-state/props.js +0 -16
- 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 -79
- 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 -34
- 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 -29
- 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 -22
- 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 -39
- 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 -42
- 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 -148
- 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 -163
- 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 -153
- 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 -127
- 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,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-card/ChatCard.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\n\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes, CardPropTypes, defaultProps } from './props';\nimport { Wrapper, MainContent, Title, Content, Time, RightAddon } from './styled';\n\nconst ChatCard: React.ComponentType<CardPropTypes> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefault, propTypes);\n\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 as WeakValidationMap<unknown>;\nChatCard.displayName = 'ChatCard';\nconst ChatCardWithSchema = describe(ChatCard);\nChatCardWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { ChatCard, ChatCardWithSchema };\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,UAAU,gCAAgC,oCAAoC;AAEvF,SAAS,kCAAkC;AAC3C,SAAS,WAA0B,oBAAoB;AACvD,SAAS,SAAS,aAAa,OAAO,SAAS,MAAM,kBAAkB;AAEvE,MAAM,WAA+C,CAAC,UAAU;AAC9D,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,SAAS;AAE1D,QAAM,EAAE,OAAO,SAAS,MAAM,WAAW,IAAI;AAC7C,SACE,qBAAC;AAAA,IAAQ,MAAM,CAAC,OAAO,MAAM;AAAA,IAAG,eAAY;AAAA,IAC1C;AAAA,2BAAC;AAAA,QACC;AAAA,8BAAC;AAAA,YAAM,eAAY;AAAA,YAAmB;AAAA,WAAM;AAAA,UAC5C,oBAAC;AAAA,YAAQ,eAAY;AAAA,YACnB,8BAAC;AAAA,cAA2B,OAAO;AAAA,aAAS;AAAA,WAC9C;AAAA,UACC,QAAQ,oBAAC;AAAA,YAAK,eAAY;AAAA,YAAkB;AAAA,WAAK;AAAA;AAAA,OACpD;AAAA,MACC,cAAc,oBAAC;AAAA,QAAW,eAAY;AAAA,QAAyB;AAAA,OAAW;AAAA;AAAA,GAC7E;AAEJ;AAEA,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,MAAM,qBAAqB,SAAS,QAAQ;AAC5C,mBAAmB,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-card/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { ChatCard, ChatCardWithSchema } from './ChatCard';\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,UAAU,0BAA0B;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { Fragment, jsx } from "react/jsx-runtime";
|
|
3
|
-
import { PropTypes } from "@elliemae/ds-utilities";
|
|
4
|
-
const defaultProps = {
|
|
5
|
-
title: "",
|
|
6
|
-
content: "",
|
|
7
|
-
time: "",
|
|
8
|
-
rightAddon: /* @__PURE__ */ jsx(Fragment, {})
|
|
9
|
-
};
|
|
10
|
-
const propTypes = {
|
|
11
|
-
title: PropTypes.string.isRequired.description(`Card's title`),
|
|
12
|
-
content: PropTypes.string.description(`Card's content`),
|
|
13
|
-
time: PropTypes.string.description("Time"),
|
|
14
|
-
rightAddon: PropTypes.element.description("Right addon, badge or icon")
|
|
15
|
-
};
|
|
16
|
-
export {
|
|
17
|
-
defaultProps,
|
|
18
|
-
propTypes
|
|
19
|
-
};
|
|
20
|
-
//# sourceMappingURL=props.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-card/props.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const defaultProps: CardPropTypes = {\n title: '',\n content: '',\n time: '',\n rightAddon: <></>,\n};\n\nexport const propTypes = {\n title: PropTypes.string.isRequired.description(`Card's title`),\n content: PropTypes.string.description(`Card's content`),\n time: PropTypes.string.description('Time'),\n rightAddon: PropTypes.element.description('Right addon, badge or icon'),\n};\n\nexport interface CardPropTypes {\n title: string;\n content: string;\n time: string;\n rightAddon: JSX.Element;\n}\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAS,iBAAiB;AAEnB,MAAM,eAA8B;AAAA,EACzC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY,gCAAE;AAChB;AAEO,MAAM,YAAY;AAAA,EACvB,OAAO,UAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,SAAS,UAAU,OAAO,YAAY,gBAAgB;AAAA,EACtD,MAAM,UAAU,OAAO,YAAY,MAAM;AAAA,EACzC,YAAY,UAAU,QAAQ,YAAY,4BAA4B;AACxE;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,42 +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
|
-
min-width: 248px;
|
|
6
|
-
border: 1px;
|
|
7
|
-
border-bottom: 1px solid #ccc;
|
|
8
|
-
padding: 12px 12px;
|
|
9
|
-
`;
|
|
10
|
-
const MainContent = styled.div``;
|
|
11
|
-
const Title = styled.p`
|
|
12
|
-
font-size: 16px;
|
|
13
|
-
font-weight: 600;
|
|
14
|
-
margin: 0;
|
|
15
|
-
`;
|
|
16
|
-
const Content = styled.p`
|
|
17
|
-
font-size: 12px;
|
|
18
|
-
font-weight: 400;
|
|
19
|
-
line-height: 1;
|
|
20
|
-
margin: 0;
|
|
21
|
-
`;
|
|
22
|
-
const Time = styled.p`
|
|
23
|
-
font-size: 12px;
|
|
24
|
-
font-weight: 100;
|
|
25
|
-
margin: 0;
|
|
26
|
-
margin-top: 8px;
|
|
27
|
-
font-weight: ${(props) => props.theme.fontWeights.regular};
|
|
28
|
-
color: ${(props) => props.theme.colors.neutral["500"]};
|
|
29
|
-
`;
|
|
30
|
-
const RightAddon = styled.div`
|
|
31
|
-
height: fit-content;
|
|
32
|
-
margin-left: 12px;
|
|
33
|
-
`;
|
|
34
|
-
export {
|
|
35
|
-
Content,
|
|
36
|
-
MainContent,
|
|
37
|
-
RightAddon,
|
|
38
|
-
Time,
|
|
39
|
-
Title,
|
|
40
|
-
Wrapper
|
|
41
|
-
};
|
|
42
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-card/styled.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const Wrapper = styled(Grid)`\n min-width: 248px;\n border: 1px;\n border-bottom: 1px solid #ccc;\n padding: 12px 12px;\n`;\n\nexport const MainContent = styled.div``;\n\nexport const Title = styled.p`\n font-size: 16px;\n font-weight: 600;\n margin: 0;\n`;\n\nexport const Content = styled.p`\n font-size: 12px;\n font-weight: 400;\n line-height: 1;\n margin: 0;\n`;\n\nexport const Time = styled.p`\n font-size: 12px;\n font-weight: 100;\n margin: 0;\n margin-top: 8px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['500']};\n`;\n\nexport const RightAddon = styled.div`\n height: fit-content;\n margin-left: 12px;\n`;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AAEd,MAAM,UAAU,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B,MAAM,cAAc,OAAO;AAE3B,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import React2 from "react";
|
|
4
|
-
import {
|
|
5
|
-
describe,
|
|
6
|
-
useValidateTypescriptPropTypes,
|
|
7
|
-
useMemoMergePropsWithDefault,
|
|
8
|
-
useGetGlobalAttributes
|
|
9
|
-
} from "@elliemae/ds-utilities";
|
|
10
|
-
import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
|
|
11
|
-
import {
|
|
12
|
-
StyledChatContainerContentHeader,
|
|
13
|
-
StyledChatContainerContentHeaderLabel,
|
|
14
|
-
StyledChatContainerContentHeaderActions
|
|
15
|
-
} from "./styled";
|
|
16
|
-
import { defaultProps, propTypes } from "./props";
|
|
17
|
-
const ChatContainerHeader = (props) => {
|
|
18
|
-
const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
|
|
19
|
-
useValidateTypescriptPropTypes(propsWithDefault, propTypes);
|
|
20
|
-
const globalsAttr = useGetGlobalAttributes(propsWithDefault);
|
|
21
|
-
const { title, children } = propsWithDefault;
|
|
22
|
-
return /* @__PURE__ */ jsxs(StyledChatContainerContentHeader, {
|
|
23
|
-
alignItems: "center",
|
|
24
|
-
cols: ["minmax(calc(100% - 64px), 1fr)", children ? "auto" : "0px"],
|
|
25
|
-
role: "heading",
|
|
26
|
-
...globalsAttr,
|
|
27
|
-
children: [
|
|
28
|
-
/* @__PURE__ */ jsx(StyledChatContainerContentHeaderLabel, {
|
|
29
|
-
"data-testid": "chat-container-header-title",
|
|
30
|
-
pl: "xxs",
|
|
31
|
-
pr: "xxs",
|
|
32
|
-
children: /* @__PURE__ */ jsx(SimpleTruncatedTooltipText, {
|
|
33
|
-
value: title
|
|
34
|
-
})
|
|
35
|
-
}),
|
|
36
|
-
/* @__PURE__ */ jsx(StyledChatContainerContentHeaderActions, {
|
|
37
|
-
cols: React2.Children.toArray(children).filter(Boolean).map(() => "32px"),
|
|
38
|
-
justifyContent: "flex-end",
|
|
39
|
-
"data-testid": "chat-container-header-children",
|
|
40
|
-
children
|
|
41
|
-
})
|
|
42
|
-
]
|
|
43
|
-
});
|
|
44
|
-
};
|
|
45
|
-
ChatContainerHeader.propTypes = propTypes;
|
|
46
|
-
ChatContainerHeader.displayName = "ChatContainerHeader";
|
|
47
|
-
const ChatContainerHeaderWithSchema = describe(ChatContainerHeader);
|
|
48
|
-
ChatContainerHeaderWithSchema.propTypes = propTypes;
|
|
49
|
-
export {
|
|
50
|
-
ChatContainerHeader,
|
|
51
|
-
ChatContainerHeaderWithSchema
|
|
52
|
-
};
|
|
53
|
-
//# sourceMappingURL=ChatContainerHeader.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-container-header/ChatContainerHeader.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport {\n describe,\n useValidateTypescriptPropTypes,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n} from '@elliemae/ds-utilities';\n\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n StyledChatContainerContentHeader,\n StyledChatContainerContentHeaderLabel,\n StyledChatContainerContentHeaderActions,\n} from './styled';\nimport { defaultProps, propTypes, HeaderProps } from './props';\n\nconst ChatContainerHeader: React.ComponentType<HeaderProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefault, propTypes);\n\n const globalsAttr = useGetGlobalAttributes(propsWithDefault);\n\n const { title, children } = propsWithDefault;\n\n return (\n <StyledChatContainerContentHeader\n alignItems=\"center\"\n cols={['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px']}\n role=\"heading\"\n {...globalsAttr}\n >\n <StyledChatContainerContentHeaderLabel data-testid=\"chat-container-header-title\" pl=\"xxs\" pr=\"xxs\">\n <SimpleTruncatedTooltipText value={title} />\n </StyledChatContainerContentHeaderLabel>\n <StyledChatContainerContentHeaderActions\n cols={React.Children.toArray(children)\n .filter(Boolean)\n .map(() => '32px')}\n justifyContent=\"flex-end\"\n data-testid=\"chat-container-header-children\"\n >\n {children}\n </StyledChatContainerContentHeaderActions>\n </StyledChatContainerContentHeader>\n );\n};\n\nChatContainerHeader.propTypes = propTypes as WeakValidationMap<unknown>;\nChatContainerHeader.displayName = 'ChatContainerHeader';\nconst ChatContainerHeaderWithSchema = describe(ChatContainerHeader);\nChatContainerHeaderWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { ChatContainerHeader, ChatContainerHeaderWithSchema };\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,YAAkC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,kCAAkC;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc,iBAA8B;AAErD,MAAM,sBAAwD,CAAC,UAAU;AACvE,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,SAAS;AAE1D,QAAM,cAAc,uBAAuB,gBAAgB;AAE3D,QAAM,EAAE,OAAO,SAAS,IAAI;AAE5B,SACE,qBAAC;AAAA,IACC,YAAW;AAAA,IACX,MAAM,CAAC,kCAAkC,WAAW,SAAS,KAAK;AAAA,IAClE,MAAK;AAAA,IACJ,GAAG;AAAA,IAEJ;AAAA,0BAAC;AAAA,QAAsC,eAAY;AAAA,QAA8B,IAAG;AAAA,QAAM,IAAG;AAAA,QAC3F,8BAAC;AAAA,UAA2B,OAAO;AAAA,SAAO;AAAA,OAC5C;AAAA,MACA,oBAAC;AAAA,QACC,MAAMA,OAAM,SAAS,QAAQ,QAAQ,EAClC,OAAO,OAAO,EACd,IAAI,MAAM,MAAM;AAAA,QACnB,gBAAe;AAAA,QACf,eAAY;AAAA,QAEX;AAAA,OACH;AAAA;AAAA,GACF;AAEJ;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,gCAAgC,SAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
|
|
6
|
-
"names": ["React"]
|
|
7
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { PropTypes } from "@elliemae/ds-utilities";
|
|
3
|
-
const defaultProps = {
|
|
4
|
-
title: ""
|
|
5
|
-
};
|
|
6
|
-
const propTypes = {
|
|
7
|
-
title: PropTypes.string.isRequired.description(`Card's title`),
|
|
8
|
-
children: PropTypes.node.description("Childrens")
|
|
9
|
-
};
|
|
10
|
-
export {
|
|
11
|
-
defaultProps,
|
|
12
|
-
propTypes
|
|
13
|
-
};
|
|
14
|
-
//# sourceMappingURL=props.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-container-header/props.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\n\nexport const defaultProps: HeaderProps = {\n title: '',\n};\n\nexport const propTypes = {\n title: PropTypes.string.isRequired.description(`Card's title`),\n children: PropTypes.node.description('Childrens'),\n};\n\nexport interface HeaderProps {\n title: string;\n children?: React.ReactChild;\n}\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AAEnB,MAAM,eAA4B;AAAA,EACvC,OAAO;AACT;AAEO,MAAM,YAAY;AAAA,EACvB,OAAO,UAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,UAAU,UAAU,KAAK,YAAY,WAAW;AAClD;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { styled } from "@elliemae/ds-system";
|
|
3
|
-
import { Grid } from "@elliemae/ds-grid";
|
|
4
|
-
const StyledChatContainerContentHeaderActions = styled(Grid)`
|
|
5
|
-
max-width: 80px;
|
|
6
|
-
`;
|
|
7
|
-
const StyledChatContainerContentHeader = styled(Grid)`
|
|
8
|
-
width: 100%;
|
|
9
|
-
min-height: 48px;
|
|
10
|
-
border-bottom: 1px solid ${(props) => props.theme.colors.neutral["200"]};
|
|
11
|
-
background: ${(props) => props.theme.colors.neutral["050"]};
|
|
12
|
-
${StyledChatContainerContentHeaderActions} {
|
|
13
|
-
& button {
|
|
14
|
-
background: transparent;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
`;
|
|
18
|
-
const StyledChatContainerContentHeaderLabel = styled(Grid)`
|
|
19
|
-
justify-content: center;
|
|
20
|
-
align-items: center;
|
|
21
|
-
font-weight: bold;
|
|
22
|
-
font-size: 18px;
|
|
23
|
-
color: ${(props) => props.theme.colors.neutral["700"]};
|
|
24
|
-
line-height: 1.6;
|
|
25
|
-
`;
|
|
26
|
-
export {
|
|
27
|
-
StyledChatContainerContentHeader,
|
|
28
|
-
StyledChatContainerContentHeaderActions,
|
|
29
|
-
StyledChatContainerContentHeaderLabel
|
|
30
|
-
};
|
|
31
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-container-header/styled.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const StyledChatContainerContentHeaderActions = styled(Grid)`\n max-width: 80px;\n`;\n\nexport const StyledChatContainerContentHeader = styled(Grid)`\n width: 100%;\n min-height: 48px;\n border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n background: ${(props) => props.theme.colors.neutral['050']};\n ${StyledChatContainerContentHeaderActions} {\n & button {\n background: transparent;\n }\n }\n`;\n\nexport const StyledChatContainerContentHeaderLabel = styled(Grid)`\n justify-content: center;\n align-items: center;\n font-weight: bold;\n font-size: 18px;\n color: ${(props) => props.theme.colors.neutral['700']};\n line-height: 1.6;\n`;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AAEd,MAAM,0CAA0C,OAAO,IAAI;AAAA;AAAA;AAI3D,MAAM,mCAAmC,OAAO,IAAI;AAAA;AAAA;AAAA,6BAG9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACnD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAClD;AAAA;AAAA;AAAA;AAAA;AAAA;AAOG,MAAM,wCAAwC,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,WAKrD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useMemo } from "react";
|
|
4
|
-
import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
|
|
5
|
-
import { Grid } from "@elliemae/ds-grid";
|
|
6
|
-
import { Communications } from "@elliemae/ds-icons";
|
|
7
|
-
import { emptyStateProps, defaultProps } from "./props";
|
|
8
|
-
import { ChatEmptyStateWrapper, MessageWrapper } from "./styled";
|
|
9
|
-
const ChatEmptyState = (props) => {
|
|
10
|
-
const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
|
|
11
|
-
useValidateTypescriptPropTypes(propsWithDefault, emptyStateProps);
|
|
12
|
-
const { label, action } = propsWithDefault;
|
|
13
|
-
const MainContent = useMemo(
|
|
14
|
-
() => /* @__PURE__ */ jsxs(Grid, {
|
|
15
|
-
alignItems: "center",
|
|
16
|
-
justifyContent: "center",
|
|
17
|
-
children: [
|
|
18
|
-
/* @__PURE__ */ jsx(Grid, {
|
|
19
|
-
alignItems: "center",
|
|
20
|
-
justifyContent: "center",
|
|
21
|
-
children: /* @__PURE__ */ jsx(Communications, {
|
|
22
|
-
size: "xxl",
|
|
23
|
-
color: ["neutral", 400]
|
|
24
|
-
})
|
|
25
|
-
}),
|
|
26
|
-
/* @__PURE__ */ jsx(Grid, {
|
|
27
|
-
alignItems: "center",
|
|
28
|
-
justifyContent: "center",
|
|
29
|
-
children: /* @__PURE__ */ jsx(MessageWrapper, {
|
|
30
|
-
children: label
|
|
31
|
-
})
|
|
32
|
-
}),
|
|
33
|
-
/* @__PURE__ */ jsx(Grid, {
|
|
34
|
-
alignItems: "center",
|
|
35
|
-
justifyContent: "center",
|
|
36
|
-
children: action
|
|
37
|
-
})
|
|
38
|
-
]
|
|
39
|
-
}),
|
|
40
|
-
[label, action]
|
|
41
|
-
);
|
|
42
|
-
return /* @__PURE__ */ jsx(ChatEmptyStateWrapper, {
|
|
43
|
-
alignItems: "center",
|
|
44
|
-
justifyContent: "center",
|
|
45
|
-
children: MainContent
|
|
46
|
-
});
|
|
47
|
-
};
|
|
48
|
-
ChatEmptyState.propTypes = emptyStateProps;
|
|
49
|
-
ChatEmptyState.displayName = "ChatEmptyState";
|
|
50
|
-
const ChatEmptyStateWithSchema = describe(ChatEmptyState);
|
|
51
|
-
ChatEmptyStateWithSchema.propTypes = emptyStateProps;
|
|
52
|
-
export {
|
|
53
|
-
ChatEmptyState,
|
|
54
|
-
ChatEmptyStateWithSchema
|
|
55
|
-
};
|
|
56
|
-
//# sourceMappingURL=ChatEmptyState.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-empty-state/ChatEmptyState.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo, WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Communications } from '@elliemae/ds-icons';\nimport { ChatEmptyStateProps, emptyStateProps, defaultProps } from './props';\nimport { ChatEmptyStateWrapper, MessageWrapper } from './styled';\n\nconst ChatEmptyState: React.ComponentType<ChatEmptyStateProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefault, emptyStateProps);\n\n const { label, action } = propsWithDefault;\n const MainContent = useMemo(\n () => (\n <Grid alignItems=\"center\" justifyContent=\"center\">\n <Grid alignItems=\"center\" justifyContent=\"center\">\n <Communications size=\"xxl\" color={['neutral', 400]} />\n </Grid>\n <Grid alignItems=\"center\" justifyContent=\"center\">\n <MessageWrapper>{label}</MessageWrapper>\n </Grid>\n <Grid alignItems=\"center\" justifyContent=\"center\">\n {action}\n </Grid>\n </Grid>\n ),\n [label, action],\n );\n return (\n <ChatEmptyStateWrapper alignItems=\"center\" justifyContent=\"center\">\n {MainContent}\n </ChatEmptyStateWrapper>\n );\n};\n\nChatEmptyState.propTypes = emptyStateProps as WeakValidationMap<unknown>;\nChatEmptyState.displayName = 'ChatEmptyState';\nconst ChatEmptyStateWithSchema = describe(ChatEmptyState);\nChatEmptyStateWithSchema.propTypes = emptyStateProps as WeakValidationMap<unknown>;\n\nexport { ChatEmptyState, ChatEmptyStateWithSchema };\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,eAAkC;AAClD,SAAS,UAAU,gCAAgC,oCAAoC;AACvF,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAC/B,SAA8B,iBAAiB,oBAAoB;AACnE,SAAS,uBAAuB,sBAAsB;AAEtD,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,eAAe;AAEhE,QAAM,EAAE,OAAO,OAAO,IAAI;AAC1B,QAAM,cAAc;AAAA,IAClB,MACE,qBAAC;AAAA,MAAK,YAAW;AAAA,MAAS,gBAAe;AAAA,MACvC;AAAA,4BAAC;AAAA,UAAK,YAAW;AAAA,UAAS,gBAAe;AAAA,UACvC,8BAAC;AAAA,YAAe,MAAK;AAAA,YAAM,OAAO,CAAC,WAAW,GAAG;AAAA,WAAG;AAAA,SACtD;AAAA,QACA,oBAAC;AAAA,UAAK,YAAW;AAAA,UAAS,gBAAe;AAAA,UACvC,8BAAC;AAAA,YAAgB;AAAA,WAAM;AAAA,SACzB;AAAA,QACA,oBAAC;AAAA,UAAK,YAAW;AAAA,UAAS,gBAAe;AAAA,UACtC;AAAA,SACH;AAAA;AAAA,KACF;AAAA,IAEF,CAAC,OAAO,MAAM;AAAA,EAChB;AACA,SACE,oBAAC;AAAA,IAAsB,YAAW;AAAA,IAAS,gBAAe;AAAA,IACvD;AAAA,GACH;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AACxD,yBAAyB,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { Fragment, jsx } from "react/jsx-runtime";
|
|
3
|
-
import { PropTypes } from "@elliemae/ds-utilities";
|
|
4
|
-
const defaultProps = {
|
|
5
|
-
label: "No Messages Yet",
|
|
6
|
-
action: /* @__PURE__ */ jsx(Fragment, {})
|
|
7
|
-
};
|
|
8
|
-
const emptyStateProps = {
|
|
9
|
-
label: PropTypes.string.description("No Message to show text helper").defaultValue(defaultProps.label),
|
|
10
|
-
action: PropTypes.node.description("action element").defaultValue(defaultProps.action)
|
|
11
|
-
};
|
|
12
|
-
export {
|
|
13
|
-
defaultProps,
|
|
14
|
-
emptyStateProps
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=props.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-empty-state/props.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\n\nexport interface ChatEmptyStateProps {\n label: string;\n action: JSX.Element;\n}\n\nexport const defaultProps: ChatEmptyStateProps = {\n label: 'No Messages Yet',\n action: <></>,\n};\n\nexport const emptyStateProps = {\n label: PropTypes.string.description('No Message to show text helper').defaultValue(defaultProps.label),\n action: PropTypes.node.description('action element').defaultValue(defaultProps.action),\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAS,iBAAiB;AAOnB,MAAM,eAAoC;AAAA,EAC/C,OAAO;AAAA,EACP,QAAQ,gCAAE;AACZ;AAEO,MAAM,kBAAkB;AAAA,EAC7B,OAAO,UAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,aAAa,KAAK;AAAA,EACrG,QAAQ,UAAU,KAAK,YAAY,gBAAgB,EAAE,aAAa,aAAa,MAAM;AACvF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { styled } from "@elliemae/ds-system";
|
|
3
|
-
import { Grid } from "@elliemae/ds-grid";
|
|
4
|
-
const CONTAINER_WIDTH = 300;
|
|
5
|
-
const ChatEmptyStateWrapper = styled(Grid)`
|
|
6
|
-
height: 100%;
|
|
7
|
-
overflow: hidden;
|
|
8
|
-
`;
|
|
9
|
-
const MessageWrapper = styled.p`
|
|
10
|
-
font-size: 18px;
|
|
11
|
-
margin-bottom: 0px;
|
|
12
|
-
`;
|
|
13
|
-
export {
|
|
14
|
-
CONTAINER_WIDTH,
|
|
15
|
-
ChatEmptyStateWrapper,
|
|
16
|
-
MessageWrapper
|
|
17
|
-
};
|
|
18
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-empty-state/styled.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const CONTAINER_WIDTH = 300;\n\nexport const ChatEmptyStateWrapper = styled(Grid)`\n height: 100%;\n overflow: hidden;\n`;\n\nexport const MessageWrapper = styled.p`\n font-size: 18px;\n margin-bottom: 0px;\n`;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AAEd,MAAM,kBAAkB;AAExB,MAAM,wBAAwB,OAAO,IAAI;AAAA;AAAA;AAAA;AAKzC,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import React2 from "react";
|
|
4
|
-
import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
|
|
5
|
-
import { MenuCollapse, MenuExpand } from "@elliemae/ds-icons";
|
|
6
|
-
import { StyledSideBarContainer, StyledSideBarButtonsContainer } from "./styled";
|
|
7
|
-
import { TileButton } from "../tile-button";
|
|
8
|
-
import { SidebarButton } from "./sidebar-button/SidebarButton";
|
|
9
|
-
import { defaultProps, chatSidebarProps } from "./props";
|
|
10
|
-
const FooterChat = ({
|
|
11
|
-
expanded,
|
|
12
|
-
onFooterClose,
|
|
13
|
-
onFooterExpand,
|
|
14
|
-
footerButtonExtraProps
|
|
15
|
-
}) => /* @__PURE__ */ jsx(SidebarButton, {
|
|
16
|
-
dsId: "sidebar_footer",
|
|
17
|
-
Icon: !expanded ? MenuCollapse : MenuExpand,
|
|
18
|
-
onClick: expanded ? onFooterClose : onFooterExpand,
|
|
19
|
-
"aria-pressed": expanded,
|
|
20
|
-
"aria-label": footerButtonExtraProps["aria-label"]
|
|
21
|
-
});
|
|
22
|
-
const SideBarChat = (props) => {
|
|
23
|
-
const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
|
|
24
|
-
useValidateTypescriptPropTypes(propsWithDefault, chatSidebarProps);
|
|
25
|
-
const {
|
|
26
|
-
sidebarItems,
|
|
27
|
-
expanded,
|
|
28
|
-
onFooterClose,
|
|
29
|
-
onFooterExpand,
|
|
30
|
-
selectedItem,
|
|
31
|
-
footerButtonExtraProps,
|
|
32
|
-
tooltipPlacement,
|
|
33
|
-
enableTooltipWhenIsClosed,
|
|
34
|
-
actionRef
|
|
35
|
-
} = propsWithDefault;
|
|
36
|
-
const { current: listRef } = React2.useRef({});
|
|
37
|
-
const registerReference = React2.useCallback(
|
|
38
|
-
(ref) => {
|
|
39
|
-
if (ref)
|
|
40
|
-
listRef[ref.dataset.key] = ref;
|
|
41
|
-
},
|
|
42
|
-
[listRef]
|
|
43
|
-
);
|
|
44
|
-
React2.useEffect(() => {
|
|
45
|
-
if (actionRef.current?.listRef) {
|
|
46
|
-
actionRef.current.listRef = listRef;
|
|
47
|
-
}
|
|
48
|
-
}, [sidebarItems, expanded, actionRef, listRef]);
|
|
49
|
-
return /* @__PURE__ */ jsxs(StyledSideBarContainer, {
|
|
50
|
-
rows: [1, "auto"],
|
|
51
|
-
ref: listRef,
|
|
52
|
-
children: [
|
|
53
|
-
/* @__PURE__ */ jsx(StyledSideBarButtonsContainer, {
|
|
54
|
-
children: sidebarItems.map((p) => /* @__PURE__ */ jsx(TileButton, {
|
|
55
|
-
innerRef: registerReference,
|
|
56
|
-
...p,
|
|
57
|
-
selected: selectedItem === p.dsId,
|
|
58
|
-
tooltipPlacement,
|
|
59
|
-
disableTooltip: enableTooltipWhenIsClosed ? false : !expanded
|
|
60
|
-
}, p.dsId))
|
|
61
|
-
}),
|
|
62
|
-
/* @__PURE__ */ jsx(FooterChat, {
|
|
63
|
-
expanded,
|
|
64
|
-
onFooterClose,
|
|
65
|
-
onFooterExpand,
|
|
66
|
-
footerButtonExtraProps
|
|
67
|
-
})
|
|
68
|
-
]
|
|
69
|
-
});
|
|
70
|
-
};
|
|
71
|
-
SideBarChat.propTypes = chatSidebarProps;
|
|
72
|
-
SideBarChat.displayName = "SideBarChat";
|
|
73
|
-
const SideBarChatWithSchema = describe(SideBarChat);
|
|
74
|
-
SideBarChatWithSchema.propTypes = chatSidebarProps;
|
|
75
|
-
export {
|
|
76
|
-
SideBarChat,
|
|
77
|
-
SideBarChatWithSchema
|
|
78
|
-
};
|
|
79
|
-
//# sourceMappingURL=SideBarChat.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-sidebar/SideBarChat.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 { MenuCollapse, MenuExpand } from '@elliemae/ds-icons';\nimport { StyledSideBarContainer, StyledSideBarButtonsContainer } from './styled';\nimport { TileButton } from '../tile-button';\nimport { SidebarButton } from './sidebar-button/SidebarButton';\nimport { ChatSidebarProps, defaultProps, chatSidebarProps } from './props';\n\nconst FooterChat = ({\n expanded,\n onFooterClose,\n onFooterExpand,\n footerButtonExtraProps,\n}: Pick<ChatSidebarProps, 'expanded' | 'onFooterClose' | 'onFooterExpand' | 'footerButtonExtraProps'>) => (\n <SidebarButton\n dsId=\"sidebar_footer\"\n Icon={!expanded ? MenuCollapse : MenuExpand}\n onClick={expanded ? onFooterClose : onFooterExpand}\n aria-pressed={expanded}\n aria-label={footerButtonExtraProps['aria-label']}\n />\n);\n\nconst SideBarChat: React.ComponentType<ChatSidebarProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefault, chatSidebarProps);\n\n const {\n sidebarItems,\n expanded,\n onFooterClose,\n onFooterExpand,\n selectedItem,\n footerButtonExtraProps,\n tooltipPlacement,\n enableTooltipWhenIsClosed,\n actionRef,\n } = propsWithDefault;\n const { current: listRef } = React.useRef({});\n const registerReference = React.useCallback(\n (ref: HTMLElement) => {\n if (ref) listRef[ref.dataset.key] = ref;\n },\n [listRef],\n );\n React.useEffect(() => {\n if (actionRef.current?.listRef) {\n actionRef.current.listRef = listRef;\n }\n }, [sidebarItems, expanded, actionRef, listRef]);\n\n return (\n <StyledSideBarContainer rows={[1, 'auto']} ref={listRef}>\n <StyledSideBarButtonsContainer>\n {sidebarItems.map((p) => (\n <TileButton\n key={p.dsId}\n innerRef={registerReference}\n {...p}\n selected={selectedItem === p.dsId}\n tooltipPlacement={tooltipPlacement}\n disableTooltip={enableTooltipWhenIsClosed ? false : !expanded}\n />\n ))}\n </StyledSideBarButtonsContainer>\n <FooterChat\n expanded={expanded}\n onFooterClose={onFooterClose}\n onFooterExpand={onFooterExpand}\n footerButtonExtraProps={footerButtonExtraProps}\n />\n </StyledSideBarContainer>\n );\n};\n\nSideBarChat.propTypes = chatSidebarProps as WeakValidationMap<unknown>;\nSideBarChat.displayName = 'SideBarChat';\nconst SideBarChatWithSchema = describe(SideBarChat);\nSideBarChatWithSchema.propTypes = chatSidebarProps as WeakValidationMap<unknown>;\n\nexport { SideBarChat, SideBarChatWithSchema };\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,YAAkC;AACzC,SAAS,UAAU,gCAAgC,oCAAoC;AACvF,SAAS,cAAc,kBAAkB;AACzC,SAAS,wBAAwB,qCAAqC;AACtE,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAA2B,cAAc,wBAAwB;AAEjE,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,oBAAC;AAAA,EACC,MAAK;AAAA,EACL,MAAM,CAAC,WAAW,eAAe;AAAA,EACjC,SAAS,WAAW,gBAAgB;AAAA,EACpC,gBAAc;AAAA,EACd,cAAY,uBAAuB;AAAA,CACrC;AAGF,MAAM,cAAqD,CAAC,UAAU;AACpE,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,gBAAgB;AAEjE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,SAAS,QAAQ,IAAIA,OAAM,OAAO,CAAC,CAAC;AAC5C,QAAM,oBAAoBA,OAAM;AAAA,IAC9B,CAAC,QAAqB;AACpB,UAAI;AAAK,gBAAQ,IAAI,QAAQ,OAAO;AAAA,IACtC;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AACA,EAAAA,OAAM,UAAU,MAAM;AACpB,QAAI,UAAU,SAAS,SAAS;AAC9B,gBAAU,QAAQ,UAAU;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,cAAc,UAAU,WAAW,OAAO,CAAC;AAE/C,SACE,qBAAC;AAAA,IAAuB,MAAM,CAAC,GAAG,MAAM;AAAA,IAAG,KAAK;AAAA,IAC9C;AAAA,0BAAC;AAAA,QACE,uBAAa,IAAI,CAAC,MACjB,oBAAC;AAAA,UAEC,UAAU;AAAA,UACT,GAAG;AAAA,UACJ,UAAU,iBAAiB,EAAE;AAAA,UAC7B;AAAA,UACA,gBAAgB,4BAA4B,QAAQ,CAAC;AAAA,WALhD,EAAE,IAMT,CACD;AAAA,OACH;AAAA,MACA,oBAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;",
|
|
6
|
-
"names": ["React"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-sidebar/index.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { SideBarChat, SideBarChatWithSchema } from './SideBarChat';\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa,6BAA6B;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { createRef } from "react";
|
|
3
|
-
import { PropTypes } from "@elliemae/ds-utilities";
|
|
4
|
-
import { noop } from "lodash";
|
|
5
|
-
const defaultProps = {
|
|
6
|
-
expanded: false,
|
|
7
|
-
selectedItem: void 0,
|
|
8
|
-
sidebarItems: [],
|
|
9
|
-
onFooterExpand: noop,
|
|
10
|
-
onFooterClose: noop,
|
|
11
|
-
onHeaderExpand: noop,
|
|
12
|
-
onHeaderClose: noop,
|
|
13
|
-
footerButtonExtraProps: { "aria-label": "expand or collapse button" },
|
|
14
|
-
tooltipPlacement: "right",
|
|
15
|
-
enableTooltipWhenIsClosed: false,
|
|
16
|
-
actionRef: createRef()
|
|
17
|
-
};
|
|
18
|
-
const chatSidebarProps = {
|
|
19
|
-
sidebarItems: PropTypes.arrayOf(PropTypes.object).description("The array of out-of-the-box items you want to render inside the sidebar nav of the chat").defaultValue(defaultProps.sidebarItems),
|
|
20
|
-
expanded: PropTypes.bool.description("Whether to show the chat expanded or collapsed").defaultValue(defaultProps.expanded),
|
|
21
|
-
selectedItem: PropTypes.string.description("The id of the chat item you want to be opened").defaultValue(defaultProps.selectedItem),
|
|
22
|
-
tooltipPlacement: PropTypes.oneOf([
|
|
23
|
-
"top-start",
|
|
24
|
-
"top",
|
|
25
|
-
"top-end",
|
|
26
|
-
"right-start",
|
|
27
|
-
"right",
|
|
28
|
-
"right-end",
|
|
29
|
-
"bottom-end",
|
|
30
|
-
"bottom",
|
|
31
|
-
"bottom-start",
|
|
32
|
-
"left-end",
|
|
33
|
-
"left",
|
|
34
|
-
"left-start"
|
|
35
|
-
]).description("start placement preferences, as per popperjs placement option").defaultValue("'right'"),
|
|
36
|
-
enableTooltipWhenIsClosed: PropTypes.bool.description("Enable tooltip when is closed").defaultValue(defaultProps.onFooterExpand),
|
|
37
|
-
onFooterExpand: PropTypes.func.description("The function to call when the chat is opened via the footer").defaultValue(defaultProps.onFooterExpand),
|
|
38
|
-
onFooterClose: PropTypes.func.description("The function to call when the chat is closed via the footer").defaultValue(defaultProps.onFooterClose),
|
|
39
|
-
onHeaderExpand: PropTypes.func.description("The function to call when the chat is opened via the header").defaultValue(defaultProps.onHeaderExpand),
|
|
40
|
-
onHeaderClose: PropTypes.func.description("The function to call when the chat is closed via the header").defaultValue(defaultProps.onHeaderClose),
|
|
41
|
-
footerButtonExtraProps: PropTypes.object.description("Expand/collapse footer button extra props").defaultValue(defaultProps.footerButtonExtraProps),
|
|
42
|
-
actionRef: PropTypes.object.description(
|
|
43
|
-
`Action ref for sidebar
|
|
44
|
-
{
|
|
45
|
-
listRef: references to Tiles
|
|
46
|
-
}
|
|
47
|
-
`
|
|
48
|
-
).defaultValue(defaultProps.actionRef)
|
|
49
|
-
};
|
|
50
|
-
export {
|
|
51
|
-
chatSidebarProps,
|
|
52
|
-
defaultProps
|
|
53
|
-
};
|
|
54
|
-
//# sourceMappingURL=props.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-sidebar/props.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createRef } from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { noop } from 'lodash';\nimport { TileButtonProps } from '../tile-button/props';\n\nexport interface ChatSidebarProps {\n sidebarItems: TileButtonProps[];\n expanded: boolean;\n selectedItem: undefined;\n onFooterClose: () => void;\n onFooterExpand: () => void;\n onHeaderExpand: () => void;\n onHeaderClose: () => void;\n footerButtonExtraProps: Record<string, 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 enableTooltipWhenIsClosed: boolean;\n actionRef: React.RefObject<HTMLElement>;\n}\n\nexport const defaultProps: ChatSidebarProps = {\n expanded: false,\n selectedItem: undefined,\n sidebarItems: [],\n onFooterExpand: noop,\n onFooterClose: noop,\n onHeaderExpand: noop,\n onHeaderClose: noop,\n footerButtonExtraProps: { 'aria-label': 'expand or collapse button' },\n tooltipPlacement: 'right',\n enableTooltipWhenIsClosed: false,\n actionRef: createRef(),\n};\n\nexport const chatSidebarProps = {\n sidebarItems: PropTypes.arrayOf(PropTypes.object)\n .description('The array of out-of-the-box items you want to render inside the sidebar nav of the chat')\n .defaultValue(defaultProps.sidebarItems),\n expanded: PropTypes.bool\n .description('Whether to show the chat expanded or collapsed')\n .defaultValue(defaultProps.expanded),\n selectedItem: PropTypes.string\n .description('The id of the chat item you want to be opened')\n .defaultValue(defaultProps.selectedItem),\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 enableTooltipWhenIsClosed: PropTypes.bool\n .description('Enable tooltip when is closed')\n .defaultValue(defaultProps.onFooterExpand),\n onFooterExpand: PropTypes.func\n .description('The function to call when the chat is opened via the footer')\n .defaultValue(defaultProps.onFooterExpand),\n onFooterClose: PropTypes.func\n .description('The function to call when the chat is closed via the footer')\n .defaultValue(defaultProps.onFooterClose),\n onHeaderExpand: PropTypes.func\n .description('The function to call when the chat is opened via the header')\n .defaultValue(defaultProps.onHeaderExpand),\n onHeaderClose: PropTypes.func\n .description('The function to call when the chat is closed via the header')\n .defaultValue(defaultProps.onHeaderClose),\n footerButtonExtraProps: PropTypes.object\n .description('Expand/collapse footer button extra props')\n .defaultValue(defaultProps.footerButtonExtraProps),\n actionRef: PropTypes.object\n .description(\n `Action ref for sidebar\n {\n listRef: references to Tiles\n }\n `,\n )\n .defaultValue(defaultProps.actionRef),\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AA6Bd,MAAM,eAAiC;AAAA,EAC5C,UAAU;AAAA,EACV,cAAc;AAAA,EACd,cAAc,CAAC;AAAA,EACf,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,wBAAwB,EAAE,cAAc,4BAA4B;AAAA,EACpE,kBAAkB;AAAA,EAClB,2BAA2B;AAAA,EAC3B,WAAW,UAAU;AACvB;AAEO,MAAM,mBAAmB;AAAA,EAC9B,cAAc,UAAU,QAAQ,UAAU,MAAM,EAC7C,YAAY,yFAAyF,EACrG,aAAa,aAAa,YAAY;AAAA,EACzC,UAAU,UAAU,KACjB,YAAY,gDAAgD,EAC5D,aAAa,aAAa,QAAQ;AAAA,EACrC,cAAc,UAAU,OACrB,YAAY,+CAA+C,EAC3D,aAAa,aAAa,YAAY;AAAA,EACzC,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,2BAA2B,UAAU,KAClC,YAAY,+BAA+B,EAC3C,aAAa,aAAa,cAAc;AAAA,EAC3C,gBAAgB,UAAU,KACvB,YAAY,6DAA6D,EACzE,aAAa,aAAa,cAAc;AAAA,EAC3C,eAAe,UAAU,KACtB,YAAY,6DAA6D,EACzE,aAAa,aAAa,aAAa;AAAA,EAC1C,gBAAgB,UAAU,KACvB,YAAY,6DAA6D,EACzE,aAAa,aAAa,cAAc;AAAA,EAC3C,eAAe,UAAU,KACtB,YAAY,6DAA6D,EACzE,aAAa,aAAa,aAAa;AAAA,EAC1C,wBAAwB,UAAU,OAC/B,YAAY,2CAA2C,EACvD,aAAa,aAAa,sBAAsB;AAAA,EACnD,WAAW,UAAU,OAClB;AAAA,IACC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKF,EACC,aAAa,aAAa,SAAS;AACxC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import React2 from "react";
|
|
4
|
-
import { StyledSidebarButton, StyledSidebarButtonLabel, StyledSidebarButtonIcon } from "./styled";
|
|
5
|
-
import { propsSidebarButton, defaultSidebarButton } from "./props";
|
|
6
|
-
const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }) => {
|
|
7
|
-
const handleClick = React2.useCallback(() => {
|
|
8
|
-
if (dsId)
|
|
9
|
-
onClick(dsId);
|
|
10
|
-
}, [onClick, dsId]);
|
|
11
|
-
return /* @__PURE__ */ jsxs(StyledSidebarButton, {
|
|
12
|
-
"data-testid": `sidebar-button-${dsId}`,
|
|
13
|
-
onClick: handleClick,
|
|
14
|
-
...rest,
|
|
15
|
-
children: [
|
|
16
|
-
/* @__PURE__ */ jsx(StyledSidebarButtonIcon, {
|
|
17
|
-
alignItems: "center",
|
|
18
|
-
justifyContent: "center",
|
|
19
|
-
children: /* @__PURE__ */ jsx(Icon, {
|
|
20
|
-
size: "m"
|
|
21
|
-
})
|
|
22
|
-
}),
|
|
23
|
-
label && /* @__PURE__ */ jsx(StyledSidebarButtonLabel, {
|
|
24
|
-
children: label
|
|
25
|
-
})
|
|
26
|
-
]
|
|
27
|
-
}, dsId);
|
|
28
|
-
};
|
|
29
|
-
SidebarButton.propTypes = propsSidebarButton;
|
|
30
|
-
SidebarButton.defaultProps = defaultSidebarButton;
|
|
31
|
-
export {
|
|
32
|
-
SidebarButton
|
|
33
|
-
};
|
|
34
|
-
//# sourceMappingURL=SidebarButton.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/exported-related/chat-sidebar/sidebar-button/SidebarButton.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { StyledSidebarButton, StyledSidebarButtonLabel, StyledSidebarButtonIcon } from './styled';\nimport { propsSidebarButton, defaultSidebarButton, SidebarButtonProps } from './props';\n\nexport const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }: SidebarButtonProps): JSX.Element => {\n const handleClick = React.useCallback(() => {\n if (dsId) onClick(dsId);\n }, [onClick, dsId]);\n\n return (\n <StyledSidebarButton key={dsId} data-testid={`sidebar-button-${dsId}`} onClick={handleClick} {...rest}>\n <StyledSidebarButtonIcon alignItems=\"center\" justifyContent=\"center\">\n <Icon size=\"m\" />\n </StyledSidebarButtonIcon>\n {label && <StyledSidebarButtonLabel>{label}</StyledSidebarButtonLabel>}\n </StyledSidebarButton>\n );\n};\n\nSidebarButton.propTypes = propsSidebarButton;\nSidebarButton.defaultProps = defaultSidebarButton;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,YAAW;AAClB,SAAS,qBAAqB,0BAA0B,+BAA+B;AACvF,SAAS,oBAAoB,4BAAgD;AAEtE,MAAM,gBAAgB,CAAC,EAAE,OAAO,MAAM,SAAS,SAAS,KAAK,MAAuC;AACzG,QAAM,cAAcA,OAAM,YAAY,MAAM;AAC1C,QAAI;AAAM,cAAQ,IAAI;AAAA,EACxB,GAAG,CAAC,SAAS,IAAI,CAAC;AAElB,SACE,qBAAC;AAAA,IAA+B,eAAa,kBAAkB;AAAA,IAAQ,SAAS;AAAA,IAAc,GAAG;AAAA,IAC/F;AAAA,0BAAC;AAAA,QAAwB,YAAW;AAAA,QAAS,gBAAe;AAAA,QAC1D,8BAAC;AAAA,UAAK,MAAK;AAAA,SAAI;AAAA,OACjB;AAAA,MACC,SAAS,oBAAC;AAAA,QAA0B;AAAA,OAAM;AAAA;AAAA,KAJnB,IAK1B;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,eAAe;",
|
|
6
|
-
"names": ["React"]
|
|
7
|
-
}
|