@elliemae/ds-chat 3.5.0-rc.9 → 3.6.0-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{parts → bubble}/index.js +3 -5
- package/dist/cjs/bubble/index.js.map +7 -0
- package/dist/cjs/{exported-related/chat-card → card}/index.js +4 -11
- package/dist/cjs/card/index.js.map +7 -0
- package/dist/cjs/container/index.js +26 -0
- package/dist/cjs/container/index.js.map +7 -0
- package/dist/cjs/{exported-related/tile-button → container-header}/index.js +4 -11
- package/dist/cjs/container-header/index.js.map +7 -0
- package/dist/cjs/empty-state/index.js +26 -0
- package/dist/cjs/empty-state/index.js.map +7 -0
- package/dist/cjs/{exported-related/floating-button → floating-button}/index.js +1 -1
- package/dist/cjs/floating-button/index.js.map +7 -0
- package/dist/cjs/index.js +10 -4
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/message-delimeter/index.js +26 -0
- package/dist/cjs/message-delimeter/index.js.map +7 -0
- package/dist/cjs/sidebar/index.js +26 -0
- package/dist/cjs/sidebar/index.js.map +7 -0
- package/dist/cjs/{exported-related/system-message → system-message}/index.js +2 -9
- package/dist/cjs/system-message/index.js.map +7 -0
- package/dist/cjs/tile/index.js +26 -0
- package/dist/cjs/tile/index.js.map +7 -0
- package/dist/esm/bubble/index.js +3 -0
- package/dist/esm/bubble/index.js.map +7 -0
- package/dist/esm/{exported-related/chat-sidebar/sidebar-button → card}/index.js +1 -0
- package/dist/esm/card/index.js.map +7 -0
- package/dist/esm/container/index.js +3 -0
- package/dist/esm/container/index.js.map +7 -0
- package/dist/esm/container-header/index.js +3 -0
- package/dist/esm/container-header/index.js.map +7 -0
- package/dist/esm/empty-state/index.js +3 -0
- package/dist/esm/empty-state/index.js.map +7 -0
- package/dist/esm/floating-button/index.js +3 -0
- package/dist/esm/floating-button/index.js.map +7 -0
- package/dist/esm/index.js +10 -4
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/message-delimeter/index.js +3 -0
- package/dist/esm/message-delimeter/index.js.map +7 -0
- package/dist/esm/sidebar/index.js +3 -0
- package/dist/esm/sidebar/index.js.map +7 -0
- package/dist/esm/system-message/index.js +3 -0
- package/dist/esm/system-message/index.js.map +7 -0
- package/dist/esm/{exported-related/floating-button → tile}/index.js +1 -1
- package/dist/esm/tile/index.js.map +7 -0
- package/package.json +49 -287
- package/dist/cjs/ChatDataTestids.js +0 -53
- package/dist/cjs/ChatDataTestids.js.map +0 -7
- package/dist/cjs/exported-related/bubble/ChatBubble.js +0 -81
- package/dist/cjs/exported-related/bubble/ChatBubble.js.map +0 -7
- package/dist/cjs/exported-related/bubble/ChatBubbleArrow.js +0 -94
- package/dist/cjs/exported-related/bubble/ChatBubbleArrow.js.map +0 -7
- package/dist/cjs/exported-related/bubble/index.js +0 -35
- package/dist/cjs/exported-related/bubble/index.js.map +0 -7
- package/dist/cjs/exported-related/bubble/props.js +0 -65
- package/dist/cjs/exported-related/bubble/props.js.map +0 -7
- package/dist/cjs/exported-related/bubble/styled.js +0 -143
- package/dist/cjs/exported-related/bubble/styled.js.map +0 -7
- package/dist/cjs/exported-related/chat-card/ChatCard.js +0 -60
- package/dist/cjs/exported-related/chat-card/ChatCard.js.map +0 -7
- package/dist/cjs/exported-related/chat-card/index.js.map +0 -7
- package/dist/cjs/exported-related/chat-card/props.js +0 -45
- package/dist/cjs/exported-related/chat-card/props.js.map +0 -7
- package/dist/cjs/exported-related/chat-card/styled.js +0 -68
- package/dist/cjs/exported-related/chat-card/styled.js.map +0 -7
- package/dist/cjs/exported-related/chat-container-header/ChatContainerHeader.js +0 -63
- package/dist/cjs/exported-related/chat-container-header/ChatContainerHeader.js.map +0 -7
- package/dist/cjs/exported-related/chat-container-header/props.js +0 -40
- package/dist/cjs/exported-related/chat-container-header/props.js.map +0 -7
- package/dist/cjs/exported-related/chat-container-header/styled.js +0 -57
- package/dist/cjs/exported-related/chat-container-header/styled.js.map +0 -7
- package/dist/cjs/exported-related/chat-empty-state/ChatEmptyState.js +0 -70
- package/dist/cjs/exported-related/chat-empty-state/ChatEmptyState.js.map +0 -7
- package/dist/cjs/exported-related/chat-empty-state/props.js +0 -41
- package/dist/cjs/exported-related/chat-empty-state/props.js.map +0 -7
- package/dist/cjs/exported-related/chat-empty-state/styled.js +0 -44
- package/dist/cjs/exported-related/chat-empty-state/styled.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/SideBarChat.js +0 -99
- package/dist/cjs/exported-related/chat-sidebar/SideBarChat.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/index.js +0 -33
- package/dist/cjs/exported-related/chat-sidebar/index.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/props.js +0 -80
- package/dist/cjs/exported-related/chat-sidebar/props.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/SidebarButton.js +0 -53
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/SidebarButton.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/index.js +0 -21
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/index.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/props.js +0 -49
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/props.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/styled.js +0 -66
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/styled.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/styled.js +0 -54
- package/dist/cjs/exported-related/chat-sidebar/styled.js.map +0 -7
- package/dist/cjs/exported-related/floating-button/FloatingButton.js +0 -54
- package/dist/cjs/exported-related/floating-button/FloatingButton.js.map +0 -7
- package/dist/cjs/exported-related/floating-button/index.js.map +0 -7
- package/dist/cjs/exported-related/floating-button/props.js +0 -44
- package/dist/cjs/exported-related/floating-button/props.js.map +0 -7
- package/dist/cjs/exported-related/floating-button/styled.js +0 -61
- package/dist/cjs/exported-related/floating-button/styled.js.map +0 -7
- package/dist/cjs/exported-related/floating-container/styled.js +0 -44
- package/dist/cjs/exported-related/floating-container/styled.js.map +0 -7
- package/dist/cjs/exported-related/grid-influencer/InfluencerContainer.js +0 -43
- package/dist/cjs/exported-related/grid-influencer/InfluencerContainer.js.map +0 -7
- package/dist/cjs/exported-related/grid-influencer/styled.js +0 -53
- package/dist/cjs/exported-related/grid-influencer/styled.js.map +0 -7
- package/dist/cjs/exported-related/index.js +0 -59
- package/dist/cjs/exported-related/index.js.map +0 -7
- package/dist/cjs/exported-related/message-delimiter/MessageDelimiter.js +0 -54
- package/dist/cjs/exported-related/message-delimiter/MessageDelimiter.js.map +0 -7
- package/dist/cjs/exported-related/message-delimiter/index.js +0 -33
- package/dist/cjs/exported-related/message-delimiter/index.js.map +0 -7
- package/dist/cjs/exported-related/message-delimiter/props.js +0 -47
- package/dist/cjs/exported-related/message-delimiter/props.js.map +0 -7
- package/dist/cjs/exported-related/message-delimiter/styled.js +0 -50
- package/dist/cjs/exported-related/message-delimiter/styled.js.map +0 -7
- package/dist/cjs/exported-related/system-message/SystemMessage.js +0 -56
- package/dist/cjs/exported-related/system-message/SystemMessage.js.map +0 -7
- package/dist/cjs/exported-related/system-message/index.js.map +0 -7
- package/dist/cjs/exported-related/system-message/props.js +0 -43
- package/dist/cjs/exported-related/system-message/props.js.map +0 -7
- package/dist/cjs/exported-related/system-message/style.js +0 -72
- package/dist/cjs/exported-related/system-message/style.js.map +0 -7
- package/dist/cjs/exported-related/tile-button/TileButton.js +0 -140
- package/dist/cjs/exported-related/tile-button/TileButton.js.map +0 -7
- package/dist/cjs/exported-related/tile-button/index.js.map +0 -7
- package/dist/cjs/exported-related/tile-button/props.js +0 -92
- package/dist/cjs/exported-related/tile-button/props.js.map +0 -7
- package/dist/cjs/exported-related/tile-button/styled.js +0 -243
- package/dist/cjs/exported-related/tile-button/styled.js.map +0 -7
- package/dist/cjs/parts/chat-composer/ChatContainerComposer.js +0 -158
- package/dist/cjs/parts/chat-composer/ChatContainerComposer.js.map +0 -7
- package/dist/cjs/parts/chat-composer/index.js +0 -33
- package/dist/cjs/parts/chat-composer/index.js.map +0 -7
- package/dist/cjs/parts/chat-composer/styled.js +0 -99
- package/dist/cjs/parts/chat-composer/styled.js.map +0 -7
- package/dist/cjs/parts/chat-container/ChatContainer.js +0 -160
- package/dist/cjs/parts/chat-container/ChatContainer.js.map +0 -7
- package/dist/cjs/parts/chat-container/styled.js +0 -109
- package/dist/cjs/parts/chat-container/styled.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js +0 -118
- package/dist/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/index.js +0 -33
- package/dist/cjs/parts/chat-container-messages-list/index.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/styled.js +0 -110
- package/dist/cjs/parts/chat-container-messages-list/styled.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/useActionRef.js +0 -61
- package/dist/cjs/parts/chat-container-messages-list/useActionRef.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/useChatContainerMessageList.js +0 -106
- package/dist/cjs/parts/chat-container-messages-list/useChatContainerMessageList.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/useFocusAndScrollHelpers.js +0 -93
- package/dist/cjs/parts/chat-container-messages-list/useFocusAndScrollHelpers.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/useGetNewMessages.js +0 -46
- package/dist/cjs/parts/chat-container-messages-list/useGetNewMessages.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/useGlobalEventListener.js +0 -59
- package/dist/cjs/parts/chat-container-messages-list/useGlobalEventListener.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/useKeyboard.js +0 -147
- package/dist/cjs/parts/chat-container-messages-list/useKeyboard.js.map +0 -7
- package/dist/cjs/parts/index.js.map +0 -7
- package/dist/cjs/react-desc-prop-types.js +0 -184
- package/dist/cjs/react-desc-prop-types.js.map +0 -7
- package/dist/cjs/styled.js +0 -42
- package/dist/cjs/styled.js.map +0 -7
- package/dist/cjs/tests/utils.js +0 -63
- package/dist/cjs/tests/utils.js.map +0 -7
- package/dist/esm/ChatDataTestids.js +0 -27
- package/dist/esm/ChatDataTestids.js.map +0 -7
- package/dist/esm/exported-related/bubble/ChatBubble.js +0 -64
- package/dist/esm/exported-related/bubble/ChatBubble.js.map +0 -7
- package/dist/esm/exported-related/bubble/ChatBubbleArrow.js +0 -68
- package/dist/esm/exported-related/bubble/ChatBubbleArrow.js.map +0 -7
- package/dist/esm/exported-related/bubble/index.js +0 -9
- package/dist/esm/exported-related/bubble/index.js.map +0 -7
- package/dist/esm/exported-related/bubble/props.js +0 -39
- package/dist/esm/exported-related/bubble/props.js.map +0 -7
- package/dist/esm/exported-related/bubble/styled.js +0 -117
- package/dist/esm/exported-related/bubble/styled.js.map +0 -7
- package/dist/esm/exported-related/chat-card/ChatCard.js +0 -34
- package/dist/esm/exported-related/chat-card/ChatCard.js.map +0 -7
- package/dist/esm/exported-related/chat-card/index.js +0 -7
- package/dist/esm/exported-related/chat-card/index.js.map +0 -7
- package/dist/esm/exported-related/chat-card/props.js +0 -19
- package/dist/esm/exported-related/chat-card/props.js.map +0 -7
- package/dist/esm/exported-related/chat-card/styled.js +0 -42
- package/dist/esm/exported-related/chat-card/styled.js.map +0 -7
- package/dist/esm/exported-related/chat-container-header/ChatContainerHeader.js +0 -46
- package/dist/esm/exported-related/chat-container-header/ChatContainerHeader.js.map +0 -7
- package/dist/esm/exported-related/chat-container-header/props.js +0 -14
- package/dist/esm/exported-related/chat-container-header/props.js.map +0 -7
- package/dist/esm/exported-related/chat-container-header/styled.js +0 -31
- package/dist/esm/exported-related/chat-container-header/styled.js.map +0 -7
- package/dist/esm/exported-related/chat-empty-state/ChatEmptyState.js +0 -44
- package/dist/esm/exported-related/chat-empty-state/ChatEmptyState.js.map +0 -7
- package/dist/esm/exported-related/chat-empty-state/props.js +0 -15
- package/dist/esm/exported-related/chat-empty-state/props.js.map +0 -7
- package/dist/esm/exported-related/chat-empty-state/styled.js +0 -18
- package/dist/esm/exported-related/chat-empty-state/styled.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/SideBarChat.js +0 -73
- package/dist/esm/exported-related/chat-sidebar/SideBarChat.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/index.js +0 -7
- package/dist/esm/exported-related/chat-sidebar/index.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/props.js +0 -54
- package/dist/esm/exported-related/chat-sidebar/props.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/SidebarButton.js +0 -27
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/SidebarButton.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/index.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/props.js +0 -23
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/props.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/styled.js +0 -40
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/styled.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/styled.js +0 -28
- package/dist/esm/exported-related/chat-sidebar/styled.js.map +0 -7
- package/dist/esm/exported-related/floating-button/FloatingButton.js +0 -28
- package/dist/esm/exported-related/floating-button/FloatingButton.js.map +0 -7
- package/dist/esm/exported-related/floating-button/index.js.map +0 -7
- package/dist/esm/exported-related/floating-button/props.js +0 -18
- package/dist/esm/exported-related/floating-button/props.js.map +0 -7
- package/dist/esm/exported-related/floating-button/styled.js +0 -35
- package/dist/esm/exported-related/floating-button/styled.js.map +0 -7
- package/dist/esm/exported-related/floating-container/styled.js +0 -18
- package/dist/esm/exported-related/floating-container/styled.js.map +0 -7
- package/dist/esm/exported-related/grid-influencer/InfluencerContainer.js +0 -17
- package/dist/esm/exported-related/grid-influencer/InfluencerContainer.js.map +0 -7
- package/dist/esm/exported-related/grid-influencer/styled.js +0 -27
- package/dist/esm/exported-related/grid-influencer/styled.js.map +0 -7
- package/dist/esm/exported-related/index.js +0 -33
- package/dist/esm/exported-related/index.js.map +0 -7
- package/dist/esm/exported-related/message-delimiter/MessageDelimiter.js +0 -33
- package/dist/esm/exported-related/message-delimiter/MessageDelimiter.js.map +0 -7
- package/dist/esm/exported-related/message-delimiter/index.js +0 -10
- package/dist/esm/exported-related/message-delimiter/index.js.map +0 -7
- package/dist/esm/exported-related/message-delimiter/props.js +0 -21
- package/dist/esm/exported-related/message-delimiter/props.js.map +0 -7
- package/dist/esm/exported-related/message-delimiter/styled.js +0 -24
- package/dist/esm/exported-related/message-delimiter/styled.js.map +0 -7
- package/dist/esm/exported-related/system-message/SystemMessage.js +0 -30
- package/dist/esm/exported-related/system-message/SystemMessage.js.map +0 -7
- package/dist/esm/exported-related/system-message/index.js +0 -7
- package/dist/esm/exported-related/system-message/index.js.map +0 -7
- package/dist/esm/exported-related/system-message/props.js +0 -17
- package/dist/esm/exported-related/system-message/props.js.map +0 -7
- package/dist/esm/exported-related/system-message/style.js +0 -46
- package/dist/esm/exported-related/system-message/style.js.map +0 -7
- package/dist/esm/exported-related/tile-button/TileButton.js +0 -124
- package/dist/esm/exported-related/tile-button/TileButton.js.map +0 -7
- package/dist/esm/exported-related/tile-button/index.js +0 -7
- package/dist/esm/exported-related/tile-button/index.js.map +0 -7
- package/dist/esm/exported-related/tile-button/props.js +0 -66
- package/dist/esm/exported-related/tile-button/props.js.map +0 -7
- package/dist/esm/exported-related/tile-button/styled.js +0 -217
- package/dist/esm/exported-related/tile-button/styled.js.map +0 -7
- package/dist/esm/parts/chat-composer/ChatContainerComposer.js +0 -138
- package/dist/esm/parts/chat-composer/ChatContainerComposer.js.map +0 -7
- package/dist/esm/parts/chat-composer/index.js +0 -7
- package/dist/esm/parts/chat-composer/index.js.map +0 -7
- package/dist/esm/parts/chat-composer/styled.js +0 -73
- package/dist/esm/parts/chat-composer/styled.js.map +0 -7
- package/dist/esm/parts/chat-container/ChatContainer.js +0 -139
- package/dist/esm/parts/chat-container/ChatContainer.js.map +0 -7
- package/dist/esm/parts/chat-container/styled.js +0 -83
- package/dist/esm/parts/chat-container/styled.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js +0 -100
- package/dist/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/index.js +0 -7
- package/dist/esm/parts/chat-container-messages-list/index.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/styled.js +0 -84
- package/dist/esm/parts/chat-container-messages-list/styled.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/useActionRef.js +0 -35
- package/dist/esm/parts/chat-container-messages-list/useActionRef.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/useChatContainerMessageList.js +0 -84
- package/dist/esm/parts/chat-container-messages-list/useChatContainerMessageList.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/useFocusAndScrollHelpers.js +0 -67
- package/dist/esm/parts/chat-container-messages-list/useFocusAndScrollHelpers.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/useGetNewMessages.js +0 -20
- package/dist/esm/parts/chat-container-messages-list/useGetNewMessages.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/useGlobalEventListener.js +0 -33
- package/dist/esm/parts/chat-container-messages-list/useGlobalEventListener.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/useKeyboard.js +0 -121
- package/dist/esm/parts/chat-container-messages-list/useKeyboard.js.map +0 -7
- package/dist/esm/parts/index.js +0 -5
- package/dist/esm/parts/index.js.map +0 -7
- package/dist/esm/react-desc-prop-types.js +0 -158
- package/dist/esm/react-desc-prop-types.js.map +0 -7
- package/dist/esm/styled.js +0 -16
- package/dist/esm/styled.js.map +0 -7
- package/dist/esm/tests/utils.js +0 -37
- package/dist/esm/tests/utils.js.map +0 -7
|
@@ -1,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,OAAOA,UAAS,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,gBAAAA,OAAA,cAAC;AAAA,MAAK,YAAW;AAAA,MAAS,gBAAe;AAAA,OACvC,gBAAAA,OAAA,cAAC;AAAA,MAAK,YAAW;AAAA,MAAS,gBAAe;AAAA,OACvC,gBAAAA,OAAA,cAAC;AAAA,MAAe,MAAK;AAAA,MAAM,OAAO,CAAC,WAAW,GAAG;AAAA,KAAG,CACtD,GACA,gBAAAA,OAAA,cAAC;AAAA,MAAK,YAAW;AAAA,MAAS,gBAAe;AAAA,OACvC,gBAAAA,OAAA,cAAC,sBAAgB,KAAM,CACzB,GACA,gBAAAA,OAAA,cAAC;AAAA,MAAK,YAAW;AAAA,MAAS,gBAAe;AAAA,OACtC,MACH,CACF;AAAA,IAEF,CAAC,OAAO,MAAM;AAAA,EAChB;AACA,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAsB,YAAW;AAAA,IAAS,gBAAe;AAAA,KACvD,WACH;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AACxD,yBAAyB,YAAY;",
|
|
6
|
-
"names": ["React"]
|
|
7
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { PropTypes } from "@elliemae/ds-utilities";
|
|
3
|
-
const defaultProps = {
|
|
4
|
-
label: "No Messages Yet",
|
|
5
|
-
action: /* @__PURE__ */ React.createElement(React.Fragment, null)
|
|
6
|
-
};
|
|
7
|
-
const emptyStateProps = {
|
|
8
|
-
label: PropTypes.string.description("No Message to show text helper").defaultValue(defaultProps.label),
|
|
9
|
-
action: PropTypes.node.description("action element").defaultValue(defaultProps.action)
|
|
10
|
-
};
|
|
11
|
-
export {
|
|
12
|
-
defaultProps,
|
|
13
|
-
emptyStateProps
|
|
14
|
-
};
|
|
15
|
-
//# 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,SAAS,iBAAiB;AAOnB,MAAM,eAAoC;AAAA,EAC/C,OAAO;AAAA,EACP,QAAQ,wDAAE;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,73 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
|
|
4
|
-
import { MenuCollapse, MenuExpand } from "@elliemae/ds-icons";
|
|
5
|
-
import { StyledSideBarContainer, StyledSideBarButtonsContainer } from "./styled";
|
|
6
|
-
import { TileButton } from "../tile-button";
|
|
7
|
-
import { SidebarButton } from "./sidebar-button/SidebarButton";
|
|
8
|
-
import { defaultProps, chatSidebarProps } from "./props";
|
|
9
|
-
const FooterChat = ({
|
|
10
|
-
expanded,
|
|
11
|
-
onFooterClose,
|
|
12
|
-
onFooterExpand,
|
|
13
|
-
footerButtonExtraProps
|
|
14
|
-
}) => /* @__PURE__ */ React2.createElement(SidebarButton, {
|
|
15
|
-
dsId: "sidebar_footer",
|
|
16
|
-
Icon: !expanded ? MenuCollapse : MenuExpand,
|
|
17
|
-
onClick: expanded ? onFooterClose : onFooterExpand,
|
|
18
|
-
"aria-pressed": expanded,
|
|
19
|
-
"aria-label": footerButtonExtraProps["aria-label"]
|
|
20
|
-
});
|
|
21
|
-
const SideBarChat = (props) => {
|
|
22
|
-
const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
|
|
23
|
-
useValidateTypescriptPropTypes(propsWithDefault, chatSidebarProps);
|
|
24
|
-
const {
|
|
25
|
-
sidebarItems,
|
|
26
|
-
expanded,
|
|
27
|
-
onFooterClose,
|
|
28
|
-
onFooterExpand,
|
|
29
|
-
selectedItem,
|
|
30
|
-
footerButtonExtraProps,
|
|
31
|
-
tooltipPlacement,
|
|
32
|
-
enableTooltipWhenIsClosed,
|
|
33
|
-
actionRef
|
|
34
|
-
} = propsWithDefault;
|
|
35
|
-
const { current: listRef } = React2.useRef({});
|
|
36
|
-
const registerReference = React2.useCallback(
|
|
37
|
-
(ref) => {
|
|
38
|
-
if (ref)
|
|
39
|
-
listRef[ref.dataset.key] = ref;
|
|
40
|
-
},
|
|
41
|
-
[listRef]
|
|
42
|
-
);
|
|
43
|
-
React2.useEffect(() => {
|
|
44
|
-
if (actionRef.current?.listRef) {
|
|
45
|
-
actionRef.current.listRef = listRef;
|
|
46
|
-
}
|
|
47
|
-
}, [sidebarItems, expanded, actionRef, listRef]);
|
|
48
|
-
return /* @__PURE__ */ React2.createElement(StyledSideBarContainer, {
|
|
49
|
-
rows: [1, "auto"],
|
|
50
|
-
ref: listRef
|
|
51
|
-
}, /* @__PURE__ */ React2.createElement(StyledSideBarButtonsContainer, null, sidebarItems.map((p) => /* @__PURE__ */ React2.createElement(TileButton, {
|
|
52
|
-
key: p.dsId,
|
|
53
|
-
innerRef: registerReference,
|
|
54
|
-
...p,
|
|
55
|
-
selected: selectedItem === p.dsId,
|
|
56
|
-
tooltipPlacement,
|
|
57
|
-
disableTooltip: enableTooltipWhenIsClosed ? false : !expanded
|
|
58
|
-
}))), /* @__PURE__ */ React2.createElement(FooterChat, {
|
|
59
|
-
expanded,
|
|
60
|
-
onFooterClose,
|
|
61
|
-
onFooterExpand,
|
|
62
|
-
footerButtonExtraProps
|
|
63
|
-
}));
|
|
64
|
-
};
|
|
65
|
-
SideBarChat.propTypes = chatSidebarProps;
|
|
66
|
-
SideBarChat.displayName = "SideBarChat";
|
|
67
|
-
const SideBarChatWithSchema = describe(SideBarChat);
|
|
68
|
-
SideBarChatWithSchema.propTypes = chatSidebarProps;
|
|
69
|
-
export {
|
|
70
|
-
SideBarChat,
|
|
71
|
-
SideBarChatWithSchema
|
|
72
|
-
};
|
|
73
|
-
//# 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,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,gBAAAA,OAAA,cAAC;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,gBAAAA,OAAA,cAAC;AAAA,IAAuB,MAAM,CAAC,GAAG,MAAM;AAAA,IAAG,KAAK;AAAA,KAC9C,gBAAAA,OAAA,cAAC,qCACE,aAAa,IAAI,CAAC,MACjB,gBAAAA,OAAA,cAAC;AAAA,IACC,KAAK,EAAE;AAAA,IACP,UAAU;AAAA,IACT,GAAG;AAAA,IACJ,UAAU,iBAAiB,EAAE;AAAA,IAC7B;AAAA,IACA,gBAAgB,4BAA4B,QAAQ,CAAC;AAAA,GACvD,CACD,CACH,GACA,gBAAAA,OAAA,cAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,CACF;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,27 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import { StyledSidebarButton, StyledSidebarButtonLabel, StyledSidebarButtonIcon } from "./styled";
|
|
4
|
-
import { propsSidebarButton, defaultSidebarButton } from "./props";
|
|
5
|
-
const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }) => {
|
|
6
|
-
const handleClick = React2.useCallback(() => {
|
|
7
|
-
if (dsId)
|
|
8
|
-
onClick(dsId);
|
|
9
|
-
}, [onClick, dsId]);
|
|
10
|
-
return /* @__PURE__ */ React2.createElement(StyledSidebarButton, {
|
|
11
|
-
key: dsId,
|
|
12
|
-
"data-testid": `sidebar-button-${dsId}`,
|
|
13
|
-
onClick: handleClick,
|
|
14
|
-
...rest
|
|
15
|
-
}, /* @__PURE__ */ React2.createElement(StyledSidebarButtonIcon, {
|
|
16
|
-
alignItems: "center",
|
|
17
|
-
justifyContent: "center"
|
|
18
|
-
}, /* @__PURE__ */ React2.createElement(Icon, {
|
|
19
|
-
size: "m"
|
|
20
|
-
})), label && /* @__PURE__ */ React2.createElement(StyledSidebarButtonLabel, null, label));
|
|
21
|
-
};
|
|
22
|
-
SidebarButton.propTypes = propsSidebarButton;
|
|
23
|
-
SidebarButton.defaultProps = defaultSidebarButton;
|
|
24
|
-
export {
|
|
25
|
-
SidebarButton
|
|
26
|
-
};
|
|
27
|
-
//# 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,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,gBAAAA,OAAA,cAAC;AAAA,IAAoB,KAAK;AAAA,IAAM,eAAa,kBAAkB;AAAA,IAAQ,SAAS;AAAA,IAAc,GAAG;AAAA,KAC/F,gBAAAA,OAAA,cAAC;AAAA,IAAwB,YAAW;AAAA,IAAS,gBAAe;AAAA,KAC1D,gBAAAA,OAAA,cAAC;AAAA,IAAK,MAAK;AAAA,GAAI,CACjB,GACC,SAAS,gBAAAA,OAAA,cAAC,gCAA0B,KAAM,CAC7C;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,eAAe;",
|
|
6
|
-
"names": ["React"]
|
|
7
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { PropTypes } from "@elliemae/ds-utilities";
|
|
3
|
-
import { noop } from "lodash";
|
|
4
|
-
import { Comments } from "@elliemae/ds-icons";
|
|
5
|
-
const defaultSidebarButton = {
|
|
6
|
-
Icon: Comments,
|
|
7
|
-
dsId: "",
|
|
8
|
-
label: "",
|
|
9
|
-
onClick: noop,
|
|
10
|
-
title: ""
|
|
11
|
-
};
|
|
12
|
-
const propsSidebarButton = {
|
|
13
|
-
Icon: PropTypes.element.description("Icon component").defaultValue(defaultSidebarButton.Icon),
|
|
14
|
-
dsId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description("Unique id for the button").defaultValue(defaultSidebarButton.dsId),
|
|
15
|
-
label: PropTypes.string.description("It will display under the icon").defaultValue(defaultSidebarButton.label),
|
|
16
|
-
title: PropTypes.string.description("Tooltip").defaultValue(defaultSidebarButton.title),
|
|
17
|
-
onClick: PropTypes.func.description("The function to call when the is clicked").defaultValue(defaultSidebarButton.onClick)
|
|
18
|
-
};
|
|
19
|
-
export {
|
|
20
|
-
defaultSidebarButton,
|
|
21
|
-
propsSidebarButton
|
|
22
|
-
};
|
|
23
|
-
//# 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/sidebar-button/props.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { noop } from 'lodash';\nimport { Comments } from '@elliemae/ds-icons';\n\nexport interface SidebarButtonProps {\n Icon: React.FC<{ size: string }>;\n dsId: string | number | undefined;\n label: string;\n onClick: (dsId: string | number) => void;\n title: string;\n}\n\nexport const defaultSidebarButton: SidebarButtonProps = {\n Icon: Comments,\n dsId: '',\n label: '',\n onClick: noop,\n title: '',\n};\n\nexport const propsSidebarButton = {\n Icon: PropTypes.element.description('Icon component').defaultValue(defaultSidebarButton.Icon),\n dsId: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n .description('Unique id for the button')\n .defaultValue(defaultSidebarButton.dsId),\n label: PropTypes.string.description('It will display under the icon').defaultValue(defaultSidebarButton.label),\n title: PropTypes.string.description('Tooltip').defaultValue(defaultSidebarButton.title),\n onClick: PropTypes.func\n .description('The function to call when the is clicked')\n .defaultValue(defaultSidebarButton.onClick),\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAUlB,MAAM,uBAA2C;AAAA,EACtD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT;AAEO,MAAM,qBAAqB;AAAA,EAChC,MAAM,UAAU,QAAQ,YAAY,gBAAgB,EAAE,aAAa,qBAAqB,IAAI;AAAA,EAC5F,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAC3D,YAAY,0BAA0B,EACtC,aAAa,qBAAqB,IAAI;AAAA,EACzC,OAAO,UAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,qBAAqB,KAAK;AAAA,EAC7G,OAAO,UAAU,OAAO,YAAY,SAAS,EAAE,aAAa,qBAAqB,KAAK;AAAA,EACtF,SAAS,UAAU,KAChB,YAAY,0CAA0C,EACtD,aAAa,qBAAqB,OAAO;AAC9C;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { styled } from "@elliemae/ds-system";
|
|
3
|
-
import { Grid } from "@elliemae/ds-grid";
|
|
4
|
-
import { BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR } from "../../../styled";
|
|
5
|
-
const StyledSidebarButton = styled.button`
|
|
6
|
-
display: flex;
|
|
7
|
-
align-items: center;
|
|
8
|
-
justify-content: center;
|
|
9
|
-
outline: none;
|
|
10
|
-
height: ${BUTTON_SIDEBAR_HEIGHT}px;
|
|
11
|
-
width: ${MIN_WIDTH_SIDEBAR}px;
|
|
12
|
-
position: relative;
|
|
13
|
-
border: 0;
|
|
14
|
-
background: transparent;
|
|
15
|
-
&:focus,
|
|
16
|
-
&:hover {
|
|
17
|
-
background: ${(props) => props.theme.colors.neutral["080"]};
|
|
18
|
-
}
|
|
19
|
-
cursor: pointer;
|
|
20
|
-
border-bottom: 1px solid ${(props) => props.theme.colors.neutral["200"]};
|
|
21
|
-
|
|
22
|
-
svg {
|
|
23
|
-
fill: ${(props) => props.theme.colors.neutral[500]};
|
|
24
|
-
}
|
|
25
|
-
`;
|
|
26
|
-
const StyledSidebarButtonIcon = styled(Grid)`
|
|
27
|
-
position: relative;
|
|
28
|
-
`;
|
|
29
|
-
const StyledSidebarButtonLabel = styled.div`
|
|
30
|
-
width: 30px;
|
|
31
|
-
text-transform: uppercase;
|
|
32
|
-
overflow: hidden;
|
|
33
|
-
text-align: center;
|
|
34
|
-
`;
|
|
35
|
-
export {
|
|
36
|
-
StyledSidebarButton,
|
|
37
|
-
StyledSidebarButtonIcon,
|
|
38
|
-
StyledSidebarButtonLabel
|
|
39
|
-
};
|
|
40
|
-
//# sourceMappingURL=styled.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/styled.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR } from '../../../styled';\n\n// Buttons\nexport const StyledSidebarButton = styled.button`\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n height: ${BUTTON_SIDEBAR_HEIGHT}px;\n width: ${MIN_WIDTH_SIDEBAR}px;\n position: relative;\n border: 0;\n background: transparent;\n &:focus,\n &:hover {\n background: ${(props) => props.theme.colors.neutral['080']};\n }\n cursor: pointer;\n border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n\n svg {\n fill: ${(props) => props.theme.colors.neutral[500]};\n }\n`;\n\nexport const StyledSidebarButtonIcon = styled(Grid)`\n position: relative;\n`;\n\nexport const StyledSidebarButtonLabel = styled.div`\n width: 30px;\n text-transform: uppercase;\n overflow: hidden;\n text-align: center;\n`;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,uBAAuB,yBAAyB;AAGlD,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAK9B;AAAA,WACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMO,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,6BAG3B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,YAGvD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3C,MAAM,0BAA0B,OAAO,IAAI;AAAA;AAAA;AAI3C,MAAM,2BAA2B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { styled } from "@elliemae/ds-system";
|
|
3
|
-
import { Grid } from "@elliemae/ds-grid";
|
|
4
|
-
import { MIN_WIDTH_SIDEBAR, BUTTON_SIDEBAR_HEIGHT } from "../../styled";
|
|
5
|
-
const StyledSideBarContainer = styled(Grid)`
|
|
6
|
-
height: 100%;
|
|
7
|
-
width: ${MIN_WIDTH_SIDEBAR}px;
|
|
8
|
-
background: ${(props) => props.theme.colors.neutral["050"]};
|
|
9
|
-
border-right: 1px solid ${(props) => props.theme.colors.neutral["100"]};
|
|
10
|
-
overflow: hidden;
|
|
11
|
-
`;
|
|
12
|
-
const StyledSideBarButtonsContainer = styled(Grid)`
|
|
13
|
-
overflow-y: auto;
|
|
14
|
-
align-items: flex-start;
|
|
15
|
-
justify-content: flex-start;
|
|
16
|
-
grid-template-rows: repeat(auto-fill, ${BUTTON_SIDEBAR_HEIGHT}px);
|
|
17
|
-
overflow-x: hidden;
|
|
18
|
-
|
|
19
|
-
scrollbar-width: thin;
|
|
20
|
-
&::-webkit-scrollbar {
|
|
21
|
-
width: 6px;
|
|
22
|
-
}
|
|
23
|
-
`;
|
|
24
|
-
export {
|
|
25
|
-
StyledSideBarButtonsContainer,
|
|
26
|
-
StyledSideBarContainer
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-sidebar/styled.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MIN_WIDTH_SIDEBAR, BUTTON_SIDEBAR_HEIGHT } from '../../styled';\n\n// Sidebar\nexport const StyledSideBarContainer = styled(Grid)`\n height: 100%;\n width: ${MIN_WIDTH_SIDEBAR}px;\n background: ${(props) => props.theme.colors.neutral['050']};\n border-right: 1px solid ${(props) => props.theme.colors.neutral['100']};\n overflow: hidden;\n`;\n\nexport const StyledSideBarButtonsContainer = styled(Grid)`\n overflow-y: auto;\n align-items: flex-start;\n justify-content: flex-start;\n grid-template-rows: repeat(auto-fill, ${BUTTON_SIDEBAR_HEIGHT}px);\n overflow-x: hidden;\n\n scrollbar-width: thin;\n &::-webkit-scrollbar {\n width: 6px;\n }\n`;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,mBAAmB,6BAA6B;AAGlD,MAAM,yBAAyB,OAAO,IAAI;AAAA;AAAA,WAEtC;AAAA,gBACK,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,4BAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3D,MAAM,gCAAgC,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA,0CAId;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
|
|
4
|
-
import { Comments } from "@elliemae/ds-icons";
|
|
5
|
-
import { StyledFloatingButton } from "./styled";
|
|
6
|
-
import { defaultFloatingButton, propsFloatingButton } from "./props";
|
|
7
|
-
const FloatingButton = (props) => {
|
|
8
|
-
const propsWithDefault = useMemoMergePropsWithDefault(props, defaultFloatingButton);
|
|
9
|
-
useValidateTypescriptPropTypes(propsWithDefault, propsFloatingButton);
|
|
10
|
-
const { onFocus, innerRef, onClick } = propsWithDefault;
|
|
11
|
-
return /* @__PURE__ */ React2.createElement(StyledFloatingButton, {
|
|
12
|
-
onFocus,
|
|
13
|
-
ref: innerRef,
|
|
14
|
-
"data-testid": "chat-floating-button",
|
|
15
|
-
onClick
|
|
16
|
-
}, /* @__PURE__ */ React2.createElement(Comments, {
|
|
17
|
-
size: "l"
|
|
18
|
-
}));
|
|
19
|
-
};
|
|
20
|
-
FloatingButton.propTypes = propsFloatingButton;
|
|
21
|
-
FloatingButton.displayName = "FloatingButton";
|
|
22
|
-
const FloatingButtonWithSchema = describe(FloatingButton);
|
|
23
|
-
FloatingButtonWithSchema.propTypes = propsFloatingButton;
|
|
24
|
-
export {
|
|
25
|
-
FloatingButton,
|
|
26
|
-
FloatingButtonWithSchema
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=FloatingButton.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/floating-button/FloatingButton.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 { Comments } from '@elliemae/ds-icons';\nimport { StyledFloatingButton } from './styled';\nimport { defaultFloatingButton, propsFloatingButton, FloatingButtonProps } from './props';\n\nconst FloatingButton: React.ComponentType<FloatingButtonProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultFloatingButton);\n useValidateTypescriptPropTypes(propsWithDefault, propsFloatingButton);\n const { onFocus, innerRef, onClick } = propsWithDefault;\n return (\n <StyledFloatingButton onFocus={onFocus} ref={innerRef} data-testid=\"chat-floating-button\" onClick={onClick}>\n <Comments size=\"l\" />\n </StyledFloatingButton>\n );\n};\n\nFloatingButton.propTypes = propsFloatingButton as WeakValidationMap<unknown>;\nFloatingButton.displayName = 'FloatingButton';\nconst FloatingButtonWithSchema = describe(FloatingButton);\nFloatingButtonWithSchema.propTypes = propsFloatingButton as WeakValidationMap<unknown>;\n\nexport { FloatingButton, FloatingButtonWithSchema };\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAkC;AACzC,SAAS,UAAU,gCAAgC,oCAAoC;AAEvF,SAAS,gBAAgB;AACzB,SAAS,4BAA4B;AACrC,SAAS,uBAAuB,2BAAgD;AAEhF,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM,mBAAmB,6BAA6B,OAAO,qBAAqB;AAClF,iCAA+B,kBAAkB,mBAAmB;AACpE,QAAM,EAAE,SAAS,UAAU,QAAQ,IAAI;AACvC,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAqB;AAAA,IAAkB,KAAK;AAAA,IAAU,eAAY;AAAA,IAAuB;AAAA,KACxF,gBAAAA,OAAA,cAAC;AAAA,IAAS,MAAK;AAAA,GAAI,CACrB;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AACxD,yBAAyB,YAAY;",
|
|
6
|
-
"names": ["React"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/floating-button/index.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './FloatingButton';\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { PropTypes } from "@elliemae/ds-utilities";
|
|
3
|
-
import { noop } from "lodash";
|
|
4
|
-
const defaultFloatingButton = {
|
|
5
|
-
onClick: noop,
|
|
6
|
-
onFocus: noop,
|
|
7
|
-
innerRef: null
|
|
8
|
-
};
|
|
9
|
-
const propsFloatingButton = {
|
|
10
|
-
onClick: PropTypes.func.description("The function to call when the chat is opened via the footer").defaultValue(defaultFloatingButton.onClick),
|
|
11
|
-
onFocus: PropTypes.func.description("The function to call when button is being focused").defaultValue(defaultFloatingButton.onFocus),
|
|
12
|
-
innerRef: PropTypes.object.description("Ref to the component container").defaultValue(null)
|
|
13
|
-
};
|
|
14
|
-
export {
|
|
15
|
-
defaultFloatingButton,
|
|
16
|
-
propsFloatingButton
|
|
17
|
-
};
|
|
18
|
-
//# sourceMappingURL=props.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/floating-button/props.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\nimport { noop } from 'lodash';\nimport React from 'react';\n\nexport interface FloatingButtonProps {\n onClick: () => void;\n onFocus: () => void;\n innerRef: React.RefObject<HTMLButtonElement>;\n}\n\nexport const defaultFloatingButton: FloatingButtonProps = {\n onClick: noop,\n onFocus: noop,\n innerRef: null,\n};\n\nexport const propsFloatingButton = {\n onClick: PropTypes.func\n .description('The function to call when the chat is opened via the footer')\n .defaultValue(defaultFloatingButton.onClick),\n onFocus: PropTypes.func\n .description('The function to call when button is being focused')\n .defaultValue(defaultFloatingButton.onFocus),\n innerRef: PropTypes.object.description('Ref to the component container').defaultValue(null),\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AASd,MAAM,wBAA6C;AAAA,EACxD,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AACZ;AAEO,MAAM,sBAAsB;AAAA,EACjC,SAAS,UAAU,KAChB,YAAY,6DAA6D,EACzE,aAAa,sBAAsB,OAAO;AAAA,EAC7C,SAAS,UAAU,KAChB,YAAY,mDAAmD,EAC/D,aAAa,sBAAsB,OAAO;AAAA,EAC7C,UAAU,UAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,IAAI;AAC5F;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { styled } from "@elliemae/ds-system";
|
|
3
|
-
const BUTTON_FLOATING = 56;
|
|
4
|
-
const BOX_SHADOW = "0 5px 8px 0 rgba(53,60,70,0.55)";
|
|
5
|
-
const BOX_SHADOW_FLOATING = "0 5px 8px 0 rgba(53,60,70,0.35)";
|
|
6
|
-
const BOX_SHADOW_INSET = `inset 100px 3px 4px 0 rgba(53,60,70,0.50)`;
|
|
7
|
-
const StyledFloatingButton = styled.button`
|
|
8
|
-
outline: none;
|
|
9
|
-
cursor: pointer;
|
|
10
|
-
height: ${BUTTON_FLOATING}px;
|
|
11
|
-
width: ${BUTTON_FLOATING}px;
|
|
12
|
-
border: none;
|
|
13
|
-
background: ${(props) => props.theme.colors.brand[600]};
|
|
14
|
-
border-radius: 50%;
|
|
15
|
-
box-shadow: ${BOX_SHADOW_FLOATING};
|
|
16
|
-
&:hover {
|
|
17
|
-
background: ${(props) => props.theme.colors.brand[700]};
|
|
18
|
-
}
|
|
19
|
-
&:focus {
|
|
20
|
-
border: 2px solid ${(props) => props.theme.colors.brand[700]};
|
|
21
|
-
box-shadow: inset 0 0 0 2px ${(props) => props.theme.colors.neutral["000"]},
|
|
22
|
-
${BOX_SHADOW};
|
|
23
|
-
}
|
|
24
|
-
&:active {
|
|
25
|
-
background: ${(props) => props.theme.colors.brand[800]};
|
|
26
|
-
box-shadow: inset 0 0 0 0, ${BOX_SHADOW_FLOATING};
|
|
27
|
-
}
|
|
28
|
-
svg {
|
|
29
|
-
fill: ${(props) => props.theme.colors.neutral["000"]};
|
|
30
|
-
}
|
|
31
|
-
`;
|
|
32
|
-
export {
|
|
33
|
-
StyledFloatingButton
|
|
34
|
-
};
|
|
35
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/floating-button/styled.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\n\nconst BUTTON_FLOATING = 56;\nconst BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';\nconst BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';\nconst BOX_SHADOW_INSET = `inset 100px 3px 4px 0 rgba(53,60,70,0.50)`;\n\nexport const StyledFloatingButton = styled.button`\n outline: none;\n cursor: pointer;\n height: ${BUTTON_FLOATING}px;\n width: ${BUTTON_FLOATING}px;\n border: none;\n background: ${(props) => props.theme.colors.brand[600]};\n border-radius: 50%;\n box-shadow: ${BOX_SHADOW_FLOATING};\n &:hover {\n background: ${(props) => props.theme.colors.brand[700]};\n }\n &:focus {\n border: 2px solid ${(props) => props.theme.colors.brand[700]};\n box-shadow: inset 0 0 0 2px ${(props) => props.theme.colors.neutral['000']},\n ${BOX_SHADOW};\n }\n &:active {\n background: ${(props) => props.theme.colors.brand[800]};\n box-shadow: inset 0 0 0 0, ${BOX_SHADOW_FLOATING};\n }\n svg {\n fill: ${(props) => props.theme.colors.neutral['000']};\n }\n`;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AAEvB,MAAM,kBAAkB;AACxB,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;AAElB,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA,YAG/B;AAAA,WACD;AAAA;AAAA,gBAEK,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA,gBAEpC;AAAA;AAAA,kBAEE,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,wBAG9B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,kCAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,QAChE;AAAA;AAAA;AAAA,kBAGU,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,iCACrB;AAAA;AAAA;AAAA,YAGrB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;",
|
|
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
|
-
import { BOX_SHADOW } from "../../styled";
|
|
5
|
-
const StyledFloatingContainer = styled(Grid)`
|
|
6
|
-
position: fixed;
|
|
7
|
-
bottom: 24px;
|
|
8
|
-
right: 24px;
|
|
9
|
-
border-radius: 4px;
|
|
10
|
-
z-index: 1;
|
|
11
|
-
box-shadow: ${BOX_SHADOW};
|
|
12
|
-
background: ${(nestedProps) => nestedProps.theme.colors.neutral["050"]};
|
|
13
|
-
width: 348px;
|
|
14
|
-
`;
|
|
15
|
-
export {
|
|
16
|
-
StyledFloatingContainer
|
|
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/floating-container/styled.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BOX_SHADOW } from '../../styled';\n\n// Floating\nexport const StyledFloatingContainer = styled(Grid)`\n position: fixed;\n bottom: 24px;\n right: 24px;\n border-radius: 4px;\n z-index: 1;\n box-shadow: ${BOX_SHADOW};\n background: ${(nestedProps) => nestedProps.theme.colors.neutral['050']};\n width: 348px;\n`;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAGpB,MAAM,0BAA0B,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMlC;AAAA,gBACA,CAAC,gBAAgB,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import { StyledChatContainer } from "./styled";
|
|
4
|
-
import { ChatContainer } from "../../parts/chat-container/ChatContainer";
|
|
5
|
-
import { SideBarChat } from "../chat-sidebar/SideBarChat";
|
|
6
|
-
const InfluencerContainer = (props) => React2.useMemo(
|
|
7
|
-
() => props.floating ? null : /* @__PURE__ */ React2.createElement(StyledChatContainer, {
|
|
8
|
-
cols: ["auto", props.expanded ? 1 : "0px"],
|
|
9
|
-
expanded: props.expanded,
|
|
10
|
-
expandedWidth: props.expandedWidth
|
|
11
|
-
}, /* @__PURE__ */ React2.createElement(SideBarChat, null), props.expanded ? /* @__PURE__ */ React2.createElement(ChatContainer, null) : /* @__PURE__ */ React2.createElement("div", null)),
|
|
12
|
-
[props.floating, props.expanded, props.expandedWidth]
|
|
13
|
-
);
|
|
14
|
-
export {
|
|
15
|
-
InfluencerContainer
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=InfluencerContainer.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/grid-influencer/InfluencerContainer.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { StyledChatContainer } from './styled';\nimport { ChatContainer } from '../../parts/chat-container/ChatContainer';\nimport { SideBarChat } from '../chat-sidebar/SideBarChat';\n\nexport const InfluencerContainer: React.ComponentType<any> = (props) =>\n React.useMemo(\n () =>\n props.floating ? null : (\n <StyledChatContainer\n cols={['auto', props.expanded ? 1 : '0px']}\n expanded={props.expanded}\n expandedWidth={props.expandedWidth}\n >\n <SideBarChat />\n {props.expanded ? <ChatContainer /> : <div />}\n </StyledChatContainer>\n ),\n [props.floating, props.expanded, props.expandedWidth],\n );\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACCvB,OAAOA,YAAW;AAClB,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAErB,MAAM,sBAAgD,CAAC,UAC5DA,OAAM;AAAA,EACJ,MACE,MAAM,WAAW,OACf,gBAAAA,OAAA,cAAC;AAAA,IACC,MAAM,CAAC,QAAQ,MAAM,WAAW,IAAI,KAAK;AAAA,IACzC,UAAU,MAAM;AAAA,IAChB,eAAe,MAAM;AAAA,KAErB,gBAAAA,OAAA,cAAC,iBAAY,GACZ,MAAM,WAAW,gBAAAA,OAAA,cAAC,mBAAc,IAAK,gBAAAA,OAAA,cAAC,WAAI,CAC7C;AAAA,EAEJ,CAAC,MAAM,UAAU,MAAM,UAAU,MAAM,aAAa;AACtD;",
|
|
6
|
-
"names": ["React"]
|
|
7
|
-
}
|