@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.
Files changed (138) hide show
  1. package/cjs/ChatDataTestids.js.map +1 -1
  2. package/cjs/index.js +2 -1
  3. package/cjs/index.js.map +1 -1
  4. package/cjs/parts/bubble/ChatBubble.js.map +1 -1
  5. package/cjs/parts/bubble/ChatBubbleArrow.js.map +1 -1
  6. package/cjs/parts/bubble/config/useValidateProps.js.map +1 -1
  7. package/cjs/parts/bubble/props.js.map +1 -1
  8. package/cjs/parts/bubble/styled.js.map +1 -1
  9. package/cjs/parts/chat-card/ChatCard.js.map +1 -1
  10. package/cjs/parts/chat-card/config/useValidateProps.js.map +1 -1
  11. package/cjs/parts/chat-card/props.js.map +1 -1
  12. package/cjs/parts/chat-card/styled.js.map +1 -1
  13. package/cjs/parts/chat-composer/ChatContainerComposer.js.map +1 -1
  14. package/cjs/parts/chat-composer/config/useValidateProps.js.map +1 -1
  15. package/cjs/parts/chat-composer/props.js.map +1 -1
  16. package/cjs/parts/chat-composer/styled.js.map +1 -1
  17. package/cjs/parts/chat-container/ChatContainer.js +1 -0
  18. package/cjs/parts/chat-container/ChatContainer.js.map +1 -1
  19. package/cjs/parts/chat-container/config/useValidateProps.js.map +1 -1
  20. package/cjs/parts/chat-container/index.js +1 -0
  21. package/cjs/parts/chat-container/index.js.map +1 -1
  22. package/cjs/parts/chat-container/props.js.map +1 -1
  23. package/cjs/parts/chat-container/styled.js.map +1 -1
  24. package/cjs/parts/chat-container-header/ChatContainerHeader.js.map +1 -1
  25. package/cjs/parts/chat-container-header/helpers.js.map +1 -1
  26. package/cjs/parts/chat-container-header/styled.js.map +1 -1
  27. package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js +9 -3
  28. package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +1 -1
  29. package/cjs/parts/chat-container-messages-list/config/useValidateProps.js.map +1 -1
  30. package/cjs/parts/chat-container-messages-list/index.js +2 -0
  31. package/cjs/parts/chat-container-messages-list/index.js.map +1 -1
  32. package/cjs/parts/chat-container-messages-list/props.js.map +1 -1
  33. package/cjs/parts/chat-container-messages-list/styled.js +7 -3
  34. package/cjs/parts/chat-container-messages-list/styled.js.map +1 -1
  35. package/cjs/parts/chat-container-messages-list/useGetNewMessages.js +34 -0
  36. package/cjs/parts/chat-container-messages-list/useGetNewMessages.js.map +1 -0
  37. package/cjs/parts/chat-empty-state/ChatEmptyState.js.map +1 -1
  38. package/cjs/parts/chat-empty-state/config/useValidateProps.js.map +1 -1
  39. package/cjs/parts/chat-empty-state/props.js.map +1 -1
  40. package/cjs/parts/chat-empty-state/styled.js.map +1 -1
  41. package/cjs/parts/chat-sidebar/SideBarChat.js.map +1 -1
  42. package/cjs/parts/chat-sidebar/config/useValidateProps.js.map +1 -1
  43. package/cjs/parts/chat-sidebar/props.js.map +1 -1
  44. package/cjs/parts/chat-sidebar/styled.js.map +1 -1
  45. package/cjs/parts/floating-button/FloatingButton.js.map +1 -1
  46. package/cjs/parts/floating-button/props.js.map +1 -1
  47. package/cjs/parts/floating-button/styled.js.map +1 -1
  48. package/cjs/parts/floating-container/styled.js.map +1 -1
  49. package/cjs/parts/grid-influencer/InfluencerContainer.js +1 -0
  50. package/cjs/parts/grid-influencer/InfluencerContainer.js.map +1 -1
  51. package/cjs/parts/grid-influencer/styled.js.map +1 -1
  52. package/cjs/parts/message-delimiter/MessageDelimiter.js.map +1 -1
  53. package/cjs/parts/message-delimiter/config/useValidateProps.js.map +1 -1
  54. package/cjs/parts/message-delimiter/props.js.map +1 -1
  55. package/cjs/parts/message-delimiter/styled.js.map +1 -1
  56. package/cjs/parts/sidebar-button/SidebarButton.js.map +1 -1
  57. package/cjs/parts/sidebar-button/props.js.map +1 -1
  58. package/cjs/parts/sidebar-button/styled.js.map +1 -1
  59. package/cjs/parts/system-message/SystemMessage.js.map +1 -1
  60. package/cjs/parts/system-message/config/useValidateProps.js.map +1 -1
  61. package/cjs/parts/system-message/props.js.map +1 -1
  62. package/cjs/parts/system-message/style.js.map +1 -1
  63. package/cjs/parts/tile-button/TileButton.js.map +1 -1
  64. package/cjs/parts/tile-button/config/useValidateProps.js.map +1 -1
  65. package/cjs/parts/tile-button/props.js.map +1 -1
  66. package/cjs/parts/tile-button/styled.js.map +1 -1
  67. package/cjs/prop-types.js.map +1 -1
  68. package/cjs/tests/utils.js.map +1 -1
  69. package/esm/ChatDataTestids.js.map +1 -1
  70. package/esm/index.js +2 -1
  71. package/esm/index.js.map +1 -1
  72. package/esm/parts/bubble/ChatBubble.js.map +1 -1
  73. package/esm/parts/bubble/ChatBubbleArrow.js.map +1 -1
  74. package/esm/parts/bubble/config/useValidateProps.js.map +1 -1
  75. package/esm/parts/bubble/props.js.map +1 -1
  76. package/esm/parts/bubble/styled.js.map +1 -1
  77. package/esm/parts/chat-card/ChatCard.js.map +1 -1
  78. package/esm/parts/chat-card/config/useValidateProps.js.map +1 -1
  79. package/esm/parts/chat-card/props.js.map +1 -1
  80. package/esm/parts/chat-card/styled.js.map +1 -1
  81. package/esm/parts/chat-composer/ChatContainerComposer.js.map +1 -1
  82. package/esm/parts/chat-composer/config/useValidateProps.js.map +1 -1
  83. package/esm/parts/chat-composer/props.js.map +1 -1
  84. package/esm/parts/chat-composer/styled.js.map +1 -1
  85. package/esm/parts/chat-container/ChatContainer.js +1 -0
  86. package/esm/parts/chat-container/ChatContainer.js.map +1 -1
  87. package/esm/parts/chat-container/config/useValidateProps.js.map +1 -1
  88. package/esm/parts/chat-container/index.js +1 -0
  89. package/esm/parts/chat-container/index.js.map +1 -1
  90. package/esm/parts/chat-container/props.js.map +1 -1
  91. package/esm/parts/chat-container/styled.js.map +1 -1
  92. package/esm/parts/chat-container-header/ChatContainerHeader.js.map +1 -1
  93. package/esm/parts/chat-container-header/helpers.js.map +1 -1
  94. package/esm/parts/chat-container-header/styled.js.map +1 -1
  95. package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js +10 -4
  96. package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +1 -1
  97. package/esm/parts/chat-container-messages-list/config/useValidateProps.js.map +1 -1
  98. package/esm/parts/chat-container-messages-list/index.js +2 -0
  99. package/esm/parts/chat-container-messages-list/index.js.map +1 -1
  100. package/esm/parts/chat-container-messages-list/props.js.map +1 -1
  101. package/esm/parts/chat-container-messages-list/styled.js +7 -4
  102. package/esm/parts/chat-container-messages-list/styled.js.map +1 -1
  103. package/esm/parts/chat-container-messages-list/useGetNewMessages.js +26 -0
  104. package/esm/parts/chat-container-messages-list/useGetNewMessages.js.map +1 -0
  105. package/esm/parts/chat-empty-state/ChatEmptyState.js.map +1 -1
  106. package/esm/parts/chat-empty-state/config/useValidateProps.js.map +1 -1
  107. package/esm/parts/chat-empty-state/props.js.map +1 -1
  108. package/esm/parts/chat-empty-state/styled.js.map +1 -1
  109. package/esm/parts/chat-sidebar/SideBarChat.js.map +1 -1
  110. package/esm/parts/chat-sidebar/config/useValidateProps.js.map +1 -1
  111. package/esm/parts/chat-sidebar/props.js.map +1 -1
  112. package/esm/parts/chat-sidebar/styled.js.map +1 -1
  113. package/esm/parts/floating-button/FloatingButton.js.map +1 -1
  114. package/esm/parts/floating-button/props.js.map +1 -1
  115. package/esm/parts/floating-button/styled.js.map +1 -1
  116. package/esm/parts/floating-container/styled.js.map +1 -1
  117. package/esm/parts/grid-influencer/InfluencerContainer.js +1 -0
  118. package/esm/parts/grid-influencer/InfluencerContainer.js.map +1 -1
  119. package/esm/parts/grid-influencer/styled.js.map +1 -1
  120. package/esm/parts/message-delimiter/MessageDelimiter.js.map +1 -1
  121. package/esm/parts/message-delimiter/config/useValidateProps.js.map +1 -1
  122. package/esm/parts/message-delimiter/props.js.map +1 -1
  123. package/esm/parts/message-delimiter/styled.js.map +1 -1
  124. package/esm/parts/sidebar-button/SidebarButton.js.map +1 -1
  125. package/esm/parts/sidebar-button/props.js.map +1 -1
  126. package/esm/parts/sidebar-button/styled.js.map +1 -1
  127. package/esm/parts/system-message/SystemMessage.js.map +1 -1
  128. package/esm/parts/system-message/config/useValidateProps.js.map +1 -1
  129. package/esm/parts/system-message/props.js.map +1 -1
  130. package/esm/parts/system-message/style.js.map +1 -1
  131. package/esm/parts/tile-button/TileButton.js.map +1 -1
  132. package/esm/parts/tile-button/config/useValidateProps.js.map +1 -1
  133. package/esm/parts/tile-button/props.js.map +1 -1
  134. package/esm/parts/tile-button/styled.js.map +1 -1
  135. package/esm/prop-types.js.map +1 -1
  136. package/esm/tests/utils.js.map +1 -1
  137. package/package.json +9 -9
  138. package/parts/chat-container-messages-list/useGetNewMessages/package.json +10 -0
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/message-delimiter/styled.tsx"],"sourcesContent":["import { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { MessageDelimiterProps } from './props';\n\nconst Wrapper = styled(Grid)`\n align-items: center;\n justify-content: center;\n width: 100%;\n min-height: 8px;\n`;\n\nconst Line = styled.span`\n border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nconst Text = styled.p<Pick<MessageDelimiterProps, 'size' | 'verticalMargin'>>`\n color: ${(props) => props.theme.colors.neutral['600']};\n font-size: ${(props) => (props.size === 's' ? '12px' : '14px')};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n margin: ${(props) =>\n typeof props.verticalMargin === 'number' ? `${props.verticalMargin}px 8px` : `${props.verticalMargin} 8px`};\n`;\n\nexport { Wrapper, Line, Text };\n"],"names":["Wrapper","styled","Grid","Line","span","props","theme","colors","neutral","Text","p","size","fontWeights","semibold","verticalMargin"],"mappings":";;;;;;;;;;;IAIMA,OAAO,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA;IAOPC,IAAI,gBAAGF,0BAAM,CAACG,IAAV;AAAA;AAAA,mCACgB,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADhB;IAIJC,IAAI,gBAAGR,0BAAM,CAACS,CAAV;AAAA;AAAA,gEACC,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADD,EAEK,UAACH,KAAD;AAAA,SAAYA,KAAK,CAACM,IAAN,KAAe,GAAf,GAAqB,MAArB,GAA8B,MAA1C;AAAA,CAFL,EAGO,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBC,QAAnC;AAAA,CAHP,EAIE,UAACR,KAAD;AAAA,SACR,OAAOA,KAAK,CAACS,cAAb,KAAgC,QAAhC,aAA8CT,KAAK,CAACS,cAApD,wBAAgFT,KAAK,CAACS,cAAtF,SADQ;AAAA,CAJF;;;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../src/parts/message-delimiter/styled.tsx"],"sourcesContent":["import { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { MessageDelimiterProps } from './props';\n\nconst Wrapper = styled(Grid)`\n align-items: center;\n justify-content: center;\n width: 100%;\n min-height: 8px;\n`;\n\nconst Line = styled.span`\n border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nconst Text = styled.p<Pick<MessageDelimiterProps, 'size' | 'verticalMargin'>>`\n color: ${(props) => props.theme.colors.neutral['600']};\n font-size: ${(props) => (props.size === 's' ? '12px' : '14px')};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n margin: ${(props) =>\n typeof props.verticalMargin === 'number' ? `${props.verticalMargin}px 8px` : `${props.verticalMargin} 8px`};\n`;\n\nexport { Wrapper, Line, Text };\n"],"names":["Wrapper","styled","Grid","Line","span","props","theme","colors","neutral","Text","p","size","fontWeights","semibold","verticalMargin"],"mappings":";;;;;;;;;;;IAIMA,OAAO,gBAAGC,0BAAM,CAACC,WAAD,CAAT;EAAA;AAAA;IAOPC,IAAI,gBAAGF,0BAAM,CAACG,IAAV;EAAA;AAAA,mCACgB,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADhB;IAIJC,IAAI,gBAAGR,0BAAM,CAACS,CAAV;EAAA;AAAA,gEACC,UAACL,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADD,EAEK,UAACH,KAAD;EAAA,OAAYA,KAAK,CAACM,IAAN,KAAe,GAAf,GAAqB,MAArB,GAA8B,MAA1C;AAAA,CAFL,EAGO,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBC,QAAnC;AAAA,CAHP,EAIE,UAACR,KAAD;EAAA,OACR,OAAOA,KAAK,CAACS,cAAb,KAAgC,QAAhC,aAA8CT,KAAK,CAACS,cAApD,wBAAgFT,KAAK,CAACS,cAAtF,SADQ;AAAA,CAJF;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"SidebarButton.js","sources":["../../../../src/parts/sidebar-button/SidebarButton.tsx"],"sourcesContent":["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 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"],"names":["SidebarButton","label","dsId","onClick","Icon","rest","handleClick","React","useCallback","StyledSidebarButton","StyledSidebarButtonIcon","StyledSidebarButtonLabel","propTypes","propsSidebarButton","defaultProps","defaultSidebarButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAIaA,aAAa,GAAG,SAAhBA,aAAgB,OAA8E;AAAA,MAA3EC,KAA2E,QAA3EA,KAA2E;AAAA,MAApEC,IAAoE,QAApEA,IAAoE;AAAA,MAA9DC,OAA8D,QAA9DA,OAA8D;AAAA,MAArDC,IAAqD,QAArDA,IAAqD;AAAA,MAA5CC,IAA4C;;AACzG,MAAMC,WAAW,GAAGC,yBAAK,CAACC,WAAN,CAAkB,YAAM;AAC1CL,IAAAA,OAAO,CAACD,IAAD,CAAP;AACD,GAFmB,EAEjB,CAACC,OAAD,EAAUD,IAAV,CAFiB,CAApB;AAIA,sBACEK,wCAACE,8CAAD;AAAqB,IAAA,GAAG,EAAEP,IAA1B;AAAgC,4CAA+BA,IAA/B,CAAhC;AAAuE,IAAA,OAAO,EAAEI;AAAhF,KAAiGD,IAAjG,gBACEE,wCAACG,kDAAD;AAAyB,IAAA,UAAU,EAAC,QAApC;AAA6C,IAAA,cAAc,EAAC;AAA5D,kBACEH,wCAAC,IAAD;AAAM,IAAA,IAAI,EAAC;AAAX,IADF,CADF,EAIGN,KAAK,iBAAIM,wCAACI,mDAAD,QAA2BV,KAA3B,CAJZ,CADF;AAQD;AAEDD,aAAa,CAACY,SAAd,GAA0BC,4CAA1B;AACAb,aAAa,CAACc,YAAd,GAA6BC,8CAA7B;;;;"}
1
+ {"version":3,"file":"SidebarButton.js","sources":["../../../../src/parts/sidebar-button/SidebarButton.tsx"],"sourcesContent":["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 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"],"names":["SidebarButton","label","dsId","onClick","Icon","rest","handleClick","React","useCallback","StyledSidebarButton","StyledSidebarButtonIcon","StyledSidebarButtonLabel","propTypes","propsSidebarButton","defaultProps","defaultSidebarButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAIaA,aAAa,GAAG,SAAhBA,aAAgB,OAA8E;EAAA,IAA3EC,KAA2E,QAA3EA,KAA2E;MAApEC,IAAoE,QAApEA,IAAoE;MAA9DC,OAA8D,QAA9DA,OAA8D;MAArDC,IAAqD,QAArDA,IAAqD;MAA5CC,IAA4C;;EACzG,IAAMC,WAAW,GAAGC,yBAAK,CAACC,WAAN,CAAkB,YAAM;IAC1CL,OAAO,CAACD,IAAD,CAAP;GADkB,EAEjB,CAACC,OAAD,EAAUD,IAAV,CAFiB,CAApB;EAIA,oBACEK,wCAACE,8CAAD;IAAqB,GAAG,EAAEP,IAA1B;IAAgC,wCAA+BA,IAA/B,CAAhC;IAAuE,OAAO,EAAEI;KAAiBD,IAAjG,gBACEE,wCAACG,kDAAD;IAAyB,UAAU,EAAC,QAApC;IAA6C,cAAc,EAAC;kBAC1DH,wCAAC,IAAD;IAAM,IAAI,EAAC;IADb,CADF,EAIGN,KAAK,iBAAIM,wCAACI,mDAAD,QAA2BV,KAA3B,CAJZ,CADF;AAQD;AAEDD,aAAa,CAACY,SAAd,GAA0BC,4CAA1B;AACAb,aAAa,CAACc,YAAd,GAA6BC,8CAA7B;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/sidebar-button/props.ts"],"sourcesContent":["import React from 'react';\nimport propsTypes from 'prop-types';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { Comments } from '@elliemae/ds-icons';\n\nexport interface SidebarButtonProps {\n Icon: React.FC<{ size: string }>;\n dsId: string | number;\n label: string;\n onClick?: (dsId: string | number) => void;\n title: string;\n}\n\nexport const defaultSidebarButton: SidebarButtonProps = {\n Icon: Comments,\n dsId: undefined,\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([propsTypes.number, propsTypes.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"],"names":["defaultSidebarButton","Icon","Comments","dsId","undefined","label","onClick","noop","title","propsSidebarButton","PropTypes","element","description","defaultValue","oneOfType","propsTypes","number","string","func"],"mappings":";;;;;;;;;;;;;IAcaA,oBAAwC,GAAG;AACtDC,EAAAA,IAAI,EAAEC,gBADgD;AAEtDC,EAAAA,IAAI,EAAEC,SAFgD;AAGtDC,EAAAA,KAAK,EAAE,EAH+C;AAItDC,EAAAA,OAAO,EAAEC,WAJ6C;AAKtDC,EAAAA,KAAK,EAAE;AAL+C;IAQ3CC,kBAAkB,GAAG;AAChCR,EAAAA,IAAI,EAAES,mBAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,gBAA9B,EAAgDC,YAAhD,CAA6Db,oBAAoB,CAACC,IAAlF,CAD0B;AAEhCE,EAAAA,IAAI,EAAEO,mBAAS,CAACI,SAAV,CAAoB,CAACC,8BAAU,CAACC,MAAZ,EAAoBD,8BAAU,CAACE,MAA/B,CAApB,EACHL,WADG,CACS,0BADT,EAEHC,YAFG,CAEUb,oBAAoB,CAACG,IAF/B,CAF0B;AAKhCE,EAAAA,KAAK,EAAEK,mBAAS,CAACO,MAAV,CAAiBL,WAAjB,CAA6B,gCAA7B,EAA+DC,YAA/D,CAA4Eb,oBAAoB,CAACK,KAAjG,CALyB;AAMhCG,EAAAA,KAAK,EAAEE,mBAAS,CAACO,MAAV,CAAiBL,WAAjB,CAA6B,SAA7B,EAAwCC,YAAxC,CAAqDb,oBAAoB,CAACQ,KAA1E,CANyB;AAOhCF,EAAAA,OAAO,EAAEI,mBAAS,CAACQ,IAAV,CACNN,WADM,CACM,0CADN,EAENC,YAFM,CAEOb,oBAAoB,CAACM,OAF5B;AAPuB;;;;;"}
1
+ {"version":3,"file":"props.js","sources":["../../../../src/parts/sidebar-button/props.ts"],"sourcesContent":["import React from 'react';\nimport propsTypes from 'prop-types';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { Comments } from '@elliemae/ds-icons';\n\nexport interface SidebarButtonProps {\n Icon: React.FC<{ size: string }>;\n dsId: string | number;\n label: string;\n onClick?: (dsId: string | number) => void;\n title: string;\n}\n\nexport const defaultSidebarButton: SidebarButtonProps = {\n Icon: Comments,\n dsId: undefined,\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([propsTypes.number, propsTypes.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"],"names":["defaultSidebarButton","Icon","Comments","dsId","undefined","label","onClick","noop","title","propsSidebarButton","PropTypes","element","description","defaultValue","oneOfType","propsTypes","number","string","func"],"mappings":";;;;;;;;;;;;;IAcaA,oBAAwC,GAAG;EACtDC,IAAI,EAAEC,gBADgD;EAEtDC,IAAI,EAAEC,SAFgD;EAGtDC,KAAK,EAAE,EAH+C;EAItDC,OAAO,EAAEC,WAJ6C;EAKtDC,KAAK,EAAE;AAL+C;IAQ3CC,kBAAkB,GAAG;EAChCR,IAAI,EAAES,mBAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,gBAA9B,EAAgDC,YAAhD,CAA6Db,oBAAoB,CAACC,IAAlF,CAD0B;EAEhCE,IAAI,EAAEO,mBAAS,CAACI,SAAV,CAAoB,CAACC,8BAAU,CAACC,MAAZ,EAAoBD,8BAAU,CAACE,MAA/B,CAApB,EACHL,WADG,CACS,0BADT,EAEHC,YAFG,CAEUb,oBAAoB,CAACG,IAF/B,CAF0B;EAKhCE,KAAK,EAAEK,mBAAS,CAACO,MAAV,CAAiBL,WAAjB,CAA6B,gCAA7B,EAA+DC,YAA/D,CAA4Eb,oBAAoB,CAACK,KAAjG,CALyB;EAMhCG,KAAK,EAAEE,mBAAS,CAACO,MAAV,CAAiBL,WAAjB,CAA6B,SAA7B,EAAwCC,YAAxC,CAAqDb,oBAAoB,CAACQ,KAA1E,CANyB;EAOhCF,OAAO,EAAEI,mBAAS,CAACQ,IAAV,CACNN,WADM,CACM,0CADN,EAENC,YAFM,CAEOb,oBAAoB,CAACM,OAF5B;AAPuB;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/sidebar-button/styled.ts"],"sourcesContent":["import styled from 'styled-components';\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"],"names":["StyledSidebarButton","styled","button","BUTTON_SIDEBAR_HEIGHT","MIN_WIDTH_SIDEBAR","props","theme","colors","neutral","StyledSidebarButtonIcon","Grid","StyledSidebarButtonLabel","div"],"mappings":";;;;;;;;;;;;IAKaA,mBAAmB,gBAAGC,0BAAM,CAACC,MAAV;AAAA;AAAA,sPAKpBC,8BALoB,EAMrBC,0BANqB,EAYd,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAZc,EAeH,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAfG,EAkBpB,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAlBoB;IAsBnBC,uBAAuB,gBAAGR,0BAAM,CAACS,WAAD,CAAT;AAAA;AAAA;IAIvBC,wBAAwB,gBAAGV,0BAAM,CAACW,GAAV;AAAA;AAAA;;;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../src/parts/sidebar-button/styled.ts"],"sourcesContent":["import styled from 'styled-components';\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"],"names":["StyledSidebarButton","styled","button","BUTTON_SIDEBAR_HEIGHT","MIN_WIDTH_SIDEBAR","props","theme","colors","neutral","StyledSidebarButtonIcon","Grid","StyledSidebarButtonLabel","div"],"mappings":";;;;;;;;;;;;IAKaA,mBAAmB,gBAAGC,0BAAM,CAACC,MAAV;EAAA;AAAA,sPAKpBC,8BALoB,EAMrBC,0BANqB,EAYd,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAZc,EAeH,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAfG,EAkBpB,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAlBoB;IAsBnBC,uBAAuB,gBAAGR,0BAAM,CAACS,WAAD,CAAT;EAAA;AAAA;IAIvBC,wBAAwB,gBAAGV,0BAAM,CAACW,GAAV;EAAA;AAAA;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"SystemMessage.js","sources":["../../../../src/parts/system-message/SystemMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { Wrapper, Header, Title, Time, Message } from './style';\nimport { SystemMessageProps, systemMessageProps, defaultProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst SystemMessage = (props: SystemMessageProps): JSX.Element => {\n useValidateProps(props, SystemMessageWithSchema.toJSON());\n const { title, time, body } = props;\n return (\n <Wrapper rows={['auto', 'auto']}>\n <Header cols={['1fr', 'auto', '1fr']}>\n <span />\n <Title data-testid=\"chat-system-message-title\">{title}</Title>\n <Time data-testid=\"chat-system-message-time\">{time}</Time>\n </Header>\n <Message data-testid=\"chat-system-message-body\">{body}</Message>\n </Wrapper>\n );\n};\n\nSystemMessage.defaultProps = defaultProps;\nSystemMessage.propTypes = systemMessageProps;\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = systemMessageProps;\n\nexport { SystemMessage, SystemMessageWithSchema };\n"],"names":["SystemMessage","props","useValidateProps","SystemMessageWithSchema","toJSON","title","time","body","React","Wrapper","Header","Title","Time","Message","defaultProps","propTypes","systemMessageProps","describe"],"mappings":";;;;;;;;;;;;;;;;;IAMMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAA4C;AAChEC,EAAAA,4DAAgB,CAACD,KAAD,EAAQE,uBAAuB,CAACC,MAAxB,EAAR,CAAhB;AACA,MAAQC,KAAR,GAA8BJ,KAA9B,CAAQI,KAAR;AAAA,MAAeC,IAAf,GAA8BL,KAA9B,CAAeK,IAAf;AAAA,MAAqBC,IAArB,GAA8BN,KAA9B,CAAqBM,IAArB;AACA,sBACEC,wCAACC,iCAAD;AAAS,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT;AAAf,kBACED,wCAACE,gCAAD;AAAQ,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,EAAgB,KAAhB;AAAd,kBACEF,qDADF,eAEEA,wCAACG,+BAAD;AAAO,mBAAY;AAAnB,KAAgDN,KAAhD,CAFF,eAGEG,wCAACI,8BAAD;AAAM,mBAAY;AAAlB,KAA8CN,IAA9C,CAHF,CADF,eAMEE,wCAACK,iCAAD;AAAS,mBAAY;AAArB,KAAiDN,IAAjD,CANF,CADF;AAUD;;AAEDP,aAAa,CAACc,YAAd,GAA6BA,sCAA7B;AACAd,aAAa,CAACe,SAAd,GAA0BC,4CAA1B;IACMb,uBAAuB,GAAGc,kBAAQ,CAACjB,aAAD;AACxCG,uBAAuB,CAACY,SAAxB,GAAoCC,4CAApC;;;;;"}
1
+ {"version":3,"file":"SystemMessage.js","sources":["../../../../src/parts/system-message/SystemMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { Wrapper, Header, Title, Time, Message } from './style';\nimport { SystemMessageProps, systemMessageProps, defaultProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst SystemMessage = (props: SystemMessageProps): JSX.Element => {\n useValidateProps(props, SystemMessageWithSchema.toJSON());\n const { title, time, body } = props;\n return (\n <Wrapper rows={['auto', 'auto']}>\n <Header cols={['1fr', 'auto', '1fr']}>\n <span />\n <Title data-testid=\"chat-system-message-title\">{title}</Title>\n <Time data-testid=\"chat-system-message-time\">{time}</Time>\n </Header>\n <Message data-testid=\"chat-system-message-body\">{body}</Message>\n </Wrapper>\n );\n};\n\nSystemMessage.defaultProps = defaultProps;\nSystemMessage.propTypes = systemMessageProps;\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = systemMessageProps;\n\nexport { SystemMessage, SystemMessageWithSchema };\n"],"names":["SystemMessage","props","useValidateProps","SystemMessageWithSchema","toJSON","title","time","body","React","Wrapper","Header","Title","Time","Message","defaultProps","propTypes","systemMessageProps","describe"],"mappings":";;;;;;;;;;;;;;;;;IAMMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAA4C;EAChEC,4DAAgB,CAACD,KAAD,EAAQE,uBAAuB,CAACC,MAAxB,EAAR,CAAhB;EACA,IAAQC,KAAR,GAA8BJ,KAA9B,CAAQI,KAAR;MAAeC,IAAf,GAA8BL,KAA9B,CAAeK,IAAf;MAAqBC,IAArB,GAA8BN,KAA9B,CAAqBM,IAArB;EACA,oBACEC,wCAACC,iCAAD;IAAS,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT;kBACbD,wCAACE,gCAAD;IAAQ,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,EAAgB,KAAhB;kBACZF,qDADF,eAEEA,wCAACG,+BAAD;IAAO,eAAY;KAA6BN,KAAhD,CAFF,eAGEG,wCAACI,8BAAD;IAAM,eAAY;KAA4BN,IAA9C,CAHF,CADF,eAMEE,wCAACK,iCAAD;IAAS,eAAY;KAA4BN,IAAjD,CANF,CADF;AAUD;;AAEDP,aAAa,CAACc,YAAd,GAA6BA,sCAA7B;AACAd,aAAa,CAACe,SAAd,GAA0BC,4CAA1B;IACMb,uBAAuB,GAAGc,kBAAQ,CAACjB,aAAD;AACxCG,uBAAuB,CAACY,SAAxB,GAAoCC,4CAApC;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/system-message/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { SystemMessageProps } from '../props';\n\nexport const useValidateProps = (props: SystemMessageProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;;;;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA4BC,MAA5B,EAAsD;AACpFC,EAAAA,mCAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
1
+ {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/system-message/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { SystemMessageProps } from '../props';\n\nexport const useValidateProps = (props: SystemMessageProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;;;;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA4BC,MAA5B,EAAsD;EACpFC,mCAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/system-message/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport interface SystemMessageProps {\n title: string;\n time: string;\n body: string;\n}\n\nexport const defaultProps: SystemMessageProps = {\n title: 'System Message',\n time: '',\n body: '',\n};\n\nexport const systemMessageProps = {\n title: PropTypes.string.isRequired\n .description('Message title')\n .defaultValue('System Message'),\n time: PropTypes.string.description('data of the message, ie: hour'),\n body: PropTypes.string.isRequired.description('message'),\n};\n"],"names":["defaultProps","title","time","body","systemMessageProps","PropTypes","string","isRequired","description","defaultValue"],"mappings":";;;;;;IAQaA,YAAgC,GAAG;AAC9CC,EAAAA,KAAK,EAAE,gBADuC;AAE9CC,EAAAA,IAAI,EAAE,EAFwC;AAG9CC,EAAAA,IAAI,EAAE;AAHwC;IAMnCC,kBAAkB,GAAG;AAChCH,EAAAA,KAAK,EAAEI,mBAAS,CAACC,MAAV,CAAiBC,UAAjB,CACJC,WADI,CACQ,eADR,EAEJC,YAFI,CAES,gBAFT,CADyB;AAIhCP,EAAAA,IAAI,EAAEG,mBAAS,CAACC,MAAV,CAAiBE,WAAjB,CAA6B,+BAA7B,CAJ0B;AAKhCL,EAAAA,IAAI,EAAEE,mBAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,SAAxC;AAL0B;;;;;"}
1
+ {"version":3,"file":"props.js","sources":["../../../../src/parts/system-message/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport interface SystemMessageProps {\n title: string;\n time: string;\n body: string;\n}\n\nexport const defaultProps: SystemMessageProps = {\n title: 'System Message',\n time: '',\n body: '',\n};\n\nexport const systemMessageProps = {\n title: PropTypes.string.isRequired\n .description('Message title')\n .defaultValue('System Message'),\n time: PropTypes.string.description('data of the message, ie: hour'),\n body: PropTypes.string.isRequired.description('message'),\n};\n"],"names":["defaultProps","title","time","body","systemMessageProps","PropTypes","string","isRequired","description","defaultValue"],"mappings":";;;;;;IAQaA,YAAgC,GAAG;EAC9CC,KAAK,EAAE,gBADuC;EAE9CC,IAAI,EAAE,EAFwC;EAG9CC,IAAI,EAAE;AAHwC;IAMnCC,kBAAkB,GAAG;EAChCH,KAAK,EAAEI,mBAAS,CAACC,MAAV,CAAiBC,UAAjB,CACJC,WADI,CACQ,eADR,EAEJC,YAFI,CAES,gBAFT,CADyB;EAIhCP,IAAI,EAAEG,mBAAS,CAACC,MAAV,CAAiBE,WAAjB,CAA6B,+BAA7B,CAJ0B;EAKhCL,IAAI,EAAEE,mBAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,SAAxC;AAL0B;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"style.js","sources":["../../../../src/parts/system-message/style.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Wrapper = styled(Grid)`\n align-items: center;\n justify-content: center;\n max-width: 100%;\n padding: 0 8px 8px;\n border: 1px solid ${(props) => props.theme.colors.neutral['100']};\n border-radius: 10px;\n background-color: ${(props) => props.theme.colors.neutral['080']};\n box-shadow: none;\n`;\n\nconst Header = styled(Grid)`\n align-items: center;\n height: 36px;\n`;\n\nconst Title = styled.p<any>`\n font-size: 14px;\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n color: ${(props) => props.theme.colors.neutral['700']};\n margin: 0;\n`;\n\nconst Time = styled.p<any>`\n font-size: 12px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['700']};\n margin: 0;\n text-align: right;\n`;\n\nconst Message = styled.p<any>`\n font-size: 13px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['700']};\n min-height: 32px;\n text-align: center;\n margin: 0;\n`;\n\nexport { Wrapper, Header, Title, Time, Message };\n"],"names":["Wrapper","styled","Grid","props","theme","colors","neutral","Header","Title","p","fontWeights","semibold","Time","regular","Message"],"mappings":";;;;;;;;;;;IAGMA,OAAO,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,mKAKS,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CALT,EAOS,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAPT;IAWPC,MAAM,gBAAGN,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA;IAKNM,KAAK,gBAAGP,0BAAM,CAACQ,CAAV;AAAA;AAAA,6DAEM,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBC,QAAnC;AAAA,CAFN,EAGA,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHA;IAOLM,IAAI,gBAAGX,0BAAM,CAACQ,CAAV;AAAA;AAAA,8EAEO,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBG,OAAnC;AAAA,CAFP,EAGC,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHD;IAQJQ,OAAO,gBAAGb,0BAAM,CAACQ,CAAV;AAAA;AAAA,+FAEI,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBG,OAAnC;AAAA,CAFJ,EAGF,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHE;;;;;;;;"}
1
+ {"version":3,"file":"style.js","sources":["../../../../src/parts/system-message/style.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Wrapper = styled(Grid)`\n align-items: center;\n justify-content: center;\n max-width: 100%;\n padding: 0 8px 8px;\n border: 1px solid ${(props) => props.theme.colors.neutral['100']};\n border-radius: 10px;\n background-color: ${(props) => props.theme.colors.neutral['080']};\n box-shadow: none;\n`;\n\nconst Header = styled(Grid)`\n align-items: center;\n height: 36px;\n`;\n\nconst Title = styled.p<any>`\n font-size: 14px;\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n color: ${(props) => props.theme.colors.neutral['700']};\n margin: 0;\n`;\n\nconst Time = styled.p<any>`\n font-size: 12px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['700']};\n margin: 0;\n text-align: right;\n`;\n\nconst Message = styled.p<any>`\n font-size: 13px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['700']};\n min-height: 32px;\n text-align: center;\n margin: 0;\n`;\n\nexport { Wrapper, Header, Title, Time, Message };\n"],"names":["Wrapper","styled","Grid","props","theme","colors","neutral","Header","Title","p","fontWeights","semibold","Time","regular","Message"],"mappings":";;;;;;;;;;;IAGMA,OAAO,gBAAGC,0BAAM,CAACC,WAAD,CAAT;EAAA;AAAA,mKAKS,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CALT,EAOS,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAPT;IAWPC,MAAM,gBAAGN,0BAAM,CAACC,WAAD,CAAT;EAAA;AAAA;IAKNM,KAAK,gBAAGP,0BAAM,CAACQ,CAAV;EAAA;AAAA,6DAEM,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBC,QAAnC;AAAA,CAFN,EAGA,UAACR,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHA;IAOLM,IAAI,gBAAGX,0BAAM,CAACQ,CAAV;EAAA;AAAA,8EAEO,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBG,OAAnC;AAAA,CAFP,EAGC,UAACV,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHD;IAQJQ,OAAO,gBAAGb,0BAAM,CAACQ,CAAV;EAAA;AAAA,+FAEI,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBG,OAAnC;AAAA,CAFJ,EAGF,UAACV,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHE;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"TileButton.js","sources":["../../../../src/parts/tile-button/TileButton.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { Grid } from '@elliemae/ds-grid';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport {\n StyledTooltipV3ButtonWrapper,\n StyledTileButton,\n StyledTileButtonIcon,\n StyledTileButtonLabel,\n StyledWrapper,\n StyledWrapperLeftBorder,\n StyledStatusBadge,\n StyledWrapperCentralContent,\n CloseButton,\n} from './styled';\nimport { propsTileButton, defaultTileButton, TileButtonProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst TileButton = (props: TileButtonProps): JSX.Element => {\n useValidateProps(props, TileButtonWithSchema.toJSON());\n\n const {\n label,\n title,\n dsId,\n onClick,\n onFocus,\n onBlur,\n Icon,\n showClose,\n onClose,\n badge,\n badgeColor,\n badgePosition,\n disabled,\n selected,\n isHeader,\n ariaLabel,\n tooltipPlacement,\n disableTooltip,\n innerRef,\n } = props;\n const handleClick = React.useCallback(() => {\n onClick(dsId, title);\n }, [dsId, onClick, title]);\n\n const MainContent = React.useMemo(\n () => (\n <StyledWrapperCentralContent alignItems={isHeader ? 'center' : undefined}>\n <Grid width=\"100%\" alignItems=\"center\" justifyContent=\"center\">\n <StyledTileButtonIcon alignItems=\"center\" justifyContent=\"center\">\n <Icon size=\"m\" />\n {badge ? (\n <StyledStatusBadge\n badgeColor={badgeColor}\n badgePosition={badgePosition}\n data-testid={`tile-badge-${dsId}`}\n />\n ) : null}\n </StyledTileButtonIcon>\n </Grid>\n {!isHeader ? (\n <Grid width=\"100%\" justifyContent=\"center\">\n {label ? <StyledTileButtonLabel>{label}</StyledTileButtonLabel> : null}\n </Grid>\n ) : null}\n </StyledWrapperCentralContent>\n ),\n [isHeader, Icon, badge, badgeColor, badgePosition, label],\n );\n\n const Btn = React.useMemo(\n () => (\n <StyledTileButton\n key={dsId}\n isHeader={isHeader}\n value={dsId}\n data-testid={`tile-button-${dsId}`}\n data-key={dsId}\n onClick={handleClick}\n onFocus={onFocus}\n onBlur={onBlur}\n disabled={disabled}\n selected={selected}\n badgeColor={badgeColor}\n badgePosition={badgePosition}\n aria-pressed={selected}\n aria-label={ariaLabel}\n ref={innerRef}\n >\n <StyledWrapper alignItems=\"center\" justifyContent=\"center\">\n <span>{MainContent}</span>\n <StyledWrapperLeftBorder />\n {showClose && !disabled ? (\n <CloseButton onClick={onClose} value={dsId} data-testid={`tile-close-btn-${dsId}`}>\n <CloseXsmall />\n </CloseButton>\n ) : null}\n </StyledWrapper>\n </StyledTileButton>\n ),\n [\n MainContent,\n ariaLabel,\n badgeColor,\n badgePosition,\n disabled,\n dsId,\n handleClick,\n isHeader,\n onBlur,\n onClose,\n onFocus,\n selected,\n showClose,\n innerRef,\n ],\n );\n\n return title && !disableTooltip ? (\n <StyledTooltipV3ButtonWrapper>\n <DSTooltipV3 id={`ds-chat-tile-tooltip-button-${dsId}`} text={title} startPlacementPreference={tooltipPlacement}>\n {Btn}\n </DSTooltipV3>\n </StyledTooltipV3ButtonWrapper>\n ) : (\n Btn\n );\n};\n\nTileButton.propTypes = propsTileButton;\nTileButton.defaultProps = defaultTileButton;\n\nconst TileButtonWithSchema = describe(TileButton);\nTileButtonWithSchema.propTypes = propsTileButton;\n\nexport { TileButton, TileButtonWithSchema };\n"],"names":["TileButton","props","useValidateProps","TileButtonWithSchema","toJSON","label","title","dsId","onClick","onFocus","onBlur","Icon","showClose","onClose","badge","badgeColor","badgePosition","disabled","selected","isHeader","ariaLabel","tooltipPlacement","disableTooltip","innerRef","handleClick","React","useCallback","MainContent","useMemo","StyledWrapperCentralContent","undefined","Grid","StyledTileButtonIcon","StyledStatusBadge","StyledTileButtonLabel","Btn","StyledTileButton","StyledWrapper","StyledWrapperLeftBorder","CloseButton","CloseXsmall","StyledTooltipV3ButtonWrapper","DSTooltipV3","propTypes","propsTileButton","defaultProps","defaultTileButton","describe"],"mappings":"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"}
1
+ {"version":3,"file":"TileButton.js","sources":["../../../../src/parts/tile-button/TileButton.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { Grid } from '@elliemae/ds-grid';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport {\n StyledTooltipV3ButtonWrapper,\n StyledTileButton,\n StyledTileButtonIcon,\n StyledTileButtonLabel,\n StyledWrapper,\n StyledWrapperLeftBorder,\n StyledStatusBadge,\n StyledWrapperCentralContent,\n CloseButton,\n} from './styled';\nimport { propsTileButton, defaultTileButton, TileButtonProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst TileButton = (props: TileButtonProps): JSX.Element => {\n useValidateProps(props, TileButtonWithSchema.toJSON());\n\n const {\n label,\n title,\n dsId,\n onClick,\n onFocus,\n onBlur,\n Icon,\n showClose,\n onClose,\n badge,\n badgeColor,\n badgePosition,\n disabled,\n selected,\n isHeader,\n ariaLabel,\n tooltipPlacement,\n disableTooltip,\n innerRef,\n } = props;\n const handleClick = React.useCallback(() => {\n onClick(dsId, title);\n }, [dsId, onClick, title]);\n\n const MainContent = React.useMemo(\n () => (\n <StyledWrapperCentralContent alignItems={isHeader ? 'center' : undefined}>\n <Grid width=\"100%\" alignItems=\"center\" justifyContent=\"center\">\n <StyledTileButtonIcon alignItems=\"center\" justifyContent=\"center\">\n <Icon size=\"m\" />\n {badge ? (\n <StyledStatusBadge\n badgeColor={badgeColor}\n badgePosition={badgePosition}\n data-testid={`tile-badge-${dsId}`}\n />\n ) : null}\n </StyledTileButtonIcon>\n </Grid>\n {!isHeader ? (\n <Grid width=\"100%\" justifyContent=\"center\">\n {label ? <StyledTileButtonLabel>{label}</StyledTileButtonLabel> : null}\n </Grid>\n ) : null}\n </StyledWrapperCentralContent>\n ),\n [isHeader, Icon, badge, badgeColor, badgePosition, label],\n );\n\n const Btn = React.useMemo(\n () => (\n <StyledTileButton\n key={dsId}\n isHeader={isHeader}\n value={dsId}\n data-testid={`tile-button-${dsId}`}\n data-key={dsId}\n onClick={handleClick}\n onFocus={onFocus}\n onBlur={onBlur}\n disabled={disabled}\n selected={selected}\n badgeColor={badgeColor}\n badgePosition={badgePosition}\n aria-pressed={selected}\n aria-label={ariaLabel}\n ref={innerRef}\n >\n <StyledWrapper alignItems=\"center\" justifyContent=\"center\">\n <span>{MainContent}</span>\n <StyledWrapperLeftBorder />\n {showClose && !disabled ? (\n <CloseButton onClick={onClose} value={dsId} data-testid={`tile-close-btn-${dsId}`}>\n <CloseXsmall />\n </CloseButton>\n ) : null}\n </StyledWrapper>\n </StyledTileButton>\n ),\n [\n MainContent,\n ariaLabel,\n badgeColor,\n badgePosition,\n disabled,\n dsId,\n handleClick,\n isHeader,\n onBlur,\n onClose,\n onFocus,\n selected,\n showClose,\n innerRef,\n ],\n );\n\n return title && !disableTooltip ? (\n <StyledTooltipV3ButtonWrapper>\n <DSTooltipV3 id={`ds-chat-tile-tooltip-button-${dsId}`} text={title} startPlacementPreference={tooltipPlacement}>\n {Btn}\n </DSTooltipV3>\n </StyledTooltipV3ButtonWrapper>\n ) : (\n Btn\n );\n};\n\nTileButton.propTypes = propsTileButton;\nTileButton.defaultProps = defaultTileButton;\n\nconst TileButtonWithSchema = describe(TileButton);\nTileButtonWithSchema.propTypes = propsTileButton;\n\nexport { TileButton, TileButtonWithSchema };\n"],"names":["TileButton","props","useValidateProps","TileButtonWithSchema","toJSON","label","title","dsId","onClick","onFocus","onBlur","Icon","showClose","onClose","badge","badgeColor","badgePosition","disabled","selected","isHeader","ariaLabel","tooltipPlacement","disableTooltip","innerRef","handleClick","React","useCallback","MainContent","useMemo","StyledWrapperCentralContent","undefined","Grid","StyledTileButtonIcon","StyledStatusBadge","StyledTileButtonLabel","Btn","StyledTileButton","StyledWrapper","StyledWrapperLeftBorder","CloseButton","CloseXsmall","StyledTooltipV3ButtonWrapper","DSTooltipV3","propTypes","propsTileButton","defaultProps","defaultTileButton","describe"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/tile-button/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { TileButtonProps } from '../props';\n\nexport const useValidateProps = (props: TileButtonProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;;;;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAyBC,MAAzB,EAAmD;AACjFC,EAAAA,mCAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
1
+ {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/tile-button/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { TileButtonProps } from '../props';\n\nexport const useValidateProps = (props: TileButtonProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;;;;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAyBC,MAAzB,EAAmD;EACjFC,mCAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/tile-button/props.ts"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { Comments } from '@elliemae/ds-icons';\n\nexport interface TileButtonProps {\n Icon: React.FC<{ size: string }>;\n dsId: string | number;\n label: string;\n onClick?: (dsId: string | number, label: string) => void;\n onBlur?: (e) => void;\n onFocus?: (e) => void;\n title: string;\n showClose: boolean;\n onClose?: (dsId: string | number) => void;\n badge: boolean;\n badgeColor: 'blue' | 'green';\n badgePosition: 'left' | 'right';\n disabled: boolean;\n selected: boolean;\n isHeader: boolean;\n ariaLabel: string;\n tooltipPlacement:\n | 'top-start'\n | 'top'\n | 'top-end'\n | 'right-start'\n | 'right'\n | 'right-end'\n | 'bottom-end'\n | 'bottom'\n | 'bottom-start'\n | 'left-end'\n | 'left'\n | 'left-start';\n disableTooltip: boolean;\n innerRef?: React.MutableRefObject<HTMLButtonElement> | ((_ref: HTMLButtonElement) => void);\n}\n\nexport const defaultTileButton: TileButtonProps = {\n Icon: Comments,\n dsId: undefined,\n label: '',\n onClick: noop,\n onBlur: noop,\n onFocus: noop,\n title: '',\n onClose: noop,\n showClose: false,\n badge: false,\n badgeColor: 'blue',\n badgePosition: 'left',\n disabled: false,\n selected: false,\n isHeader: false,\n ariaLabel: 'Tile button',\n tooltipPlacement: 'right',\n disableTooltip: false,\n innerRef: noop,\n};\n\nexport const propsTileButton = {\n Icon: PropTypes.func.description('Icon component').defaultValue(defaultTileButton.Icon),\n dsId: PropTypes.oneOf(['number', 'string'])\n .description('Unique id for the button')\n .defaultValue(defaultTileButton.dsId),\n label: PropTypes.string.description('It will display under the icon').defaultValue(defaultTileButton.label),\n title: PropTypes.string.description('Tooltip').defaultValue(defaultTileButton.title),\n onClick: PropTypes.func.description('The function to call when is clicked').defaultValue(defaultTileButton.onClick),\n onFocus: PropTypes.func.description('The function to call when is focused').defaultValue(defaultTileButton.onFocus),\n onBlur: PropTypes.func.description('The function to call when is on blur').defaultValue(defaultTileButton.onBlur),\n onClose: PropTypes.func\n .description('The function to call when the X is Clicked')\n .defaultValue(defaultTileButton.onClose),\n showClose: PropTypes.bool.description('It will display the X').defaultValue(defaultTileButton.showClose),\n badge: PropTypes.bool.description('It will display the badge').defaultValue(defaultTileButton.badge),\n badgeColor: PropTypes.oneOf(['blue', 'green'])\n .description('Color badge: blue or green')\n .defaultValue(defaultTileButton.badgeColor),\n badgePosition: PropTypes.oneOf(['left', 'right'])\n .description('Color badge: blue or green')\n .defaultValue(defaultTileButton.badgePosition),\n disabled: PropTypes.bool.description('It will disabled the button').defaultValue(defaultTileButton.disabled),\n selected: PropTypes.bool.description('Indicate that the button is selected').defaultValue(defaultTileButton.disabled),\n isHeader: PropTypes.bool.description(\"It won't render the label\").defaultValue(defaultTileButton.disabled),\n ariaLabel: PropTypes.string.description('aria-label attribute').defaultValue(defaultTileButton.ariaLabel),\n tooltipPlacement: PropTypes.oneOf([\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ])\n .description('start placement preferences, as per popperjs placement option')\n .defaultValue(\"'right'\"),\n disableTooltip: PropTypes.bool.description('Disable tooltip option').defaultValue(defaultTileButton.disableTooltip),\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n 'reference to the component',\n ),\n};\n"],"names":["defaultTileButton","Icon","Comments","dsId","undefined","label","onClick","noop","onBlur","onFocus","title","onClose","showClose","badge","badgeColor","badgePosition","disabled","selected","isHeader","ariaLabel","tooltipPlacement","disableTooltip","innerRef","propsTileButton","PropTypes","func","description","defaultValue","oneOf","string","bool","oneOfType","shape","current","any"],"mappings":"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"}
1
+ {"version":3,"file":"props.js","sources":["../../../../src/parts/tile-button/props.ts"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { Comments } from '@elliemae/ds-icons';\n\nexport interface TileButtonProps {\n Icon: React.FC<{ size: string }>;\n dsId: string | number;\n label: string;\n onClick?: (dsId: string | number, label: string) => void;\n onBlur?: (e) => void;\n onFocus?: (e) => void;\n title: string;\n showClose: boolean;\n onClose?: (dsId: string | number) => void;\n badge: boolean;\n badgeColor: 'blue' | 'green';\n badgePosition: 'left' | 'right';\n disabled: boolean;\n selected: boolean;\n isHeader: boolean;\n ariaLabel: string;\n tooltipPlacement:\n | 'top-start'\n | 'top'\n | 'top-end'\n | 'right-start'\n | 'right'\n | 'right-end'\n | 'bottom-end'\n | 'bottom'\n | 'bottom-start'\n | 'left-end'\n | 'left'\n | 'left-start';\n disableTooltip: boolean;\n innerRef?: React.MutableRefObject<HTMLButtonElement> | ((_ref: HTMLButtonElement) => void);\n}\n\nexport const defaultTileButton: TileButtonProps = {\n Icon: Comments,\n dsId: undefined,\n label: '',\n onClick: noop,\n onBlur: noop,\n onFocus: noop,\n title: '',\n onClose: noop,\n showClose: false,\n badge: false,\n badgeColor: 'blue',\n badgePosition: 'left',\n disabled: false,\n selected: false,\n isHeader: false,\n ariaLabel: 'Tile button',\n tooltipPlacement: 'right',\n disableTooltip: false,\n innerRef: noop,\n};\n\nexport const propsTileButton = {\n Icon: PropTypes.func.description('Icon component').defaultValue(defaultTileButton.Icon),\n dsId: PropTypes.oneOf(['number', 'string'])\n .description('Unique id for the button')\n .defaultValue(defaultTileButton.dsId),\n label: PropTypes.string.description('It will display under the icon').defaultValue(defaultTileButton.label),\n title: PropTypes.string.description('Tooltip').defaultValue(defaultTileButton.title),\n onClick: PropTypes.func.description('The function to call when is clicked').defaultValue(defaultTileButton.onClick),\n onFocus: PropTypes.func.description('The function to call when is focused').defaultValue(defaultTileButton.onFocus),\n onBlur: PropTypes.func.description('The function to call when is on blur').defaultValue(defaultTileButton.onBlur),\n onClose: PropTypes.func\n .description('The function to call when the X is Clicked')\n .defaultValue(defaultTileButton.onClose),\n showClose: PropTypes.bool.description('It will display the X').defaultValue(defaultTileButton.showClose),\n badge: PropTypes.bool.description('It will display the badge').defaultValue(defaultTileButton.badge),\n badgeColor: PropTypes.oneOf(['blue', 'green'])\n .description('Color badge: blue or green')\n .defaultValue(defaultTileButton.badgeColor),\n badgePosition: PropTypes.oneOf(['left', 'right'])\n .description('Color badge: blue or green')\n .defaultValue(defaultTileButton.badgePosition),\n disabled: PropTypes.bool.description('It will disabled the button').defaultValue(defaultTileButton.disabled),\n selected: PropTypes.bool.description('Indicate that the button is selected').defaultValue(defaultTileButton.disabled),\n isHeader: PropTypes.bool.description(\"It won't render the label\").defaultValue(defaultTileButton.disabled),\n ariaLabel: PropTypes.string.description('aria-label attribute').defaultValue(defaultTileButton.ariaLabel),\n tooltipPlacement: PropTypes.oneOf([\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ])\n .description('start placement preferences, as per popperjs placement option')\n .defaultValue(\"'right'\"),\n disableTooltip: PropTypes.bool.description('Disable tooltip option').defaultValue(defaultTileButton.disableTooltip),\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n 'reference to the component',\n ),\n};\n"],"names":["defaultTileButton","Icon","Comments","dsId","undefined","label","onClick","noop","onBlur","onFocus","title","onClose","showClose","badge","badgeColor","badgePosition","disabled","selected","isHeader","ariaLabel","tooltipPlacement","disableTooltip","innerRef","propsTileButton","PropTypes","func","description","defaultValue","oneOf","string","bool","oneOfType","shape","current","any"],"mappings":"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"}
@@ -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":"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"}
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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"}
@@ -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;AACrCC,EAAAA,QAAQ,EAAE,KAD2B;AAErCC,EAAAA,aAAa,EAAE,GAFsB;AAGrCC,EAAAA,UAAU,EAAEC,SAHyB;AAIrCC,EAAAA,cAAc,EAAEC,WAJqB;AAKrCC,EAAAA,aAAa,EAAED,WALsB;AAMrCE,EAAAA,QAAQ,EAAE,KAN2B;AAOrCC,EAAAA,cAAc,EAAEH,WAPqB;AAQrCI,EAAAA,aAAa,EAAEJ,WARsB;AASrCK,EAAAA,KAAK,EAAE;AAT8B;IAY1BC,SAAS,GAAG;AACvBC,EAAAA,cAAc,EAAEC,mBAAS,CAACC,KAAV,CAAgB,EAAhB,EAAoBC,YAApB,CAAiC,EAAjC,CADO;AAEvBf,EAAAA,QAAQ,EAAEa,mBAAS,CAACG,IAAV,CACPC,WADO,CACK,gDADL,EAEPF,YAFO,CAEMhB,YAAY,CAACC,QAFnB,CAFa;AAKvBC,EAAAA,aAAa,EAAEY,mBAAS,CAACK,MAAV,CACZD,WADY,CACA,2CADA,EAEZF,YAFY,CAEChB,YAAY,CAACE,aAFd,CALQ;AAQvBC,EAAAA,UAAU,EAAEW,mBAAS,CAACM,MAAV,CACTF,WADS,CACG,+CADH,EAETF,YAFS,CAEIhB,YAAY,CAACG,UAFjB,CARW;AAWvBkB,EAAAA,QAAQ,EAAEP,mBAAS,CAACQ,OAAV,CAAkBR,mBAAS,CAACS,MAA5B,EACPL,WADO,CAEN,4FAFM,EAIPF,YAJO,CAIMhB,YAAY,CAACG,UAJnB,CAXa;AAgBvBE,EAAAA,cAAc,EAAES,mBAAS,CAACU,IAAV,CACbN,WADa,CACD,6DADC,EAEbF,YAFa,CAEAhB,YAAY,CAACK,cAFb,CAhBO;AAmBvBE,EAAAA,aAAa,EAAEO,mBAAS,CAACU,IAAV,CACZN,WADY,CACA,6DADA,EAEZF,YAFY,CAEChB,YAAY,CAACO,aAFd,CAnBQ;AAsBvBE,EAAAA,cAAc,EAAEK,mBAAS,CAACU,IAAV,CACbN,WADa,CACD,6DADC,EAEbF,YAFa,CAEAhB,YAAY,CAACS,cAFb,CAtBO;AAyBvBC,EAAAA,aAAa,EAAEI,mBAAS,CAACU,IAAV,CACZN,WADY,CACA,6DADA,EAEZF,YAFY,CAEChB,YAAY,CAACU,aAFd,CAzBQ;AA4BvBF,EAAAA,QAAQ,EAAEM,mBAAS,CAACG,IAAV,CACPC,WADO,CACK,kDADL,EAEPF,YAFO,CAEMhB,YAAY,CAACQ,QAFnB;AA5Ba;;;;;"}
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,WAJqB;EAKrCC,aAAa,EAAED,WALsB;EAMrCE,QAAQ,EAAE,KAN2B;EAOrCC,cAAc,EAAEH,WAPqB;EAQrCI,aAAa,EAAEJ,WARsB;EASrCK,KAAK,EAAE;AAT8B;IAY1BC,SAAS,GAAG;EACvBC,cAAc,EAAEC,mBAAS,CAACC,KAAV,CAAgB,EAAhB,EAAoBC,YAApB,CAAiC,EAAjC,CADO;EAEvBf,QAAQ,EAAEa,mBAAS,CAACG,IAAV,CACPC,WADO,CACK,gDADL,EAEPF,YAFO,CAEMhB,YAAY,CAACC,QAFnB,CAFa;EAKvBC,aAAa,EAAEY,mBAAS,CAACK,MAAV,CACZD,WADY,CACA,2CADA,EAEZF,YAFY,CAEChB,YAAY,CAACE,aAFd,CALQ;EAQvBC,UAAU,EAAEW,mBAAS,CAACM,MAAV,CACTF,WADS,CACG,+CADH,EAETF,YAFS,CAEIhB,YAAY,CAACG,UAFjB,CARW;EAWvBkB,QAAQ,EAAEP,mBAAS,CAACQ,OAAV,CAAkBR,mBAAS,CAACS,MAA5B,EACPL,WADO,CAEN,4FAFM,EAIPF,YAJO,CAIMhB,YAAY,CAACG,UAJnB,CAXa;EAgBvBE,cAAc,EAAES,mBAAS,CAACU,IAAV,CACbN,WADa,CACD,6DADC,EAEbF,YAFa,CAEAhB,YAAY,CAACK,cAFb,CAhBO;EAmBvBE,aAAa,EAAEO,mBAAS,CAACU,IAAV,CACZN,WADY,CACA,6DADA,EAEZF,YAFY,CAEChB,YAAY,CAACO,aAFd,CAnBQ;EAsBvBE,cAAc,EAAEK,mBAAS,CAACU,IAAV,CACbN,WADa,CACD,6DADC,EAEbF,YAFa,CAEAhB,YAAY,CAACS,cAFb,CAtBO;EAyBvBC,aAAa,EAAEI,mBAAS,CAACU,IAAV,CACZN,WADY,CACA,6DADA,EAEZF,YAFY,CAEChB,YAAY,CAACU,aAFd,CAzBQ;EA4BvBF,QAAQ,EAAEM,mBAAS,CAACG,IAAV,CACPC,WADO,CACK,kDADL,EAEPF,YAFO,CAEMhB,YAAY,CAACQ,QAFnB;AA5Ba;;;;;"}
@@ -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;AAAA,SACxBC,KAAK,CAACF,CAAD,CAAL,CACGG,IADH,GAEGC,GAFH,CAEO,UAACC,CAAD,EAAIC,CAAJ,EAAU;AACb,QAAIA,CAAC,GAAG,CAAJ,IAASA,CAAC,GAAG,EAAJ,KAAW,CAAxB,EAA2B;AACzB,aAAO;AACLC,QAAAA,IAAI,YAAKD,CAAL,CADC;AAELE,QAAAA,IAAI,4EAFC;AAGLC,QAAAA,IAAI,EAAEC,mBAAY,CAACC,MAHd;AAILC,QAAAA,KAAK,EAAE,gBAJF;AAKLC,QAAAA,IAAI,EAAE;AALD,OAAP;AAOD;;AACD,QAAIP,CAAC,GAAG,CAAJ,IAASA,CAAC,GAAG,EAAJ,KAAW,CAAxB,EAA2B;AACzB,aAAO;AACLC,QAAAA,IAAI,YAAKD,CAAL,CADC;AAELG,QAAAA,IAAI,EAAEC,mBAAY,CAACI,SAFd;AAGLF,QAAAA,KAAK,EAAE,uBAHF;AAILG,QAAAA,UAAU,EAAE;AAAE,yBAAe;AAAjB;AAJP,OAAP;AAMD;;AACD,QAAMC,QAAQ,GAAGV,CAAC,GAAG,CAAJ,KAAU,CAA3B;AACA,QAAMW,cAAc,GAAGD,QAAQ,GAAGN,mBAAY,CAACQ,MAAhB,GAAyBR,mBAAY,CAACS,SAArE;AACA,QAAMC,SAAS,GAAGJ,QAAQ,GAAG,eAAH,GAAqB,WAA/C;AACA,WAAO;AACLT,MAAAA,IAAI,YAAKD,CAAL,CADC;AAELE,MAAAA,IAAI,yBAAkBP,GAAlB,2BAAsCK,CAAtC,CAFC;AAGLG,MAAAA,IAAI,EAAEQ,cAHD;AAILL,MAAAA,KAAK,EAAEQ,SAJF;AAKLP,MAAAA,IAAI,EAAE,SALD;AAMLQ,MAAAA,WAAW,EAAEL,QAAQ,GAAG,WAAH,GAAiB;AANjC,KAAP;AAQD,GA/BH,CADwB;AAAA,CAA1B;;IAkCaM,QAAQ,GAAG,SAAXA,QAAW,CAACtB,CAAD;AAAA,SAAwBD,iBAAiB,CAACC,CAAD,EAAI,UAAJ,CAAzC;AAAA;;;;"}
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,mBAAY,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,mBAAY,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,mBAAY,CAACQ,MAAhB,GAAyBR,mBAAY,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;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"ChatDataTestids.js","sources":["../../src/ChatDataTestids.tsx"],"sourcesContent":["export const ChatDataTestIds = {\n COMPOSER_TEXTAREA: 'chat-composer-textarea',\n COMPOSER_SEND_BUTTON: 'chat-composer-send-button',\n CARD_TITLE: 'chat-card-title',\n CARD_WRAPPER: 'chat-card-wrapper',\n CARD_TIME: 'chat-card-time',\n CARD_RIGHT_ADDON: 'chat-right-addon',\n CARD_CONTENT: 'chat-card-content',\n LOADING_INDICATOR: 'ds-chat-loading-indicator',\n HEADER_TITLE: 'chat-header-title',\n HEADER_CHILDREN: 'chat-header-children',\n THREAD_CONTAINER: 'chat-thread-container',\n LOAD_MORE_BUTTON: 'ds-chat-load-more-btn',\n FLOATING_BUTTON: 'chat-floating-button',\n SYSTEM_MSG_TITLE: 'chat-system-message-title',\n SYSTEM_MSG_BODY: 'chat-system-message-body',\n SYSTEM_MSG_TIME: 'chat-system-message-time',\n BUBBLE: 'ds-chat-bubble',\n BUBBLE_TITLE: 'chat-bubble-title',\n BUBBLE_BODY: 'chat-bubble-body',\n BANNER: 'ds-banner-container',\n};\n"],"names":["ChatDataTestIds","COMPOSER_TEXTAREA","COMPOSER_SEND_BUTTON","CARD_TITLE","CARD_WRAPPER","CARD_TIME","CARD_RIGHT_ADDON","CARD_CONTENT","LOADING_INDICATOR","HEADER_TITLE","HEADER_CHILDREN","THREAD_CONTAINER","LOAD_MORE_BUTTON","FLOATING_BUTTON","SYSTEM_MSG_TITLE","SYSTEM_MSG_BODY","SYSTEM_MSG_TIME","BUBBLE","BUBBLE_TITLE","BUBBLE_BODY","BANNER"],"mappings":"IAAaA,eAAe,GAAG;AAC7BC,EAAAA,iBAAiB,EAAE,wBADU;AAE7BC,EAAAA,oBAAoB,EAAE,2BAFO;AAG7BC,EAAAA,UAAU,EAAE,iBAHiB;AAI7BC,EAAAA,YAAY,EAAE,mBAJe;AAK7BC,EAAAA,SAAS,EAAE,gBALkB;AAM7BC,EAAAA,gBAAgB,EAAE,kBANW;AAO7BC,EAAAA,YAAY,EAAE,mBAPe;AAQ7BC,EAAAA,iBAAiB,EAAE,2BARU;AAS7BC,EAAAA,YAAY,EAAE,mBATe;AAU7BC,EAAAA,eAAe,EAAE,sBAVY;AAW7BC,EAAAA,gBAAgB,EAAE,uBAXW;AAY7BC,EAAAA,gBAAgB,EAAE,uBAZW;AAa7BC,EAAAA,eAAe,EAAE,sBAbY;AAc7BC,EAAAA,gBAAgB,EAAE,2BAdW;AAe7BC,EAAAA,eAAe,EAAE,0BAfY;AAgB7BC,EAAAA,eAAe,EAAE,0BAhBY;AAiB7BC,EAAAA,MAAM,EAAE,gBAjBqB;AAkB7BC,EAAAA,YAAY,EAAE,mBAlBe;AAmB7BC,EAAAA,WAAW,EAAE,kBAnBgB;AAoB7BC,EAAAA,MAAM,EAAE;AApBqB;;;;"}
1
+ {"version":3,"file":"ChatDataTestids.js","sources":["../../src/ChatDataTestids.tsx"],"sourcesContent":["export const ChatDataTestIds = {\n COMPOSER_TEXTAREA: 'chat-composer-textarea',\n COMPOSER_SEND_BUTTON: 'chat-composer-send-button',\n CARD_TITLE: 'chat-card-title',\n CARD_WRAPPER: 'chat-card-wrapper',\n CARD_TIME: 'chat-card-time',\n CARD_RIGHT_ADDON: 'chat-right-addon',\n CARD_CONTENT: 'chat-card-content',\n LOADING_INDICATOR: 'ds-chat-loading-indicator',\n HEADER_TITLE: 'chat-header-title',\n HEADER_CHILDREN: 'chat-header-children',\n THREAD_CONTAINER: 'chat-thread-container',\n LOAD_MORE_BUTTON: 'ds-chat-load-more-btn',\n FLOATING_BUTTON: 'chat-floating-button',\n SYSTEM_MSG_TITLE: 'chat-system-message-title',\n SYSTEM_MSG_BODY: 'chat-system-message-body',\n SYSTEM_MSG_TIME: 'chat-system-message-time',\n BUBBLE: 'ds-chat-bubble',\n BUBBLE_TITLE: 'chat-bubble-title',\n BUBBLE_BODY: 'chat-bubble-body',\n BANNER: 'ds-banner-container',\n};\n"],"names":["ChatDataTestIds","COMPOSER_TEXTAREA","COMPOSER_SEND_BUTTON","CARD_TITLE","CARD_WRAPPER","CARD_TIME","CARD_RIGHT_ADDON","CARD_CONTENT","LOADING_INDICATOR","HEADER_TITLE","HEADER_CHILDREN","THREAD_CONTAINER","LOAD_MORE_BUTTON","FLOATING_BUTTON","SYSTEM_MSG_TITLE","SYSTEM_MSG_BODY","SYSTEM_MSG_TIME","BUBBLE","BUBBLE_TITLE","BUBBLE_BODY","BANNER"],"mappings":"IAAaA,eAAe,GAAG;EAC7BC,iBAAiB,EAAE,wBADU;EAE7BC,oBAAoB,EAAE,2BAFO;EAG7BC,UAAU,EAAE,iBAHiB;EAI7BC,YAAY,EAAE,mBAJe;EAK7BC,SAAS,EAAE,gBALkB;EAM7BC,gBAAgB,EAAE,kBANW;EAO7BC,YAAY,EAAE,mBAPe;EAQ7BC,iBAAiB,EAAE,2BARU;EAS7BC,YAAY,EAAE,mBATe;EAU7BC,eAAe,EAAE,sBAVY;EAW7BC,gBAAgB,EAAE,uBAXW;EAY7BC,gBAAgB,EAAE,uBAZW;EAa7BC,eAAe,EAAE,sBAbY;EAc7BC,gBAAgB,EAAE,2BAdW;EAe7BC,eAAe,EAAE,0BAfY;EAgB7BC,eAAe,EAAE,0BAhBY;EAiB7BC,MAAM,EAAE,gBAjBqB;EAkB7BC,YAAY,EAAE,mBAlBe;EAmB7BC,WAAW,EAAE,kBAnBgB;EAoB7BC,MAAM,EAAE;AApBqB;;;;"}
package/esm/index.js CHANGED
@@ -39,13 +39,14 @@ import '@elliemae/ds-button';
39
39
  import './parts/chat-container-messages-list/styled.js';
40
40
  import './parts/chat-container-messages-list/props.js';
41
41
  import './parts/chat-container-messages-list/config/useValidateProps.js';
42
+ import './parts/chat-container-messages-list/useGetNewMessages.js';
43
+ import '@babel/runtime/helpers/esm/slicedToArray';
42
44
  import './parts/message-delimiter/styled.js';
43
45
  import './parts/message-delimiter/props.js';
44
46
  import './parts/message-delimiter/config/useValidateProps.js';
45
47
  import './parts/system-message/style.js';
46
48
  import './parts/system-message/props.js';
47
49
  import './parts/system-message/config/useValidateProps.js';
48
- import '@babel/runtime/helpers/esm/slicedToArray';
49
50
  import './parts/chat-composer/styled.js';
50
51
  import './parts/chat-composer/config/useValidateProps.js';
51
52
  import './parts/chat-composer/props.js';
package/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"ChatBubble.js","sources":["../../../../src/parts/bubble/ChatBubble.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { WarningCircleFill } from '@elliemae/ds-icons';\nimport {\n StyledWrapper,\n StyledColoredBubble,\n StyledTitleBubble,\n StyledTitleLeftBubble,\n StyledTitleRightBubble,\n StyleBodyWrapper,\n StyleErrorMessage,\n StyleHelpMessage,\n} from './styled';\nimport { propsBubbles, BubbleProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\nimport { ChatBubbleArrow } from './ChatBubbleArrow';\n\nconst ChatBubble = (props: BubbleProps): JSX.Element => {\n useValidateProps(props, ChatBubbleWithSchema.toJSON());\n\n const { dsId, type, title, time, body, errorMessage, helpMessage } = props;\n const bodyParts = React.useMemo(() => (typeof body === 'string' ? body.split('\\n') : [body]), [body]);\n\n return (\n <StyledWrapper data-testid={`ds-chat-bubble-${dsId}`} type={type}>\n <StyledColoredBubble type={type}>\n <StyledTitleBubble cols={[1, 'auto']} gutter=\"xs\" alignItems=\"flex-end\" className=\"sr-only\">\n <StyledTitleLeftBubble alignItems=\"center\" data-testid={`chat-bubble-title-${dsId}`}>\n {title}\n </StyledTitleLeftBubble>\n <StyledTitleRightBubble alignItems=\"center\" type={type} data-testid={`chat-bubble-time-${dsId}`}>\n {time}\n </StyledTitleRightBubble>\n </StyledTitleBubble>\n <StyleBodyWrapper data-testid={`chat-bubble-body-${dsId}`}>\n {bodyParts.map((item, index) => (\n <React.Fragment key={`${item}-${index}`}>\n {item}\n {index < bodyParts.length - 1 ? <br /> : null}\n </React.Fragment>\n ))}\n </StyleBodyWrapper>\n <ChatBubbleArrow type={type} />\n </StyledColoredBubble>\n {errorMessage ? (\n <StyleErrorMessage data-testid={`chat-bubble-error-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n <span>{errorMessage}</span>\n <WarningCircleFill />\n </StyleErrorMessage>\n ) : null}\n {helpMessage ? (\n <StyleHelpMessage data-testid={`chat-bubble-help-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n <span>{helpMessage}</span>\n </StyleHelpMessage>\n ) : null}\n </StyledWrapper>\n );\n};\nChatBubble.propTypes = propsBubbles;\n\nconst ChatBubbleWithSchema = describe(ChatBubble);\nChatBubbleWithSchema.propTypes = propsBubbles;\n\nexport { ChatBubble, ChatBubbleWithSchema };\n"],"names":["ChatBubble","props","useValidateProps","ChatBubbleWithSchema","toJSON","dsId","type","title","time","body","errorMessage","helpMessage","bodyParts","React","useMemo","split","map","item","index","length","propTypes","propsBubbles","describe"],"mappings":";;;;;;;;;;;;;IAiBMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAqC;AACtDC,EAAAA,gBAAgB,CAACD,KAAD,EAAQE,oBAAoB,CAACC,MAArB,EAAR,CAAhB;AAEA,MAAQC,IAAR,GAAqEJ,KAArE,CAAQI,IAAR;AAAA,MAAcC,IAAd,GAAqEL,KAArE,CAAcK,IAAd;AAAA,MAAoBC,KAApB,GAAqEN,KAArE,CAAoBM,KAApB;AAAA,MAA2BC,IAA3B,GAAqEP,KAArE,CAA2BO,IAA3B;AAAA,MAAiCC,IAAjC,GAAqER,KAArE,CAAiCQ,IAAjC;AAAA,MAAuCC,YAAvC,GAAqET,KAArE,CAAuCS,YAAvC;AAAA,MAAqDC,WAArD,GAAqEV,KAArE,CAAqDU,WAArD;AACA,MAAMC,SAAS,GAAGC,KAAK,CAACC,OAAN,CAAc;AAAA,WAAO,OAAOL,IAAP,KAAgB,QAAhB,GAA2BA,IAAI,CAACM,KAAL,CAAW,IAAX,CAA3B,GAA8C,CAACN,IAAD,CAArD;AAAA,GAAd,EAA4E,CAACA,IAAD,CAA5E,CAAlB;AAEA,sBACE,oBAAC,aAAD;AAAe,4CAA+BJ,IAA/B,CAAf;AAAsD,IAAA,IAAI,EAAEC;AAA5D,kBACE,oBAAC,mBAAD;AAAqB,IAAA,IAAI,EAAEA;AAA3B,kBACE,oBAAC,iBAAD;AAAmB,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ,CAAzB;AAAsC,IAAA,MAAM,EAAC,IAA7C;AAAkD,IAAA,UAAU,EAAC,UAA7D;AAAwE,IAAA,SAAS,EAAC;AAAlF,kBACE,oBAAC,qBAAD;AAAuB,IAAA,UAAU,EAAC,QAAlC;AAA2C,+CAAkCD,IAAlC;AAA3C,KACGE,KADH,CADF,eAIE,oBAAC,sBAAD;AAAwB,IAAA,UAAU,EAAC,QAAnC;AAA4C,IAAA,IAAI,EAAED,IAAlD;AAAwD,8CAAiCD,IAAjC;AAAxD,KACGG,IADH,CAJF,CADF,eASE,oBAAC,gBAAD;AAAkB,8CAAiCH,IAAjC;AAAlB,KACGO,SAAS,CAACI,GAAV,CAAc,UAACC,IAAD,EAAOC,KAAP;AAAA,wBACb,oBAAC,KAAD,CAAO,QAAP;AAAgB,MAAA,GAAG,YAAKD,IAAL,cAAaC,KAAb;AAAnB,OACGD,IADH,EAEGC,KAAK,GAAGN,SAAS,CAACO,MAAV,GAAmB,CAA3B,gBAA+B,+BAA/B,GAAwC,IAF3C,CADa;AAAA,GAAd,CADH,CATF,eAiBE,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEb;AAAvB,IAjBF,CADF,EAoBGI,YAAY,gBACX,oBAAC,iBAAD;AAAmB,uDAA0CL,IAA1C,CAAnB;AAAqE,IAAA,CAAC,EAAC,KAAvE;AAA6E,IAAA,MAAM,EAAC,KAApF;AAA0F,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAAhG,kBACE,kCAAOK,YAAP,CADF,eAEE,oBAAC,iBAAD,OAFF,CADW,GAKT,IAzBN,EA0BGC,WAAW,gBACV,oBAAC,gBAAD;AAAkB,sDAAyCN,IAAzC,CAAlB;AAAmE,IAAA,CAAC,EAAC,KAArE;AAA2E,IAAA,MAAM,EAAC,KAAlF;AAAwF,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAA9F,kBACE,kCAAOM,WAAP,CADF,CADU,GAIR,IA9BN,CADF;AAkCD;;AACDX,UAAU,CAACoB,SAAX,GAAuBC,YAAvB;IAEMlB,oBAAoB,GAAGmB,QAAQ,CAACtB,UAAD;AACrCG,oBAAoB,CAACiB,SAArB,GAAiCC,YAAjC;;;;"}
1
+ {"version":3,"file":"ChatBubble.js","sources":["../../../../src/parts/bubble/ChatBubble.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { WarningCircleFill } from '@elliemae/ds-icons';\nimport {\n StyledWrapper,\n StyledColoredBubble,\n StyledTitleBubble,\n StyledTitleLeftBubble,\n StyledTitleRightBubble,\n StyleBodyWrapper,\n StyleErrorMessage,\n StyleHelpMessage,\n} from './styled';\nimport { propsBubbles, BubbleProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\nimport { ChatBubbleArrow } from './ChatBubbleArrow';\n\nconst ChatBubble = (props: BubbleProps): JSX.Element => {\n useValidateProps(props, ChatBubbleWithSchema.toJSON());\n\n const { dsId, type, title, time, body, errorMessage, helpMessage } = props;\n const bodyParts = React.useMemo(() => (typeof body === 'string' ? body.split('\\n') : [body]), [body]);\n\n return (\n <StyledWrapper data-testid={`ds-chat-bubble-${dsId}`} type={type}>\n <StyledColoredBubble type={type}>\n <StyledTitleBubble cols={[1, 'auto']} gutter=\"xs\" alignItems=\"flex-end\" className=\"sr-only\">\n <StyledTitleLeftBubble alignItems=\"center\" data-testid={`chat-bubble-title-${dsId}`}>\n {title}\n </StyledTitleLeftBubble>\n <StyledTitleRightBubble alignItems=\"center\" type={type} data-testid={`chat-bubble-time-${dsId}`}>\n {time}\n </StyledTitleRightBubble>\n </StyledTitleBubble>\n <StyleBodyWrapper data-testid={`chat-bubble-body-${dsId}`}>\n {bodyParts.map((item, index) => (\n <React.Fragment key={`${item}-${index}`}>\n {item}\n {index < bodyParts.length - 1 ? <br /> : null}\n </React.Fragment>\n ))}\n </StyleBodyWrapper>\n <ChatBubbleArrow type={type} />\n </StyledColoredBubble>\n {errorMessage ? (\n <StyleErrorMessage data-testid={`chat-bubble-error-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n <span>{errorMessage}</span>\n <WarningCircleFill />\n </StyleErrorMessage>\n ) : null}\n {helpMessage ? (\n <StyleHelpMessage data-testid={`chat-bubble-help-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n <span>{helpMessage}</span>\n </StyleHelpMessage>\n ) : null}\n </StyledWrapper>\n );\n};\nChatBubble.propTypes = propsBubbles;\n\nconst ChatBubbleWithSchema = describe(ChatBubble);\nChatBubbleWithSchema.propTypes = propsBubbles;\n\nexport { ChatBubble, ChatBubbleWithSchema };\n"],"names":["ChatBubble","props","useValidateProps","ChatBubbleWithSchema","toJSON","dsId","type","title","time","body","errorMessage","helpMessage","bodyParts","React","useMemo","split","map","item","index","length","propTypes","propsBubbles","describe"],"mappings":";;;;;;;;;;;;;IAiBMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAqC;EACtDC,gBAAgB,CAACD,KAAD,EAAQE,oBAAoB,CAACC,MAArB,EAAR,CAAhB;EAEA,IAAQC,IAAR,GAAqEJ,KAArE,CAAQI,IAAR;MAAcC,IAAd,GAAqEL,KAArE,CAAcK,IAAd;MAAoBC,KAApB,GAAqEN,KAArE,CAAoBM,KAApB;MAA2BC,IAA3B,GAAqEP,KAArE,CAA2BO,IAA3B;MAAiCC,IAAjC,GAAqER,KAArE,CAAiCQ,IAAjC;MAAuCC,YAAvC,GAAqET,KAArE,CAAuCS,YAAvC;MAAqDC,WAArD,GAAqEV,KAArE,CAAqDU,WAArD;EACA,IAAMC,SAAS,GAAGC,KAAK,CAACC,OAAN,CAAc;IAAA,OAAO,OAAOL,IAAP,KAAgB,QAAhB,GAA2BA,IAAI,CAACM,KAAL,CAAW,IAAX,CAA3B,GAA8C,CAACN,IAAD,CAArD;GAAd,EAA4E,CAACA,IAAD,CAA5E,CAAlB;EAEA,oBACE,oBAAC,aAAD;IAAe,wCAA+BJ,IAA/B,CAAf;IAAsD,IAAI,EAAEC;kBAC1D,oBAAC,mBAAD;IAAqB,IAAI,EAAEA;kBACzB,oBAAC,iBAAD;IAAmB,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ,CAAzB;IAAsC,MAAM,EAAC,IAA7C;IAAkD,UAAU,EAAC,UAA7D;IAAwE,SAAS,EAAC;kBAChF,oBAAC,qBAAD;IAAuB,UAAU,EAAC,QAAlC;IAA2C,2CAAkCD,IAAlC;KACxCE,KADH,CADF,eAIE,oBAAC,sBAAD;IAAwB,UAAU,EAAC,QAAnC;IAA4C,IAAI,EAAED,IAAlD;IAAwD,0CAAiCD,IAAjC;KACrDG,IADH,CAJF,CADF,eASE,oBAAC,gBAAD;IAAkB,0CAAiCH,IAAjC;KACfO,SAAS,CAACI,GAAV,CAAc,UAACC,IAAD,EAAOC,KAAP;IAAA,oBACb,oBAAC,KAAD,CAAO,QAAP;MAAgB,GAAG,YAAKD,IAAL,cAAaC,KAAb;OAChBD,IADH,EAEGC,KAAK,GAAGN,SAAS,CAACO,MAAV,GAAmB,CAA3B,gBAA+B,+BAA/B,GAAwC,IAF3C,CADa;GAAd,CADH,CATF,eAiBE,oBAAC,eAAD;IAAiB,IAAI,EAAEb;IAjBzB,CADF,EAoBGI,YAAY,gBACX,oBAAC,iBAAD;IAAmB,mDAA0CL,IAA1C,CAAnB;IAAqE,CAAC,EAAC,KAAvE;IAA6E,MAAM,EAAC,KAApF;IAA0F,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;kBAC9F,kCAAOK,YAAP,CADF,eAEE,oBAAC,iBAAD,OAFF,CADW,GAKT,IAzBN,EA0BGC,WAAW,gBACV,oBAAC,gBAAD;IAAkB,kDAAyCN,IAAzC,CAAlB;IAAmE,CAAC,EAAC,KAArE;IAA2E,MAAM,EAAC,KAAlF;IAAwF,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;kBAC5F,kCAAOM,WAAP,CADF,CADU,GAIR,IA9BN,CADF;AAkCD;;AACDX,UAAU,CAACoB,SAAX,GAAuBC,YAAvB;IAEMlB,oBAAoB,GAAGmB,QAAQ,CAACtB,UAAD;AACrCG,oBAAoB,CAACiB,SAArB,GAAiCC,YAAjC;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"ChatBubbleArrow.js","sources":["../../../../src/parts/bubble/ChatBubbleArrow.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledBubbleArrow } from './styled';\nimport { BUBBLE_TYPES, BubbleProps, propsArrowBubble } from './props';\n\nexport const ChatBubbleArrow = ({ type }: Pick<BubbleProps, 'type'>): JSX.Element => (\n <StyledBubbleArrow>\n {type === BUBBLE_TYPES.RECIPIENT ? (\n <svg width=\"15px\" height=\"14px\" viewBox=\"0 0 15 14\">\n <defs>\n <path\n d=\"M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z\"\n id=\"path-chat-bubble\"\n ></path>\n <filter x=\"-55.6%\" y=\"-50.0%\" width=\"211.1%\" height=\"225.0%\" filterUnits=\"objectBoundingBox\" id=\"filter-2\">\n <feOffset dx=\"2.3\" dy=\"1.2\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\"></feOffset>\n <feGaussianBlur stdDeviation=\"1.5\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\"></feGaussianBlur>\n <feColorMatrix\n values=\"0 0 0 0 0.207843137 \n 0 0 0 0 0.235294118 \n 0 0 0 0 0.274509804 \n 0 0 0 0.8 0\"\n type=\"matrix\"\n in=\"shadowBlurOuter1\"\n ></feColorMatrix>\n </filter>\n </defs>\n <g id=\"[DSK]-Visual-Design\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <g id=\"Path-Copy\" transform=\"translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) \">\n <use fill=\"black\" fillOpacity=\"1\" filter=\"url(#filter-2)\" xlinkHref=\"#path-chat-bubble\"></use>\n <use fill=\"#FFFFFF\" fillRule=\"evenodd\" xlinkHref=\"#path-chat-bubble\"></use>\n </g>\n </g>\n </svg>\n ) : (\n <svg width=\"9px\" height=\"8px\" viewBox=\"0 0 9 8\">\n <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <path\n d=\"M9,6.5 C9,5.9373169 8.6782751,5.4856453 8.2282104,5.196228 C8.2286673,5.1967363 0,0 0,0 L0,8 L7.5627441,8 L7.5658569,7.9933472 C8.3630371,7.9580688 9,7.3058472 9,6.5 Z\"\n id=\"Path\"\n fill=\"#1E79C2\"\n ></path>\n </g>\n </svg>\n )}\n </StyledBubbleArrow>\n);\n\nChatBubbleArrow.propTypes = propsArrowBubble;\n"],"names":["ChatBubbleArrow","type","BUBBLE_TYPES","RECIPIENT","propTypes","propsArrowBubble"],"mappings":";;;;;;;;;IAIaA,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,sBAC7B,oBAAC,iBAAD,QACGA,IAAI,KAAKC,YAAY,CAACC,SAAtB,gBACC;AAAK,IAAA,KAAK,EAAC,MAAX;AAAkB,IAAA,MAAM,EAAC,MAAzB;AAAgC,IAAA,OAAO,EAAC;AAAxC,kBACE,+CACE;AACE,IAAA,CAAC,EAAC,qLADJ;AAEE,IAAA,EAAE,EAAC;AAFL,IADF,eAKE;AAAQ,IAAA,CAAC,EAAC,QAAV;AAAmB,IAAA,CAAC,EAAC,QAArB;AAA8B,IAAA,KAAK,EAAC,QAApC;AAA6C,IAAA,MAAM,EAAC,QAApD;AAA6D,IAAA,WAAW,EAAC,mBAAzE;AAA6F,IAAA,EAAE,EAAC;AAAhG,kBACE;AAAU,IAAA,EAAE,EAAC,KAAb;AAAmB,IAAA,EAAE,EAAC,KAAtB;AAA4B,IAAA,EAAE,EAAC,aAA/B;AAA6C,IAAA,MAAM,EAAC;AAApD,IADF,eAEE;AAAgB,IAAA,YAAY,EAAC,KAA7B;AAAmC,IAAA,EAAE,EAAC,oBAAtC;AAA2D,IAAA,MAAM,EAAC;AAAlE,IAFF,eAGE;AACE,IAAA,MAAM,EAAC,iFADT;AAKE,IAAA,IAAI,EAAC,QALP;AAME,IAAA,EAAE,EAAC;AANL,IAHF,CALF,CADF,eAmBE;AAAG,IAAA,EAAE,EAAC,qBAAN;AAA4B,IAAA,MAAM,EAAC,MAAnC;AAA0C,IAAA,WAAW,EAAC,GAAtD;AAA0D,IAAA,IAAI,EAAC,MAA/D;AAAsE,IAAA,QAAQ,EAAC;AAA/E,kBACE;AAAG,IAAA,EAAE,EAAC,WAAN;AAAkB,IAAA,SAAS,EAAC;AAA5B,kBACE;AAAK,IAAA,IAAI,EAAC,OAAV;AAAkB,IAAA,WAAW,EAAC,GAA9B;AAAkC,IAAA,MAAM,EAAC,gBAAzC;AAA0D,IAAA,SAAS,EAAC;AAApE,IADF,eAEE;AAAK,IAAA,IAAI,EAAC,SAAV;AAAoB,IAAA,QAAQ,EAAC,SAA7B;AAAuC,IAAA,SAAS,EAAC;AAAjD,IAFF,CADF,CAnBF,CADD,gBA4BC;AAAK,IAAA,KAAK,EAAC,KAAX;AAAiB,IAAA,MAAM,EAAC,KAAxB;AAA8B,IAAA,OAAO,EAAC;AAAtC,kBACE;AAAG,IAAA,MAAM,EAAC,MAAV;AAAiB,IAAA,WAAW,EAAC,GAA7B;AAAiC,IAAA,IAAI,EAAC,MAAtC;AAA6C,IAAA,QAAQ,EAAC;AAAtD,kBACE;AACE,IAAA,CAAC,EAAC,yKADJ;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,IAAI,EAAC;AAHP,IADF,CADF,CA7BJ,CAD6B;AAAA;AA2C/BH,eAAe,CAACI,SAAhB,GAA4BC,gBAA5B;;;;"}
1
+ {"version":3,"file":"ChatBubbleArrow.js","sources":["../../../../src/parts/bubble/ChatBubbleArrow.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledBubbleArrow } from './styled';\nimport { BUBBLE_TYPES, BubbleProps, propsArrowBubble } from './props';\n\nexport const ChatBubbleArrow = ({ type }: Pick<BubbleProps, 'type'>): JSX.Element => (\n <StyledBubbleArrow>\n {type === BUBBLE_TYPES.RECIPIENT ? (\n <svg width=\"15px\" height=\"14px\" viewBox=\"0 0 15 14\">\n <defs>\n <path\n d=\"M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z\"\n id=\"path-chat-bubble\"\n ></path>\n <filter x=\"-55.6%\" y=\"-50.0%\" width=\"211.1%\" height=\"225.0%\" filterUnits=\"objectBoundingBox\" id=\"filter-2\">\n <feOffset dx=\"2.3\" dy=\"1.2\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\"></feOffset>\n <feGaussianBlur stdDeviation=\"1.5\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\"></feGaussianBlur>\n <feColorMatrix\n values=\"0 0 0 0 0.207843137 \n 0 0 0 0 0.235294118 \n 0 0 0 0 0.274509804 \n 0 0 0 0.8 0\"\n type=\"matrix\"\n in=\"shadowBlurOuter1\"\n ></feColorMatrix>\n </filter>\n </defs>\n <g id=\"[DSK]-Visual-Design\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <g id=\"Path-Copy\" transform=\"translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) \">\n <use fill=\"black\" fillOpacity=\"1\" filter=\"url(#filter-2)\" xlinkHref=\"#path-chat-bubble\"></use>\n <use fill=\"#FFFFFF\" fillRule=\"evenodd\" xlinkHref=\"#path-chat-bubble\"></use>\n </g>\n </g>\n </svg>\n ) : (\n <svg width=\"9px\" height=\"8px\" viewBox=\"0 0 9 8\">\n <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <path\n d=\"M9,6.5 C9,5.9373169 8.6782751,5.4856453 8.2282104,5.196228 C8.2286673,5.1967363 0,0 0,0 L0,8 L7.5627441,8 L7.5658569,7.9933472 C8.3630371,7.9580688 9,7.3058472 9,6.5 Z\"\n id=\"Path\"\n fill=\"#1E79C2\"\n ></path>\n </g>\n </svg>\n )}\n </StyledBubbleArrow>\n);\n\nChatBubbleArrow.propTypes = propsArrowBubble;\n"],"names":["ChatBubbleArrow","type","BUBBLE_TYPES","RECIPIENT","propTypes","propsArrowBubble"],"mappings":";;;;;;;;;IAIaA,eAAe,GAAG,SAAlBA,eAAkB;EAAA,IAAGC,IAAH,QAAGA,IAAH;EAAA,oBAC7B,oBAAC,iBAAD,QACGA,IAAI,KAAKC,YAAY,CAACC,SAAtB,gBACC;IAAK,KAAK,EAAC,MAAX;IAAkB,MAAM,EAAC,MAAzB;IAAgC,OAAO,EAAC;kBACtC,+CACE;IACE,CAAC,EAAC,qLADJ;IAEE,EAAE,EAAC;IAHP,eAKE;IAAQ,CAAC,EAAC,QAAV;IAAmB,CAAC,EAAC,QAArB;IAA8B,KAAK,EAAC,QAApC;IAA6C,MAAM,EAAC,QAApD;IAA6D,WAAW,EAAC,mBAAzE;IAA6F,EAAE,EAAC;kBAC9F;IAAU,EAAE,EAAC,KAAb;IAAmB,EAAE,EAAC,KAAtB;IAA4B,EAAE,EAAC,aAA/B;IAA6C,MAAM,EAAC;IADtD,eAEE;IAAgB,YAAY,EAAC,KAA7B;IAAmC,EAAE,EAAC,oBAAtC;IAA2D,MAAM,EAAC;IAFpE,eAGE;IACE,MAAM,EAAC,iFADT;IAKE,IAAI,EAAC,QALP;IAME,EAAE,EAAC;IATP,CALF,CADF,eAmBE;IAAG,EAAE,EAAC,qBAAN;IAA4B,MAAM,EAAC,MAAnC;IAA0C,WAAW,EAAC,GAAtD;IAA0D,IAAI,EAAC,MAA/D;IAAsE,QAAQ,EAAC;kBAC7E;IAAG,EAAE,EAAC,WAAN;IAAkB,SAAS,EAAC;kBAC1B;IAAK,IAAI,EAAC,OAAV;IAAkB,WAAW,EAAC,GAA9B;IAAkC,MAAM,EAAC,gBAAzC;IAA0D,SAAS,EAAC;IADtE,eAEE;IAAK,IAAI,EAAC,SAAV;IAAoB,QAAQ,EAAC,SAA7B;IAAuC,SAAS,EAAC;IAFnD,CADF,CAnBF,CADD,gBA4BC;IAAK,KAAK,EAAC,KAAX;IAAiB,MAAM,EAAC,KAAxB;IAA8B,OAAO,EAAC;kBACpC;IAAG,MAAM,EAAC,MAAV;IAAiB,WAAW,EAAC,GAA7B;IAAiC,IAAI,EAAC,MAAtC;IAA6C,QAAQ,EAAC;kBACpD;IACE,CAAC,EAAC,yKADJ;IAEE,EAAE,EAAC,MAFL;IAGE,IAAI,EAAC;IAJT,CADF,CA7BJ,CAD6B;AAAA;AA2C/BH,eAAe,CAACI,SAAhB,GAA4BC,gBAA5B;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/bubble/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { BubbleProps } from '../props';\n\nconst throwError = (message: string): void => {\n throw new Error(\n `Bubble:: ${message}\n `,\n );\n};\n\nexport const useValidateProps = (props: BubbleProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n if (typeof props.title === 'undefined') {\n throwError(`Please provide a title property to use this component.`);\n }\n if (typeof props.time === 'undefined') {\n throwError(`Please provide a time property to use this component.`);\n }\n if (typeof props.body === 'undefined') {\n throwError(`Please provide a body property to use this component.`);\n }\n if (typeof props.type === 'undefined') {\n throwError(`Please provide a type property to use this component.`);\n }\n};\n"],"names":["throwError","message","Error","useValidateProps","props","schema","useValidatePropTypes","title","time","body","type"],"mappings":";;AAGA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,OAAD,EAA2B;AAC5C,QAAM,IAAIC,KAAJ,oBACQD,OADR,UAAN;AAID,CALD;;IAOaE,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAqBC,MAArB,EAA+C;AAC7EC,EAAAA,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;;AACA,MAAI,OAAOD,KAAK,CAACG,KAAb,KAAuB,WAA3B,EAAwC;AACtCP,IAAAA,UAAU,0DAAV;AACD;;AACD,MAAI,OAAOI,KAAK,CAACI,IAAb,KAAsB,WAA1B,EAAuC;AACrCR,IAAAA,UAAU,yDAAV;AACD;;AACD,MAAI,OAAOI,KAAK,CAACK,IAAb,KAAsB,WAA1B,EAAuC;AACrCT,IAAAA,UAAU,yDAAV;AACD;;AACD,MAAI,OAAOI,KAAK,CAACM,IAAb,KAAsB,WAA1B,EAAuC;AACrCV,IAAAA,UAAU,yDAAV;AACD;AACF;;;;"}
1
+ {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/bubble/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { BubbleProps } from '../props';\n\nconst throwError = (message: string): void => {\n throw new Error(\n `Bubble:: ${message}\n `,\n );\n};\n\nexport const useValidateProps = (props: BubbleProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n if (typeof props.title === 'undefined') {\n throwError(`Please provide a title property to use this component.`);\n }\n if (typeof props.time === 'undefined') {\n throwError(`Please provide a time property to use this component.`);\n }\n if (typeof props.body === 'undefined') {\n throwError(`Please provide a body property to use this component.`);\n }\n if (typeof props.type === 'undefined') {\n throwError(`Please provide a type property to use this component.`);\n }\n};\n"],"names":["throwError","message","Error","useValidateProps","props","schema","useValidatePropTypes","title","time","body","type"],"mappings":";;AAGA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,OAAD,EAA2B;EAC5C,MAAM,IAAIC,KAAJ,oBACQD,OADR,UAAN;AAID,CALD;;IAOaE,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAqBC,MAArB,EAA+C;EAC7EC,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;;EACA,IAAI,OAAOD,KAAK,CAACG,KAAb,KAAuB,WAA3B,EAAwC;IACtCP,UAAU,0DAAV;;;EAEF,IAAI,OAAOI,KAAK,CAACI,IAAb,KAAsB,WAA1B,EAAuC;IACrCR,UAAU,yDAAV;;;EAEF,IAAI,OAAOI,KAAK,CAACK,IAAb,KAAsB,WAA1B,EAAuC;IACrCT,UAAU,yDAAV;;;EAEF,IAAI,OAAOI,KAAK,CAACM,IAAb,KAAsB,WAA1B,EAAuC;IACrCV,UAAU,yDAAV;;AAEH;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/bubble/props.ts"],"sourcesContent":["import propTypes from 'prop-types';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport React from 'react';\n\n/**\n *\n * BUBBLE\n *\n */\nexport const BUBBLE_TYPES = {\n SENDER: 'SENDER',\n RECIPIENT: 'RECIPIENT',\n DELIMITER: 'DELIMITER',\n SYSTEM: 'SYSTEM',\n};\n\nexport type BubbleTypesKeys = keyof typeof BUBBLE_TYPES;\nexport type BubbleTypesValues = typeof BUBBLE_TYPES[BubbleTypesKeys];\n\nexport interface BubbleProps {\n dsId: string | number;\n type: BubbleTypesValues;\n title: string;\n body: string;\n time: string;\n errorMessage: string | React.ReactChild;\n helpMessage: string | React.ReactChild;\n onClick: (id: string | number) => void;\n}\n\nexport const defaultBubbleProps: BubbleProps = {\n dsId: undefined,\n type: BUBBLE_TYPES.SENDER,\n title: undefined,\n time: undefined,\n body: undefined,\n onClick: noop,\n errorMessage: undefined,\n helpMessage: undefined,\n};\n\nexport const propsBubbles = {\n dsId: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n .description('Unique id for bubble')\n .defaultValue(defaultBubbleProps.dsId),\n type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER])\n .isRequired.description('Define bubble type ')\n .defaultValue(defaultBubbleProps.type),\n title: PropTypes.string.isRequired.description('Title of the bubble').defaultValue(defaultBubbleProps.title),\n time: PropTypes.string.isRequired.description('Time of the bubble').defaultValue(defaultBubbleProps.title),\n body: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n .isRequired.description('Bubble content')\n .defaultValue(defaultBubbleProps.body),\n onClick: PropTypes.string.description('Callback when the bubble is tapped').defaultValue(defaultBubbleProps.onClick),\n errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n .description('Error message to display at bottom of the bubble')\n .defaultValue(defaultBubbleProps.onClick),\n helpMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n .description('Help message to display at bottom of the bubble')\n .defaultValue(defaultBubbleProps.onClick),\n};\n\n/**\n *\n * BUBBLE ARROW\n *\n */\nexport const propsArrowBubble = {\n type: propTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]),\n};\n"],"names":["BUBBLE_TYPES","SENDER","RECIPIENT","DELIMITER","SYSTEM","defaultBubbleProps","dsId","undefined","type","title","time","body","onClick","noop","errorMessage","helpMessage","propsBubbles","PropTypes","oneOfType","string","number","description","defaultValue","oneOf","isRequired","element","propsArrowBubble","propTypes"],"mappings":";;;;AAKA;AACA;AACA;AACA;AACA;IACaA,YAAY,GAAG;AAC1BC,EAAAA,MAAM,EAAE,QADkB;AAE1BC,EAAAA,SAAS,EAAE,WAFe;AAG1BC,EAAAA,SAAS,EAAE,WAHe;AAI1BC,EAAAA,MAAM,EAAE;AAJkB;IAqBfC,kBAA+B,GAAG;AAC7CC,EAAAA,IAAI,EAAEC,SADuC;AAE7CC,EAAAA,IAAI,EAAER,YAAY,CAACC,MAF0B;AAG7CQ,EAAAA,KAAK,EAAEF,SAHsC;AAI7CG,EAAAA,IAAI,EAAEH,SAJuC;AAK7CI,EAAAA,IAAI,EAAEJ,SALuC;AAM7CK,EAAAA,OAAO,EAAEC,IANoC;AAO7CC,EAAAA,YAAY,EAAEP,SAP+B;AAQ7CQ,EAAAA,WAAW,EAAER;AARgC;IAWlCS,YAAY,GAAG;AAC1BV,EAAAA,IAAI,EAAEW,SAAS,CAACC,SAAV,CAAoB,CAACD,SAAS,CAACE,MAAX,EAAmBF,SAAS,CAACG,MAA7B,CAApB,EACHC,WADG,CACS,sBADT,EAEHC,YAFG,CAEUjB,kBAAkB,CAACC,IAF7B,CADoB;AAI1BE,EAAAA,IAAI,EAAES,SAAS,CAACM,KAAV,CAAgB,CAACvB,YAAY,CAACE,SAAd,EAAyBF,YAAY,CAACC,MAAtC,CAAhB,EACHuB,UADG,CACQH,WADR,CACoB,qBADpB,EAEHC,YAFG,CAEUjB,kBAAkB,CAACG,IAF7B,CAJoB;AAO1BC,EAAAA,KAAK,EAAEQ,SAAS,CAACE,MAAV,CAAiBK,UAAjB,CAA4BH,WAA5B,CAAwC,qBAAxC,EAA+DC,YAA/D,CAA4EjB,kBAAkB,CAACI,KAA/F,CAPmB;AAQ1BC,EAAAA,IAAI,EAAEO,SAAS,CAACE,MAAV,CAAiBK,UAAjB,CAA4BH,WAA5B,CAAwC,oBAAxC,EAA8DC,YAA9D,CAA2EjB,kBAAkB,CAACI,KAA9F,CARoB;AAS1BE,EAAAA,IAAI,EAAEM,SAAS,CAACC,SAAV,CAAoB,CAACD,SAAS,CAACE,MAAX,EAAmBF,SAAS,CAACQ,OAA7B,CAApB,EACHD,UADG,CACQH,WADR,CACoB,gBADpB,EAEHC,YAFG,CAEUjB,kBAAkB,CAACM,IAF7B,CAToB;AAY1BC,EAAAA,OAAO,EAAEK,SAAS,CAACE,MAAV,CAAiBE,WAAjB,CAA6B,oCAA7B,EAAmEC,YAAnE,CAAgFjB,kBAAkB,CAACO,OAAnG,CAZiB;AAa1BE,EAAAA,YAAY,EAAEG,SAAS,CAACC,SAAV,CAAoB,CAACD,SAAS,CAACE,MAAX,EAAmBF,SAAS,CAACQ,OAA7B,CAApB,EACXJ,WADW,CACC,kDADD,EAEXC,YAFW,CAEEjB,kBAAkB,CAACO,OAFrB,CAbY;AAgB1BG,EAAAA,WAAW,EAAEE,SAAS,CAACC,SAAV,CAAoB,CAACD,SAAS,CAACE,MAAX,EAAmBF,SAAS,CAACQ,OAA7B,CAApB,EACVJ,WADU,CACE,iDADF,EAEVC,YAFU,CAEGjB,kBAAkB,CAACO,OAFtB;AAhBa;AAqB5B;AACA;AACA;AACA;AACA;;IACac,gBAAgB,GAAG;AAC9BlB,EAAAA,IAAI,EAAEmB,UAAS,CAACJ,KAAV,CAAgB,CAACvB,YAAY,CAACE,SAAd,EAAyBF,YAAY,CAACC,MAAtC,CAAhB;AADwB;;;;"}
1
+ {"version":3,"file":"props.js","sources":["../../../../src/parts/bubble/props.ts"],"sourcesContent":["import propTypes from 'prop-types';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport React from 'react';\n\n/**\n *\n * BUBBLE\n *\n */\nexport const BUBBLE_TYPES = {\n SENDER: 'SENDER',\n RECIPIENT: 'RECIPIENT',\n DELIMITER: 'DELIMITER',\n SYSTEM: 'SYSTEM',\n};\n\nexport type BubbleTypesKeys = keyof typeof BUBBLE_TYPES;\nexport type BubbleTypesValues = typeof BUBBLE_TYPES[BubbleTypesKeys];\n\nexport interface BubbleProps {\n dsId: string | number;\n type: BubbleTypesValues;\n title: string;\n body: string;\n time: string;\n errorMessage: string | React.ReactChild;\n helpMessage: string | React.ReactChild;\n onClick: (id: string | number) => void;\n}\n\nexport const defaultBubbleProps: BubbleProps = {\n dsId: undefined,\n type: BUBBLE_TYPES.SENDER,\n title: undefined,\n time: undefined,\n body: undefined,\n onClick: noop,\n errorMessage: undefined,\n helpMessage: undefined,\n};\n\nexport const propsBubbles = {\n dsId: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n .description('Unique id for bubble')\n .defaultValue(defaultBubbleProps.dsId),\n type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER])\n .isRequired.description('Define bubble type ')\n .defaultValue(defaultBubbleProps.type),\n title: PropTypes.string.isRequired.description('Title of the bubble').defaultValue(defaultBubbleProps.title),\n time: PropTypes.string.isRequired.description('Time of the bubble').defaultValue(defaultBubbleProps.title),\n body: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n .isRequired.description('Bubble content')\n .defaultValue(defaultBubbleProps.body),\n onClick: PropTypes.string.description('Callback when the bubble is tapped').defaultValue(defaultBubbleProps.onClick),\n errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n .description('Error message to display at bottom of the bubble')\n .defaultValue(defaultBubbleProps.onClick),\n helpMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n .description('Help message to display at bottom of the bubble')\n .defaultValue(defaultBubbleProps.onClick),\n};\n\n/**\n *\n * BUBBLE ARROW\n *\n */\nexport const propsArrowBubble = {\n type: propTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]),\n};\n"],"names":["BUBBLE_TYPES","SENDER","RECIPIENT","DELIMITER","SYSTEM","defaultBubbleProps","dsId","undefined","type","title","time","body","onClick","noop","errorMessage","helpMessage","propsBubbles","PropTypes","oneOfType","string","number","description","defaultValue","oneOf","isRequired","element","propsArrowBubble","propTypes"],"mappings":";;;;AAKA;AACA;AACA;AACA;AACA;IACaA,YAAY,GAAG;EAC1BC,MAAM,EAAE,QADkB;EAE1BC,SAAS,EAAE,WAFe;EAG1BC,SAAS,EAAE,WAHe;EAI1BC,MAAM,EAAE;AAJkB;IAqBfC,kBAA+B,GAAG;EAC7CC,IAAI,EAAEC,SADuC;EAE7CC,IAAI,EAAER,YAAY,CAACC,MAF0B;EAG7CQ,KAAK,EAAEF,SAHsC;EAI7CG,IAAI,EAAEH,SAJuC;EAK7CI,IAAI,EAAEJ,SALuC;EAM7CK,OAAO,EAAEC,IANoC;EAO7CC,YAAY,EAAEP,SAP+B;EAQ7CQ,WAAW,EAAER;AARgC;IAWlCS,YAAY,GAAG;EAC1BV,IAAI,EAAEW,SAAS,CAACC,SAAV,CAAoB,CAACD,SAAS,CAACE,MAAX,EAAmBF,SAAS,CAACG,MAA7B,CAApB,EACHC,WADG,CACS,sBADT,EAEHC,YAFG,CAEUjB,kBAAkB,CAACC,IAF7B,CADoB;EAI1BE,IAAI,EAAES,SAAS,CAACM,KAAV,CAAgB,CAACvB,YAAY,CAACE,SAAd,EAAyBF,YAAY,CAACC,MAAtC,CAAhB,EACHuB,UADG,CACQH,WADR,CACoB,qBADpB,EAEHC,YAFG,CAEUjB,kBAAkB,CAACG,IAF7B,CAJoB;EAO1BC,KAAK,EAAEQ,SAAS,CAACE,MAAV,CAAiBK,UAAjB,CAA4BH,WAA5B,CAAwC,qBAAxC,EAA+DC,YAA/D,CAA4EjB,kBAAkB,CAACI,KAA/F,CAPmB;EAQ1BC,IAAI,EAAEO,SAAS,CAACE,MAAV,CAAiBK,UAAjB,CAA4BH,WAA5B,CAAwC,oBAAxC,EAA8DC,YAA9D,CAA2EjB,kBAAkB,CAACI,KAA9F,CARoB;EAS1BE,IAAI,EAAEM,SAAS,CAACC,SAAV,CAAoB,CAACD,SAAS,CAACE,MAAX,EAAmBF,SAAS,CAACQ,OAA7B,CAApB,EACHD,UADG,CACQH,WADR,CACoB,gBADpB,EAEHC,YAFG,CAEUjB,kBAAkB,CAACM,IAF7B,CAToB;EAY1BC,OAAO,EAAEK,SAAS,CAACE,MAAV,CAAiBE,WAAjB,CAA6B,oCAA7B,EAAmEC,YAAnE,CAAgFjB,kBAAkB,CAACO,OAAnG,CAZiB;EAa1BE,YAAY,EAAEG,SAAS,CAACC,SAAV,CAAoB,CAACD,SAAS,CAACE,MAAX,EAAmBF,SAAS,CAACQ,OAA7B,CAApB,EACXJ,WADW,CACC,kDADD,EAEXC,YAFW,CAEEjB,kBAAkB,CAACO,OAFrB,CAbY;EAgB1BG,WAAW,EAAEE,SAAS,CAACC,SAAV,CAAoB,CAACD,SAAS,CAACE,MAAX,EAAmBF,SAAS,CAACQ,OAA7B,CAApB,EACVJ,WADU,CACE,iDADF,EAEVC,YAFU,CAEGjB,kBAAkB,CAACO,OAFtB;AAhBa;AAqB5B;AACA;AACA;AACA;AACA;;IACac,gBAAgB,GAAG;EAC9BlB,IAAI,EAAEmB,UAAS,CAACJ,KAAV,CAAgB,CAACvB,YAAY,CAACE,SAAd,EAAyBF,YAAY,CAACC,MAAtC,CAAhB;AADwB;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/bubble/styled.ts"],"sourcesContent":["/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUBBLE_TYPES } from './props';\n\n// Bubble WRAPPER\nexport const StyledWrapper = styled.div<any>`\n min-width: 224px;\n border-radius: 10px;\n`;\n\n// Bubble HEADER\nexport const StyledTitleBubble = styled(Grid)`\n padding-top: 6px;\n padding-left: 10px;\n padding-right: 10px;\n padding-bottom: 4px;\n`;\n\nexport const StyledTitleLeftBubble = styled(Grid)`\n font-size: 13px;\n font-weight: 600;\n`;\nexport const StyledTitleRightBubble = styled(Grid)`\n font-size: 13px;\n font-weight: 400;\n color: ${(props) => (props.type === BUBBLE_TYPES.SENDER ? '#FFF' : '#657489')};\n`;\n\nexport const StyleBodyWrapper = styled.div<any>`\n font-size: 13px;\n font-weight: 400;\n line-height: 15px;\n min-height: 18px;\n padding: 0px 10px 8px 10px;\n`;\n\nexport const StyleErrorMessage = styled.div<any>`\n font-size: 12px;\n font-weight: 400;\n padding-top: ${(props) => props.theme.space.xxxs};\n color: ${(props) => props.theme.colors.danger[900]};\n align-items: flex-end;\n justify-content: center;\n text-align: right;\n line-height: 15px;\n svg {\n fill: ${(props) => props.theme.colors.danger[900]};\n }\n a {\n font-size: 12px;\n color: ${(props) => props.theme.colors.danger[900]};\n }\n .em-ds-icon {\n margin-left: 8px;\n }\n`;\n\nexport const StyleHelpMessage = styled(StyleErrorMessage)`\n font-size: 12px;\n line-height: 15px;\n color: ${(props) => props.theme.colors.neutral[500]};\n svg {\n fill: ${(props) => props.theme.colors.danger[500]};\n }\n a {\n font-size: 12px;\n color: ${(props) => props.theme.colors.danger[500]};\n }\n`;\n\n// bubble sender/ recipient\nexport const StyledBubbleArrow = styled.div<any>`\n display: block;\n content: '';\n position: absolute;\n bottom: 10px;\n height: 15px;\n`;\n\nexport const StyledColoredBubble = styled.div<any>`\n min-width: 224px;\n border-radius: 10px;\n position: relative;\n\n ${(props) =>\n props.type === BUBBLE_TYPES.SENDER\n ? `\n border: 1px solid ${props.theme.colors.brand['700']};\n background: ${props.theme.colors.brand[600]};\n color: ${props.theme.colors.neutral['000']};\n ${StyledBubbleArrow}{ \n right: -9px;\n bottom: 6px;\n svg{\n fill: ${props.theme.colors.brand[600]};\n }\n }\n\n a {\n color: #FFF;\n }\n\n `\n : `\n box-shadow: 0 1px 3px 0 rgba(53,60,70,0.80);\n background: ${props.theme.colors.neutral['000']};\n color: ${props.theme.colors.neutral[700]};\n\n ${StyledBubbleArrow}{ \n left: -11px;\n bottom: 6px;\n svg{\n fill: ${props.theme.colors.neutral['000']};\n }\n }\n\n `}\n`;\n"],"names":["StyledWrapper","styled","div","StyledTitleBubble","Grid","StyledTitleLeftBubble","StyledTitleRightBubble","props","type","BUBBLE_TYPES","SENDER","StyleBodyWrapper","StyleErrorMessage","theme","space","xxxs","colors","danger","StyleHelpMessage","neutral","StyledBubbleArrow","StyledColoredBubble","brand"],"mappings":";;;;;;;AAAA;;IAMaA,aAAa,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;;IAMbC,iBAAiB,gBAAGF,MAAM,CAACG,IAAD,CAAT;AAAA;AAAA;IAOjBC,qBAAqB,gBAAGJ,MAAM,CAACG,IAAD,CAAT;AAAA;AAAA;IAIrBE,sBAAsB,gBAAGL,MAAM,CAACG,IAAD,CAAT;AAAA;AAAA,mDAGxB,UAACG,KAAD;AAAA,SAAYA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACC,MAA5B,GAAqC,MAArC,GAA8C,SAA1D;AAAA,CAHwB;IAMtBC,gBAAgB,gBAAGV,MAAM,CAACC,GAAV;AAAA;AAAA;IAQhBU,iBAAiB,gBAAGX,MAAM,CAACC,GAAV;AAAA;AAAA,2NAGb,UAACK,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYC,KAAZ,CAAkBC,IAA7B;AAAA,CAHa,EAInB,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CAJmB,EAUlB,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CAVkB,EAcjB,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CAdiB;IAqBjBC,gBAAgB,gBAAGjB,MAAM,CAACW,iBAAD,CAAT;AAAA;AAAA,gGAGlB,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAHkB,EAKjB,UAACZ,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CALiB,EAShB,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CATgB;;IAchBG,iBAAiB,gBAAGnB,MAAM,CAACC,GAAV;AAAA;AAAA;IAQjBmB,mBAAmB,gBAAGpB,MAAM,CAACC,GAAV;AAAA;AAAA,kEAK5B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACC,MAA5B,yCAEwBH,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,KAAzB,CAFxB,oCAGkBf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,GAAzB,CAHlB,+BAIaf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CAJb,wBAKMC,iBALN,wHASoBb,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,GAAzB,CATpB,mLAoBkBf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CApBlB,+BAqBaZ,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,GAA3B,CArBb,0BAuBMC,iBAvBN,wHA2BoBb,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CA3BpB,wCADA;AAAA,CAL4B;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../src/parts/bubble/styled.ts"],"sourcesContent":["/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUBBLE_TYPES } from './props';\n\n// Bubble WRAPPER\nexport const StyledWrapper = styled.div<any>`\n min-width: 224px;\n border-radius: 10px;\n`;\n\n// Bubble HEADER\nexport const StyledTitleBubble = styled(Grid)`\n padding-top: 6px;\n padding-left: 10px;\n padding-right: 10px;\n padding-bottom: 4px;\n`;\n\nexport const StyledTitleLeftBubble = styled(Grid)`\n font-size: 13px;\n font-weight: 600;\n`;\nexport const StyledTitleRightBubble = styled(Grid)`\n font-size: 13px;\n font-weight: 400;\n color: ${(props) => (props.type === BUBBLE_TYPES.SENDER ? '#FFF' : '#657489')};\n`;\n\nexport const StyleBodyWrapper = styled.div<any>`\n font-size: 13px;\n font-weight: 400;\n line-height: 15px;\n min-height: 18px;\n padding: 0px 10px 8px 10px;\n`;\n\nexport const StyleErrorMessage = styled.div<any>`\n font-size: 12px;\n font-weight: 400;\n padding-top: ${(props) => props.theme.space.xxxs};\n color: ${(props) => props.theme.colors.danger[900]};\n align-items: flex-end;\n justify-content: center;\n text-align: right;\n line-height: 15px;\n svg {\n fill: ${(props) => props.theme.colors.danger[900]};\n }\n a {\n font-size: 12px;\n color: ${(props) => props.theme.colors.danger[900]};\n }\n .em-ds-icon {\n margin-left: 8px;\n }\n`;\n\nexport const StyleHelpMessage = styled(StyleErrorMessage)`\n font-size: 12px;\n line-height: 15px;\n color: ${(props) => props.theme.colors.neutral[500]};\n svg {\n fill: ${(props) => props.theme.colors.danger[500]};\n }\n a {\n font-size: 12px;\n color: ${(props) => props.theme.colors.danger[500]};\n }\n`;\n\n// bubble sender/ recipient\nexport const StyledBubbleArrow = styled.div<any>`\n display: block;\n content: '';\n position: absolute;\n bottom: 10px;\n height: 15px;\n`;\n\nexport const StyledColoredBubble = styled.div<any>`\n min-width: 224px;\n border-radius: 10px;\n position: relative;\n\n ${(props) =>\n props.type === BUBBLE_TYPES.SENDER\n ? `\n border: 1px solid ${props.theme.colors.brand['700']};\n background: ${props.theme.colors.brand[600]};\n color: ${props.theme.colors.neutral['000']};\n ${StyledBubbleArrow}{ \n right: -9px;\n bottom: 6px;\n svg{\n fill: ${props.theme.colors.brand[600]};\n }\n }\n\n a {\n color: #FFF;\n }\n\n `\n : `\n box-shadow: 0 1px 3px 0 rgba(53,60,70,0.80);\n background: ${props.theme.colors.neutral['000']};\n color: ${props.theme.colors.neutral[700]};\n\n ${StyledBubbleArrow}{ \n left: -11px;\n bottom: 6px;\n svg{\n fill: ${props.theme.colors.neutral['000']};\n }\n }\n\n `}\n`;\n"],"names":["StyledWrapper","styled","div","StyledTitleBubble","Grid","StyledTitleLeftBubble","StyledTitleRightBubble","props","type","BUBBLE_TYPES","SENDER","StyleBodyWrapper","StyleErrorMessage","theme","space","xxxs","colors","danger","StyleHelpMessage","neutral","StyledBubbleArrow","StyledColoredBubble","brand"],"mappings":";;;;;;;AAAA;;IAMaA,aAAa,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA;;IAMbC,iBAAiB,gBAAGF,MAAM,CAACG,IAAD,CAAT;EAAA;AAAA;IAOjBC,qBAAqB,gBAAGJ,MAAM,CAACG,IAAD,CAAT;EAAA;AAAA;IAIrBE,sBAAsB,gBAAGL,MAAM,CAACG,IAAD,CAAT;EAAA;AAAA,mDAGxB,UAACG,KAAD;EAAA,OAAYA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACC,MAA5B,GAAqC,MAArC,GAA8C,SAA1D;AAAA,CAHwB;IAMtBC,gBAAgB,gBAAGV,MAAM,CAACC,GAAV;EAAA;AAAA;IAQhBU,iBAAiB,gBAAGX,MAAM,CAACC,GAAV;EAAA;AAAA,2NAGb,UAACK,KAAD;EAAA,OAAWA,KAAK,CAACM,KAAN,CAAYC,KAAZ,CAAkBC,IAA7B;AAAA,CAHa,EAInB,UAACR,KAAD;EAAA,OAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CAJmB,EAUlB,UAACV,KAAD;EAAA,OAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CAVkB,EAcjB,UAACV,KAAD;EAAA,OAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CAdiB;IAqBjBC,gBAAgB,gBAAGjB,MAAM,CAACW,iBAAD,CAAT;EAAA;AAAA,gGAGlB,UAACL,KAAD;EAAA,OAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAHkB,EAKjB,UAACZ,KAAD;EAAA,OAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CALiB,EAShB,UAACV,KAAD;EAAA,OAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CATgB;;IAchBG,iBAAiB,gBAAGnB,MAAM,CAACC,GAAV;EAAA;AAAA;IAQjBmB,mBAAmB,gBAAGpB,MAAM,CAACC,GAAV;EAAA;AAAA,kEAK5B,UAACK,KAAD;EAAA,OACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACC,MAA5B,yCAEwBH,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,KAAzB,CAFxB,oCAGkBf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,GAAzB,CAHlB,+BAIaf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CAJb,wBAKMC,iBALN,wHASoBb,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,GAAzB,CATpB,mLAoBkBf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CApBlB,+BAqBaZ,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,GAA3B,CArBb,0BAuBMC,iBAvBN,wHA2BoBb,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CA3BpB,wCADA;AAAA,CAL4B;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"ChatCard.js","sources":["../../../../src/parts/chat-card/ChatCard.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\n\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes, CardPropTypes } from './props';\nimport { useValidateProps } from './config/useValidateProps';\nimport { Wrapper, MainContent, Title, Content, Time, RightAddon } from './styled';\n\nconst ChatCard = (props: CardPropTypes): JSX.Element => {\n useValidateProps(props, ChatCardWithSchema.toJSON());\n const { title, content, time, rightAddon } = props;\n return (\n <Wrapper cols={['1fr', 'auto']} data-testid=\"chat-card-wrapper\">\n <MainContent>\n <Title data-testid=\"chat-card-title\">{title}</Title>\n <Content data-testid=\"chat-card-content\">\n <SimpleTruncatedTooltipText value={content} />\n </Content>\n {time && <Time data-testid=\"chat-card-time\">{time}</Time>}\n </MainContent>\n {rightAddon && <RightAddon data-testid=\"chat-card-right-addon\">{rightAddon}</RightAddon>}\n </Wrapper>\n );\n};\n\nChatCard.propTypes = propTypes;\nconst ChatCardWithSchema = describe(ChatCard);\nChatCardWithSchema.propTypes = propTypes;\n\nexport { ChatCard, ChatCardWithSchema };\n"],"names":["ChatCard","props","useValidateProps","ChatCardWithSchema","toJSON","title","content","time","rightAddon","propTypes","describe"],"mappings":";;;;;;;;;;IAQMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAuC;AACtDC,EAAAA,gBAAgB,CAACD,KAAD,EAAQE,kBAAkB,CAACC,MAAnB,EAAR,CAAhB;AACA,MAAQC,KAAR,GAA6CJ,KAA7C,CAAQI,KAAR;AAAA,MAAeC,OAAf,GAA6CL,KAA7C,CAAeK,OAAf;AAAA,MAAwBC,IAAxB,GAA6CN,KAA7C,CAAwBM,IAAxB;AAAA,MAA8BC,UAA9B,GAA6CP,KAA7C,CAA8BO,UAA9B;AACA,sBACE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,CAAf;AAAgC,mBAAY;AAA5C,kBACE,oBAAC,WAAD,qBACE,oBAAC,KAAD;AAAO,mBAAY;AAAnB,KAAsCH,KAAtC,CADF,eAEE,oBAAC,OAAD;AAAS,mBAAY;AAArB,kBACE,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAEC;AAAnC,IADF,CAFF,EAKGC,IAAI,iBAAI,oBAAC,IAAD;AAAM,mBAAY;AAAlB,KAAoCA,IAApC,CALX,CADF,EAQGC,UAAU,iBAAI,oBAAC,UAAD;AAAY,mBAAY;AAAxB,KAAiDA,UAAjD,CARjB,CADF;AAYD;;AAEDR,QAAQ,CAACS,SAAT,GAAqBA,SAArB;IACMN,kBAAkB,GAAGO,QAAQ,CAACV,QAAD;AACnCG,kBAAkB,CAACM,SAAnB,GAA+BA,SAA/B;;;;"}
1
+ {"version":3,"file":"ChatCard.js","sources":["../../../../src/parts/chat-card/ChatCard.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\n\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes, CardPropTypes } from './props';\nimport { useValidateProps } from './config/useValidateProps';\nimport { Wrapper, MainContent, Title, Content, Time, RightAddon } from './styled';\n\nconst ChatCard = (props: CardPropTypes): JSX.Element => {\n useValidateProps(props, ChatCardWithSchema.toJSON());\n const { title, content, time, rightAddon } = props;\n return (\n <Wrapper cols={['1fr', 'auto']} data-testid=\"chat-card-wrapper\">\n <MainContent>\n <Title data-testid=\"chat-card-title\">{title}</Title>\n <Content data-testid=\"chat-card-content\">\n <SimpleTruncatedTooltipText value={content} />\n </Content>\n {time && <Time data-testid=\"chat-card-time\">{time}</Time>}\n </MainContent>\n {rightAddon && <RightAddon data-testid=\"chat-card-right-addon\">{rightAddon}</RightAddon>}\n </Wrapper>\n );\n};\n\nChatCard.propTypes = propTypes;\nconst ChatCardWithSchema = describe(ChatCard);\nChatCardWithSchema.propTypes = propTypes;\n\nexport { ChatCard, ChatCardWithSchema };\n"],"names":["ChatCard","props","useValidateProps","ChatCardWithSchema","toJSON","title","content","time","rightAddon","propTypes","describe"],"mappings":";;;;;;;;;;IAQMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAuC;EACtDC,gBAAgB,CAACD,KAAD,EAAQE,kBAAkB,CAACC,MAAnB,EAAR,CAAhB;EACA,IAAQC,KAAR,GAA6CJ,KAA7C,CAAQI,KAAR;MAAeC,OAAf,GAA6CL,KAA7C,CAAeK,OAAf;MAAwBC,IAAxB,GAA6CN,KAA7C,CAAwBM,IAAxB;MAA8BC,UAA9B,GAA6CP,KAA7C,CAA8BO,UAA9B;EACA,oBACE,oBAAC,OAAD;IAAS,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,CAAf;IAAgC,eAAY;kBAC1C,oBAAC,WAAD,qBACE,oBAAC,KAAD;IAAO,eAAY;KAAmBH,KAAtC,CADF,eAEE,oBAAC,OAAD;IAAS,eAAY;kBACnB,oBAAC,0BAAD;IAA4B,KAAK,EAAEC;IADrC,CAFF,EAKGC,IAAI,iBAAI,oBAAC,IAAD;IAAM,eAAY;KAAkBA,IAApC,CALX,CADF,EAQGC,UAAU,iBAAI,oBAAC,UAAD;IAAY,eAAY;KAAyBA,UAAjD,CARjB,CADF;AAYD;;AAEDR,QAAQ,CAACS,SAAT,GAAqBA,SAArB;IACMN,kBAAkB,GAAGO,QAAQ,CAACV,QAAD;AACnCG,kBAAkB,CAACM,SAAnB,GAA+BA,SAA/B;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-card/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { CardPropTypes } from '../props';\n\nexport const useValidateProps = (props: CardPropTypes, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAuBC,MAAvB,EAAiD;AAC/EC,EAAAA,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
1
+ {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-card/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { CardPropTypes } from '../props';\n\nexport const useValidateProps = (props: CardPropTypes, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAuBC,MAAvB,EAAiD;EAC/EC,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/chat-card/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n title: PropTypes.string.isRequired.description(`Card's title`),\n content: PropTypes.string.description(`Card's content`),\n time: PropTypes.string.description('Time'),\n rightAddon: PropTypes.element.description('Right addon, badge or icon'),\n};\n\nexport interface CardPropTypes {\n title: string;\n content: string;\n time: string;\n rightAddon: JSX.Element;\n}\n"],"names":["propTypes","title","PropTypes","string","isRequired","description","content","time","rightAddon","element"],"mappings":";;IAEaA,SAAS,GAAG;AACvBC,EAAAA,KAAK,EAAEC,SAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,gBADgB;AAEvBC,EAAAA,OAAO,EAAEJ,SAAS,CAACC,MAAV,CAAiBE,WAAjB,kBAFc;AAGvBE,EAAAA,IAAI,EAAEL,SAAS,CAACC,MAAV,CAAiBE,WAAjB,CAA6B,MAA7B,CAHiB;AAIvBG,EAAAA,UAAU,EAAEN,SAAS,CAACO,OAAV,CAAkBJ,WAAlB,CAA8B,4BAA9B;AAJW;;;;"}
1
+ {"version":3,"file":"props.js","sources":["../../../../src/parts/chat-card/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n title: PropTypes.string.isRequired.description(`Card's title`),\n content: PropTypes.string.description(`Card's content`),\n time: PropTypes.string.description('Time'),\n rightAddon: PropTypes.element.description('Right addon, badge or icon'),\n};\n\nexport interface CardPropTypes {\n title: string;\n content: string;\n time: string;\n rightAddon: JSX.Element;\n}\n"],"names":["propTypes","title","PropTypes","string","isRequired","description","content","time","rightAddon","element"],"mappings":";;IAEaA,SAAS,GAAG;EACvBC,KAAK,EAAEC,SAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,gBADgB;EAEvBC,OAAO,EAAEJ,SAAS,CAACC,MAAV,CAAiBE,WAAjB,kBAFc;EAGvBE,IAAI,EAAEL,SAAS,CAACC,MAAV,CAAiBE,WAAjB,CAA6B,MAA7B,CAHiB;EAIvBG,UAAU,EAAEN,SAAS,CAACO,OAAV,CAAkBJ,WAAlB,CAA8B,4BAA9B;AAJW;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-card/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const Wrapper = styled(Grid)`\n min-width: 248px;\n border: 1px;\n border-bottom: 1px solid #ccc;\n padding: 12px 12px;\n`;\n\nexport const MainContent = styled.div``;\n\nexport const Title = styled.p`\n font-size: 16px;\n font-weight: 600;\n margin: 0;\n`;\n\nexport const Content = styled.p`\n font-size: 12px;\n font-weight: 400;\n line-height: 1;\n margin: 0;\n`;\n\nexport const Time = styled.p`\n font-size: 12px;\n font-weight: 100;\n margin: 0;\n margin-top: 8px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['500']};\n`;\n\nexport const RightAddon = styled.div`\n height: fit-content;\n margin-left: 12px;\n`;\n"],"names":["Wrapper","styled","Grid","MainContent","div","Title","p","Content","Time","props","theme","fontWeights","regular","colors","neutral","RightAddon"],"mappings":";;;IAGaA,OAAO,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA;IAOPC,WAAW,gBAAGF,MAAM,CAACG,GAAV;AAAA;AAAA;IAEXC,KAAK,gBAAGJ,MAAM,CAACK,CAAV;AAAA;AAAA;IAMLC,OAAO,gBAAGN,MAAM,CAACK,CAAV;AAAA;AAAA;IAOPE,IAAI,gBAAGP,MAAM,CAACK,CAAV;AAAA;AAAA,4FAKA,UAACG,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,WAAZ,CAAwBC,OAAnC;AAAA,CALA,EAMN,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CANM;IASJC,UAAU,gBAAGd,MAAM,CAACG,GAAV;AAAA;AAAA;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-card/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const Wrapper = styled(Grid)`\n min-width: 248px;\n border: 1px;\n border-bottom: 1px solid #ccc;\n padding: 12px 12px;\n`;\n\nexport const MainContent = styled.div``;\n\nexport const Title = styled.p`\n font-size: 16px;\n font-weight: 600;\n margin: 0;\n`;\n\nexport const Content = styled.p`\n font-size: 12px;\n font-weight: 400;\n line-height: 1;\n margin: 0;\n`;\n\nexport const Time = styled.p`\n font-size: 12px;\n font-weight: 100;\n margin: 0;\n margin-top: 8px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['500']};\n`;\n\nexport const RightAddon = styled.div`\n height: fit-content;\n margin-left: 12px;\n`;\n"],"names":["Wrapper","styled","Grid","MainContent","div","Title","p","Content","Time","props","theme","fontWeights","regular","colors","neutral","RightAddon"],"mappings":";;;IAGaA,OAAO,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA;IAOPC,WAAW,gBAAGF,MAAM,CAACG,GAAV;EAAA;AAAA;IAEXC,KAAK,gBAAGJ,MAAM,CAACK,CAAV;EAAA;AAAA;IAMLC,OAAO,gBAAGN,MAAM,CAACK,CAAV;EAAA;AAAA;IAOPE,IAAI,gBAAGP,MAAM,CAACK,CAAV;EAAA;AAAA,4FAKA,UAACG,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,WAAZ,CAAwBC,OAAnC;AAAA,CALA,EAMN,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CANM;IASJC,UAAU,gBAAGd,MAAM,CAACG,GAAV;EAAA;AAAA;;;;"}