@elliemae/ds-chat 1.61.10 → 1.61.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/ChatDataTestids.js.map +1 -1
- package/cjs/index.js +2 -1
- package/cjs/index.js.map +1 -1
- package/cjs/parts/bubble/ChatBubble.js.map +1 -1
- package/cjs/parts/bubble/ChatBubbleArrow.js.map +1 -1
- package/cjs/parts/bubble/config/useValidateProps.js.map +1 -1
- package/cjs/parts/bubble/props.js.map +1 -1
- package/cjs/parts/bubble/styled.js.map +1 -1
- package/cjs/parts/chat-card/ChatCard.js.map +1 -1
- package/cjs/parts/chat-card/config/useValidateProps.js.map +1 -1
- package/cjs/parts/chat-card/props.js.map +1 -1
- package/cjs/parts/chat-card/styled.js.map +1 -1
- package/cjs/parts/chat-composer/ChatContainerComposer.js.map +1 -1
- package/cjs/parts/chat-composer/config/useValidateProps.js.map +1 -1
- package/cjs/parts/chat-composer/props.js.map +1 -1
- package/cjs/parts/chat-composer/styled.js.map +1 -1
- package/cjs/parts/chat-container/ChatContainer.js +1 -0
- package/cjs/parts/chat-container/ChatContainer.js.map +1 -1
- package/cjs/parts/chat-container/config/useValidateProps.js.map +1 -1
- package/cjs/parts/chat-container/index.js +1 -0
- package/cjs/parts/chat-container/index.js.map +1 -1
- package/cjs/parts/chat-container/props.js.map +1 -1
- package/cjs/parts/chat-container/styled.js.map +1 -1
- package/cjs/parts/chat-container-header/ChatContainerHeader.js.map +1 -1
- package/cjs/parts/chat-container-header/helpers.js.map +1 -1
- package/cjs/parts/chat-container-header/styled.js.map +1 -1
- package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js +9 -3
- package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +1 -1
- package/cjs/parts/chat-container-messages-list/config/useValidateProps.js.map +1 -1
- package/cjs/parts/chat-container-messages-list/index.js +2 -0
- package/cjs/parts/chat-container-messages-list/index.js.map +1 -1
- package/cjs/parts/chat-container-messages-list/props.js.map +1 -1
- package/cjs/parts/chat-container-messages-list/styled.js +7 -3
- package/cjs/parts/chat-container-messages-list/styled.js.map +1 -1
- package/cjs/parts/chat-container-messages-list/useGetNewMessages.js +34 -0
- package/cjs/parts/chat-container-messages-list/useGetNewMessages.js.map +1 -0
- package/cjs/parts/chat-empty-state/ChatEmptyState.js.map +1 -1
- package/cjs/parts/chat-empty-state/config/useValidateProps.js.map +1 -1
- package/cjs/parts/chat-empty-state/props.js.map +1 -1
- package/cjs/parts/chat-empty-state/styled.js.map +1 -1
- package/cjs/parts/chat-sidebar/SideBarChat.js.map +1 -1
- package/cjs/parts/chat-sidebar/config/useValidateProps.js.map +1 -1
- package/cjs/parts/chat-sidebar/props.js.map +1 -1
- package/cjs/parts/chat-sidebar/styled.js.map +1 -1
- package/cjs/parts/floating-button/FloatingButton.js.map +1 -1
- package/cjs/parts/floating-button/props.js.map +1 -1
- package/cjs/parts/floating-button/styled.js.map +1 -1
- package/cjs/parts/floating-container/styled.js.map +1 -1
- package/cjs/parts/grid-influencer/InfluencerContainer.js +1 -0
- package/cjs/parts/grid-influencer/InfluencerContainer.js.map +1 -1
- package/cjs/parts/grid-influencer/styled.js.map +1 -1
- package/cjs/parts/message-delimiter/MessageDelimiter.js.map +1 -1
- package/cjs/parts/message-delimiter/config/useValidateProps.js.map +1 -1
- package/cjs/parts/message-delimiter/props.js.map +1 -1
- package/cjs/parts/message-delimiter/styled.js.map +1 -1
- package/cjs/parts/sidebar-button/SidebarButton.js.map +1 -1
- package/cjs/parts/sidebar-button/props.js.map +1 -1
- package/cjs/parts/sidebar-button/styled.js.map +1 -1
- package/cjs/parts/system-message/SystemMessage.js.map +1 -1
- package/cjs/parts/system-message/config/useValidateProps.js.map +1 -1
- package/cjs/parts/system-message/props.js.map +1 -1
- package/cjs/parts/system-message/style.js.map +1 -1
- package/cjs/parts/tile-button/TileButton.js.map +1 -1
- package/cjs/parts/tile-button/config/useValidateProps.js.map +1 -1
- package/cjs/parts/tile-button/props.js.map +1 -1
- package/cjs/parts/tile-button/styled.js.map +1 -1
- package/cjs/prop-types.js.map +1 -1
- package/cjs/tests/utils.js.map +1 -1
- package/esm/ChatDataTestids.js.map +1 -1
- package/esm/index.js +2 -1
- package/esm/index.js.map +1 -1
- package/esm/parts/bubble/ChatBubble.js.map +1 -1
- package/esm/parts/bubble/ChatBubbleArrow.js.map +1 -1
- package/esm/parts/bubble/config/useValidateProps.js.map +1 -1
- package/esm/parts/bubble/props.js.map +1 -1
- package/esm/parts/bubble/styled.js.map +1 -1
- package/esm/parts/chat-card/ChatCard.js.map +1 -1
- package/esm/parts/chat-card/config/useValidateProps.js.map +1 -1
- package/esm/parts/chat-card/props.js.map +1 -1
- package/esm/parts/chat-card/styled.js.map +1 -1
- package/esm/parts/chat-composer/ChatContainerComposer.js.map +1 -1
- package/esm/parts/chat-composer/config/useValidateProps.js.map +1 -1
- package/esm/parts/chat-composer/props.js.map +1 -1
- package/esm/parts/chat-composer/styled.js.map +1 -1
- package/esm/parts/chat-container/ChatContainer.js +1 -0
- package/esm/parts/chat-container/ChatContainer.js.map +1 -1
- package/esm/parts/chat-container/config/useValidateProps.js.map +1 -1
- package/esm/parts/chat-container/index.js +1 -0
- package/esm/parts/chat-container/index.js.map +1 -1
- package/esm/parts/chat-container/props.js.map +1 -1
- package/esm/parts/chat-container/styled.js.map +1 -1
- package/esm/parts/chat-container-header/ChatContainerHeader.js.map +1 -1
- package/esm/parts/chat-container-header/helpers.js.map +1 -1
- package/esm/parts/chat-container-header/styled.js.map +1 -1
- package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js +10 -4
- package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +1 -1
- package/esm/parts/chat-container-messages-list/config/useValidateProps.js.map +1 -1
- package/esm/parts/chat-container-messages-list/index.js +2 -0
- package/esm/parts/chat-container-messages-list/index.js.map +1 -1
- package/esm/parts/chat-container-messages-list/props.js.map +1 -1
- package/esm/parts/chat-container-messages-list/styled.js +7 -4
- package/esm/parts/chat-container-messages-list/styled.js.map +1 -1
- package/esm/parts/chat-container-messages-list/useGetNewMessages.js +26 -0
- package/esm/parts/chat-container-messages-list/useGetNewMessages.js.map +1 -0
- package/esm/parts/chat-empty-state/ChatEmptyState.js.map +1 -1
- package/esm/parts/chat-empty-state/config/useValidateProps.js.map +1 -1
- package/esm/parts/chat-empty-state/props.js.map +1 -1
- package/esm/parts/chat-empty-state/styled.js.map +1 -1
- package/esm/parts/chat-sidebar/SideBarChat.js.map +1 -1
- package/esm/parts/chat-sidebar/config/useValidateProps.js.map +1 -1
- package/esm/parts/chat-sidebar/props.js.map +1 -1
- package/esm/parts/chat-sidebar/styled.js.map +1 -1
- package/esm/parts/floating-button/FloatingButton.js.map +1 -1
- package/esm/parts/floating-button/props.js.map +1 -1
- package/esm/parts/floating-button/styled.js.map +1 -1
- package/esm/parts/floating-container/styled.js.map +1 -1
- package/esm/parts/grid-influencer/InfluencerContainer.js +1 -0
- package/esm/parts/grid-influencer/InfluencerContainer.js.map +1 -1
- package/esm/parts/grid-influencer/styled.js.map +1 -1
- package/esm/parts/message-delimiter/MessageDelimiter.js.map +1 -1
- package/esm/parts/message-delimiter/config/useValidateProps.js.map +1 -1
- package/esm/parts/message-delimiter/props.js.map +1 -1
- package/esm/parts/message-delimiter/styled.js.map +1 -1
- package/esm/parts/sidebar-button/SidebarButton.js.map +1 -1
- package/esm/parts/sidebar-button/props.js.map +1 -1
- package/esm/parts/sidebar-button/styled.js.map +1 -1
- package/esm/parts/system-message/SystemMessage.js.map +1 -1
- package/esm/parts/system-message/config/useValidateProps.js.map +1 -1
- package/esm/parts/system-message/props.js.map +1 -1
- package/esm/parts/system-message/style.js.map +1 -1
- package/esm/parts/tile-button/TileButton.js.map +1 -1
- package/esm/parts/tile-button/config/useValidateProps.js.map +1 -1
- package/esm/parts/tile-button/props.js.map +1 -1
- package/esm/parts/tile-button/styled.js.map +1 -1
- package/esm/prop-types.js.map +1 -1
- package/esm/tests/utils.js.map +1 -1
- package/package.json +9 -9
- package/parts/chat-container-messages-list/useGetNewMessages/package.json +10 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../src/parts/tile-button/styled.ts"],"sourcesContent":["/* eslint-disable indent */\n/* eslint-disable max-lines */\nimport styled, { css } from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { TileButtonProps } from './props';\nconst MIN_WIDTH_SIDEBAR = 48;\nconst BUTTON_SIDEBAR_HEIGHT = 48;\n\n// Buttons\nexport const StyledWrapperLeftBorder = styled(Grid)`\n height: 100%;\n width: 4px;\n position: absolute;\n top: 0;\n left: 0;\n`;\n\nexport const StyledStatusBadge = styled.div<Partial<TileButtonProps>>`\n height: 8px;\n width: 8px;\n position: absolute;\n top: 0;\n background: ${(props) => {\n switch (props.badgeColor) {\n case 'blue':\n return props.theme.colors.brand[600];\n case 'green':\n return props.theme.colors.success[900];\n default:\n return props.theme.colors.brand[600];\n }\n }};\n ${(props) => {\n switch (props.badgePosition) {\n case 'left':\n return 'left: -4px;';\n case 'right':\n return 'right: -4px;';\n default:\n return 'left: -4px;';\n }\n }};\n border-radius: 50%;\n box-sizing: content-box;\n`;\n\nexport const StyledWrapperCentralContent = styled(Grid)`\n width: 24px;\n height: 40px;\n`;\n\nexport const StyledTileButtonIcon = styled(Grid)`\n position: relative;\n height: 24px;\n width: 24px;\n svg {\n fill: ${(props) => props.theme.colors.neutral[500]};\n }\n\n &:focus {\n svg {\n fill: ${(props) => props.theme.colors.brand[800]};\n }\n }\n`;\n\nexport const StyledTileButtonLabel = styled.div`\n width: 24px;\n height: ${(props) => props.theme.space.xs};\n text-transform: uppercase;\n overflow: hidden;\n text-align: center;\n font-size: 13px;\n color: ${(props) => props.theme.colors.neutral[600]};\n line-height: 17px;\n`;\n\nexport const CloseButton = styled.button<any>`\n outline: none;\n background: none;\n height: 9px;\n width: 9px;\n position: absolute;\n top: 1px;\n right: 1px;\n overflow: hidden;\n padding: 0;\n border: none;\n span {\n position: absolute;\n left: -3px;\n top: -4px;\n }\n\n &:focus,\n &:hover {\n svg {\n fill: ${(props) => props.theme.colors.brand[600]};\n }\n &:after {\n display: block;\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: solid 1px ${(props) => props.theme.colors.brand[600]};\n border-radius: 2px;\n }\n }\n cursor: pointer;\n`;\n\n// MAIN WRAPPER\nexport const StyledTooltipV3ButtonWrapper = styled.div`\n height: ${BUTTON_SIDEBAR_HEIGHT}px;\n width: ${MIN_WIDTH_SIDEBAR}px;\n`;\nexport const StyledTileButton = styled.button<Partial<TileButtonProps>>`\n outline: none;\n background: transparent;\n height: ${BUTTON_SIDEBAR_HEIGHT}px;\n width: ${MIN_WIDTH_SIDEBAR}px;\n position: relative;\n padding: 0;\n border: none;\n cursor: pointer;\n border-bottom: ${(props) => (props.isHeader ? `1px solid ${props.theme.colors.neutral['200']}` : 'none')};\n &:focus,\n &:hover,\n &:active,\n &:disabled {\n background: ${(props) => props.theme.colors.neutral['080']};\n & ${StyledStatusBadge} {\n border: 2px solid ${(props) => props.theme.colors.neutral['080']};\n margin-top: -2px;\n ${(props) => {\n switch (props.badgePosition) {\n case 'left':\n return 'margin-left: -2px;';\n case 'right':\n return 'margin-right: -2px;';\n default:\n return 'margin-left: -2px;';\n }\n }};\n }\n }\n\n &:focus,\n &:hover {\n & ${StyledWrapperLeftBorder} {\n background: ${(props) => props.theme.colors.brand[800]};\n }\n & ${StyledTileButtonLabel} {\n color: ${(props) => props.theme.colors.neutral[600]};\n }\n\n & svg {\n fill: ${(props) => props.theme.colors.brand[800]};\n }\n }\n\n &:active:not(:disabled) {\n background: ${(props) => props.theme.colors.neutral['050']};\n & ${StyledWrapperLeftBorder} {\n background: ${(props) => props.theme.colors.brand[600]};\n }\n & ${StyledTileButtonLabel} {\n color: ${(props) => props.theme.colors.neutral[600]};\n font-weight: 600;\n }\n & svg {\n fill: ${(props) => props.theme.colors.brand[600]};\n }\n & ${StyledStatusBadge} {\n border: 2px solid ${(props) => props.theme.colors.neutral['050']};\n }\n }\n\n &:disabled {\n background: ${(props) => props.theme.colors.neutral['080']};\n ${StyledWrapperLeftBorder} {\n background: ${(props) => props.theme.colors.neutral['400']};\n }\n & ${StyledStatusBadge} {\n background: ${(props) => props.theme.colors.neutral['500']};\n border: 2px solid ${(props) => props.theme.colors.neutral['080']};\n }\n ${StyledTileButtonIcon} {\n svg {\n fill: ${(props) => props.theme.colors.neutral[400]};\n }\n }\n ${StyledTileButtonLabel} {\n color: ${(props) => props.theme.colors.neutral[400]};\n }\n }\n\n ${(props) => {\n if (props.selected) {\n return css`\n & ${StyledWrapperLeftBorder} {\n background: ${(nestedProps) => nestedProps.theme.colors.brand[600]};\n }\n `;\n }\n return '';\n }}\n`;\n\nexport const StyledWrapper = styled(Grid)`\n height: 100%;\n width: 100%;\n position: relative;\n`;\n"],"names":["MIN_WIDTH_SIDEBAR","BUTTON_SIDEBAR_HEIGHT","StyledWrapperLeftBorder","styled","Grid","StyledStatusBadge","div","props","badgeColor","theme","colors","brand","success","badgePosition","StyledWrapperCentralContent","StyledTileButtonIcon","neutral","StyledTileButtonLabel","space","xs","CloseButton","button","StyledTooltipV3ButtonWrapper","StyledTileButton","isHeader","selected","css","nestedProps","StyledWrapper"],"mappings":";;;AAAA;AAKA,IAAMA,iBAAiB,GAAG,EAA1B;AACA,IAAMC,qBAAqB,GAAG,EAA9B;;IAGaC,uBAAuB,gBAAGC,MAAM,CAACC,IAAD,CAAT;
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../src/parts/tile-button/styled.ts"],"sourcesContent":["/* eslint-disable indent */\n/* eslint-disable max-lines */\nimport styled, { css } from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { TileButtonProps } from './props';\nconst MIN_WIDTH_SIDEBAR = 48;\nconst BUTTON_SIDEBAR_HEIGHT = 48;\n\n// Buttons\nexport const StyledWrapperLeftBorder = styled(Grid)`\n height: 100%;\n width: 4px;\n position: absolute;\n top: 0;\n left: 0;\n`;\n\nexport const StyledStatusBadge = styled.div<Partial<TileButtonProps>>`\n height: 8px;\n width: 8px;\n position: absolute;\n top: 0;\n background: ${(props) => {\n switch (props.badgeColor) {\n case 'blue':\n return props.theme.colors.brand[600];\n case 'green':\n return props.theme.colors.success[900];\n default:\n return props.theme.colors.brand[600];\n }\n }};\n ${(props) => {\n switch (props.badgePosition) {\n case 'left':\n return 'left: -4px;';\n case 'right':\n return 'right: -4px;';\n default:\n return 'left: -4px;';\n }\n }};\n border-radius: 50%;\n box-sizing: content-box;\n`;\n\nexport const StyledWrapperCentralContent = styled(Grid)`\n width: 24px;\n height: 40px;\n`;\n\nexport const StyledTileButtonIcon = styled(Grid)`\n position: relative;\n height: 24px;\n width: 24px;\n svg {\n fill: ${(props) => props.theme.colors.neutral[500]};\n }\n\n &:focus {\n svg {\n fill: ${(props) => props.theme.colors.brand[800]};\n }\n }\n`;\n\nexport const StyledTileButtonLabel = styled.div`\n width: 24px;\n height: ${(props) => props.theme.space.xs};\n text-transform: uppercase;\n overflow: hidden;\n text-align: center;\n font-size: 13px;\n color: ${(props) => props.theme.colors.neutral[600]};\n line-height: 17px;\n`;\n\nexport const CloseButton = styled.button<any>`\n outline: none;\n background: none;\n height: 9px;\n width: 9px;\n position: absolute;\n top: 1px;\n right: 1px;\n overflow: hidden;\n padding: 0;\n border: none;\n span {\n position: absolute;\n left: -3px;\n top: -4px;\n }\n\n &:focus,\n &:hover {\n svg {\n fill: ${(props) => props.theme.colors.brand[600]};\n }\n &:after {\n display: block;\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: solid 1px ${(props) => props.theme.colors.brand[600]};\n border-radius: 2px;\n }\n }\n cursor: pointer;\n`;\n\n// MAIN WRAPPER\nexport const StyledTooltipV3ButtonWrapper = styled.div`\n height: ${BUTTON_SIDEBAR_HEIGHT}px;\n width: ${MIN_WIDTH_SIDEBAR}px;\n`;\nexport const StyledTileButton = styled.button<Partial<TileButtonProps>>`\n outline: none;\n background: transparent;\n height: ${BUTTON_SIDEBAR_HEIGHT}px;\n width: ${MIN_WIDTH_SIDEBAR}px;\n position: relative;\n padding: 0;\n border: none;\n cursor: pointer;\n border-bottom: ${(props) => (props.isHeader ? `1px solid ${props.theme.colors.neutral['200']}` : 'none')};\n &:focus,\n &:hover,\n &:active,\n &:disabled {\n background: ${(props) => props.theme.colors.neutral['080']};\n & ${StyledStatusBadge} {\n border: 2px solid ${(props) => props.theme.colors.neutral['080']};\n margin-top: -2px;\n ${(props) => {\n switch (props.badgePosition) {\n case 'left':\n return 'margin-left: -2px;';\n case 'right':\n return 'margin-right: -2px;';\n default:\n return 'margin-left: -2px;';\n }\n }};\n }\n }\n\n &:focus,\n &:hover {\n & ${StyledWrapperLeftBorder} {\n background: ${(props) => props.theme.colors.brand[800]};\n }\n & ${StyledTileButtonLabel} {\n color: ${(props) => props.theme.colors.neutral[600]};\n }\n\n & svg {\n fill: ${(props) => props.theme.colors.brand[800]};\n }\n }\n\n &:active:not(:disabled) {\n background: ${(props) => props.theme.colors.neutral['050']};\n & ${StyledWrapperLeftBorder} {\n background: ${(props) => props.theme.colors.brand[600]};\n }\n & ${StyledTileButtonLabel} {\n color: ${(props) => props.theme.colors.neutral[600]};\n font-weight: 600;\n }\n & svg {\n fill: ${(props) => props.theme.colors.brand[600]};\n }\n & ${StyledStatusBadge} {\n border: 2px solid ${(props) => props.theme.colors.neutral['050']};\n }\n }\n\n &:disabled {\n background: ${(props) => props.theme.colors.neutral['080']};\n ${StyledWrapperLeftBorder} {\n background: ${(props) => props.theme.colors.neutral['400']};\n }\n & ${StyledStatusBadge} {\n background: ${(props) => props.theme.colors.neutral['500']};\n border: 2px solid ${(props) => props.theme.colors.neutral['080']};\n }\n ${StyledTileButtonIcon} {\n svg {\n fill: ${(props) => props.theme.colors.neutral[400]};\n }\n }\n ${StyledTileButtonLabel} {\n color: ${(props) => props.theme.colors.neutral[400]};\n }\n }\n\n ${(props) => {\n if (props.selected) {\n return css`\n & ${StyledWrapperLeftBorder} {\n background: ${(nestedProps) => nestedProps.theme.colors.brand[600]};\n }\n `;\n }\n return '';\n }}\n`;\n\nexport const StyledWrapper = styled(Grid)`\n height: 100%;\n width: 100%;\n position: relative;\n`;\n"],"names":["MIN_WIDTH_SIDEBAR","BUTTON_SIDEBAR_HEIGHT","StyledWrapperLeftBorder","styled","Grid","StyledStatusBadge","div","props","badgeColor","theme","colors","brand","success","badgePosition","StyledWrapperCentralContent","StyledTileButtonIcon","neutral","StyledTileButtonLabel","space","xs","CloseButton","button","StyledTooltipV3ButtonWrapper","StyledTileButton","isHeader","selected","css","nestedProps","StyledWrapper"],"mappings":"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"}
|
package/esm/prop-types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prop-types.js","sources":["../../src/prop-types.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { ChatProps } from './index.d';\n\nexport const defaultProps: ChatProps = {\n expanded: false,\n expandedWidth: 348,\n openedItem: undefined,\n onFooterExpand: noop,\n onFooterClose: noop,\n floating: false,\n onHeaderExpand: noop,\n onHeaderClose: noop,\n title: 'Header Title',\n};\n\nexport const chatProps = {\n containerProps: PropTypes.shape({}).defaultValue({}),\n expanded: PropTypes.bool\n .description('Whether to show the chat expanded or collapsed')\n .defaultValue(defaultProps.expanded),\n expandedWidth: PropTypes.number\n .description('Total width attached to the expanded Chat')\n .defaultValue(defaultProps.expandedWidth),\n openedItem: PropTypes.string\n .description('The id of the chat item you want to be opened')\n .defaultValue(defaultProps.openedItem),\n messages: PropTypes.arrayOf(PropTypes.object)\n .description(\n 'The array of out-of-the-box items you want to render inside the container list of the chat',\n )\n .defaultValue(defaultProps.openedItem),\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 floating: PropTypes.bool\n .description('Whether to show the chat as floating chat or not')\n .defaultValue(defaultProps.floating),\n};\n"],"names":["defaultProps","expanded","expandedWidth","openedItem","undefined","onFooterExpand","noop","onFooterClose","floating","onHeaderExpand","onHeaderClose","title","chatProps","containerProps","PropTypes","shape","defaultValue","bool","description","number","string","messages","arrayOf","object","func"],"mappings":";;;IAIaA,YAAuB,GAAG;
|
|
1
|
+
{"version":3,"file":"prop-types.js","sources":["../../src/prop-types.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { ChatProps } from './index.d';\n\nexport const defaultProps: ChatProps = {\n expanded: false,\n expandedWidth: 348,\n openedItem: undefined,\n onFooterExpand: noop,\n onFooterClose: noop,\n floating: false,\n onHeaderExpand: noop,\n onHeaderClose: noop,\n title: 'Header Title',\n};\n\nexport const chatProps = {\n containerProps: PropTypes.shape({}).defaultValue({}),\n expanded: PropTypes.bool\n .description('Whether to show the chat expanded or collapsed')\n .defaultValue(defaultProps.expanded),\n expandedWidth: PropTypes.number\n .description('Total width attached to the expanded Chat')\n .defaultValue(defaultProps.expandedWidth),\n openedItem: PropTypes.string\n .description('The id of the chat item you want to be opened')\n .defaultValue(defaultProps.openedItem),\n messages: PropTypes.arrayOf(PropTypes.object)\n .description(\n 'The array of out-of-the-box items you want to render inside the container list of the chat',\n )\n .defaultValue(defaultProps.openedItem),\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 floating: PropTypes.bool\n .description('Whether to show the chat as floating chat or not')\n .defaultValue(defaultProps.floating),\n};\n"],"names":["defaultProps","expanded","expandedWidth","openedItem","undefined","onFooterExpand","noop","onFooterClose","floating","onHeaderExpand","onHeaderClose","title","chatProps","containerProps","PropTypes","shape","defaultValue","bool","description","number","string","messages","arrayOf","object","func"],"mappings":";;;IAIaA,YAAuB,GAAG;EACrCC,QAAQ,EAAE,KAD2B;EAErCC,aAAa,EAAE,GAFsB;EAGrCC,UAAU,EAAEC,SAHyB;EAIrCC,cAAc,EAAEC,IAJqB;EAKrCC,aAAa,EAAED,IALsB;EAMrCE,QAAQ,EAAE,KAN2B;EAOrCC,cAAc,EAAEH,IAPqB;EAQrCI,aAAa,EAAEJ,IARsB;EASrCK,KAAK,EAAE;AAT8B;IAY1BC,SAAS,GAAG;EACvBC,cAAc,EAAEC,SAAS,CAACC,KAAV,CAAgB,EAAhB,EAAoBC,YAApB,CAAiC,EAAjC,CADO;EAEvBf,QAAQ,EAAEa,SAAS,CAACG,IAAV,CACPC,WADO,CACK,gDADL,EAEPF,YAFO,CAEMhB,YAAY,CAACC,QAFnB,CAFa;EAKvBC,aAAa,EAAEY,SAAS,CAACK,MAAV,CACZD,WADY,CACA,2CADA,EAEZF,YAFY,CAEChB,YAAY,CAACE,aAFd,CALQ;EAQvBC,UAAU,EAAEW,SAAS,CAACM,MAAV,CACTF,WADS,CACG,+CADH,EAETF,YAFS,CAEIhB,YAAY,CAACG,UAFjB,CARW;EAWvBkB,QAAQ,EAAEP,SAAS,CAACQ,OAAV,CAAkBR,SAAS,CAACS,MAA5B,EACPL,WADO,CAEN,4FAFM,EAIPF,YAJO,CAIMhB,YAAY,CAACG,UAJnB,CAXa;EAgBvBE,cAAc,EAAES,SAAS,CAACU,IAAV,CACbN,WADa,CACD,6DADC,EAEbF,YAFa,CAEAhB,YAAY,CAACK,cAFb,CAhBO;EAmBvBE,aAAa,EAAEO,SAAS,CAACU,IAAV,CACZN,WADY,CACA,6DADA,EAEZF,YAFY,CAEChB,YAAY,CAACO,aAFd,CAnBQ;EAsBvBE,cAAc,EAAEK,SAAS,CAACU,IAAV,CACbN,WADa,CACD,6DADC,EAEbF,YAFa,CAEAhB,YAAY,CAACS,cAFb,CAtBO;EAyBvBC,aAAa,EAAEI,SAAS,CAACU,IAAV,CACZN,WADY,CACA,6DADA,EAEZF,YAFY,CAEChB,YAAY,CAACU,aAFd,CAzBQ;EA4BvBF,QAAQ,EAAEM,SAAS,CAACG,IAAV,CACPC,WADO,CACK,kDADL,EAEPF,YAFO,CAEMhB,YAAY,CAACQ,QAFnB;AA5Ba;;;;"}
|
package/esm/tests/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../src/tests/utils.tsx"],"sourcesContent":["import { BUBBLE_TYPES } from '@elliemae/ds-chat';\n\nconst getRandomMessages = (q, key) =>\n Array(q)\n .fill()\n .map((v, i) => {\n if (i > 5 && i % 22 === 0) {\n return {\n dsId: `${i}`,\n body: `This is a system message that notifies the user of some important things`,\n type: BUBBLE_TYPES.SYSTEM,\n title: 'System Message',\n time: '4:50 pm',\n };\n }\n if (i > 5 && i % 16 === 0) {\n return {\n dsId: `${i}`,\n type: BUBBLE_TYPES.DELIMITER,\n title: 'Mon, Apr 25, 12:43 PM',\n extraProps: { 'data-testid': 'custom-data-testid' },\n };\n }\n const isSender = i % 2 === 0;\n const chatBubbleType = isSender ? BUBBLE_TYPES.SENDER : BUBBLE_TYPES.RECIPIENT;\n const chatTitle = isSender ? 'Robert Deniro' : 'Al Pacino';\n return {\n dsId: `${i}`,\n body: `Message text ${key} Message text ${i}`,\n type: chatBubbleType,\n title: chatTitle,\n time: '4:50 pm',\n helpMessage: isSender ? 'Delivered' : null,\n };\n });\n\nexport const loadMsgs = (q: number): unknown => getRandomMessages(q, 'item_key');\n"],"names":["getRandomMessages","q","key","Array","fill","map","v","i","dsId","body","type","BUBBLE_TYPES","SYSTEM","title","time","DELIMITER","extraProps","isSender","chatBubbleType","SENDER","RECIPIENT","chatTitle","helpMessage","loadMsgs"],"mappings":";;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,CAAD,EAAIC,GAAJ;
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../src/tests/utils.tsx"],"sourcesContent":["import { BUBBLE_TYPES } from '@elliemae/ds-chat';\n\nconst getRandomMessages = (q, key) =>\n Array(q)\n .fill()\n .map((v, i) => {\n if (i > 5 && i % 22 === 0) {\n return {\n dsId: `${i}`,\n body: `This is a system message that notifies the user of some important things`,\n type: BUBBLE_TYPES.SYSTEM,\n title: 'System Message',\n time: '4:50 pm',\n };\n }\n if (i > 5 && i % 16 === 0) {\n return {\n dsId: `${i}`,\n type: BUBBLE_TYPES.DELIMITER,\n title: 'Mon, Apr 25, 12:43 PM',\n extraProps: { 'data-testid': 'custom-data-testid' },\n };\n }\n const isSender = i % 2 === 0;\n const chatBubbleType = isSender ? BUBBLE_TYPES.SENDER : BUBBLE_TYPES.RECIPIENT;\n const chatTitle = isSender ? 'Robert Deniro' : 'Al Pacino';\n return {\n dsId: `${i}`,\n body: `Message text ${key} Message text ${i}`,\n type: chatBubbleType,\n title: chatTitle,\n time: '4:50 pm',\n helpMessage: isSender ? 'Delivered' : null,\n };\n });\n\nexport const loadMsgs = (q: number): unknown => getRandomMessages(q, 'item_key');\n"],"names":["getRandomMessages","q","key","Array","fill","map","v","i","dsId","body","type","BUBBLE_TYPES","SYSTEM","title","time","DELIMITER","extraProps","isSender","chatBubbleType","SENDER","RECIPIENT","chatTitle","helpMessage","loadMsgs"],"mappings":";;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,CAAD,EAAIC,GAAJ;EAAA,OACxBC,KAAK,CAACF,CAAD,CAAL,CACGG,IADH,GAEGC,GAFH,CAEO,UAACC,CAAD,EAAIC,CAAJ,EAAU;IACb,IAAIA,CAAC,GAAG,CAAJ,IAASA,CAAC,GAAG,EAAJ,KAAW,CAAxB,EAA2B;MACzB,OAAO;QACLC,IAAI,YAAKD,CAAL,CADC;QAELE,IAAI,4EAFC;QAGLC,IAAI,EAAEC,YAAY,CAACC,MAHd;QAILC,KAAK,EAAE,gBAJF;QAKLC,IAAI,EAAE;OALR;;;IAQF,IAAIP,CAAC,GAAG,CAAJ,IAASA,CAAC,GAAG,EAAJ,KAAW,CAAxB,EAA2B;MACzB,OAAO;QACLC,IAAI,YAAKD,CAAL,CADC;QAELG,IAAI,EAAEC,YAAY,CAACI,SAFd;QAGLF,KAAK,EAAE,uBAHF;QAILG,UAAU,EAAE;UAAE,eAAe;;OAJ/B;;;IAOF,IAAMC,QAAQ,GAAGV,CAAC,GAAG,CAAJ,KAAU,CAA3B;IACA,IAAMW,cAAc,GAAGD,QAAQ,GAAGN,YAAY,CAACQ,MAAhB,GAAyBR,YAAY,CAACS,SAArE;IACA,IAAMC,SAAS,GAAGJ,QAAQ,GAAG,eAAH,GAAqB,WAA/C;IACA,OAAO;MACLT,IAAI,YAAKD,CAAL,CADC;MAELE,IAAI,yBAAkBP,GAAlB,2BAAsCK,CAAtC,CAFC;MAGLG,IAAI,EAAEQ,cAHD;MAILL,KAAK,EAAEQ,SAJF;MAKLP,IAAI,EAAE,SALD;MAMLQ,WAAW,EAAEL,QAAQ,GAAG,WAAH,GAAiB;KANxC;GAvBJ,CADwB;AAAA,CAA1B;;IAkCaM,QAAQ,GAAG,SAAXA,QAAW,CAACtB,CAAD;EAAA,OAAwBD,iBAAiB,CAACC,CAAD,EAAI,UAAJ,CAAzC;AAAA;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-chat",
|
|
3
|
-
"version": "1.61.
|
|
3
|
+
"version": "1.61.13",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Ellie Mae - Dim Sum - Chat",
|
|
6
6
|
"main": "cjs/index.js",
|
|
@@ -16,14 +16,14 @@
|
|
|
16
16
|
"directory": "dist"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@elliemae/ds-banner": "1.61.
|
|
20
|
-
"@elliemae/ds-basic": "1.61.
|
|
21
|
-
"@elliemae/ds-button": "1.61.
|
|
22
|
-
"@elliemae/ds-grid": "1.61.
|
|
23
|
-
"@elliemae/ds-icons": "1.61.
|
|
24
|
-
"@elliemae/ds-props-helpers": "1.61.
|
|
25
|
-
"@elliemae/ds-tooltip": "1.61.
|
|
26
|
-
"@elliemae/ds-truncated-tooltip-text": "1.61.
|
|
19
|
+
"@elliemae/ds-banner": "1.61.13",
|
|
20
|
+
"@elliemae/ds-basic": "1.61.13",
|
|
21
|
+
"@elliemae/ds-button": "1.61.13",
|
|
22
|
+
"@elliemae/ds-grid": "1.61.13",
|
|
23
|
+
"@elliemae/ds-icons": "1.61.13",
|
|
24
|
+
"@elliemae/ds-props-helpers": "1.61.13",
|
|
25
|
+
"@elliemae/ds-tooltip": "1.61.13",
|
|
26
|
+
"@elliemae/ds-truncated-tooltip-text": "1.61.13",
|
|
27
27
|
"prop-types": "~15.7.2",
|
|
28
28
|
"react-desc": "^4.1.2",
|
|
29
29
|
"react-virtual": "^2.3.2"
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@elliemae/ds-chat/parts/chat-container-messages-list/useGetNewMessages",
|
|
3
|
+
"sideEffects": [
|
|
4
|
+
"*.css",
|
|
5
|
+
"*.scss"
|
|
6
|
+
],
|
|
7
|
+
"private": true,
|
|
8
|
+
"main": "../../../cjs/parts/chat-container-messages-list/useGetNewMessages.js",
|
|
9
|
+
"module": "../../../esm/parts/chat-container-messages-list/useGetNewMessages.js"
|
|
10
|
+
}
|