@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/chat-container-messages-list/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BUBBLE_TYPES } from '../bubble/index';\nimport { BubbleProps } from '../bubble/props';\n\nexport const StyledWrapper = styled.div`\n width: 100%;\n height: 100%;\n`;\n\n// list\nexport const StyledWrapperListItem = styled.div<Partial<BubbleProps>>`\n min-width: 100%;\n ${(props) =>\n props.type === BUBBLE_TYPES.SENDER &&\n `padding: ${props.theme.space.xxs} ${props.theme.space.xxs} ${props.theme.space.xxs} 13%\n `};\n ${(props) =>\n props.type === BUBBLE_TYPES.RECIPIENT &&\n `padding: ${props.theme.space.xxs} 13% ${props.theme.space.xxs}\n ${props.theme.space.xxs}\n `};\n ${(props) =>\n props.type === BUBBLE_TYPES.SYSTEM &&\n `padding: ${props.theme.space.xxs} 0px\n `};\n`;\n\nexport const StyledChatContainerContentList = styled.div`\n width: 100%;\n height: 100%;\n padding: ${(props) => props.theme.space.xs};\n padding-bottom: 0;\n overflow-y: auto;\n overflow-x: hidden;\n`;\nexport const StyledChatContainerContentListScroll = styled.div<{ height: string }>`\n width: 100%;\n height: ${(props) => props.height};\n position: relative;\n`;\n\nexport const StyledLoadMoreContainer = styled.div<{ hasMoreItems?: 'top' | 'bottom' }>`\n position: absolute;\n width: calc(100% + ${(props) => props.theme.space.xxs});\n padding: ${(props) => props.theme.space.xxs};\n left: -${(props) => props.theme.space.xxs};\n right: -${(props) => props.theme.space.xxs};\n display: grid;\n justify-content: center;\n align-items: center;\n ${(props) => (props.hasMoreItems === 'top' ? 'top: 0;' : '')}\n ${(props) => (props.hasMoreItems === 'bottom' ? 'bottom: 0;' : '')}\n`;\nexport const ListItem = styled.div`\n &:focus,\n &:focus-visible {\n outline: none;\n &:after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: -${(props) => props.theme.space.xxs};\n pointer-events: none;\n border-radius: 2px;\n background-color: #ebedf0;\n width: calc(100% + 24px);\n border: 2px solid #1e79c2;\n height: 100%;\n z-index: -1;\n }\n }\n`;\n"],"names":["StyledWrapper","styled","div","StyledWrapperListItem","props","type","BUBBLE_TYPES","SENDER","theme","space","xxs","RECIPIENT","SYSTEM","StyledChatContainerContentList","xs","StyledChatContainerContentListScroll","height","StyledLoadMoreContainer","hasMoreItems","ListItem"],"mappings":";;;;;;;;;;;;;;IAIaA,aAAa,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;;IAMbC,qBAAqB,gBAAGF,MAAM,CAACC,GAAV;AAAA;AAAA,uCAE9B,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACC,MAA5B,uBACYH,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD9B,cACqCN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GADvD,cAC8DN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GADhF,aADA;AAAA,CAF8B,EAM9B,UAACN,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACK,SAA5B,uBACYP,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD9B,kBACyCN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD3D,mBAEEN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAFpB,SADA;AAAA,CAN8B,EAW9B,UAACN,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACM,MAA5B,uBACYR,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD9B,aADA;AAAA,CAX8B;IAiBrBG,8BAA8B,gBAAGZ,MAAM,CAACC,GAAV;AAAA;AAAA,gGAG9B,UAACE,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBK,EAA7B;AAAA,CAH8B;IAQ9BC,oCAAoC,gBAAGd,MAAM,CAACC,GAAV;AAAA;AAAA,kDAErC,UAACE,KAAD;AAAA,SAAWA,KAAK,CAACY,MAAjB;AAAA,CAFqC;IAMpCC,uBAAuB,gBAAGhB,MAAM,CAACC,GAAV;AAAA;AAAA,uJAEb,UAACE,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CAFa,EAGvB,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CAHuB,EAIzB,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CAJyB,EAKxB,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CALwB,EAShC,UAACN,KAAD;AAAA,SAAYA,KAAK,CAACc,YAAN,KAAuB,KAAvB,GAA+B,SAA/B,GAA2C,EAAvD;AAAA,CATgC,EAUhC,UAACd,KAAD;AAAA,SAAYA,KAAK,CAACc,YAAN,KAAuB,QAAvB,GAAkC,YAAlC,GAAiD,EAA7D;AAAA,CAVgC;IAYvBC,QAAQ,gBAAGlB,MAAM,CAACC,GAAV;AAAA;AAAA,2PASN,UAACE,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CATM;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-container-messages-list/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BUBBLE_TYPES } from '../bubble/index';\nimport { BubbleProps } from '../bubble/props';\n\nexport const StyledWrapper = styled.div`\n width: 100%;\n height: 100%;\n`;\n\n// list\nexport const StyledWrapperListItem = styled.div<Partial<BubbleProps>>`\n min-width: 100%;\n ${(props) =>\n props.type === BUBBLE_TYPES.SENDER &&\n `padding: ${props.theme.space.xxs} ${props.theme.space.xxs} ${props.theme.space.xxs} 13%\n `};\n ${(props) =>\n props.type === BUBBLE_TYPES.RECIPIENT &&\n `padding: ${props.theme.space.xxs} 13% ${props.theme.space.xxs}\n ${props.theme.space.xxs}\n `};\n ${(props) =>\n props.type === BUBBLE_TYPES.SYSTEM &&\n `padding: ${props.theme.space.xxs} 0px\n `};\n`;\n\nexport const StyledChatContainerContentList = styled.div`\n width: 100%;\n height: 100%;\n padding: ${(props) => props.theme.space.xs};\n padding-bottom: 0;\n overflow-y: auto;\n overflow-x: hidden;\n`;\n\nexport const StyledNewMessagesHiddenContainer = styled.div`\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n border: 0;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n`;\n\nexport const StyledChatContainerContentListScroll = styled.div<{ height: string }>`\n width: 100%;\n height: ${(props) => props.height};\n position: relative;\n`;\n\nexport const StyledLoadMoreContainer = styled.div<{ hasMoreItems?: 'top' | 'bottom' }>`\n position: absolute;\n width: calc(100% + ${(props) => props.theme.space.xxs});\n padding: ${(props) => props.theme.space.xxs};\n left: -${(props) => props.theme.space.xxs};\n right: -${(props) => props.theme.space.xxs};\n display: grid;\n justify-content: center;\n align-items: center;\n ${(props) => (props.hasMoreItems === 'top' ? 'top: 0;' : '')}\n ${(props) => (props.hasMoreItems === 'bottom' ? 'bottom: 0;' : '')}\n`;\nexport const ListItem = styled.div`\n &:focus,\n &:focus-visible {\n outline: none;\n &:after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: -${(props) => props.theme.space.xxs};\n pointer-events: none;\n border-radius: 2px;\n background-color: #ebedf0;\n width: calc(100% + 24px);\n border: 2px solid #1e79c2;\n height: 100%;\n z-index: -1;\n }\n }\n`;\n"],"names":["StyledWrapper","styled","div","StyledWrapperListItem","props","type","BUBBLE_TYPES","SENDER","theme","space","xxs","RECIPIENT","SYSTEM","StyledChatContainerContentList","xs","StyledNewMessagesHiddenContainer","StyledChatContainerContentListScroll","height","StyledLoadMoreContainer","hasMoreItems","ListItem"],"mappings":";;;;;;;;;;;;;;IAIaA,aAAa,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA;;IAMbC,qBAAqB,gBAAGF,MAAM,CAACC,GAAV;EAAA;AAAA,uCAE9B,UAACE,KAAD;EAAA,OACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACC,MAA5B,uBACYH,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD9B,cACqCN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GADvD,cAC8DN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GADhF,aADA;AAAA,CAF8B,EAM9B,UAACN,KAAD;EAAA,OACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACK,SAA5B,uBACYP,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD9B,kBACyCN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD3D,mBAEEN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAFpB,SADA;AAAA,CAN8B,EAW9B,UAACN,KAAD;EAAA,OACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACM,MAA5B,uBACYR,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD9B,aADA;AAAA,CAX8B;IAiBrBG,8BAA8B,gBAAGZ,MAAM,CAACC,GAAV;EAAA;AAAA,gGAG9B,UAACE,KAAD;EAAA,OAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBK,EAA7B;AAAA,CAH8B;IAS9BC,gCAAgC,gBAAGd,MAAM,CAACC,GAAV;EAAA;AAAA;IAahCc,oCAAoC,gBAAGf,MAAM,CAACC,GAAV;EAAA;AAAA,kDAErC,UAACE,KAAD;EAAA,OAAWA,KAAK,CAACa,MAAjB;AAAA,CAFqC;IAMpCC,uBAAuB,gBAAGjB,MAAM,CAACC,GAAV;EAAA;AAAA,uJAEb,UAACE,KAAD;EAAA,OAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CAFa,EAGvB,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CAHuB,EAIzB,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CAJyB,EAKxB,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CALwB,EAShC,UAACN,KAAD;EAAA,OAAYA,KAAK,CAACe,YAAN,KAAuB,KAAvB,GAA+B,SAA/B,GAA2C,EAAvD;AAAA,CATgC,EAUhC,UAACf,KAAD;EAAA,OAAYA,KAAK,CAACe,YAAN,KAAuB,QAAvB,GAAkC,YAAlC,GAAiD,EAA7D;AAAA,CAVgC;IAYvBC,QAAQ,gBAAGnB,MAAM,CAACC,GAAV;EAAA;AAAA,2PASN,UAACE,KAAD;EAAA,OAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CATM;;;;"}
@@ -0,0 +1,26 @@
1
+ import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
2
+ import { useState, useMemo } from 'react';
3
+
4
+ var useGetNewMessages = function useGetNewMessages(messages) {
5
+ var _useState = useState({}),
6
+ _useState2 = _slicedToArray(_useState, 2),
7
+ seenMessages = _useState2[0],
8
+ setSeenMessages = _useState2[1];
9
+
10
+ var newMessages = useMemo(function () {
11
+ var list = [];
12
+ messages.forEach(function (message) {
13
+ if (!(message.dsId in seenMessages)) {
14
+ list.push(message);
15
+ }
16
+ });
17
+ setSeenMessages(Object.fromEntries(messages.map(function (m) {
18
+ return [m.dsId, true];
19
+ })));
20
+ return list; // eslint-disable-next-line react-hooks/exhaustive-deps
21
+ }, [messages]);
22
+ return newMessages;
23
+ };
24
+
25
+ export { useGetNewMessages };
26
+ //# sourceMappingURL=useGetNewMessages.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useGetNewMessages.js","sources":["../../../../src/parts/chat-container-messages-list/useGetNewMessages.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { BubbleProps } from '../bubble/props';\n\nexport const useGetNewMessages = (messages: BubbleProps[]) => {\n const [seenMessages, setSeenMessages] = useState<Record<BubbleProps['dsId'], true>>({});\n\n const newMessages = useMemo(() => {\n const list: BubbleProps[] = [];\n messages.forEach((message) => {\n if (!(message.dsId in seenMessages)) {\n list.push(message);\n }\n });\n setSeenMessages(Object.fromEntries(messages.map((m) => [m.dsId, true])));\n return list;\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [messages]);\n\n return newMessages;\n};\n"],"names":["useGetNewMessages","messages","useState","seenMessages","setSeenMessages","newMessages","useMemo","list","forEach","message","dsId","push","Object","fromEntries","map","m"],"mappings":";;;IAGaA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD,EAA6B;EAC5D,gBAAwCC,QAAQ,CAAoC,EAApC,CAAhD;;MAAOC,YAAP;MAAqBC,eAArB;;EAEA,IAAMC,WAAW,GAAGC,OAAO,CAAC,YAAM;IAChC,IAAMC,IAAmB,GAAG,EAA5B;IACAN,QAAQ,CAACO,OAAT,CAAiB,UAACC,OAAD,EAAa;MAC5B,IAAI,EAAEA,OAAO,CAACC,IAAR,IAAgBP,YAAlB,CAAJ,EAAqC;QACnCI,IAAI,CAACI,IAAL,CAAUF,OAAV;;KAFJ;IAKAL,eAAe,CAACQ,MAAM,CAACC,WAAP,CAAmBZ,QAAQ,CAACa,GAAT,CAAa,UAACC,CAAD;MAAA,OAAO,CAACA,CAAC,CAACL,IAAH,EAAS,IAAT,CAAP;KAAb,CAAnB,CAAD,CAAf;IACA,OAAOH,IAAP,CARgC;GAAP,EAUxB,CAACN,QAAD,CAVwB,CAA3B;EAYA,OAAOI,WAAP;AACD;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"ChatEmptyState.js","sources":["../../../../src/parts/chat-empty-state/ChatEmptyState.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Communications } from '@elliemae/ds-icons';\nimport { ChatEmptyStateProps, emptyStateProps, defaultProps } from './props';\nimport { ChatEmptyStateWrapper, MessageWrapper } from './styled';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst ChatEmptyState = (props: ChatEmptyStateProps): JSX.Element => {\n useValidateProps(props, ChatEmptyStateListWithSchema.toJSON());\n const { label, action } = props;\n const MainContent = useMemo(\n () => (\n <Grid alignItems=\"center\" justifyContent=\"center\">\n <Grid alignItems=\"center\" justifyContent=\"center\">\n <Communications size=\"xxl\" color={['neutral', 400]} />\n </Grid>\n <Grid alignItems=\"center\" justifyContent=\"center\">\n <MessageWrapper>{label}</MessageWrapper>\n </Grid>\n <Grid alignItems=\"center\" justifyContent=\"center\">\n {action}\n </Grid>\n </Grid>\n ),\n [label, action],\n );\n return (\n <ChatEmptyStateWrapper alignItems=\"center\" justifyContent=\"center\">\n {MainContent}\n </ChatEmptyStateWrapper>\n );\n};\n\nChatEmptyState.propTypes = emptyStateProps;\nChatEmptyState.defaultProps = defaultProps;\nconst ChatEmptyStateListWithSchema = describe(ChatEmptyState);\nChatEmptyStateListWithSchema.propTypes = emptyStateProps;\n\nexport { ChatEmptyState, ChatEmptyStateListWithSchema };\n"],"names":["ChatEmptyState","props","useValidateProps","ChatEmptyStateListWithSchema","toJSON","label","action","MainContent","useMemo","propTypes","emptyStateProps","defaultProps","describe"],"mappings":";;;;;;;;;;IAQMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA6C;AAClEC,EAAAA,gBAAgB,CAACD,KAAD,EAAQE,4BAA4B,CAACC,MAA7B,EAAR,CAAhB;AACA,MAAQC,KAAR,GAA0BJ,KAA1B,CAAQI,KAAR;AAAA,MAAeC,MAAf,GAA0BL,KAA1B,CAAeK,MAAf;AACA,MAAMC,WAAW,GAAGC,OAAO,CACzB;AAAA,wBACE,oBAAC,IAAD;AAAM,MAAA,UAAU,EAAC,QAAjB;AAA0B,MAAA,cAAc,EAAC;AAAzC,oBACE,oBAAC,IAAD;AAAM,MAAA,UAAU,EAAC,QAAjB;AAA0B,MAAA,cAAc,EAAC;AAAzC,oBACE,oBAAC,cAAD;AAAgB,MAAA,IAAI,EAAC,KAArB;AAA2B,MAAA,KAAK,EAAE,CAAC,SAAD,EAAY,GAAZ;AAAlC,MADF,CADF,eAIE,oBAAC,IAAD;AAAM,MAAA,UAAU,EAAC,QAAjB;AAA0B,MAAA,cAAc,EAAC;AAAzC,oBACE,oBAAC,cAAD,QAAiBH,KAAjB,CADF,CAJF,eAOE,oBAAC,IAAD;AAAM,MAAA,UAAU,EAAC,QAAjB;AAA0B,MAAA,cAAc,EAAC;AAAzC,OACGC,MADH,CAPF,CADF;AAAA,GADyB,EAczB,CAACD,KAAD,EAAQC,MAAR,CAdyB,CAA3B;AAgBA,sBACE,oBAAC,qBAAD;AAAuB,IAAA,UAAU,EAAC,QAAlC;AAA2C,IAAA,cAAc,EAAC;AAA1D,KACGC,WADH,CADF;AAKD;;AAEDP,cAAc,CAACS,SAAf,GAA2BC,eAA3B;AACAV,cAAc,CAACW,YAAf,GAA8BA,YAA9B;IACMR,4BAA4B,GAAGS,QAAQ,CAACZ,cAAD;AAC7CG,4BAA4B,CAACM,SAA7B,GAAyCC,eAAzC;;;;"}
1
+ {"version":3,"file":"ChatEmptyState.js","sources":["../../../../src/parts/chat-empty-state/ChatEmptyState.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Communications } from '@elliemae/ds-icons';\nimport { ChatEmptyStateProps, emptyStateProps, defaultProps } from './props';\nimport { ChatEmptyStateWrapper, MessageWrapper } from './styled';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst ChatEmptyState = (props: ChatEmptyStateProps): JSX.Element => {\n useValidateProps(props, ChatEmptyStateListWithSchema.toJSON());\n const { label, action } = props;\n const MainContent = useMemo(\n () => (\n <Grid alignItems=\"center\" justifyContent=\"center\">\n <Grid alignItems=\"center\" justifyContent=\"center\">\n <Communications size=\"xxl\" color={['neutral', 400]} />\n </Grid>\n <Grid alignItems=\"center\" justifyContent=\"center\">\n <MessageWrapper>{label}</MessageWrapper>\n </Grid>\n <Grid alignItems=\"center\" justifyContent=\"center\">\n {action}\n </Grid>\n </Grid>\n ),\n [label, action],\n );\n return (\n <ChatEmptyStateWrapper alignItems=\"center\" justifyContent=\"center\">\n {MainContent}\n </ChatEmptyStateWrapper>\n );\n};\n\nChatEmptyState.propTypes = emptyStateProps;\nChatEmptyState.defaultProps = defaultProps;\nconst ChatEmptyStateListWithSchema = describe(ChatEmptyState);\nChatEmptyStateListWithSchema.propTypes = emptyStateProps;\n\nexport { ChatEmptyState, ChatEmptyStateListWithSchema };\n"],"names":["ChatEmptyState","props","useValidateProps","ChatEmptyStateListWithSchema","toJSON","label","action","MainContent","useMemo","propTypes","emptyStateProps","defaultProps","describe"],"mappings":";;;;;;;;;;IAQMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA6C;EAClEC,gBAAgB,CAACD,KAAD,EAAQE,4BAA4B,CAACC,MAA7B,EAAR,CAAhB;EACA,IAAQC,KAAR,GAA0BJ,KAA1B,CAAQI,KAAR;MAAeC,MAAf,GAA0BL,KAA1B,CAAeK,MAAf;EACA,IAAMC,WAAW,GAAGC,OAAO,CACzB;IAAA,oBACE,oBAAC,IAAD;MAAM,UAAU,EAAC,QAAjB;MAA0B,cAAc,EAAC;oBACvC,oBAAC,IAAD;MAAM,UAAU,EAAC,QAAjB;MAA0B,cAAc,EAAC;oBACvC,oBAAC,cAAD;MAAgB,IAAI,EAAC,KAArB;MAA2B,KAAK,EAAE,CAAC,SAAD,EAAY,GAAZ;MADpC,CADF,eAIE,oBAAC,IAAD;MAAM,UAAU,EAAC,QAAjB;MAA0B,cAAc,EAAC;oBACvC,oBAAC,cAAD,QAAiBH,KAAjB,CADF,CAJF,eAOE,oBAAC,IAAD;MAAM,UAAU,EAAC,QAAjB;MAA0B,cAAc,EAAC;OACtCC,MADH,CAPF,CADF;GADyB,EAczB,CAACD,KAAD,EAAQC,MAAR,CAdyB,CAA3B;EAgBA,oBACE,oBAAC,qBAAD;IAAuB,UAAU,EAAC,QAAlC;IAA2C,cAAc,EAAC;KACvDC,WADH,CADF;AAKD;;AAEDP,cAAc,CAACS,SAAf,GAA2BC,eAA3B;AACAV,cAAc,CAACW,YAAf,GAA8BA,YAA9B;IACMR,4BAA4B,GAAGS,QAAQ,CAACZ,cAAD;AAC7CG,4BAA4B,CAACM,SAA7B,GAAyCC,eAAzC;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-empty-state/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { ChatEmptyStateProps } from '../props';\n\nexport const useValidateProps = (props: ChatEmptyStateProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA6BC,MAA7B,EAAuD;AACrFC,EAAAA,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
1
+ {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-empty-state/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { ChatEmptyStateProps } from '../props';\n\nexport const useValidateProps = (props: ChatEmptyStateProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA6BC,MAA7B,EAAuD;EACrFC,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/chat-empty-state/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport interface ChatEmptyStateProps {\n label: string;\n action: React.FC;\n}\n\nexport const defaultProps: ChatEmptyStateProps = {\n label: 'No Messages Yet',\n action: null,\n};\n\nexport const emptyStateProps = {\n label: PropTypes.arrayOf(PropTypes.string)\n .description('No Message to show text helper')\n .defaultValue(defaultProps.label),\n action: PropTypes.node.description('action element').defaultValue(defaultProps.action),\n};\n"],"names":["defaultProps","label","action","emptyStateProps","PropTypes","arrayOf","string","description","defaultValue","node"],"mappings":";;IAOaA,YAAiC,GAAG;AAC/CC,EAAAA,KAAK,EAAE,iBADwC;AAE/CC,EAAAA,MAAM,EAAE;AAFuC;IAKpCC,eAAe,GAAG;AAC7BF,EAAAA,KAAK,EAAEG,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,MAA5B,EACJC,WADI,CACQ,gCADR,EAEJC,YAFI,CAESR,YAAY,CAACC,KAFtB,CADsB;AAI7BC,EAAAA,MAAM,EAAEE,SAAS,CAACK,IAAV,CAAeF,WAAf,CAA2B,gBAA3B,EAA6CC,YAA7C,CAA0DR,YAAY,CAACE,MAAvE;AAJqB;;;;"}
1
+ {"version":3,"file":"props.js","sources":["../../../../src/parts/chat-empty-state/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport interface ChatEmptyStateProps {\n label: string;\n action: React.FC;\n}\n\nexport const defaultProps: ChatEmptyStateProps = {\n label: 'No Messages Yet',\n action: null,\n};\n\nexport const emptyStateProps = {\n label: PropTypes.arrayOf(PropTypes.string)\n .description('No Message to show text helper')\n .defaultValue(defaultProps.label),\n action: PropTypes.node.description('action element').defaultValue(defaultProps.action),\n};\n"],"names":["defaultProps","label","action","emptyStateProps","PropTypes","arrayOf","string","description","defaultValue","node"],"mappings":";;IAOaA,YAAiC,GAAG;EAC/CC,KAAK,EAAE,iBADwC;EAE/CC,MAAM,EAAE;AAFuC;IAKpCC,eAAe,GAAG;EAC7BF,KAAK,EAAEG,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,MAA5B,EACJC,WADI,CACQ,gCADR,EAEJC,YAFI,CAESR,YAAY,CAACC,KAFtB,CADsB;EAI7BC,MAAM,EAAEE,SAAS,CAACK,IAAV,CAAeF,WAAf,CAA2B,gBAA3B,EAA6CC,YAA7C,CAA0DR,YAAY,CAACE,MAAvE;AAJqB;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-empty-state/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const CONTAINER_WIDTH = 300;\n\nexport const ChatEmptyStateWrapper = styled(Grid)`\n height: 100%;\n min-width: ${CONTAINER_WIDTH}px;\n overflow: hidden;\n background: ${(props) => props.theme.colors.neutral['050']};\n`;\n\nexport const MessageWrapper = styled.p`\n font-size: 18px;\n`;\n"],"names":["CONTAINER_WIDTH","ChatEmptyStateWrapper","styled","Grid","props","theme","colors","neutral","MessageWrapper","p"],"mappings":";;;IAGaA,eAAe,GAAG;IAElBC,qBAAqB,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,sEAEnBH,eAFmB,EAIlB,UAACI,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJkB;IAOrBC,cAAc,gBAAGN,MAAM,CAACO,CAAV;AAAA;AAAA;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-empty-state/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const CONTAINER_WIDTH = 300;\n\nexport const ChatEmptyStateWrapper = styled(Grid)`\n height: 100%;\n min-width: ${CONTAINER_WIDTH}px;\n overflow: hidden;\n background: ${(props) => props.theme.colors.neutral['050']};\n`;\n\nexport const MessageWrapper = styled.p`\n font-size: 18px;\n`;\n"],"names":["CONTAINER_WIDTH","ChatEmptyStateWrapper","styled","Grid","props","theme","colors","neutral","MessageWrapper","p"],"mappings":";;;IAGaA,eAAe,GAAG;IAElBC,qBAAqB,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,sEAEnBH,eAFmB,EAIlB,UAACI,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJkB;IAOrBC,cAAc,gBAAGN,MAAM,CAACO,CAAV;EAAA;AAAA;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"SideBarChat.js","sources":["../../../../src/parts/chat-sidebar/SideBarChat.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { MenuCollapse, MenuExpand } from '@elliemae/ds-icons';\nimport { StyledSideBarContainer, StyledSideBarButtonsContainer } from './styled';\nimport { TileButton } from '../tile-button';\nimport { SidebarButton } from '../sidebar-button/SidebarButton';\nimport { CharSidebarProps, defaultProps, chatSidebarProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst FooterChat = ({\n expanded,\n onFooterClose,\n onFooterExpand,\n footerButtonExtraProps,\n}: Pick<CharSidebarProps, 'expanded' | 'onFooterClose' | 'onFooterExpand' | 'footerButtonExtraProps'>) => (\n <SidebarButton\n dsId=\"sidebar_footer\"\n label={null}\n Icon={!expanded ? MenuCollapse : MenuExpand}\n onClick={expanded ? onFooterClose : onFooterExpand}\n aria-pressed={expanded}\n aria-label={footerButtonExtraProps['aria-label']}\n />\n);\n\nconst SideBarChat = (props: CharSidebarProps): JSX.Element => {\n useValidateProps(props, SideBarChatWithSchema.toJSON());\n const {\n sidebarItems,\n expanded,\n onFooterClose,\n onFooterExpand,\n selectedItem,\n footerButtonExtraProps,\n tooltipPlacement,\n enableTooltipWhenIsClosed,\n actionRef,\n } = props;\n const { current: listRef } = React.useRef({});\n const registerReference = React.useCallback(\n (ref: HTMLElement) => {\n if (ref) listRef[ref.dataset.key] = ref;\n },\n [listRef],\n );\n React.useEffect(() => {\n if (actionRef.current.listRef) {\n actionRef.current.listRef = listRef;\n }\n }, [sidebarItems, expanded, actionRef, listRef]);\n\n return (\n <StyledSideBarContainer rows={[1, 'auto']} ref={listRef}>\n <StyledSideBarButtonsContainer>\n {sidebarItems.map((p) => (\n <TileButton\n key={p.dsId}\n innerRef={registerReference}\n {...p}\n selected={selectedItem === p.dsId}\n tooltipPlacement={tooltipPlacement}\n disableTooltip={enableTooltipWhenIsClosed ? false : !expanded}\n />\n ))}\n </StyledSideBarButtonsContainer>\n <FooterChat\n expanded={expanded}\n onFooterClose={onFooterClose}\n onFooterExpand={onFooterExpand}\n footerButtonExtraProps={footerButtonExtraProps}\n />\n </StyledSideBarContainer>\n );\n};\n\nSideBarChat.propTypes = chatSidebarProps;\nSideBarChat.defaultProps = defaultProps;\nconst SideBarChatWithSchema = describe(SideBarChat);\nSideBarChatWithSchema.propTypes = chatSidebarProps;\n\nexport { SideBarChat, SideBarChatWithSchema };\n"],"names":["FooterChat","expanded","onFooterClose","onFooterExpand","footerButtonExtraProps","MenuCollapse","MenuExpand","SideBarChat","props","useValidateProps","SideBarChatWithSchema","toJSON","sidebarItems","selectedItem","tooltipPlacement","enableTooltipWhenIsClosed","actionRef","React","useRef","listRef","current","registerReference","useCallback","ref","dataset","key","useEffect","map","p","dsId","propTypes","chatSidebarProps","defaultProps","describe"],"mappings":"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"}
1
+ {"version":3,"file":"SideBarChat.js","sources":["../../../../src/parts/chat-sidebar/SideBarChat.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { MenuCollapse, MenuExpand } from '@elliemae/ds-icons';\nimport { StyledSideBarContainer, StyledSideBarButtonsContainer } from './styled';\nimport { TileButton } from '../tile-button';\nimport { SidebarButton } from '../sidebar-button/SidebarButton';\nimport { CharSidebarProps, defaultProps, chatSidebarProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst FooterChat = ({\n expanded,\n onFooterClose,\n onFooterExpand,\n footerButtonExtraProps,\n}: Pick<CharSidebarProps, 'expanded' | 'onFooterClose' | 'onFooterExpand' | 'footerButtonExtraProps'>) => (\n <SidebarButton\n dsId=\"sidebar_footer\"\n label={null}\n Icon={!expanded ? MenuCollapse : MenuExpand}\n onClick={expanded ? onFooterClose : onFooterExpand}\n aria-pressed={expanded}\n aria-label={footerButtonExtraProps['aria-label']}\n />\n);\n\nconst SideBarChat = (props: CharSidebarProps): JSX.Element => {\n useValidateProps(props, SideBarChatWithSchema.toJSON());\n const {\n sidebarItems,\n expanded,\n onFooterClose,\n onFooterExpand,\n selectedItem,\n footerButtonExtraProps,\n tooltipPlacement,\n enableTooltipWhenIsClosed,\n actionRef,\n } = props;\n const { current: listRef } = React.useRef({});\n const registerReference = React.useCallback(\n (ref: HTMLElement) => {\n if (ref) listRef[ref.dataset.key] = ref;\n },\n [listRef],\n );\n React.useEffect(() => {\n if (actionRef.current.listRef) {\n actionRef.current.listRef = listRef;\n }\n }, [sidebarItems, expanded, actionRef, listRef]);\n\n return (\n <StyledSideBarContainer rows={[1, 'auto']} ref={listRef}>\n <StyledSideBarButtonsContainer>\n {sidebarItems.map((p) => (\n <TileButton\n key={p.dsId}\n innerRef={registerReference}\n {...p}\n selected={selectedItem === p.dsId}\n tooltipPlacement={tooltipPlacement}\n disableTooltip={enableTooltipWhenIsClosed ? false : !expanded}\n />\n ))}\n </StyledSideBarButtonsContainer>\n <FooterChat\n expanded={expanded}\n onFooterClose={onFooterClose}\n onFooterExpand={onFooterExpand}\n footerButtonExtraProps={footerButtonExtraProps}\n />\n </StyledSideBarContainer>\n );\n};\n\nSideBarChat.propTypes = chatSidebarProps;\nSideBarChat.defaultProps = defaultProps;\nconst SideBarChatWithSchema = describe(SideBarChat);\nSideBarChatWithSchema.propTypes = chatSidebarProps;\n\nexport { SideBarChat, SideBarChatWithSchema };\n"],"names":["FooterChat","expanded","onFooterClose","onFooterExpand","footerButtonExtraProps","MenuCollapse","MenuExpand","SideBarChat","props","useValidateProps","SideBarChatWithSchema","toJSON","sidebarItems","selectedItem","tooltipPlacement","enableTooltipWhenIsClosed","actionRef","React","useRef","listRef","current","registerReference","useCallback","ref","dataset","key","useEffect","map","p","dsId","propTypes","chatSidebarProps","defaultProps","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,UAAU,GAAG,SAAbA,UAAa;EAAA,IACjBC,QADiB,QACjBA,QADiB;MAEjBC,aAFiB,QAEjBA,aAFiB;MAGjBC,cAHiB,QAGjBA,cAHiB;MAIjBC,sBAJiB,QAIjBA,sBAJiB;EAAA,oBAMjB,oBAAC,aAAD;IACE,IAAI,EAAC,gBADP;IAEE,KAAK,EAAE,IAFT;IAGE,IAAI,EAAE,CAACH,QAAD,GAAYI,YAAZ,GAA2BC,UAHnC;IAIE,OAAO,EAAEL,QAAQ,GAAGC,aAAH,GAAmBC,cAJtC;IAKE,gBAAcF,QALhB;IAME,cAAYG,sBAAsB,CAAC,YAAD;IAZnB;AAAA,CAAnB;;IAgBMG,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAA0C;EAC5DC,gBAAgB,CAACD,KAAD,EAAQE,qBAAqB,CAACC,MAAtB,EAAR,CAAhB;EACA,IACEC,YADF,GAUIJ,KAVJ,CACEI,YADF;MAEEX,QAFF,GAUIO,KAVJ,CAEEP,QAFF;MAGEC,aAHF,GAUIM,KAVJ,CAGEN,aAHF;MAIEC,cAJF,GAUIK,KAVJ,CAIEL,cAJF;MAKEU,YALF,GAUIL,KAVJ,CAKEK,YALF;MAMET,sBANF,GAUII,KAVJ,CAMEJ,sBANF;MAOEU,gBAPF,GAUIN,KAVJ,CAOEM,gBAPF;MAQEC,yBARF,GAUIP,KAVJ,CAQEO,yBARF;MASEC,SATF,GAUIR,KAVJ,CASEQ,SATF;;EAWA,oBAA6BC,KAAK,CAACC,MAAN,CAAa,EAAb,CAA7B;MAAiBC,OAAjB,iBAAQC,OAAR;;EACA,IAAMC,iBAAiB,GAAGJ,KAAK,CAACK,WAAN,CACxB,UAACC,GAAD,EAAsB;IACpB,IAAIA,GAAJ,EAASJ,OAAO,CAACI,GAAG,CAACC,OAAJ,CAAYC,GAAb,CAAP,GAA2BF,GAA3B;GAFa,EAIxB,CAACJ,OAAD,CAJwB,CAA1B;EAMAF,KAAK,CAACS,SAAN,CAAgB,YAAM;IACpB,IAAIV,SAAS,CAACI,OAAV,CAAkBD,OAAtB,EAA+B;MAC7BH,SAAS,CAACI,OAAV,CAAkBD,OAAlB,GAA4BA,OAA5B;;GAFJ,EAIG,CAACP,YAAD,EAAeX,QAAf,EAAyBe,SAAzB,EAAoCG,OAApC,CAJH;EAMA,oBACE,oBAAC,sBAAD;IAAwB,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ,CAA9B;IAA2C,GAAG,EAAEA;kBAC9C,oBAAC,6BAAD,QACGP,YAAY,CAACe,GAAb,CAAiB,UAACC,CAAD;IAAA,oBAChB,oBAAC,UAAD;MACE,GAAG,EAAEA,CAAC,CAACC,IADT;MAEE,QAAQ,EAAER;OACNO,CAHN;MAIE,QAAQ,EAAEf,YAAY,KAAKe,CAAC,CAACC,IAJ/B;MAKE,gBAAgB,EAAEf,gBALpB;MAME,cAAc,EAAEC,yBAAyB,GAAG,KAAH,GAAW,CAACd;OAPvC;GAAjB,CADH,CADF,eAaE,oBAAC,UAAD;IACE,QAAQ,EAAEA,QADZ;IAEE,aAAa,EAAEC,aAFjB;IAGE,cAAc,EAAEC,cAHlB;IAIE,sBAAsB,EAAEC;IAjB5B,CADF;AAsBD;;AAEDG,WAAW,CAACuB,SAAZ,GAAwBC,gBAAxB;AACAxB,WAAW,CAACyB,YAAZ,GAA2BA,YAA3B;IACMtB,qBAAqB,GAAGuB,QAAQ,CAAC1B,WAAD;AACtCG,qBAAqB,CAACoB,SAAtB,GAAkCC,gBAAlC;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-sidebar/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { CharSidebarProps } from '../props';\n\nexport const useValidateProps = (props: CharSidebarProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA0BC,MAA1B,EAAoD;AAClFC,EAAAA,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
1
+ {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-sidebar/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { CharSidebarProps } from '../props';\n\nexport const useValidateProps = (props: CharSidebarProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA0BC,MAA1B,EAAoD;EAClFC,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/chat-sidebar/props.ts"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { TileButtonProps } from '../tile-button/props';\n\nexport interface CharSidebarProps {\n sidebarItems: TileButtonProps[];\n expanded: boolean;\n selectedItem: undefined;\n onFooterClose: () => void;\n onFooterExpand: () => void;\n onHeaderExpand: () => void;\n onHeaderClose: () => void;\n footerButtonExtraProps: Record<string, any>;\n tooltipPlacement:\n | 'top-start'\n | 'top'\n | 'top-end'\n | 'right-start'\n | 'right'\n | 'right-end'\n | 'bottom-end'\n | 'bottom'\n | 'bottom-start'\n | 'left-end'\n | 'left'\n | 'left-start';\n enableTooltipWhenIsClosed: boolean;\n actionRef: React.MutableRefObject<any>;\n}\n\nexport const defaultProps: CharSidebarProps = {\n expanded: false,\n selectedItem: undefined,\n sidebarItems: [],\n onFooterExpand: noop,\n onFooterClose: noop,\n onHeaderExpand: noop,\n onHeaderClose: noop,\n footerButtonExtraProps: { 'aria-label': 'expand or collapse button' },\n tooltipPlacement: 'right',\n enableTooltipWhenIsClosed: false,\n actionRef: {\n current: {\n listRef: [],\n },\n },\n};\n\nexport const chatSidebarProps = {\n sidebarItems: PropTypes.arrayOf(PropTypes.object)\n .description('The array of out-of-the-box items you want to render inside the sidebar nav of the chat')\n .defaultValue(defaultProps.sidebarItems),\n expanded: PropTypes.bool\n .description('Whether to show the chat expanded or collapsed')\n .defaultValue(defaultProps.expanded),\n selectedItem: PropTypes.string\n .description('The id of the chat item you want to be opened')\n .defaultValue(defaultProps.selectedItem),\n tooltipPlacement: PropTypes.oneOf([\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ])\n .description('start placement preferences, as per popperjs placement option')\n .defaultValue(\"'right'\"),\n enableTooltipWhenIsClosed: PropTypes.bool\n .description('Enable tooltip when is closed')\n .defaultValue(defaultProps.onFooterExpand),\n onFooterExpand: PropTypes.func\n .description('The function to call when the chat is opened via the footer')\n .defaultValue(defaultProps.onFooterExpand),\n onFooterClose: PropTypes.func\n .description('The function to call when the chat is closed via the footer')\n .defaultValue(defaultProps.onFooterClose),\n onHeaderExpand: PropTypes.func\n .description('The function to call when the chat is opened via the header')\n .defaultValue(defaultProps.onHeaderExpand),\n onHeaderClose: PropTypes.func\n .description('The function to call when the chat is closed via the header')\n .defaultValue(defaultProps.onHeaderClose),\n footerButtonExtraProps: PropTypes.object\n .description('Expand/collapse footer button extra props')\n .defaultValue(defaultProps.footerButtonExtraProps),\n actionRef: PropTypes.object\n .description(\n `Action ref for sidebar\n {\n listRef: references to Tiles\n }\n `,\n )\n .defaultValue(defaultProps.actionRef),\n};\n"],"names":["defaultProps","expanded","selectedItem","undefined","sidebarItems","onFooterExpand","noop","onFooterClose","onHeaderExpand","onHeaderClose","footerButtonExtraProps","tooltipPlacement","enableTooltipWhenIsClosed","actionRef","current","listRef","chatSidebarProps","PropTypes","arrayOf","object","description","defaultValue","bool","string","oneOf","func"],"mappings":";;;IA8BaA,YAA8B,GAAG;AAC5CC,EAAAA,QAAQ,EAAE,KADkC;AAE5CC,EAAAA,YAAY,EAAEC,SAF8B;AAG5CC,EAAAA,YAAY,EAAE,EAH8B;AAI5CC,EAAAA,cAAc,EAAEC,IAJ4B;AAK5CC,EAAAA,aAAa,EAAED,IAL6B;AAM5CE,EAAAA,cAAc,EAAEF,IAN4B;AAO5CG,EAAAA,aAAa,EAAEH,IAP6B;AAQ5CI,EAAAA,sBAAsB,EAAE;AAAE,kBAAc;AAAhB,GARoB;AAS5CC,EAAAA,gBAAgB,EAAE,OAT0B;AAU5CC,EAAAA,yBAAyB,EAAE,KAViB;AAW5CC,EAAAA,SAAS,EAAE;AACTC,IAAAA,OAAO,EAAE;AACPC,MAAAA,OAAO,EAAE;AADF;AADA;AAXiC;IAkBjCC,gBAAgB,GAAG;AAC9BZ,EAAAA,YAAY,EAAEa,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,MAA5B,EACXC,WADW,CACC,yFADD,EAEXC,YAFW,CAEErB,YAAY,CAACI,YAFf,CADgB;AAI9BH,EAAAA,QAAQ,EAAEgB,SAAS,CAACK,IAAV,CACPF,WADO,CACK,gDADL,EAEPC,YAFO,CAEMrB,YAAY,CAACC,QAFnB,CAJoB;AAO9BC,EAAAA,YAAY,EAAEe,SAAS,CAACM,MAAV,CACXH,WADW,CACC,+CADD,EAEXC,YAFW,CAEErB,YAAY,CAACE,YAFf,CAPgB;AAU9BS,EAAAA,gBAAgB,EAAEM,SAAS,CAACO,KAAV,CAAgB,CAChC,WADgC,EAEhC,KAFgC,EAGhC,SAHgC,EAIhC,aAJgC,EAKhC,OALgC,EAMhC,WANgC,EAOhC,YAPgC,EAQhC,QARgC,EAShC,cATgC,EAUhC,UAVgC,EAWhC,MAXgC,EAYhC,YAZgC,CAAhB,EAcfJ,WAde,CAcH,+DAdG,EAefC,YAfe,CAeF,SAfE,CAVY;AA0B9BT,EAAAA,yBAAyB,EAAEK,SAAS,CAACK,IAAV,CACxBF,WADwB,CACZ,+BADY,EAExBC,YAFwB,CAEXrB,YAAY,CAACK,cAFF,CA1BG;AA6B9BA,EAAAA,cAAc,EAAEY,SAAS,CAACQ,IAAV,CACbL,WADa,CACD,6DADC,EAEbC,YAFa,CAEArB,YAAY,CAACK,cAFb,CA7Bc;AAgC9BE,EAAAA,aAAa,EAAEU,SAAS,CAACQ,IAAV,CACZL,WADY,CACA,6DADA,EAEZC,YAFY,CAECrB,YAAY,CAACO,aAFd,CAhCe;AAmC9BC,EAAAA,cAAc,EAAES,SAAS,CAACQ,IAAV,CACbL,WADa,CACD,6DADC,EAEbC,YAFa,CAEArB,YAAY,CAACQ,cAFb,CAnCc;AAsC9BC,EAAAA,aAAa,EAAEQ,SAAS,CAACQ,IAAV,CACZL,WADY,CACA,6DADA,EAEZC,YAFY,CAECrB,YAAY,CAACS,aAFd,CAtCe;AAyC9BC,EAAAA,sBAAsB,EAAEO,SAAS,CAACE,MAAV,CACrBC,WADqB,CACT,2CADS,EAErBC,YAFqB,CAERrB,YAAY,CAACU,sBAFL,CAzCM;AA4C9BG,EAAAA,SAAS,EAAEI,SAAS,CAACE,MAAV,CACRC,WADQ,2EAQRC,YARQ,CAQKrB,YAAY,CAACa,SARlB;AA5CmB;;;;"}
1
+ {"version":3,"file":"props.js","sources":["../../../../src/parts/chat-sidebar/props.ts"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { TileButtonProps } from '../tile-button/props';\n\nexport interface CharSidebarProps {\n sidebarItems: TileButtonProps[];\n expanded: boolean;\n selectedItem: undefined;\n onFooterClose: () => void;\n onFooterExpand: () => void;\n onHeaderExpand: () => void;\n onHeaderClose: () => void;\n footerButtonExtraProps: Record<string, any>;\n tooltipPlacement:\n | 'top-start'\n | 'top'\n | 'top-end'\n | 'right-start'\n | 'right'\n | 'right-end'\n | 'bottom-end'\n | 'bottom'\n | 'bottom-start'\n | 'left-end'\n | 'left'\n | 'left-start';\n enableTooltipWhenIsClosed: boolean;\n actionRef: React.MutableRefObject<any>;\n}\n\nexport const defaultProps: CharSidebarProps = {\n expanded: false,\n selectedItem: undefined,\n sidebarItems: [],\n onFooterExpand: noop,\n onFooterClose: noop,\n onHeaderExpand: noop,\n onHeaderClose: noop,\n footerButtonExtraProps: { 'aria-label': 'expand or collapse button' },\n tooltipPlacement: 'right',\n enableTooltipWhenIsClosed: false,\n actionRef: {\n current: {\n listRef: [],\n },\n },\n};\n\nexport const chatSidebarProps = {\n sidebarItems: PropTypes.arrayOf(PropTypes.object)\n .description('The array of out-of-the-box items you want to render inside the sidebar nav of the chat')\n .defaultValue(defaultProps.sidebarItems),\n expanded: PropTypes.bool\n .description('Whether to show the chat expanded or collapsed')\n .defaultValue(defaultProps.expanded),\n selectedItem: PropTypes.string\n .description('The id of the chat item you want to be opened')\n .defaultValue(defaultProps.selectedItem),\n tooltipPlacement: PropTypes.oneOf([\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ])\n .description('start placement preferences, as per popperjs placement option')\n .defaultValue(\"'right'\"),\n enableTooltipWhenIsClosed: PropTypes.bool\n .description('Enable tooltip when is closed')\n .defaultValue(defaultProps.onFooterExpand),\n onFooterExpand: PropTypes.func\n .description('The function to call when the chat is opened via the footer')\n .defaultValue(defaultProps.onFooterExpand),\n onFooterClose: PropTypes.func\n .description('The function to call when the chat is closed via the footer')\n .defaultValue(defaultProps.onFooterClose),\n onHeaderExpand: PropTypes.func\n .description('The function to call when the chat is opened via the header')\n .defaultValue(defaultProps.onHeaderExpand),\n onHeaderClose: PropTypes.func\n .description('The function to call when the chat is closed via the header')\n .defaultValue(defaultProps.onHeaderClose),\n footerButtonExtraProps: PropTypes.object\n .description('Expand/collapse footer button extra props')\n .defaultValue(defaultProps.footerButtonExtraProps),\n actionRef: PropTypes.object\n .description(\n `Action ref for sidebar\n {\n listRef: references to Tiles\n }\n `,\n )\n .defaultValue(defaultProps.actionRef),\n};\n"],"names":["defaultProps","expanded","selectedItem","undefined","sidebarItems","onFooterExpand","noop","onFooterClose","onHeaderExpand","onHeaderClose","footerButtonExtraProps","tooltipPlacement","enableTooltipWhenIsClosed","actionRef","current","listRef","chatSidebarProps","PropTypes","arrayOf","object","description","defaultValue","bool","string","oneOf","func"],"mappings":";;;IA8BaA,YAA8B,GAAG;EAC5CC,QAAQ,EAAE,KADkC;EAE5CC,YAAY,EAAEC,SAF8B;EAG5CC,YAAY,EAAE,EAH8B;EAI5CC,cAAc,EAAEC,IAJ4B;EAK5CC,aAAa,EAAED,IAL6B;EAM5CE,cAAc,EAAEF,IAN4B;EAO5CG,aAAa,EAAEH,IAP6B;EAQ5CI,sBAAsB,EAAE;IAAE,cAAc;GARI;EAS5CC,gBAAgB,EAAE,OAT0B;EAU5CC,yBAAyB,EAAE,KAViB;EAW5CC,SAAS,EAAE;IACTC,OAAO,EAAE;MACPC,OAAO,EAAE;;;AAb+B;IAkBjCC,gBAAgB,GAAG;EAC9BZ,YAAY,EAAEa,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,MAA5B,EACXC,WADW,CACC,yFADD,EAEXC,YAFW,CAEErB,YAAY,CAACI,YAFf,CADgB;EAI9BH,QAAQ,EAAEgB,SAAS,CAACK,IAAV,CACPF,WADO,CACK,gDADL,EAEPC,YAFO,CAEMrB,YAAY,CAACC,QAFnB,CAJoB;EAO9BC,YAAY,EAAEe,SAAS,CAACM,MAAV,CACXH,WADW,CACC,+CADD,EAEXC,YAFW,CAEErB,YAAY,CAACE,YAFf,CAPgB;EAU9BS,gBAAgB,EAAEM,SAAS,CAACO,KAAV,CAAgB,CAChC,WADgC,EAEhC,KAFgC,EAGhC,SAHgC,EAIhC,aAJgC,EAKhC,OALgC,EAMhC,WANgC,EAOhC,YAPgC,EAQhC,QARgC,EAShC,cATgC,EAUhC,UAVgC,EAWhC,MAXgC,EAYhC,YAZgC,CAAhB,EAcfJ,WAde,CAcH,+DAdG,EAefC,YAfe,CAeF,SAfE,CAVY;EA0B9BT,yBAAyB,EAAEK,SAAS,CAACK,IAAV,CACxBF,WADwB,CACZ,+BADY,EAExBC,YAFwB,CAEXrB,YAAY,CAACK,cAFF,CA1BG;EA6B9BA,cAAc,EAAEY,SAAS,CAACQ,IAAV,CACbL,WADa,CACD,6DADC,EAEbC,YAFa,CAEArB,YAAY,CAACK,cAFb,CA7Bc;EAgC9BE,aAAa,EAAEU,SAAS,CAACQ,IAAV,CACZL,WADY,CACA,6DADA,EAEZC,YAFY,CAECrB,YAAY,CAACO,aAFd,CAhCe;EAmC9BC,cAAc,EAAES,SAAS,CAACQ,IAAV,CACbL,WADa,CACD,6DADC,EAEbC,YAFa,CAEArB,YAAY,CAACQ,cAFb,CAnCc;EAsC9BC,aAAa,EAAEQ,SAAS,CAACQ,IAAV,CACZL,WADY,CACA,6DADA,EAEZC,YAFY,CAECrB,YAAY,CAACS,aAFd,CAtCe;EAyC9BC,sBAAsB,EAAEO,SAAS,CAACE,MAAV,CACrBC,WADqB,CACT,2CADS,EAErBC,YAFqB,CAERrB,YAAY,CAACU,sBAFL,CAzCM;EA4C9BG,SAAS,EAAEI,SAAS,CAACE,MAAV,CACRC,WADQ,2EAQRC,YARQ,CAQKrB,YAAY,CAACa,SARlB;AA5CmB;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-sidebar/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MIN_WIDTH_SIDEBAR, BUTTON_SIDEBAR_HEIGHT } from '../../styled';\n\n// Sidebar\nexport const StyledSideBarContainer = styled(Grid)`\n height: 100%;\n width: ${MIN_WIDTH_SIDEBAR}px;\n background: ${(props) => props.theme.colors.neutral['050']};\n border-right: 1px solid ${(props) => props.theme.colors.neutral['100']};\n overflow: hidden;\n`;\n\nexport const StyledSideBarButtonsContainer = styled(Grid)`\n overflow-y: auto;\n align-items: flex-start;\n justify-content: flex-start;\n grid-template-rows: repeat(auto-fill, ${BUTTON_SIDEBAR_HEIGHT}px);\n overflow-x: hidden;\n\n scrollbar-width: thin;\n &::-webkit-scrollbar {\n width: 6px;\n }\n`;\n"],"names":["StyledSideBarContainer","styled","Grid","MIN_WIDTH_SIDEBAR","props","theme","colors","neutral","StyledSideBarButtonsContainer","BUTTON_SIDEBAR_HEIGHT"],"mappings":";;;;IAKaA,sBAAsB,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,8FAExBC,iBAFwB,EAGnB,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHmB,EAIP,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJO;IAQtBC,6BAA6B,gBAAGP,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,8LAIAO,qBAJA;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-sidebar/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MIN_WIDTH_SIDEBAR, BUTTON_SIDEBAR_HEIGHT } from '../../styled';\n\n// Sidebar\nexport const StyledSideBarContainer = styled(Grid)`\n height: 100%;\n width: ${MIN_WIDTH_SIDEBAR}px;\n background: ${(props) => props.theme.colors.neutral['050']};\n border-right: 1px solid ${(props) => props.theme.colors.neutral['100']};\n overflow: hidden;\n`;\n\nexport const StyledSideBarButtonsContainer = styled(Grid)`\n overflow-y: auto;\n align-items: flex-start;\n justify-content: flex-start;\n grid-template-rows: repeat(auto-fill, ${BUTTON_SIDEBAR_HEIGHT}px);\n overflow-x: hidden;\n\n scrollbar-width: thin;\n &::-webkit-scrollbar {\n width: 6px;\n }\n`;\n"],"names":["StyledSideBarContainer","styled","Grid","MIN_WIDTH_SIDEBAR","props","theme","colors","neutral","StyledSideBarButtonsContainer","BUTTON_SIDEBAR_HEIGHT"],"mappings":";;;;IAKaA,sBAAsB,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,8FAExBC,iBAFwB,EAGnB,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHmB,EAIP,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJO;IAQtBC,6BAA6B,gBAAGP,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,8LAIAO,qBAJA;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"FloatingButton.js","sources":["../../../../src/parts/floating-button/FloatingButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Comments } from '@elliemae/ds-icons';\nimport { StyledFloatingButton } from './styled';\nimport { defaultFloatingButton, propsFloatingButton, FloatingButtonProps } from './props';\n\nexport const FloatingButton = ({ onClick, onFocus, innerRef }: FloatingButtonProps): JSX.Element => (\n <StyledFloatingButton onFocus={onFocus} ref={innerRef} data-testid=\"chat-floating-button\" onClick={onClick}>\n <Comments size=\"l\" />\n </StyledFloatingButton>\n);\n\nFloatingButton.propTypes = propsFloatingButton;\nFloatingButton.defaultProps = defaultFloatingButton;\n"],"names":["FloatingButton","onClick","onFocus","innerRef","propTypes","propsFloatingButton","defaultProps","defaultFloatingButton"],"mappings":";;;;;;;;IAKaA,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYC,OAAZ,QAAYA,OAAZ;AAAA,MAAqBC,QAArB,QAAqBA,QAArB;AAAA,sBAC5B,oBAAC,oBAAD;AAAsB,IAAA,OAAO,EAAED,OAA/B;AAAwC,IAAA,GAAG,EAAEC,QAA7C;AAAuD,mBAAY,sBAAnE;AAA0F,IAAA,OAAO,EAAEF;AAAnG,kBACE,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAC;AAAf,IADF,CAD4B;AAAA;AAM9BD,cAAc,CAACI,SAAf,GAA2BC,mBAA3B;AACAL,cAAc,CAACM,YAAf,GAA8BC,qBAA9B;;;;"}
1
+ {"version":3,"file":"FloatingButton.js","sources":["../../../../src/parts/floating-button/FloatingButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Comments } from '@elliemae/ds-icons';\nimport { StyledFloatingButton } from './styled';\nimport { defaultFloatingButton, propsFloatingButton, FloatingButtonProps } from './props';\n\nexport const FloatingButton = ({ onClick, onFocus, innerRef }: FloatingButtonProps): JSX.Element => (\n <StyledFloatingButton onFocus={onFocus} ref={innerRef} data-testid=\"chat-floating-button\" onClick={onClick}>\n <Comments size=\"l\" />\n </StyledFloatingButton>\n);\n\nFloatingButton.propTypes = propsFloatingButton;\nFloatingButton.defaultProps = defaultFloatingButton;\n"],"names":["FloatingButton","onClick","onFocus","innerRef","propTypes","propsFloatingButton","defaultProps","defaultFloatingButton"],"mappings":";;;;;;;;IAKaA,cAAc,GAAG,SAAjBA,cAAiB;EAAA,IAAGC,OAAH,QAAGA,OAAH;MAAYC,OAAZ,QAAYA,OAAZ;MAAqBC,QAArB,QAAqBA,QAArB;EAAA,oBAC5B,oBAAC,oBAAD;IAAsB,OAAO,EAAED,OAA/B;IAAwC,GAAG,EAAEC,QAA7C;IAAuD,eAAY,sBAAnE;IAA0F,OAAO,EAAEF;kBACjG,oBAAC,QAAD;IAAU,IAAI,EAAC;IADjB,CAD4B;AAAA;AAM9BD,cAAc,CAACI,SAAf,GAA2BC,mBAA3B;AACAL,cAAc,CAACM,YAAf,GAA8BC,qBAA9B;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/floating-button/props.ts"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport React from 'react';\n\nexport interface FloatingButtonProps {\n onClick: () => void;\n onFocus: () => void;\n innerRef: React.RefObject<HTMLButtonElement>;\n}\n\nexport const defaultFloatingButton: FloatingButtonProps = {\n onClick: noop,\n onFocus: noop,\n innerRef: null,\n};\n\nexport const propsFloatingButton = {\n onClick: PropTypes.func\n .description('The function to call when the chat is opened via the footer')\n .defaultValue(defaultFloatingButton.onClick),\n onFocus: PropTypes.func\n .description('The function to call when button is being focused')\n .defaultValue(defaultFloatingButton.onFocus),\n innerRef: PropTypes.object.description('Ref to the component container').defaultValue(null),\n};\n"],"names":["defaultFloatingButton","onClick","noop","onFocus","innerRef","propsFloatingButton","PropTypes","func","description","defaultValue","object"],"mappings":";;;IAUaA,qBAA0C,GAAG;AACxDC,EAAAA,OAAO,EAAEC,IAD+C;AAExDC,EAAAA,OAAO,EAAED,IAF+C;AAGxDE,EAAAA,QAAQ,EAAE;AAH8C;IAM7CC,mBAAmB,GAAG;AACjCJ,EAAAA,OAAO,EAAEK,SAAS,CAACC,IAAV,CACNC,WADM,CACM,6DADN,EAENC,YAFM,CAEOT,qBAAqB,CAACC,OAF7B,CADwB;AAIjCE,EAAAA,OAAO,EAAEG,SAAS,CAACC,IAAV,CACNC,WADM,CACM,mDADN,EAENC,YAFM,CAEOT,qBAAqB,CAACG,OAF7B,CAJwB;AAOjCC,EAAAA,QAAQ,EAAEE,SAAS,CAACI,MAAV,CAAiBF,WAAjB,CAA6B,gCAA7B,EAA+DC,YAA/D,CAA4E,IAA5E;AAPuB;;;;"}
1
+ {"version":3,"file":"props.js","sources":["../../../../src/parts/floating-button/props.ts"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport React from 'react';\n\nexport interface FloatingButtonProps {\n onClick: () => void;\n onFocus: () => void;\n innerRef: React.RefObject<HTMLButtonElement>;\n}\n\nexport const defaultFloatingButton: FloatingButtonProps = {\n onClick: noop,\n onFocus: noop,\n innerRef: null,\n};\n\nexport const propsFloatingButton = {\n onClick: PropTypes.func\n .description('The function to call when the chat is opened via the footer')\n .defaultValue(defaultFloatingButton.onClick),\n onFocus: PropTypes.func\n .description('The function to call when button is being focused')\n .defaultValue(defaultFloatingButton.onFocus),\n innerRef: PropTypes.object.description('Ref to the component container').defaultValue(null),\n};\n"],"names":["defaultFloatingButton","onClick","noop","onFocus","innerRef","propsFloatingButton","PropTypes","func","description","defaultValue","object"],"mappings":";;;IAUaA,qBAA0C,GAAG;EACxDC,OAAO,EAAEC,IAD+C;EAExDC,OAAO,EAAED,IAF+C;EAGxDE,QAAQ,EAAE;AAH8C;IAM7CC,mBAAmB,GAAG;EACjCJ,OAAO,EAAEK,SAAS,CAACC,IAAV,CACNC,WADM,CACM,6DADN,EAENC,YAFM,CAEOT,qBAAqB,CAACC,OAF7B,CADwB;EAIjCE,OAAO,EAAEG,SAAS,CAACC,IAAV,CACNC,WADM,CACM,mDADN,EAENC,YAFM,CAEOT,qBAAqB,CAACG,OAF7B,CAJwB;EAOjCC,QAAQ,EAAEE,SAAS,CAACI,MAAV,CAAiBF,WAAjB,CAA6B,gCAA7B,EAA+DC,YAA/D,CAA4E,IAA5E;AAPuB;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/floating-button/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nconst BUTTON_FLOATING = 56;\nconst BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';\nconst BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';\nconst BOX_SHADOW_INSET = `inset 100px 3px 4px 0 rgba(53,60,70,0.50)`;\n\nexport const StyledFloatingButton = styled.button`\n outline: none;\n cursor: pointer;\n height: ${BUTTON_FLOATING}px;\n width: ${BUTTON_FLOATING}px;\n border: none;\n background: ${(props) => props.theme.colors.brand[600]};\n border-radius: 50%;\n box-shadow: ${BOX_SHADOW_FLOATING};\n &:hover {\n background: ${(props) => props.theme.colors.brand[700]};\n }\n &:focus {\n border: 2px solid ${(props) => props.theme.colors.brand[700]};\n box-shadow: inset 0 0 0 2px ${(props) => props.theme.colors.neutral['000']},\n ${BOX_SHADOW};\n }\n &:active {\n background: ${(props) => props.theme.colors.brand[800]};\n box-shadow: inset 0 0 0 0, ${BOX_SHADOW_FLOATING};\n }\n svg {\n fill: ${(props) => props.theme.colors.neutral['000']};\n }\n`;\n"],"names":["BUTTON_FLOATING","BOX_SHADOW","BOX_SHADOW_FLOATING","StyledFloatingButton","styled","button","props","theme","colors","brand","neutral"],"mappings":";;AAEA,IAAMA,eAAe,GAAG,EAAxB;AACA,IAAMC,UAAU,GAAG,iCAAnB;AACA,IAAMC,mBAAmB,GAAG,iCAA5B;IAGaC,oBAAoB,gBAAGC,MAAM,CAACC,MAAV;AAAA;AAAA,kSAGrBL,eAHqB,EAItBA,eAJsB,EAMjB,UAACM,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CANiB,EAQjBP,mBARiB,EAUf,UAACI,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAVe,EAaT,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAbS,EAcC,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAdD,EAezBT,UAfyB,EAkBf,UAACK,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAlBe,EAmBAP,mBAnBA,EAsBrB,UAACI,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAtBqB;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../src/parts/floating-button/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nconst BUTTON_FLOATING = 56;\nconst BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';\nconst BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';\nconst BOX_SHADOW_INSET = `inset 100px 3px 4px 0 rgba(53,60,70,0.50)`;\n\nexport const StyledFloatingButton = styled.button`\n outline: none;\n cursor: pointer;\n height: ${BUTTON_FLOATING}px;\n width: ${BUTTON_FLOATING}px;\n border: none;\n background: ${(props) => props.theme.colors.brand[600]};\n border-radius: 50%;\n box-shadow: ${BOX_SHADOW_FLOATING};\n &:hover {\n background: ${(props) => props.theme.colors.brand[700]};\n }\n &:focus {\n border: 2px solid ${(props) => props.theme.colors.brand[700]};\n box-shadow: inset 0 0 0 2px ${(props) => props.theme.colors.neutral['000']},\n ${BOX_SHADOW};\n }\n &:active {\n background: ${(props) => props.theme.colors.brand[800]};\n box-shadow: inset 0 0 0 0, ${BOX_SHADOW_FLOATING};\n }\n svg {\n fill: ${(props) => props.theme.colors.neutral['000']};\n }\n`;\n"],"names":["BUTTON_FLOATING","BOX_SHADOW","BOX_SHADOW_FLOATING","StyledFloatingButton","styled","button","props","theme","colors","brand","neutral"],"mappings":";;AAEA,IAAMA,eAAe,GAAG,EAAxB;AACA,IAAMC,UAAU,GAAG,iCAAnB;AACA,IAAMC,mBAAmB,GAAG,iCAA5B;IAGaC,oBAAoB,gBAAGC,MAAM,CAACC,MAAV;EAAA;AAAA,kSAGrBL,eAHqB,EAItBA,eAJsB,EAMjB,UAACM,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CANiB,EAQjBP,mBARiB,EAUf,UAACI,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAVe,EAaT,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAbS,EAcC,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAdD,EAezBT,UAfyB,EAkBf,UAACK,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAlBe,EAmBAP,mBAnBA,EAsBrB,UAACI,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAtBqB;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/floating-container/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BOX_SHADOW } from '../../styled';\n\n// Floating\nexport const StyledFloatingContainer = styled(Grid)`\n position: fixed;\n bottom: 24px;\n right: 24px;\n border-radius: 4px;\n z-index: 1;\n box-shadow: ${BOX_SHADOW};\n background: ${(nestedProps) => nestedProps.theme.colors.neutral['050']};\n width: 348px;\n`;\n"],"names":["StyledFloatingContainer","styled","Grid","BOX_SHADOW","nestedProps","theme","colors","neutral"],"mappings":";;;;IAKaA,uBAAuB,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,uHAMpBC,UANoB,EAOpB,UAACC,WAAD;AAAA,SAAiBA,WAAW,CAACC,KAAZ,CAAkBC,MAAlB,CAAyBC,OAAzB,CAAiC,KAAjC,CAAjB;AAAA,CAPoB;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../src/parts/floating-container/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BOX_SHADOW } from '../../styled';\n\n// Floating\nexport const StyledFloatingContainer = styled(Grid)`\n position: fixed;\n bottom: 24px;\n right: 24px;\n border-radius: 4px;\n z-index: 1;\n box-shadow: ${BOX_SHADOW};\n background: ${(nestedProps) => nestedProps.theme.colors.neutral['050']};\n width: 348px;\n`;\n"],"names":["StyledFloatingContainer","styled","Grid","BOX_SHADOW","nestedProps","theme","colors","neutral"],"mappings":";;;;IAKaA,uBAAuB,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,uHAMpBC,UANoB,EAOpB,UAACC,WAAD;EAAA,OAAiBA,WAAW,CAACC,KAAZ,CAAkBC,MAAlB,CAAyBC,OAAzB,CAAiC,KAAjC,CAAjB;AAAA,CAPoB;;;;"}
@@ -38,6 +38,7 @@ import '../system-message/config/useValidateProps.js';
38
38
  import '../chat-container-messages-list/styled.js';
39
39
  import '../chat-container-messages-list/props.js';
40
40
  import '../chat-container-messages-list/config/useValidateProps.js';
41
+ import '../chat-container-messages-list/useGetNewMessages.js';
41
42
  import '../chat-container/props.js';
42
43
  import '../chat-container/styled.js';
43
44
  import '../chat-container/config/useValidateProps.js';
@@ -1 +1 @@
1
- {"version":3,"file":"InfluencerContainer.js","sources":["../../../../src/parts/grid-influencer/InfluencerContainer.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { StyledChatContainer } from './styled';\nimport { ChatContainer } from '../chat-container/ChatContainer';\nimport { SideBarChat } from '../chat-sidebar/SideBarChat';\n\nexport const InfluencerContainer: React.ComponentType<any> = (props) =>\n React.useMemo(\n () =>\n props.floating ? null : (\n <StyledChatContainer\n cols={['auto', props.expanded ? 1 : '0px']}\n expanded={props.expanded}\n expandedWidth={props.expandedWidth}\n >\n <SideBarChat />\n {props.expanded ? <ChatContainer /> : <div />}\n </StyledChatContainer>\n ),\n [props.floating, props.expanded, props.expandedWidth],\n );\n"],"names":["InfluencerContainer","props","React","useMemo","floating","expanded","expandedWidth"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAMaA,mBAA6C,GAAG,SAAhDA,mBAAgD,CAACC,KAAD;AAAA,SAC3DC,KAAK,CAACC,OAAN,CACE;AAAA,WACEF,KAAK,CAACG,QAAN,GAAiB,IAAjB,gBACE,oBAAC,mBAAD;AACE,MAAA,IAAI,EAAE,CAAC,MAAD,EAASH,KAAK,CAACI,QAAN,GAAiB,CAAjB,GAAqB,KAA9B,CADR;AAEE,MAAA,QAAQ,EAAEJ,KAAK,CAACI,QAFlB;AAGE,MAAA,aAAa,EAAEJ,KAAK,CAACK;AAHvB,oBAKE,oBAAC,WAAD,OALF,EAMGL,KAAK,CAACI,QAAN,gBAAiB,oBAAC,aAAD,OAAjB,gBAAqC,gCANxC,CAFJ;AAAA,GADF,EAYE,CAACJ,KAAK,CAACG,QAAP,EAAiBH,KAAK,CAACI,QAAvB,EAAiCJ,KAAK,CAACK,aAAvC,CAZF,CAD2D;AAAA;;;;"}
1
+ {"version":3,"file":"InfluencerContainer.js","sources":["../../../../src/parts/grid-influencer/InfluencerContainer.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { StyledChatContainer } from './styled';\nimport { ChatContainer } from '../chat-container/ChatContainer';\nimport { SideBarChat } from '../chat-sidebar/SideBarChat';\n\nexport const InfluencerContainer: React.ComponentType<any> = (props) =>\n React.useMemo(\n () =>\n props.floating ? null : (\n <StyledChatContainer\n cols={['auto', props.expanded ? 1 : '0px']}\n expanded={props.expanded}\n expandedWidth={props.expandedWidth}\n >\n <SideBarChat />\n {props.expanded ? <ChatContainer /> : <div />}\n </StyledChatContainer>\n ),\n [props.floating, props.expanded, props.expandedWidth],\n );\n"],"names":["InfluencerContainer","props","React","useMemo","floating","expanded","expandedWidth"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAMaA,mBAA6C,GAAG,SAAhDA,mBAAgD,CAACC,KAAD;EAAA,OAC3DC,KAAK,CAACC,OAAN,CACE;IAAA,OACEF,KAAK,CAACG,QAAN,GAAiB,IAAjB,gBACE,oBAAC,mBAAD;MACE,IAAI,EAAE,CAAC,MAAD,EAASH,KAAK,CAACI,QAAN,GAAiB,CAAjB,GAAqB,KAA9B,CADR;MAEE,QAAQ,EAAEJ,KAAK,CAACI,QAFlB;MAGE,aAAa,EAAEJ,KAAK,CAACK;oBAErB,oBAAC,WAAD,OALF,EAMGL,KAAK,CAACI,QAAN,gBAAiB,oBAAC,aAAD,OAAjB,gBAAqC,gCANxC,CAFJ;GADF,EAYE,CAACJ,KAAK,CAACG,QAAP,EAAiBH,KAAK,CAACI,QAAvB,EAAiCJ,KAAK,CAACK,aAAvC,CAZF,CAD2D;AAAA;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/grid-influencer/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MIN_WIDTH_SIDEBAR } from '../../styled';\n\nexport const StyledChatContainer = styled(Grid)`\n height: 100%;\n width: ${(props) =>\n props.expanded ? `${props.expandedWidth}px` : `${MIN_WIDTH_SIDEBAR}px`};\n background: ${(props) => props.theme.colors.neutral['050']};\n box-shadow: -1px 0 0 0 ${(props) => props.theme.colors.neutral[100]};\n transition: width ${(props) => (props.expanded ? 'ease-out' : 'ease-in')}\n 350ms;\n`;\n\nexport const StyledChatContainerContent = styled(Grid)`\n height: 100%;\n overflow: hidden;\n background: ${(props) => props.theme.colors.neutral['050']};\n ${(props) =>\n props.floating\n ? `\n width: ${props.expandedWidth}px;\n`\n : `\n width: ${props.expandedWidth - MIN_WIDTH_SIDEBAR}px;\n`}\n`;\n"],"names":["StyledChatContainer","styled","Grid","props","expanded","expandedWidth","MIN_WIDTH_SIDEBAR","theme","colors","neutral","StyledChatContainerContent","floating"],"mappings":";;;;IAIaA,mBAAmB,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,uGAErB,UAACC,KAAD;AAAA,SACPA,KAAK,CAACC,QAAN,aAAoBD,KAAK,CAACE,aAA1B,oBAAiDC,iBAAjD,OADO;AAAA,CAFqB,EAIhB,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJgB,EAKL,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CALK,EAMV,UAACN,KAAD;AAAA,SAAYA,KAAK,CAACC,QAAN,GAAiB,UAAjB,GAA8B,SAA1C;AAAA,CANU;IAUnBM,0BAA0B,gBAAGT,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,yDAGvB,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHuB,EAInC,UAACN,KAAD;AAAA,SACAA,KAAK,CAACQ,QAAN,wBAEOR,KAAK,CAACE,aAFb,kCAKOF,KAAK,CAACE,aAAN,GAAsBC,iBAL7B,UADA;AAAA,CAJmC;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../src/parts/grid-influencer/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MIN_WIDTH_SIDEBAR } from '../../styled';\n\nexport const StyledChatContainer = styled(Grid)`\n height: 100%;\n width: ${(props) =>\n props.expanded ? `${props.expandedWidth}px` : `${MIN_WIDTH_SIDEBAR}px`};\n background: ${(props) => props.theme.colors.neutral['050']};\n box-shadow: -1px 0 0 0 ${(props) => props.theme.colors.neutral[100]};\n transition: width ${(props) => (props.expanded ? 'ease-out' : 'ease-in')}\n 350ms;\n`;\n\nexport const StyledChatContainerContent = styled(Grid)`\n height: 100%;\n overflow: hidden;\n background: ${(props) => props.theme.colors.neutral['050']};\n ${(props) =>\n props.floating\n ? `\n width: ${props.expandedWidth}px;\n`\n : `\n width: ${props.expandedWidth - MIN_WIDTH_SIDEBAR}px;\n`}\n`;\n"],"names":["StyledChatContainer","styled","Grid","props","expanded","expandedWidth","MIN_WIDTH_SIDEBAR","theme","colors","neutral","StyledChatContainerContent","floating"],"mappings":";;;;IAIaA,mBAAmB,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,uGAErB,UAACC,KAAD;EAAA,OACPA,KAAK,CAACC,QAAN,aAAoBD,KAAK,CAACE,aAA1B,oBAAiDC,iBAAjD,OADO;AAAA,CAFqB,EAIhB,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACI,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJgB,EAKL,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACI,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CALK,EAMV,UAACN,KAAD;EAAA,OAAYA,KAAK,CAACC,QAAN,GAAiB,UAAjB,GAA8B,SAA1C;AAAA,CANU;IAUnBM,0BAA0B,gBAAGT,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,yDAGvB,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACI,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHuB,EAInC,UAACN,KAAD;EAAA,OACAA,KAAK,CAACQ,QAAN,wBAEOR,KAAK,CAACE,aAFb,kCAKOF,KAAK,CAACE,aAAN,GAAsBC,iBAL7B,UADA;AAAA,CAJmC;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"MessageDelimiter.js","sources":["../../../../src/parts/message-delimiter/MessageDelimiter.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { Wrapper, Line, Text } from './styled';\nimport { defaultProps, messageDelimiterProps, MessageDelimiterProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst MessageDelimiter = (props: MessageDelimiterProps): JSX.Element => {\n useValidateProps(props, MessageDelimiterWithSchema.toJSON());\n const { title, size, extraProps, verticalMargin } = props;\n return (\n <Wrapper cols={['1fr', 'auto', '1fr']}>\n <Line />\n <Text size={size} verticalMargin={verticalMargin} data-testid={extraProps['data-testid']}>\n {title}\n </Text>\n <Line />\n </Wrapper>\n );\n};\n\nMessageDelimiter.defaultProps = defaultProps;\nMessageDelimiter.propTypes = messageDelimiterProps;\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n"],"names":["MessageDelimiter","props","useValidateProps","MessageDelimiterWithSchema","toJSON","title","size","extraProps","verticalMargin","defaultProps","propTypes","messageDelimiterProps","describe"],"mappings":";;;;;;;;;IAMMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA+C;AACtEC,EAAAA,gBAAgB,CAACD,KAAD,EAAQE,0BAA0B,CAACC,MAA3B,EAAR,CAAhB;AACA,MAAQC,KAAR,GAAoDJ,KAApD,CAAQI,KAAR;AAAA,MAAeC,IAAf,GAAoDL,KAApD,CAAeK,IAAf;AAAA,MAAqBC,UAArB,GAAoDN,KAApD,CAAqBM,UAArB;AAAA,MAAiCC,cAAjC,GAAoDP,KAApD,CAAiCO,cAAjC;AACA,sBACE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,EAAgB,KAAhB;AAAf,kBACE,oBAAC,IAAD,OADF,eAEE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEF,IAAZ;AAAkB,IAAA,cAAc,EAAEE,cAAlC;AAAkD,mBAAaD,UAAU,CAAC,aAAD;AAAzE,KACGF,KADH,CAFF,eAKE,oBAAC,IAAD,OALF,CADF;AASD;;AAEDL,gBAAgB,CAACS,YAAjB,GAAgCA,YAAhC;AACAT,gBAAgB,CAACU,SAAjB,GAA6BC,qBAA7B;IACMR,0BAA0B,GAAGS,QAAQ,CAACZ,gBAAD;AAC3CG,0BAA0B,CAACO,SAA3B,GAAuCC,qBAAvC;;;;"}
1
+ {"version":3,"file":"MessageDelimiter.js","sources":["../../../../src/parts/message-delimiter/MessageDelimiter.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { Wrapper, Line, Text } from './styled';\nimport { defaultProps, messageDelimiterProps, MessageDelimiterProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst MessageDelimiter = (props: MessageDelimiterProps): JSX.Element => {\n useValidateProps(props, MessageDelimiterWithSchema.toJSON());\n const { title, size, extraProps, verticalMargin } = props;\n return (\n <Wrapper cols={['1fr', 'auto', '1fr']}>\n <Line />\n <Text size={size} verticalMargin={verticalMargin} data-testid={extraProps['data-testid']}>\n {title}\n </Text>\n <Line />\n </Wrapper>\n );\n};\n\nMessageDelimiter.defaultProps = defaultProps;\nMessageDelimiter.propTypes = messageDelimiterProps;\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n"],"names":["MessageDelimiter","props","useValidateProps","MessageDelimiterWithSchema","toJSON","title","size","extraProps","verticalMargin","defaultProps","propTypes","messageDelimiterProps","describe"],"mappings":";;;;;;;;;IAMMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA+C;EACtEC,gBAAgB,CAACD,KAAD,EAAQE,0BAA0B,CAACC,MAA3B,EAAR,CAAhB;EACA,IAAQC,KAAR,GAAoDJ,KAApD,CAAQI,KAAR;MAAeC,IAAf,GAAoDL,KAApD,CAAeK,IAAf;MAAqBC,UAArB,GAAoDN,KAApD,CAAqBM,UAArB;MAAiCC,cAAjC,GAAoDP,KAApD,CAAiCO,cAAjC;EACA,oBACE,oBAAC,OAAD;IAAS,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,EAAgB,KAAhB;kBACb,oBAAC,IAAD,OADF,eAEE,oBAAC,IAAD;IAAM,IAAI,EAAEF,IAAZ;IAAkB,cAAc,EAAEE,cAAlC;IAAkD,eAAaD,UAAU,CAAC,aAAD;KACtEF,KADH,CAFF,eAKE,oBAAC,IAAD,OALF,CADF;AASD;;AAEDL,gBAAgB,CAACS,YAAjB,GAAgCA,YAAhC;AACAT,gBAAgB,CAACU,SAAjB,GAA6BC,qBAA7B;IACMR,0BAA0B,GAAGS,QAAQ,CAACZ,gBAAD;AAC3CG,0BAA0B,CAACO,SAA3B,GAAuCC,qBAAvC;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/message-delimiter/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { MessageDelimiterProps } from '../props';\n\nexport const useValidateProps = (props: MessageDelimiterProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA+BC,MAA/B,EAAyD;AACvFC,EAAAA,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
1
+ {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/message-delimiter/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { MessageDelimiterProps } from '../props';\n\nexport const useValidateProps = (props: MessageDelimiterProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA+BC,MAA/B,EAAyD;EACvFC,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/message-delimiter/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport interface MessageDelimiterProps {\n title: string;\n size?: 's' | 'l';\n verticalMargin?: number | string;\n extraProps?: {};\n}\n\nexport const defaultProps: MessageDelimiterProps = {\n title: '',\n size: 's',\n verticalMargin: '0px',\n extraProps: { 'data-testid': 'chat-message-delimiter-title' },\n};\n\nexport const messageDelimiterProps = {\n title: PropTypes.string.isRequired.description('Text to display in the delimiter'),\n size: PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),\n extraProps: PropTypes.object.description('extra props for delimiter'),\n verticalMargin: PropTypes.oneOf(['string', 'number']).description(\n 'Configurable css vertical margin property for flexibilty',\n ),\n};\n"],"names":["defaultProps","title","size","verticalMargin","extraProps","messageDelimiterProps","PropTypes","string","isRequired","description","oneOf","defaultValue","object"],"mappings":";;IASaA,YAAmC,GAAG;AACjDC,EAAAA,KAAK,EAAE,EAD0C;AAEjDC,EAAAA,IAAI,EAAE,GAF2C;AAGjDC,EAAAA,cAAc,EAAE,KAHiC;AAIjDC,EAAAA,UAAU,EAAE;AAAE,mBAAe;AAAjB;AAJqC;IAOtCC,qBAAqB,GAAG;AACnCJ,EAAAA,KAAK,EAAEK,SAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,kCAAxC,CAD4B;AAEnCP,EAAAA,IAAI,EAAEI,SAAS,CAACI,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,CAAhB,EAA4BD,WAA5B,CAAwC,uBAAxC,EAAiEE,YAAjE,CAA8E,GAA9E,CAF6B;AAGnCP,EAAAA,UAAU,EAAEE,SAAS,CAACM,MAAV,CAAiBH,WAAjB,CAA6B,2BAA7B,CAHuB;AAInCN,EAAAA,cAAc,EAAEG,SAAS,CAACI,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,CAAhB,EAAsCD,WAAtC,CACd,0DADc;AAJmB;;;;"}
1
+ {"version":3,"file":"props.js","sources":["../../../../src/parts/message-delimiter/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport interface MessageDelimiterProps {\n title: string;\n size?: 's' | 'l';\n verticalMargin?: number | string;\n extraProps?: {};\n}\n\nexport const defaultProps: MessageDelimiterProps = {\n title: '',\n size: 's',\n verticalMargin: '0px',\n extraProps: { 'data-testid': 'chat-message-delimiter-title' },\n};\n\nexport const messageDelimiterProps = {\n title: PropTypes.string.isRequired.description('Text to display in the delimiter'),\n size: PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),\n extraProps: PropTypes.object.description('extra props for delimiter'),\n verticalMargin: PropTypes.oneOf(['string', 'number']).description(\n 'Configurable css vertical margin property for flexibilty',\n ),\n};\n"],"names":["defaultProps","title","size","verticalMargin","extraProps","messageDelimiterProps","PropTypes","string","isRequired","description","oneOf","defaultValue","object"],"mappings":";;IASaA,YAAmC,GAAG;EACjDC,KAAK,EAAE,EAD0C;EAEjDC,IAAI,EAAE,GAF2C;EAGjDC,cAAc,EAAE,KAHiC;EAIjDC,UAAU,EAAE;IAAE,eAAe;;AAJoB;IAOtCC,qBAAqB,GAAG;EACnCJ,KAAK,EAAEK,SAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,kCAAxC,CAD4B;EAEnCP,IAAI,EAAEI,SAAS,CAACI,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,CAAhB,EAA4BD,WAA5B,CAAwC,uBAAxC,EAAiEE,YAAjE,CAA8E,GAA9E,CAF6B;EAGnCP,UAAU,EAAEE,SAAS,CAACM,MAAV,CAAiBH,WAAjB,CAA6B,2BAA7B,CAHuB;EAInCN,cAAc,EAAEG,SAAS,CAACI,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,CAAhB,EAAsCD,WAAtC,CACd,0DADc;AAJmB;;;;"}
@@ -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,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA;IAOPC,IAAI,gBAAGF,MAAM,CAACG,IAAV;AAAA;AAAA,mCACgB,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADhB;IAIJC,IAAI,gBAAGR,MAAM,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,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA;IAOPC,IAAI,gBAAGF,MAAM,CAACG,IAAV;EAAA;AAAA,mCACgB,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADhB;IAIJC,IAAI,gBAAGR,MAAM,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","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,KAAK,CAACC,WAAN,CAAkB,YAAM;AAC1CL,IAAAA,OAAO,CAACD,IAAD,CAAP;AACD,GAFmB,EAEjB,CAACC,OAAD,EAAUD,IAAV,CAFiB,CAApB;AAIA,sBACE,oBAAC,mBAAD;AAAqB,IAAA,GAAG,EAAEA,IAA1B;AAAgC,4CAA+BA,IAA/B,CAAhC;AAAuE,IAAA,OAAO,EAAEI;AAAhF,KAAiGD,IAAjG,gBACE,oBAAC,uBAAD;AAAyB,IAAA,UAAU,EAAC,QAApC;AAA6C,IAAA,cAAc,EAAC;AAA5D,kBACE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAC;AAAX,IADF,CADF,EAIGJ,KAAK,iBAAI,oBAAC,wBAAD,QAA2BA,KAA3B,CAJZ,CADF;AAQD;AAEDD,aAAa,CAACS,SAAd,GAA0BC,kBAA1B;AACAV,aAAa,CAACW,YAAd,GAA6BC,oBAA7B;;;;"}
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","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,KAAK,CAACC,WAAN,CAAkB,YAAM;IAC1CL,OAAO,CAACD,IAAD,CAAP;GADkB,EAEjB,CAACC,OAAD,EAAUD,IAAV,CAFiB,CAApB;EAIA,oBACE,oBAAC,mBAAD;IAAqB,GAAG,EAAEA,IAA1B;IAAgC,wCAA+BA,IAA/B,CAAhC;IAAuE,OAAO,EAAEI;KAAiBD,IAAjG,gBACE,oBAAC,uBAAD;IAAyB,UAAU,EAAC,QAApC;IAA6C,cAAc,EAAC;kBAC1D,oBAAC,IAAD;IAAM,IAAI,EAAC;IADb,CADF,EAIGJ,KAAK,iBAAI,oBAAC,wBAAD,QAA2BA,KAA3B,CAJZ,CADF;AAQD;AAEDD,aAAa,CAACS,SAAd,GAA0BC,kBAA1B;AACAV,aAAa,CAACW,YAAd,GAA6BC,oBAA7B;;;;"}
@@ -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,QADgD;AAEtDC,EAAAA,IAAI,EAAEC,SAFgD;AAGtDC,EAAAA,KAAK,EAAE,EAH+C;AAItDC,EAAAA,OAAO,EAAEC,IAJ6C;AAKtDC,EAAAA,KAAK,EAAE;AAL+C;IAQ3CC,kBAAkB,GAAG;AAChCR,EAAAA,IAAI,EAAES,SAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,gBAA9B,EAAgDC,YAAhD,CAA6Db,oBAAoB,CAACC,IAAlF,CAD0B;AAEhCE,EAAAA,IAAI,EAAEO,SAAS,CAACI,SAAV,CAAoB,CAACC,UAAU,CAACC,MAAZ,EAAoBD,UAAU,CAACE,MAA/B,CAApB,EACHL,WADG,CACS,0BADT,EAEHC,YAFG,CAEUb,oBAAoB,CAACG,IAF/B,CAF0B;AAKhCE,EAAAA,KAAK,EAAEK,SAAS,CAACO,MAAV,CAAiBL,WAAjB,CAA6B,gCAA7B,EAA+DC,YAA/D,CAA4Eb,oBAAoB,CAACK,KAAjG,CALyB;AAMhCG,EAAAA,KAAK,EAAEE,SAAS,CAACO,MAAV,CAAiBL,WAAjB,CAA6B,SAA7B,EAAwCC,YAAxC,CAAqDb,oBAAoB,CAACQ,KAA1E,CANyB;AAOhCF,EAAAA,OAAO,EAAEI,SAAS,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,QADgD;EAEtDC,IAAI,EAAEC,SAFgD;EAGtDC,KAAK,EAAE,EAH+C;EAItDC,OAAO,EAAEC,IAJ6C;EAKtDC,KAAK,EAAE;AAL+C;IAQ3CC,kBAAkB,GAAG;EAChCR,IAAI,EAAES,SAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,gBAA9B,EAAgDC,YAAhD,CAA6Db,oBAAoB,CAACC,IAAlF,CAD0B;EAEhCE,IAAI,EAAEO,SAAS,CAACI,SAAV,CAAoB,CAACC,UAAU,CAACC,MAAZ,EAAoBD,UAAU,CAACE,MAA/B,CAApB,EACHL,WADG,CACS,0BADT,EAEHC,YAFG,CAEUb,oBAAoB,CAACG,IAF/B,CAF0B;EAKhCE,KAAK,EAAEK,SAAS,CAACO,MAAV,CAAiBL,WAAjB,CAA6B,gCAA7B,EAA+DC,YAA/D,CAA4Eb,oBAAoB,CAACK,KAAjG,CALyB;EAMhCG,KAAK,EAAEE,SAAS,CAACO,MAAV,CAAiBL,WAAjB,CAA6B,SAA7B,EAAwCC,YAAxC,CAAqDb,oBAAoB,CAACQ,KAA1E,CANyB;EAOhCF,OAAO,EAAEI,SAAS,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,MAAM,CAACC,MAAV;AAAA;AAAA,sPAKpBC,qBALoB,EAMrBC,iBANqB,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,MAAM,CAACS,IAAD,CAAT;AAAA;AAAA;IAIvBC,wBAAwB,gBAAGV,MAAM,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,MAAM,CAACC,MAAV;EAAA;AAAA,sPAKpBC,qBALoB,EAMrBC,iBANqB,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,MAAM,CAACS,IAAD,CAAT;EAAA;AAAA;IAIvBC,wBAAwB,gBAAGV,MAAM,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","defaultProps","propTypes","systemMessageProps","describe"],"mappings":";;;;;;;;;IAMMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAA4C;AAChEC,EAAAA,gBAAgB,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,sBACE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT;AAAf,kBACE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,EAAgB,KAAhB;AAAd,kBACE,iCADF,eAEE,oBAAC,KAAD;AAAO,mBAAY;AAAnB,KAAgDF,KAAhD,CAFF,eAGE,oBAAC,IAAD;AAAM,mBAAY;AAAlB,KAA8CC,IAA9C,CAHF,CADF,eAME,oBAAC,OAAD;AAAS,mBAAY;AAArB,KAAiDC,IAAjD,CANF,CADF;AAUD;;AAEDP,aAAa,CAACQ,YAAd,GAA6BA,YAA7B;AACAR,aAAa,CAACS,SAAd,GAA0BC,kBAA1B;IACMP,uBAAuB,GAAGQ,QAAQ,CAACX,aAAD;AACxCG,uBAAuB,CAACM,SAAxB,GAAoCC,kBAApC;;;;"}
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","defaultProps","propTypes","systemMessageProps","describe"],"mappings":";;;;;;;;;IAMMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAA4C;EAChEC,gBAAgB,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,oBACE,oBAAC,OAAD;IAAS,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT;kBACb,oBAAC,MAAD;IAAQ,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,EAAgB,KAAhB;kBACZ,iCADF,eAEE,oBAAC,KAAD;IAAO,eAAY;KAA6BF,KAAhD,CAFF,eAGE,oBAAC,IAAD;IAAM,eAAY;KAA4BC,IAA9C,CAHF,CADF,eAME,oBAAC,OAAD;IAAS,eAAY;KAA4BC,IAAjD,CANF,CADF;AAUD;;AAEDP,aAAa,CAACQ,YAAd,GAA6BA,YAA7B;AACAR,aAAa,CAACS,SAAd,GAA0BC,kBAA1B;IACMP,uBAAuB,GAAGQ,QAAQ,CAACX,aAAD;AACxCG,uBAAuB,CAACM,SAAxB,GAAoCC,kBAApC;;;;"}
@@ -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,oBAAoB,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,oBAAoB,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,SAAS,CAACC,MAAV,CAAiBC,UAAjB,CACJC,WADI,CACQ,eADR,EAEJC,YAFI,CAES,gBAFT,CADyB;AAIhCP,EAAAA,IAAI,EAAEG,SAAS,CAACC,MAAV,CAAiBE,WAAjB,CAA6B,+BAA7B,CAJ0B;AAKhCL,EAAAA,IAAI,EAAEE,SAAS,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,SAAS,CAACC,MAAV,CAAiBC,UAAjB,CACJC,WADI,CACQ,eADR,EAEJC,YAFI,CAES,gBAFT,CADyB;EAIhCP,IAAI,EAAEG,SAAS,CAACC,MAAV,CAAiBE,WAAjB,CAA6B,+BAA7B,CAJ0B;EAKhCL,IAAI,EAAEE,SAAS,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,MAAM,CAACC,IAAD,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,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA;IAKNM,KAAK,gBAAGP,MAAM,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,MAAM,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,MAAM,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,MAAM,CAACC,IAAD,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,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA;IAKNM,KAAK,gBAAGP,MAAM,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,MAAM,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,MAAM,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","undefined","Btn","propTypes","propsTileButton","defaultProps","defaultTileButton","describe"],"mappings":";;;;;;;;;;;;AAAA;;IAoBMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAyC;AAC1DC,EAAAA,gBAAgB,CAACD,KAAD,EAAQE,oBAAoB,CAACC,MAArB,EAAR,CAAhB;AAEA,MACEC,KADF,GAoBIJ,KApBJ,CACEI,KADF;AAAA,MAEEC,KAFF,GAoBIL,KApBJ,CAEEK,KAFF;AAAA,MAGEC,IAHF,GAoBIN,KApBJ,CAGEM,IAHF;AAAA,MAIEC,OAJF,GAoBIP,KApBJ,CAIEO,OAJF;AAAA,MAKEC,OALF,GAoBIR,KApBJ,CAKEQ,OALF;AAAA,MAMEC,MANF,GAoBIT,KApBJ,CAMES,MANF;AAAA,MAOEC,IAPF,GAoBIV,KApBJ,CAOEU,IAPF;AAAA,MAQEC,SARF,GAoBIX,KApBJ,CAQEW,SARF;AAAA,MASEC,OATF,GAoBIZ,KApBJ,CASEY,OATF;AAAA,MAUEC,KAVF,GAoBIb,KApBJ,CAUEa,KAVF;AAAA,MAWEC,UAXF,GAoBId,KApBJ,CAWEc,UAXF;AAAA,MAYEC,aAZF,GAoBIf,KApBJ,CAYEe,aAZF;AAAA,MAaEC,QAbF,GAoBIhB,KApBJ,CAaEgB,QAbF;AAAA,MAcEC,QAdF,GAoBIjB,KApBJ,CAcEiB,QAdF;AAAA,MAeEC,QAfF,GAoBIlB,KApBJ,CAeEkB,QAfF;AAAA,MAgBEC,SAhBF,GAoBInB,KApBJ,CAgBEmB,SAhBF;AAAA,MAiBEC,gBAjBF,GAoBIpB,KApBJ,CAiBEoB,gBAjBF;AAAA,MAkBEC,cAlBF,GAoBIrB,KApBJ,CAkBEqB,cAlBF;AAAA,MAmBEC,QAnBF,GAoBItB,KApBJ,CAmBEsB,QAnBF;AAqBA,MAAMC,WAAW,GAAGC,KAAK,CAACC,WAAN,CAAkB,YAAM;AAC1ClB,IAAAA,OAAO,CAACD,IAAD,EAAOD,KAAP,CAAP;AACD,GAFmB,EAEjB,CAACC,IAAD,EAAOC,OAAP,EAAgBF,KAAhB,CAFiB,CAApB;AAIA,MAAMqB,WAAW,GAAGF,KAAK,CAACG,OAAN,CAClB;AAAA,wBACE,oBAAC,2BAAD;AAA6B,MAAA,UAAU,EAAET,QAAQ,GAAG,QAAH,GAAcU;AAA/D,oBACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAC,MAAZ;AAAmB,MAAA,UAAU,EAAC,QAA9B;AAAuC,MAAA,cAAc,EAAC;AAAtD,oBACE,oBAAC,oBAAD;AAAsB,MAAA,UAAU,EAAC,QAAjC;AAA0C,MAAA,cAAc,EAAC;AAAzD,oBACE,oBAAC,IAAD;AAAM,MAAA,IAAI,EAAC;AAAX,MADF,EAEGf,KAAK,gBACJ,oBAAC,iBAAD;AACE,MAAA,UAAU,EAAEC,UADd;AAEE,MAAA,aAAa,EAAEC,aAFjB;AAGE,0CAA2BT,IAA3B;AAHF,MADI,GAMF,IARN,CADF,CADF,EAaG,CAACY,QAAD,gBACC,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAC,MAAZ;AAAmB,MAAA,cAAc,EAAC;AAAlC,OACGd,KAAK,gBAAG,oBAAC,qBAAD,QAAwBA,KAAxB,CAAH,GAA4D,IADpE,CADD,GAIG,IAjBN,CADF;AAAA,GADkB,EAsBlB,CAACc,QAAD,EAAWR,IAAX,EAAiBG,KAAjB,EAAwBC,UAAxB,EAAoCC,aAApC,EAAmDX,KAAnD,CAtBkB,CAApB;AAyBA,MAAMyB,GAAG,GAAGL,KAAK,CAACG,OAAN,CACV;AAAA,wBACE,oBAAC,gBAAD;AACE,MAAA,GAAG,EAAErB,IADP;AAEE,MAAA,QAAQ,EAAEY,QAFZ;AAGE,MAAA,KAAK,EAAEZ,IAHT;AAIE,2CAA4BA,IAA5B,CAJF;AAKE,kBAAUA,IALZ;AAME,MAAA,OAAO,EAAEiB,WANX;AAOE,MAAA,OAAO,EAAEf,OAPX;AAQE,MAAA,MAAM,EAAEC,MARV;AASE,MAAA,QAAQ,EAAEO,QATZ;AAUE,MAAA,QAAQ,EAAEC,QAVZ;AAWE,MAAA,UAAU,EAAEH,UAXd;AAYE,MAAA,aAAa,EAAEC,aAZjB;AAaE,sBAAcE,QAbhB;AAcE,oBAAYE,SAdd;AAeE,MAAA,GAAG,EAAEG;AAfP,oBAiBE,oBAAC,aAAD;AAAe,MAAA,UAAU,EAAC,QAA1B;AAAmC,MAAA,cAAc,EAAC;AAAlD,oBACE,kCAAOI,WAAP,CADF,eAEE,oBAAC,uBAAD,OAFF,EAGGf,SAAS,IAAI,CAACK,QAAd,gBACC,oBAAC,WAAD;AAAa,MAAA,OAAO,EAAEJ,OAAtB;AAA+B,MAAA,KAAK,EAAEN,IAAtC;AAA4C,8CAA+BA,IAA/B;AAA5C,oBACE,oBAAC,WAAD,OADF,CADD,GAIG,IAPN,CAjBF,CADF;AAAA,GADU,EA8BV,CACEoB,WADF,EAEEP,SAFF,EAGEL,UAHF,EAIEC,aAJF,EAKEC,QALF,EAMEV,IANF,EAOEiB,WAPF,EAQEL,QARF,EASET,MATF,EAUEG,OAVF,EAWEJ,OAXF,EAYES,QAZF,EAaEN,SAbF,EAcEW,QAdF,CA9BU,CAAZ;AAgDA,SAAOjB,KAAK,IAAI,CAACgB,cAAV,gBACL,oBAAC,4BAAD,qBACE,oBAAC,WAAD;AAAa,IAAA,EAAE,wCAAiCf,IAAjC,CAAf;AAAwD,IAAA,IAAI,EAAED,KAA9D;AAAqE,IAAA,wBAAwB,EAAEe;AAA/F,KACGS,GADH,CADF,CADK,GAOLA,GAPF;AASD;;AAED9B,UAAU,CAAC+B,SAAX,GAAuBC,eAAvB;AACAhC,UAAU,CAACiC,YAAX,GAA0BC,iBAA1B;IAEM/B,oBAAoB,GAAGgC,QAAQ,CAACnC,UAAD;AACrCG,oBAAoB,CAAC4B,SAArB,GAAiCC,eAAjC;;;;"}
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","undefined","Btn","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,oBAAoB,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,oBAAoB,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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"}