@elliemae/ds-chat 3.5.0-rc.9 → 3.6.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (286) hide show
  1. package/dist/cjs/{parts → bubble}/index.js +3 -5
  2. package/dist/cjs/bubble/index.js.map +7 -0
  3. package/dist/cjs/{exported-related/chat-card → card}/index.js +4 -11
  4. package/dist/cjs/card/index.js.map +7 -0
  5. package/dist/cjs/container/index.js +26 -0
  6. package/dist/cjs/container/index.js.map +7 -0
  7. package/dist/cjs/{exported-related/tile-button → container-header}/index.js +4 -11
  8. package/dist/cjs/container-header/index.js.map +7 -0
  9. package/dist/cjs/empty-state/index.js +26 -0
  10. package/dist/cjs/empty-state/index.js.map +7 -0
  11. package/dist/cjs/{exported-related/floating-button → floating-button}/index.js +1 -1
  12. package/dist/cjs/floating-button/index.js.map +7 -0
  13. package/dist/cjs/index.js +10 -4
  14. package/dist/cjs/index.js.map +2 -2
  15. package/dist/cjs/message-delimeter/index.js +26 -0
  16. package/dist/cjs/message-delimeter/index.js.map +7 -0
  17. package/dist/cjs/sidebar/index.js +26 -0
  18. package/dist/cjs/sidebar/index.js.map +7 -0
  19. package/dist/cjs/{exported-related/system-message → system-message}/index.js +2 -9
  20. package/dist/cjs/system-message/index.js.map +7 -0
  21. package/dist/cjs/tile/index.js +26 -0
  22. package/dist/cjs/tile/index.js.map +7 -0
  23. package/dist/esm/bubble/index.js +3 -0
  24. package/dist/esm/bubble/index.js.map +7 -0
  25. package/dist/esm/{exported-related/chat-sidebar/sidebar-button → card}/index.js +1 -0
  26. package/dist/esm/card/index.js.map +7 -0
  27. package/dist/esm/container/index.js +3 -0
  28. package/dist/esm/container/index.js.map +7 -0
  29. package/dist/esm/container-header/index.js +3 -0
  30. package/dist/esm/container-header/index.js.map +7 -0
  31. package/dist/esm/empty-state/index.js +3 -0
  32. package/dist/esm/empty-state/index.js.map +7 -0
  33. package/dist/esm/floating-button/index.js +3 -0
  34. package/dist/esm/floating-button/index.js.map +7 -0
  35. package/dist/esm/index.js +10 -4
  36. package/dist/esm/index.js.map +2 -2
  37. package/dist/esm/message-delimeter/index.js +3 -0
  38. package/dist/esm/message-delimeter/index.js.map +7 -0
  39. package/dist/esm/sidebar/index.js +3 -0
  40. package/dist/esm/sidebar/index.js.map +7 -0
  41. package/dist/esm/system-message/index.js +3 -0
  42. package/dist/esm/system-message/index.js.map +7 -0
  43. package/dist/esm/{exported-related/floating-button → tile}/index.js +1 -1
  44. package/dist/esm/tile/index.js.map +7 -0
  45. package/package.json +49 -287
  46. package/dist/cjs/ChatDataTestids.js +0 -53
  47. package/dist/cjs/ChatDataTestids.js.map +0 -7
  48. package/dist/cjs/exported-related/bubble/ChatBubble.js +0 -81
  49. package/dist/cjs/exported-related/bubble/ChatBubble.js.map +0 -7
  50. package/dist/cjs/exported-related/bubble/ChatBubbleArrow.js +0 -94
  51. package/dist/cjs/exported-related/bubble/ChatBubbleArrow.js.map +0 -7
  52. package/dist/cjs/exported-related/bubble/index.js +0 -35
  53. package/dist/cjs/exported-related/bubble/index.js.map +0 -7
  54. package/dist/cjs/exported-related/bubble/props.js +0 -65
  55. package/dist/cjs/exported-related/bubble/props.js.map +0 -7
  56. package/dist/cjs/exported-related/bubble/styled.js +0 -143
  57. package/dist/cjs/exported-related/bubble/styled.js.map +0 -7
  58. package/dist/cjs/exported-related/chat-card/ChatCard.js +0 -60
  59. package/dist/cjs/exported-related/chat-card/ChatCard.js.map +0 -7
  60. package/dist/cjs/exported-related/chat-card/index.js.map +0 -7
  61. package/dist/cjs/exported-related/chat-card/props.js +0 -45
  62. package/dist/cjs/exported-related/chat-card/props.js.map +0 -7
  63. package/dist/cjs/exported-related/chat-card/styled.js +0 -68
  64. package/dist/cjs/exported-related/chat-card/styled.js.map +0 -7
  65. package/dist/cjs/exported-related/chat-container-header/ChatContainerHeader.js +0 -63
  66. package/dist/cjs/exported-related/chat-container-header/ChatContainerHeader.js.map +0 -7
  67. package/dist/cjs/exported-related/chat-container-header/props.js +0 -40
  68. package/dist/cjs/exported-related/chat-container-header/props.js.map +0 -7
  69. package/dist/cjs/exported-related/chat-container-header/styled.js +0 -57
  70. package/dist/cjs/exported-related/chat-container-header/styled.js.map +0 -7
  71. package/dist/cjs/exported-related/chat-empty-state/ChatEmptyState.js +0 -70
  72. package/dist/cjs/exported-related/chat-empty-state/ChatEmptyState.js.map +0 -7
  73. package/dist/cjs/exported-related/chat-empty-state/props.js +0 -41
  74. package/dist/cjs/exported-related/chat-empty-state/props.js.map +0 -7
  75. package/dist/cjs/exported-related/chat-empty-state/styled.js +0 -44
  76. package/dist/cjs/exported-related/chat-empty-state/styled.js.map +0 -7
  77. package/dist/cjs/exported-related/chat-sidebar/SideBarChat.js +0 -99
  78. package/dist/cjs/exported-related/chat-sidebar/SideBarChat.js.map +0 -7
  79. package/dist/cjs/exported-related/chat-sidebar/index.js +0 -33
  80. package/dist/cjs/exported-related/chat-sidebar/index.js.map +0 -7
  81. package/dist/cjs/exported-related/chat-sidebar/props.js +0 -80
  82. package/dist/cjs/exported-related/chat-sidebar/props.js.map +0 -7
  83. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/SidebarButton.js +0 -53
  84. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/SidebarButton.js.map +0 -7
  85. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/index.js +0 -21
  86. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/index.js.map +0 -7
  87. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/props.js +0 -49
  88. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/props.js.map +0 -7
  89. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/styled.js +0 -66
  90. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/styled.js.map +0 -7
  91. package/dist/cjs/exported-related/chat-sidebar/styled.js +0 -54
  92. package/dist/cjs/exported-related/chat-sidebar/styled.js.map +0 -7
  93. package/dist/cjs/exported-related/floating-button/FloatingButton.js +0 -54
  94. package/dist/cjs/exported-related/floating-button/FloatingButton.js.map +0 -7
  95. package/dist/cjs/exported-related/floating-button/index.js.map +0 -7
  96. package/dist/cjs/exported-related/floating-button/props.js +0 -44
  97. package/dist/cjs/exported-related/floating-button/props.js.map +0 -7
  98. package/dist/cjs/exported-related/floating-button/styled.js +0 -61
  99. package/dist/cjs/exported-related/floating-button/styled.js.map +0 -7
  100. package/dist/cjs/exported-related/floating-container/styled.js +0 -44
  101. package/dist/cjs/exported-related/floating-container/styled.js.map +0 -7
  102. package/dist/cjs/exported-related/grid-influencer/InfluencerContainer.js +0 -43
  103. package/dist/cjs/exported-related/grid-influencer/InfluencerContainer.js.map +0 -7
  104. package/dist/cjs/exported-related/grid-influencer/styled.js +0 -53
  105. package/dist/cjs/exported-related/grid-influencer/styled.js.map +0 -7
  106. package/dist/cjs/exported-related/index.js +0 -59
  107. package/dist/cjs/exported-related/index.js.map +0 -7
  108. package/dist/cjs/exported-related/message-delimiter/MessageDelimiter.js +0 -54
  109. package/dist/cjs/exported-related/message-delimiter/MessageDelimiter.js.map +0 -7
  110. package/dist/cjs/exported-related/message-delimiter/index.js +0 -33
  111. package/dist/cjs/exported-related/message-delimiter/index.js.map +0 -7
  112. package/dist/cjs/exported-related/message-delimiter/props.js +0 -47
  113. package/dist/cjs/exported-related/message-delimiter/props.js.map +0 -7
  114. package/dist/cjs/exported-related/message-delimiter/styled.js +0 -50
  115. package/dist/cjs/exported-related/message-delimiter/styled.js.map +0 -7
  116. package/dist/cjs/exported-related/system-message/SystemMessage.js +0 -56
  117. package/dist/cjs/exported-related/system-message/SystemMessage.js.map +0 -7
  118. package/dist/cjs/exported-related/system-message/index.js.map +0 -7
  119. package/dist/cjs/exported-related/system-message/props.js +0 -43
  120. package/dist/cjs/exported-related/system-message/props.js.map +0 -7
  121. package/dist/cjs/exported-related/system-message/style.js +0 -72
  122. package/dist/cjs/exported-related/system-message/style.js.map +0 -7
  123. package/dist/cjs/exported-related/tile-button/TileButton.js +0 -140
  124. package/dist/cjs/exported-related/tile-button/TileButton.js.map +0 -7
  125. package/dist/cjs/exported-related/tile-button/index.js.map +0 -7
  126. package/dist/cjs/exported-related/tile-button/props.js +0 -92
  127. package/dist/cjs/exported-related/tile-button/props.js.map +0 -7
  128. package/dist/cjs/exported-related/tile-button/styled.js +0 -243
  129. package/dist/cjs/exported-related/tile-button/styled.js.map +0 -7
  130. package/dist/cjs/parts/chat-composer/ChatContainerComposer.js +0 -158
  131. package/dist/cjs/parts/chat-composer/ChatContainerComposer.js.map +0 -7
  132. package/dist/cjs/parts/chat-composer/index.js +0 -33
  133. package/dist/cjs/parts/chat-composer/index.js.map +0 -7
  134. package/dist/cjs/parts/chat-composer/styled.js +0 -99
  135. package/dist/cjs/parts/chat-composer/styled.js.map +0 -7
  136. package/dist/cjs/parts/chat-container/ChatContainer.js +0 -160
  137. package/dist/cjs/parts/chat-container/ChatContainer.js.map +0 -7
  138. package/dist/cjs/parts/chat-container/styled.js +0 -109
  139. package/dist/cjs/parts/chat-container/styled.js.map +0 -7
  140. package/dist/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js +0 -118
  141. package/dist/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +0 -7
  142. package/dist/cjs/parts/chat-container-messages-list/index.js +0 -33
  143. package/dist/cjs/parts/chat-container-messages-list/index.js.map +0 -7
  144. package/dist/cjs/parts/chat-container-messages-list/styled.js +0 -110
  145. package/dist/cjs/parts/chat-container-messages-list/styled.js.map +0 -7
  146. package/dist/cjs/parts/chat-container-messages-list/useActionRef.js +0 -61
  147. package/dist/cjs/parts/chat-container-messages-list/useActionRef.js.map +0 -7
  148. package/dist/cjs/parts/chat-container-messages-list/useChatContainerMessageList.js +0 -106
  149. package/dist/cjs/parts/chat-container-messages-list/useChatContainerMessageList.js.map +0 -7
  150. package/dist/cjs/parts/chat-container-messages-list/useFocusAndScrollHelpers.js +0 -93
  151. package/dist/cjs/parts/chat-container-messages-list/useFocusAndScrollHelpers.js.map +0 -7
  152. package/dist/cjs/parts/chat-container-messages-list/useGetNewMessages.js +0 -46
  153. package/dist/cjs/parts/chat-container-messages-list/useGetNewMessages.js.map +0 -7
  154. package/dist/cjs/parts/chat-container-messages-list/useGlobalEventListener.js +0 -59
  155. package/dist/cjs/parts/chat-container-messages-list/useGlobalEventListener.js.map +0 -7
  156. package/dist/cjs/parts/chat-container-messages-list/useKeyboard.js +0 -147
  157. package/dist/cjs/parts/chat-container-messages-list/useKeyboard.js.map +0 -7
  158. package/dist/cjs/parts/index.js.map +0 -7
  159. package/dist/cjs/react-desc-prop-types.js +0 -184
  160. package/dist/cjs/react-desc-prop-types.js.map +0 -7
  161. package/dist/cjs/styled.js +0 -42
  162. package/dist/cjs/styled.js.map +0 -7
  163. package/dist/cjs/tests/utils.js +0 -63
  164. package/dist/cjs/tests/utils.js.map +0 -7
  165. package/dist/esm/ChatDataTestids.js +0 -27
  166. package/dist/esm/ChatDataTestids.js.map +0 -7
  167. package/dist/esm/exported-related/bubble/ChatBubble.js +0 -64
  168. package/dist/esm/exported-related/bubble/ChatBubble.js.map +0 -7
  169. package/dist/esm/exported-related/bubble/ChatBubbleArrow.js +0 -68
  170. package/dist/esm/exported-related/bubble/ChatBubbleArrow.js.map +0 -7
  171. package/dist/esm/exported-related/bubble/index.js +0 -9
  172. package/dist/esm/exported-related/bubble/index.js.map +0 -7
  173. package/dist/esm/exported-related/bubble/props.js +0 -39
  174. package/dist/esm/exported-related/bubble/props.js.map +0 -7
  175. package/dist/esm/exported-related/bubble/styled.js +0 -117
  176. package/dist/esm/exported-related/bubble/styled.js.map +0 -7
  177. package/dist/esm/exported-related/chat-card/ChatCard.js +0 -34
  178. package/dist/esm/exported-related/chat-card/ChatCard.js.map +0 -7
  179. package/dist/esm/exported-related/chat-card/index.js +0 -7
  180. package/dist/esm/exported-related/chat-card/index.js.map +0 -7
  181. package/dist/esm/exported-related/chat-card/props.js +0 -19
  182. package/dist/esm/exported-related/chat-card/props.js.map +0 -7
  183. package/dist/esm/exported-related/chat-card/styled.js +0 -42
  184. package/dist/esm/exported-related/chat-card/styled.js.map +0 -7
  185. package/dist/esm/exported-related/chat-container-header/ChatContainerHeader.js +0 -46
  186. package/dist/esm/exported-related/chat-container-header/ChatContainerHeader.js.map +0 -7
  187. package/dist/esm/exported-related/chat-container-header/props.js +0 -14
  188. package/dist/esm/exported-related/chat-container-header/props.js.map +0 -7
  189. package/dist/esm/exported-related/chat-container-header/styled.js +0 -31
  190. package/dist/esm/exported-related/chat-container-header/styled.js.map +0 -7
  191. package/dist/esm/exported-related/chat-empty-state/ChatEmptyState.js +0 -44
  192. package/dist/esm/exported-related/chat-empty-state/ChatEmptyState.js.map +0 -7
  193. package/dist/esm/exported-related/chat-empty-state/props.js +0 -15
  194. package/dist/esm/exported-related/chat-empty-state/props.js.map +0 -7
  195. package/dist/esm/exported-related/chat-empty-state/styled.js +0 -18
  196. package/dist/esm/exported-related/chat-empty-state/styled.js.map +0 -7
  197. package/dist/esm/exported-related/chat-sidebar/SideBarChat.js +0 -73
  198. package/dist/esm/exported-related/chat-sidebar/SideBarChat.js.map +0 -7
  199. package/dist/esm/exported-related/chat-sidebar/index.js +0 -7
  200. package/dist/esm/exported-related/chat-sidebar/index.js.map +0 -7
  201. package/dist/esm/exported-related/chat-sidebar/props.js +0 -54
  202. package/dist/esm/exported-related/chat-sidebar/props.js.map +0 -7
  203. package/dist/esm/exported-related/chat-sidebar/sidebar-button/SidebarButton.js +0 -27
  204. package/dist/esm/exported-related/chat-sidebar/sidebar-button/SidebarButton.js.map +0 -7
  205. package/dist/esm/exported-related/chat-sidebar/sidebar-button/index.js.map +0 -7
  206. package/dist/esm/exported-related/chat-sidebar/sidebar-button/props.js +0 -23
  207. package/dist/esm/exported-related/chat-sidebar/sidebar-button/props.js.map +0 -7
  208. package/dist/esm/exported-related/chat-sidebar/sidebar-button/styled.js +0 -40
  209. package/dist/esm/exported-related/chat-sidebar/sidebar-button/styled.js.map +0 -7
  210. package/dist/esm/exported-related/chat-sidebar/styled.js +0 -28
  211. package/dist/esm/exported-related/chat-sidebar/styled.js.map +0 -7
  212. package/dist/esm/exported-related/floating-button/FloatingButton.js +0 -28
  213. package/dist/esm/exported-related/floating-button/FloatingButton.js.map +0 -7
  214. package/dist/esm/exported-related/floating-button/index.js.map +0 -7
  215. package/dist/esm/exported-related/floating-button/props.js +0 -18
  216. package/dist/esm/exported-related/floating-button/props.js.map +0 -7
  217. package/dist/esm/exported-related/floating-button/styled.js +0 -35
  218. package/dist/esm/exported-related/floating-button/styled.js.map +0 -7
  219. package/dist/esm/exported-related/floating-container/styled.js +0 -18
  220. package/dist/esm/exported-related/floating-container/styled.js.map +0 -7
  221. package/dist/esm/exported-related/grid-influencer/InfluencerContainer.js +0 -17
  222. package/dist/esm/exported-related/grid-influencer/InfluencerContainer.js.map +0 -7
  223. package/dist/esm/exported-related/grid-influencer/styled.js +0 -27
  224. package/dist/esm/exported-related/grid-influencer/styled.js.map +0 -7
  225. package/dist/esm/exported-related/index.js +0 -33
  226. package/dist/esm/exported-related/index.js.map +0 -7
  227. package/dist/esm/exported-related/message-delimiter/MessageDelimiter.js +0 -33
  228. package/dist/esm/exported-related/message-delimiter/MessageDelimiter.js.map +0 -7
  229. package/dist/esm/exported-related/message-delimiter/index.js +0 -10
  230. package/dist/esm/exported-related/message-delimiter/index.js.map +0 -7
  231. package/dist/esm/exported-related/message-delimiter/props.js +0 -21
  232. package/dist/esm/exported-related/message-delimiter/props.js.map +0 -7
  233. package/dist/esm/exported-related/message-delimiter/styled.js +0 -24
  234. package/dist/esm/exported-related/message-delimiter/styled.js.map +0 -7
  235. package/dist/esm/exported-related/system-message/SystemMessage.js +0 -30
  236. package/dist/esm/exported-related/system-message/SystemMessage.js.map +0 -7
  237. package/dist/esm/exported-related/system-message/index.js +0 -7
  238. package/dist/esm/exported-related/system-message/index.js.map +0 -7
  239. package/dist/esm/exported-related/system-message/props.js +0 -17
  240. package/dist/esm/exported-related/system-message/props.js.map +0 -7
  241. package/dist/esm/exported-related/system-message/style.js +0 -46
  242. package/dist/esm/exported-related/system-message/style.js.map +0 -7
  243. package/dist/esm/exported-related/tile-button/TileButton.js +0 -124
  244. package/dist/esm/exported-related/tile-button/TileButton.js.map +0 -7
  245. package/dist/esm/exported-related/tile-button/index.js +0 -7
  246. package/dist/esm/exported-related/tile-button/index.js.map +0 -7
  247. package/dist/esm/exported-related/tile-button/props.js +0 -66
  248. package/dist/esm/exported-related/tile-button/props.js.map +0 -7
  249. package/dist/esm/exported-related/tile-button/styled.js +0 -217
  250. package/dist/esm/exported-related/tile-button/styled.js.map +0 -7
  251. package/dist/esm/parts/chat-composer/ChatContainerComposer.js +0 -138
  252. package/dist/esm/parts/chat-composer/ChatContainerComposer.js.map +0 -7
  253. package/dist/esm/parts/chat-composer/index.js +0 -7
  254. package/dist/esm/parts/chat-composer/index.js.map +0 -7
  255. package/dist/esm/parts/chat-composer/styled.js +0 -73
  256. package/dist/esm/parts/chat-composer/styled.js.map +0 -7
  257. package/dist/esm/parts/chat-container/ChatContainer.js +0 -139
  258. package/dist/esm/parts/chat-container/ChatContainer.js.map +0 -7
  259. package/dist/esm/parts/chat-container/styled.js +0 -83
  260. package/dist/esm/parts/chat-container/styled.js.map +0 -7
  261. package/dist/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js +0 -100
  262. package/dist/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +0 -7
  263. package/dist/esm/parts/chat-container-messages-list/index.js +0 -7
  264. package/dist/esm/parts/chat-container-messages-list/index.js.map +0 -7
  265. package/dist/esm/parts/chat-container-messages-list/styled.js +0 -84
  266. package/dist/esm/parts/chat-container-messages-list/styled.js.map +0 -7
  267. package/dist/esm/parts/chat-container-messages-list/useActionRef.js +0 -35
  268. package/dist/esm/parts/chat-container-messages-list/useActionRef.js.map +0 -7
  269. package/dist/esm/parts/chat-container-messages-list/useChatContainerMessageList.js +0 -84
  270. package/dist/esm/parts/chat-container-messages-list/useChatContainerMessageList.js.map +0 -7
  271. package/dist/esm/parts/chat-container-messages-list/useFocusAndScrollHelpers.js +0 -67
  272. package/dist/esm/parts/chat-container-messages-list/useFocusAndScrollHelpers.js.map +0 -7
  273. package/dist/esm/parts/chat-container-messages-list/useGetNewMessages.js +0 -20
  274. package/dist/esm/parts/chat-container-messages-list/useGetNewMessages.js.map +0 -7
  275. package/dist/esm/parts/chat-container-messages-list/useGlobalEventListener.js +0 -33
  276. package/dist/esm/parts/chat-container-messages-list/useGlobalEventListener.js.map +0 -7
  277. package/dist/esm/parts/chat-container-messages-list/useKeyboard.js +0 -121
  278. package/dist/esm/parts/chat-container-messages-list/useKeyboard.js.map +0 -7
  279. package/dist/esm/parts/index.js +0 -5
  280. package/dist/esm/parts/index.js.map +0 -7
  281. package/dist/esm/react-desc-prop-types.js +0 -158
  282. package/dist/esm/react-desc-prop-types.js.map +0 -7
  283. package/dist/esm/styled.js +0 -16
  284. package/dist/esm/styled.js.map +0 -7
  285. package/dist/esm/tests/utils.js +0 -37
  286. package/dist/esm/tests/utils.js.map +0 -7
@@ -1,27 +0,0 @@
1
- import * as React from "react";
2
- import { styled } from "@elliemae/ds-system";
3
- import { Grid } from "@elliemae/ds-grid";
4
- import { MIN_WIDTH_SIDEBAR } from "../../styled";
5
- const StyledChatContainer = styled(Grid)`
6
- height: 100%;
7
- width: ${(props) => props.expanded ? `${props.expandedWidth}px` : `${MIN_WIDTH_SIDEBAR}px`};
8
- background: ${(props) => props.theme.colors.neutral["050"]};
9
- box-shadow: -1px 0 0 0 ${(props) => props.theme.colors.neutral[100]};
10
- transition: width ${(props) => props.expanded ? "ease-out" : "ease-in"}
11
- 350ms;
12
- `;
13
- const StyledChatContainerContent = styled(Grid)`
14
- height: 100%;
15
- overflow: hidden;
16
- background: ${(props) => props.theme.colors.neutral["050"]};
17
- ${(props) => props.floating ? `
18
- width: ${props.expandedWidth}px;
19
- ` : `
20
- width: ${props.expandedWidth - MIN_WIDTH_SIDEBAR}px;
21
- `}
22
- `;
23
- export {
24
- StyledChatContainer,
25
- StyledChatContainerContent
26
- };
27
- //# sourceMappingURL=styled.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/grid-influencer/styled.ts"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MIN_WIDTH_SIDEBAR } 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"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAE3B,MAAM,sBAAsB,OAAO,IAAI;AAAA;AAAA,WAEnC,CAAC,UACR,MAAM,WAAW,GAAG,MAAM,oBAAoB,GAAG;AAAA,gBACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,2BAC3B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,sBAC3C,CAAC,UAAW,MAAM,WAAW,aAAa;AAAA;AAAA;AAIzD,MAAM,6BAA6B,OAAO,IAAI;AAAA;AAAA;AAAA,gBAGrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAClD,CAAC,UACD,MAAM,WACF;AAAA,WACG,MAAM;AAAA,IAET;AAAA,WACG,MAAM,gBAAgB;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,33 +0,0 @@
1
- import * as React from "react";
2
- import { ChatBubble, ChatBubbleWithSchema, BUBBLE_TYPES } from "./bubble";
3
- import { FloatingButton } from "./floating-button";
4
- import { StyledFloatingContainer } from "./floating-container/styled";
5
- import { ChatContainerHeader, ChatContainerHeaderWithSchema } from "./chat-container-header/ChatContainerHeader";
6
- import { ChatEmptyState, ChatEmptyStateWithSchema } from "./chat-empty-state/ChatEmptyState";
7
- import { SideBarChat, SideBarChatWithSchema } from "./chat-sidebar";
8
- import { TileButton, TileButtonWithSchema } from "./tile-button";
9
- import { MessageDelimiter, MessageDelimiterWithSchema } from "./message-delimiter";
10
- import { SystemMessage, SystemMessageWithSchema } from "./system-message";
11
- import { ChatCard, ChatCardWithSchema } from "./chat-card";
12
- export {
13
- BUBBLE_TYPES,
14
- ChatBubble,
15
- ChatBubbleWithSchema,
16
- ChatCard,
17
- ChatCardWithSchema,
18
- ChatContainerHeader,
19
- ChatContainerHeaderWithSchema,
20
- ChatEmptyState,
21
- ChatEmptyStateWithSchema,
22
- FloatingButton,
23
- MessageDelimiter,
24
- MessageDelimiterWithSchema,
25
- SideBarChat,
26
- SideBarChatWithSchema,
27
- StyledFloatingContainer,
28
- SystemMessage,
29
- SystemMessageWithSchema,
30
- TileButton,
31
- TileButtonWithSchema
32
- };
33
- //# sourceMappingURL=index.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// Bubble\nexport { ChatBubble, ChatBubbleWithSchema, BUBBLE_TYPES } from './bubble';\n// Floating Button\nexport { FloatingButton } from './floating-button';\nexport { StyledFloatingContainer } from './floating-container/styled';\n// Chat Header\nexport { ChatContainerHeader, ChatContainerHeaderWithSchema } from './chat-container-header/ChatContainerHeader';\n// Chat Empty State\nexport { ChatEmptyState, ChatEmptyStateWithSchema } from './chat-empty-state/ChatEmptyState';\n\n// Chat Sidebar\nexport { SideBarChat, SideBarChatWithSchema } from './chat-sidebar';\n// Tile\nexport { TileButton, TileButtonWithSchema } from './tile-button';\n// MessageDelimiter\nexport { MessageDelimiter, MessageDelimiterWithSchema } from './message-delimiter';\n// SystemMessage\nexport { SystemMessage, SystemMessageWithSchema } from './system-message';\n// ChatCard\nexport { ChatCard, ChatCardWithSchema } from './chat-card';\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,YAAY,sBAAsB,oBAAoB;AAE/D,SAAS,sBAAsB;AAC/B,SAAS,+BAA+B;AAExC,SAAS,qBAAqB,qCAAqC;AAEnE,SAAS,gBAAgB,gCAAgC;AAGzD,SAAS,aAAa,6BAA6B;AAEnD,SAAS,YAAY,4BAA4B;AAEjD,SAAS,kBAAkB,kCAAkC;AAE7D,SAAS,eAAe,+BAA+B;AAEvD,SAAS,UAAU,0BAA0B;",
6
- "names": []
7
- }
@@ -1,33 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import {
4
- describe,
5
- useGetGlobalAttributes,
6
- useValidateTypescriptPropTypes,
7
- useMemoMergePropsWithDefault
8
- } from "@elliemae/ds-utilities";
9
- import { Wrapper, Line, Text } from "./styled";
10
- import { defaultProps, messageDelimiterProps } from "./props";
11
- const MessageDelimiter = (props) => {
12
- const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
13
- useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps);
14
- const globalAttrs = useGetGlobalAttributes(propsWithDefault);
15
- const { title, size, verticalMargin } = propsWithDefault;
16
- return /* @__PURE__ */ React2.createElement(Wrapper, {
17
- cols: ["1fr", "auto", "1fr"],
18
- ...globalAttrs
19
- }, /* @__PURE__ */ React2.createElement(Line, null), /* @__PURE__ */ React2.createElement(Text, {
20
- size,
21
- verticalMargin,
22
- "data-testid": "chat-message-delimiter-title"
23
- }, title), /* @__PURE__ */ React2.createElement(Line, null));
24
- };
25
- MessageDelimiter.propTypes = messageDelimiterProps;
26
- MessageDelimiter.displayName = "MessageDelimiter";
27
- const MessageDelimiterWithSchema = describe(MessageDelimiter);
28
- MessageDelimiterWithSchema.propTypes = messageDelimiterProps;
29
- export {
30
- MessageDelimiter,
31
- MessageDelimiterWithSchema
32
- };
33
- //# sourceMappingURL=MessageDelimiter.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/message-delimiter/MessageDelimiter.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport {\n describe,\n useGetGlobalAttributes,\n useValidateTypescriptPropTypes,\n useMemoMergePropsWithDefault,\n} from '@elliemae/ds-utilities';\nimport { Wrapper, Line, Text } from './styled';\nimport { defaultProps, messageDelimiterProps, MessageDelimiterProps } from './props';\n\nconst MessageDelimiter: React.ComponentType<MessageDelimiterProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps);\n const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n const { title, size, verticalMargin } = propsWithDefault;\n return (\n <Wrapper cols={['1fr', 'auto', '1fr']} {...globalAttrs}>\n <Line />\n <Text size={size} verticalMargin={verticalMargin} data-testid=\"chat-message-delimiter-title\">\n {title}\n </Text>\n <Line />\n </Wrapper>\n );\n};\n\nMessageDelimiter.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\nMessageDelimiter.displayName = 'MessageDelimiter';\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAkC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,SAAS,MAAM,YAAY;AACpC,SAAS,cAAc,6BAAoD;AAE3E,MAAM,mBAA+D,CAAC,UAAU;AAC9E,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,qBAAqB;AACtE,QAAM,cAAc,uBAAuB,gBAAgB;AAC3D,QAAM,EAAE,OAAO,MAAM,eAAe,IAAI;AACxC,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAQ,MAAM,CAAC,OAAO,QAAQ,KAAK;AAAA,IAAI,GAAG;AAAA,KACzC,gBAAAA,OAAA,cAAC,UAAK,GACN,gBAAAA,OAAA,cAAC;AAAA,IAAK;AAAA,IAAY;AAAA,IAAgC,eAAY;AAAA,KAC3D,KACH,GACA,gBAAAA,OAAA,cAAC,UAAK,CACR;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,SAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
6
- "names": ["React"]
7
- }
@@ -1,10 +0,0 @@
1
- import * as React from "react";
2
- import {
3
- MessageDelimiter,
4
- MessageDelimiterWithSchema
5
- } from "./MessageDelimiter";
6
- export {
7
- MessageDelimiter,
8
- MessageDelimiterWithSchema
9
- };
10
- //# sourceMappingURL=index.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/message-delimiter/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n MessageDelimiter,\n MessageDelimiterWithSchema,\n} from './MessageDelimiter';\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,OACK;",
6
- "names": []
7
- }
@@ -1,21 +0,0 @@
1
- import * as React from "react";
2
- import { PropTypes, globalAttributesPropTypes } from "@elliemae/ds-utilities";
3
- const defaultProps = {
4
- title: "",
5
- size: "s",
6
- verticalMargin: "0px"
7
- };
8
- const messageDelimiterProps = {
9
- ...globalAttributesPropTypes,
10
- title: PropTypes.string.isRequired.description("Text to display in the delimiter"),
11
- size: PropTypes.oneOf(["s", "l"]).description("size of the delimiter").defaultValue("s"),
12
- extraProps: PropTypes.object.description("extra props for delimiter"),
13
- verticalMargin: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(
14
- "Configurable css vertical margin property for flexibilty"
15
- )
16
- };
17
- export {
18
- defaultProps,
19
- messageDelimiterProps
20
- };
21
- //# sourceMappingURL=props.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/message-delimiter/props.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-utilities';\n\nexport interface MessageDelimiterProps {\n title: string;\n size?: 's' | 'l';\n verticalMargin?: number | string;\n}\n\nexport const defaultProps: MessageDelimiterProps = {\n title: '',\n size: 's',\n verticalMargin: '0px',\n};\n\nexport const messageDelimiterProps = {\n ...globalAttributesPropTypes,\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.oneOfType([PropTypes.string, PropTypes.number]).description(\n 'Configurable css vertical margin property for flexibilty',\n ),\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,iCAAiC;AAQ9C,MAAM,eAAsC;AAAA,EACjD,OAAO;AAAA,EACP,MAAM;AAAA,EACN,gBAAgB;AAClB;AAEO,MAAM,wBAAwB;AAAA,EACnC,GAAG;AAAA,EACH,OAAO,UAAU,OAAO,WAAW,YAAY,kCAAkC;AAAA,EACjF,MAAM,UAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,uBAAuB,EAAE,aAAa,GAAG;AAAA,EACvF,YAAY,UAAU,OAAO,YAAY,2BAA2B;AAAA,EACpE,gBAAgB,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE;AAAA,IACxE;AAAA,EACF;AACF;",
6
- "names": []
7
- }
@@ -1,24 +0,0 @@
1
- import * as React from "react";
2
- import { Grid } from "@elliemae/ds-grid";
3
- import { styled } from "@elliemae/ds-system";
4
- const Wrapper = styled(Grid)`
5
- align-items: center;
6
- justify-content: center;
7
- width: 100%;
8
- min-height: 8px;
9
- `;
10
- const Line = styled.span`
11
- border-top: 1px solid ${(props) => props.theme.colors.neutral["400"]};
12
- `;
13
- const Text = styled.p`
14
- color: ${(props) => props.theme.colors.neutral["600"]};
15
- font-size: ${(props) => props.size === "s" ? "12px" : "14px"};
16
- font-weight: ${(props) => props.theme.fontWeights.semibold};
17
- margin: ${(props) => typeof props.verticalMargin === "number" ? `${props.verticalMargin}px 8px` : `${props.verticalMargin} 8px`};
18
- `;
19
- export {
20
- Line,
21
- Text,
22
- Wrapper
23
- };
24
- //# sourceMappingURL=styled.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/message-delimiter/styled.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\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"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY;AACrB,SAAS,cAAc;AAGvB,MAAM,UAAU,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B,MAAM,OAAO,OAAO;AAAA,0BACM,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGhE,MAAM,OAAO,OAAO;AAAA,WACT,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,eAClC,CAAC,UAAW,MAAM,SAAS,MAAM,SAAS;AAAA,iBACxC,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,YACxC,CAAC,UACT,OAAO,MAAM,mBAAmB,WAAW,GAAG,MAAM,yBAAyB,GAAG,MAAM;AAAA;",
6
- "names": []
7
- }
@@ -1,30 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
4
- import { Wrapper, Header, Title, Time, Message } from "./style";
5
- import { systemMessageProps, defaultProps } from "./props";
6
- const SystemMessage = (props) => {
7
- const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
8
- useValidateTypescriptPropTypes(propsWithDefault, systemMessageProps);
9
- const { title, time, body } = propsWithDefault;
10
- return /* @__PURE__ */ React2.createElement(Wrapper, {
11
- rows: ["auto", "auto"]
12
- }, /* @__PURE__ */ React2.createElement(Header, {
13
- cols: ["1fr", "auto", "1fr"]
14
- }, /* @__PURE__ */ React2.createElement("span", null), /* @__PURE__ */ React2.createElement(Title, {
15
- "data-testid": "chat-system-message-title"
16
- }, title), /* @__PURE__ */ React2.createElement(Time, {
17
- "data-testid": "chat-system-message-time"
18
- }, time)), /* @__PURE__ */ React2.createElement(Message, {
19
- "data-testid": "chat-system-message-body"
20
- }, body));
21
- };
22
- SystemMessage.propTypes = systemMessageProps;
23
- SystemMessage.displayName = "SystemMessage";
24
- const SystemMessageWithSchema = describe(SystemMessage);
25
- SystemMessageWithSchema.propTypes = systemMessageProps;
26
- export {
27
- SystemMessage,
28
- SystemMessageWithSchema
29
- };
30
- //# sourceMappingURL=SystemMessage.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/system-message/SystemMessage.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { Wrapper, Header, Title, Time, Message } from './style';\nimport { SystemMessageProps, systemMessageProps, defaultProps } from './props';\n\nconst SystemMessage: React.ComponentType<SystemMessageProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefault, systemMessageProps);\n\n const { title, time, body } = propsWithDefault;\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.propTypes = systemMessageProps as WeakValidationMap<unknown>;\nSystemMessage.displayName = 'SystemMessage';\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = systemMessageProps as WeakValidationMap<unknown>;\n\nexport { SystemMessage, SystemMessageWithSchema };\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAkC;AACzC,SAAS,UAAU,gCAAgC,oCAAoC;AACvF,SAAS,SAAS,QAAQ,OAAO,MAAM,eAAe;AACtD,SAA6B,oBAAoB,oBAAoB;AAErE,MAAM,gBAAyD,CAAC,UAAU;AACxE,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,kBAAkB;AAEnE,QAAM,EAAE,OAAO,MAAM,KAAK,IAAI;AAC9B,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAQ,MAAM,CAAC,QAAQ,MAAM;AAAA,KAC5B,gBAAAA,OAAA,cAAC;AAAA,IAAO,MAAM,CAAC,OAAO,QAAQ,KAAK;AAAA,KACjC,gBAAAA,OAAA,cAAC,YAAK,GACN,gBAAAA,OAAA,cAAC;AAAA,IAAM,eAAY;AAAA,KAA6B,KAAM,GACtD,gBAAAA,OAAA,cAAC;AAAA,IAAK,eAAY;AAAA,KAA4B,IAAK,CACrD,GACA,gBAAAA,OAAA,cAAC;AAAA,IAAQ,eAAY;AAAA,KAA4B,IAAK,CACxD;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
6
- "names": ["React"]
7
- }
@@ -1,7 +0,0 @@
1
- import * as React from "react";
2
- import { SystemMessage, SystemMessageWithSchema } from "./SystemMessage";
3
- export {
4
- SystemMessage,
5
- SystemMessageWithSchema
6
- };
7
- //# sourceMappingURL=index.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/system-message/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { SystemMessage, SystemMessageWithSchema } from './SystemMessage';\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe,+BAA+B;",
6
- "names": []
7
- }
@@ -1,17 +0,0 @@
1
- import * as React from "react";
2
- import { PropTypes } from "@elliemae/ds-utilities";
3
- const defaultProps = {
4
- title: "System Message",
5
- time: "",
6
- body: ""
7
- };
8
- const systemMessageProps = {
9
- title: PropTypes.string.isRequired.description("Message title").defaultValue("System Message"),
10
- time: PropTypes.string.description("data of the message, ie: hour"),
11
- body: PropTypes.string.isRequired.description("message")
12
- };
13
- export {
14
- defaultProps,
15
- systemMessageProps
16
- };
17
- //# sourceMappingURL=props.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/system-message/props.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\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.description('Message title').defaultValue('System Message'),\n time: PropTypes.string.description('data of the message, ie: hour'),\n body: PropTypes.string.isRequired.description('message'),\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAQnB,MAAM,eAAmC;AAAA,EAC9C,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AACR;AAEO,MAAM,qBAAqB;AAAA,EAChC,OAAO,UAAU,OAAO,WAAW,YAAY,eAAe,EAAE,aAAa,gBAAgB;AAAA,EAC7F,MAAM,UAAU,OAAO,YAAY,+BAA+B;AAAA,EAClE,MAAM,UAAU,OAAO,WAAW,YAAY,SAAS;AACzD;",
6
- "names": []
7
- }
@@ -1,46 +0,0 @@
1
- import * as React from "react";
2
- import { styled } from "@elliemae/ds-system";
3
- import { Grid } from "@elliemae/ds-grid";
4
- const Wrapper = styled(Grid)`
5
- align-items: center;
6
- justify-content: center;
7
- max-width: 100%;
8
- padding: 0 8px 8px;
9
- border: 1px solid ${(props) => props.theme.colors.neutral["100"]};
10
- border-radius: 10px;
11
- background-color: ${(props) => props.theme.colors.neutral["080"]};
12
- box-shadow: none;
13
- `;
14
- const Header = styled(Grid)`
15
- align-items: center;
16
- height: 36px;
17
- `;
18
- const Title = styled.p`
19
- font-size: 14px;
20
- font-weight: ${(props) => props.theme.fontWeights.semibold};
21
- color: ${(props) => props.theme.colors.neutral["700"]};
22
- margin: 0;
23
- `;
24
- const Time = styled.p`
25
- font-size: 12px;
26
- font-weight: ${(props) => props.theme.fontWeights.regular};
27
- color: ${(props) => props.theme.colors.neutral["700"]};
28
- margin: 0;
29
- text-align: right;
30
- `;
31
- const Message = styled.p`
32
- font-size: 13px;
33
- font-weight: ${(props) => props.theme.fontWeights.regular};
34
- color: ${(props) => props.theme.colors.neutral["700"]};
35
- min-height: 32px;
36
- text-align: center;
37
- margin: 0;
38
- `;
39
- export {
40
- Header,
41
- Message,
42
- Time,
43
- Title,
44
- Wrapper
45
- };
46
- //# sourceMappingURL=style.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/system-message/style.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\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"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,UAAU,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKL,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,sBAEtC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI5D,MAAM,SAAS,OAAO,IAAI;AAAA;AAAA;AAAA;AAK1B,MAAM,QAAQ,OAAO;AAAA;AAAA,iBAEJ,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIjD,MAAM,OAAO,OAAO;AAAA;AAAA,iBAEH,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAKjD,MAAM,UAAU,OAAO;AAAA;AAAA,iBAEN,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,124 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
4
- import { DSTooltipV3 } from "@elliemae/ds-tooltip";
5
- import { Grid } from "@elliemae/ds-grid";
6
- import { CloseXsmall } from "@elliemae/ds-icons";
7
- import {
8
- StyledTooltipV3ButtonWrapper,
9
- StyledTileButton,
10
- StyledTileButtonIcon,
11
- StyledTileButtonLabel,
12
- StyledWrapper,
13
- StyledWrapperLeftBorder,
14
- StyledStatusBadge,
15
- StyledWrapperCentralContent,
16
- CloseButton
17
- } from "./styled";
18
- import { propsTileButton, defaultTileButton } from "./props";
19
- const TileButton = (props) => {
20
- const propsWithDefault = useMemoMergePropsWithDefault(props, defaultTileButton);
21
- useValidateTypescriptPropTypes(propsWithDefault, propsTileButton);
22
- const {
23
- label,
24
- title,
25
- dsId,
26
- onClick,
27
- onFocus,
28
- onBlur,
29
- Icon,
30
- showClose,
31
- onClose,
32
- badge,
33
- badgeColor,
34
- badgePosition,
35
- disabled,
36
- selected,
37
- isHeader,
38
- ariaLabel,
39
- tooltipPlacement,
40
- disableTooltip,
41
- innerRef
42
- } = propsWithDefault;
43
- const handleClick = React2.useCallback(() => {
44
- onClick(dsId, title);
45
- }, [dsId, onClick, title]);
46
- const MainContent = React2.useMemo(
47
- () => /* @__PURE__ */ React2.createElement(StyledWrapperCentralContent, {
48
- alignItems: isHeader ? "center" : void 0
49
- }, /* @__PURE__ */ React2.createElement(Grid, {
50
- width: "100%",
51
- alignItems: "center",
52
- justifyContent: "center"
53
- }, /* @__PURE__ */ React2.createElement(StyledTileButtonIcon, {
54
- alignItems: "center",
55
- justifyContent: "center"
56
- }, /* @__PURE__ */ React2.createElement(Icon, {
57
- size: "m"
58
- }), badge ? /* @__PURE__ */ React2.createElement(StyledStatusBadge, {
59
- badgeColor,
60
- badgePosition,
61
- "data-testid": `tile-badge-${dsId}`
62
- }) : null)), !isHeader ? /* @__PURE__ */ React2.createElement(Grid, {
63
- width: "100%",
64
- justifyContent: "center"
65
- }, label ? /* @__PURE__ */ React2.createElement(StyledTileButtonLabel, null, label) : null) : null),
66
- [isHeader, Icon, badge, dsId, badgeColor, badgePosition, label]
67
- );
68
- const Btn = React2.useMemo(
69
- () => /* @__PURE__ */ React2.createElement(StyledTileButton, {
70
- key: dsId,
71
- isHeader,
72
- value: dsId,
73
- "data-testid": `tile-button-${dsId}`,
74
- "data-key": dsId,
75
- onClick: handleClick,
76
- onFocus,
77
- onBlur,
78
- disabled,
79
- selected,
80
- badgeColor,
81
- badgePosition,
82
- "aria-pressed": selected,
83
- "aria-label": ariaLabel,
84
- ref: innerRef
85
- }, /* @__PURE__ */ React2.createElement(StyledWrapper, {
86
- alignItems: "center",
87
- justifyContent: "center"
88
- }, /* @__PURE__ */ React2.createElement("span", null, MainContent), /* @__PURE__ */ React2.createElement(StyledWrapperLeftBorder, null), showClose && !disabled ? /* @__PURE__ */ React2.createElement(CloseButton, {
89
- onClick: onClose,
90
- value: dsId,
91
- "data-testid": `tile-close-btn-${dsId}`
92
- }, /* @__PURE__ */ React2.createElement(CloseXsmall, null)) : null)),
93
- [
94
- MainContent,
95
- ariaLabel,
96
- badgeColor,
97
- badgePosition,
98
- disabled,
99
- dsId,
100
- handleClick,
101
- isHeader,
102
- onBlur,
103
- onClose,
104
- onFocus,
105
- selected,
106
- showClose,
107
- innerRef
108
- ]
109
- );
110
- return title && !disableTooltip ? /* @__PURE__ */ React2.createElement(StyledTooltipV3ButtonWrapper, null, /* @__PURE__ */ React2.createElement(DSTooltipV3, {
111
- id: `ds-chat-tile-tooltip-button-${dsId}`,
112
- text: title,
113
- startPlacementPreference: tooltipPlacement
114
- }, Btn)) : Btn;
115
- };
116
- TileButton.propTypes = propsTileButton;
117
- TileButton.displayName = "TileButton";
118
- const TileButtonWithSchema = describe(TileButton);
119
- TileButtonWithSchema.propTypes = propsTileButton;
120
- export {
121
- TileButton,
122
- TileButtonWithSchema
123
- };
124
- //# sourceMappingURL=TileButton.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/tile-button/TileButton.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\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';\n\nconst TileButton: React.ComponentType<TileButtonProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultTileButton);\n useValidateTypescriptPropTypes(propsWithDefault, propsTileButton);\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 } = propsWithDefault;\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, dsId, 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 as WeakValidationMap<unknown>;\nTileButton.displayName = 'TileButton';\nconst TileButtonWithSchema = describe(TileButton);\nTileButtonWithSchema.propTypes = propsTileButton as WeakValidationMap<unknown>;\n\nexport { TileButton, TileButtonWithSchema };\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAOA,YAAkC;AACzC,SAAS,UAAU,gCAAgC,oCAAoC;AACvF,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,yBAA0C;AAEpE,MAAM,aAAmD,CAAC,UAAU;AAClE,QAAM,mBAAmB,6BAA6B,OAAO,iBAAiB;AAC9E,iCAA+B,kBAAkB,eAAe;AAEhE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,cAAcA,OAAM,YAAY,MAAM;AAC1C,YAAQ,MAAM,KAAK;AAAA,EACrB,GAAG,CAAC,MAAM,SAAS,KAAK,CAAC;AAEzB,QAAM,cAAcA,OAAM;AAAA,IACxB,MACE,gBAAAA,OAAA,cAAC;AAAA,MAA4B,YAAY,WAAW,WAAW;AAAA,OAC7D,gBAAAA,OAAA,cAAC;AAAA,MAAK,OAAM;AAAA,MAAO,YAAW;AAAA,MAAS,gBAAe;AAAA,OACpD,gBAAAA,OAAA,cAAC;AAAA,MAAqB,YAAW;AAAA,MAAS,gBAAe;AAAA,OACvD,gBAAAA,OAAA,cAAC;AAAA,MAAK,MAAK;AAAA,KAAI,GACd,QACC,gBAAAA,OAAA,cAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAa,cAAc;AAAA,KAC7B,IACE,IACN,CACF,GACC,CAAC,WACA,gBAAAA,OAAA,cAAC;AAAA,MAAK,OAAM;AAAA,MAAO,gBAAe;AAAA,OAC/B,QAAQ,gBAAAA,OAAA,cAAC,6BAAuB,KAAM,IAA2B,IACpE,IACE,IACN;AAAA,IAEF,CAAC,UAAU,MAAM,OAAO,MAAM,YAAY,eAAe,KAAK;AAAA,EAChE;AAEA,QAAM,MAAMA,OAAM;AAAA,IAChB,MACE,gBAAAA,OAAA,cAAC;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,OAAO;AAAA,MACP,eAAa,eAAe;AAAA,MAC5B,YAAU;AAAA,MACV,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAc;AAAA,MACd,cAAY;AAAA,MACZ,KAAK;AAAA,OAEL,gBAAAA,OAAA,cAAC;AAAA,MAAc,YAAW;AAAA,MAAS,gBAAe;AAAA,OAChD,gBAAAA,OAAA,cAAC,cAAM,WAAY,GACnB,gBAAAA,OAAA,cAAC,6BAAwB,GACxB,aAAa,CAAC,WACb,gBAAAA,OAAA,cAAC;AAAA,MAAY,SAAS;AAAA,MAAS,OAAO;AAAA,MAAM,eAAa,kBAAkB;AAAA,OACzE,gBAAAA,OAAA,cAAC,iBAAY,CACf,IACE,IACN,CACF;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,SAAS,CAAC,iBACf,gBAAAA,OAAA,cAAC,oCACC,gBAAAA,OAAA,cAAC;AAAA,IAAY,IAAI,+BAA+B;AAAA,IAAQ,MAAM;AAAA,IAAO,0BAA0B;AAAA,KAC5F,GACH,CACF,IAEA;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAChD,qBAAqB,YAAY;",
6
- "names": ["React"]
7
- }
@@ -1,7 +0,0 @@
1
- import * as React from "react";
2
- import { TileButton, TileButtonWithSchema } from "./TileButton";
3
- export {
4
- TileButton,
5
- TileButtonWithSchema
6
- };
7
- //# sourceMappingURL=index.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/tile-button/index.ts"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { TileButton, TileButtonWithSchema } from './TileButton';\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY,4BAA4B;",
6
- "names": []
7
- }
@@ -1,66 +0,0 @@
1
- import * as React from "react";
2
- import { PropTypes } from "@elliemae/ds-utilities";
3
- import { noop } from "lodash";
4
- import { Comments } from "@elliemae/ds-icons";
5
- const defaultTileButton = {
6
- Icon: Comments,
7
- dsId: "",
8
- label: "",
9
- onClick: noop,
10
- onBlur: noop,
11
- onFocus: noop,
12
- title: "",
13
- onClose: noop,
14
- showClose: false,
15
- badge: false,
16
- badgeColor: "blue",
17
- badgePosition: "left",
18
- disabled: false,
19
- selected: false,
20
- isHeader: false,
21
- ariaLabel: "Tile button",
22
- tooltipPlacement: "right",
23
- disableTooltip: false,
24
- innerRef: noop
25
- };
26
- const propsTileButton = {
27
- Icon: PropTypes.func.description("Icon component").defaultValue(defaultTileButton.Icon),
28
- dsId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description("Unique id for the button").defaultValue(defaultTileButton.dsId),
29
- label: PropTypes.string.description("It will display under the icon").defaultValue(defaultTileButton.label),
30
- title: PropTypes.string.description("Tooltip").defaultValue(defaultTileButton.title),
31
- onClick: PropTypes.func.description("The function to call when is clicked").defaultValue(defaultTileButton.onClick),
32
- onFocus: PropTypes.func.description("The function to call when is focused").defaultValue(defaultTileButton.onFocus),
33
- onBlur: PropTypes.func.description("The function to call when is on blur").defaultValue(defaultTileButton.onBlur),
34
- onClose: PropTypes.func.description("The function to call when the X is Clicked").defaultValue(defaultTileButton.onClose),
35
- showClose: PropTypes.bool.description("It will display the X").defaultValue(defaultTileButton.showClose),
36
- badge: PropTypes.bool.description("It will display the badge").defaultValue(defaultTileButton.badge),
37
- badgeColor: PropTypes.oneOf(["blue", "green"]).description("Color badge: blue or green").defaultValue(defaultTileButton.badgeColor),
38
- badgePosition: PropTypes.oneOf(["left", "right"]).description("Color badge: blue or green").defaultValue(defaultTileButton.badgePosition),
39
- disabled: PropTypes.bool.description("It will disabled the button").defaultValue(defaultTileButton.disabled),
40
- selected: PropTypes.bool.description("Indicate that the button is selected").defaultValue(defaultTileButton.disabled),
41
- isHeader: PropTypes.bool.description("It won't render the label").defaultValue(defaultTileButton.disabled),
42
- ariaLabel: PropTypes.string.description("aria-label attribute").defaultValue(defaultTileButton.ariaLabel),
43
- tooltipPlacement: PropTypes.oneOf([
44
- "top-start",
45
- "top",
46
- "top-end",
47
- "right-start",
48
- "right",
49
- "right-end",
50
- "bottom-end",
51
- "bottom",
52
- "bottom-start",
53
- "left-end",
54
- "left",
55
- "left-start"
56
- ]).description("start placement preferences, as per popperjs placement option").defaultValue("'right'"),
57
- disableTooltip: PropTypes.bool.description("Disable tooltip option").defaultValue(defaultTileButton.disableTooltip),
58
- innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(
59
- "reference to the component"
60
- )
61
- };
62
- export {
63
- defaultTileButton,
64
- propsTileButton
65
- };
66
- //# sourceMappingURL=props.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/tile-button/props.ts"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { noop } from 'lodash';\nimport { Comments } from '@elliemae/ds-icons';\n\nexport interface 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: React.ChangeEvent<HTMLButtonElement>) => void;\n onFocus?: (e: React.ChangeEvent<HTMLButtonElement>) => 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: '',\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.oneOfType([PropTypes.number, PropTypes.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"],
5
- "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAoClB,MAAM,oBAAqC;AAAA,EAChD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,UAAU;AACZ;AAEO,MAAM,kBAAkB;AAAA,EAC7B,MAAM,UAAU,KAAK,YAAY,gBAAgB,EAAE,aAAa,kBAAkB,IAAI;AAAA,EACtF,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAC3D,YAAY,0BAA0B,EACtC,aAAa,kBAAkB,IAAI;AAAA,EACtC,OAAO,UAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,kBAAkB,KAAK;AAAA,EAC1G,OAAO,UAAU,OAAO,YAAY,SAAS,EAAE,aAAa,kBAAkB,KAAK;AAAA,EACnF,SAAS,UAAU,KAAK,YAAY,sCAAsC,EAAE,aAAa,kBAAkB,OAAO;AAAA,EAClH,SAAS,UAAU,KAAK,YAAY,sCAAsC,EAAE,aAAa,kBAAkB,OAAO;AAAA,EAClH,QAAQ,UAAU,KAAK,YAAY,sCAAsC,EAAE,aAAa,kBAAkB,MAAM;AAAA,EAChH,SAAS,UAAU,KAChB,YAAY,4CAA4C,EACxD,aAAa,kBAAkB,OAAO;AAAA,EACzC,WAAW,UAAU,KAAK,YAAY,uBAAuB,EAAE,aAAa,kBAAkB,SAAS;AAAA,EACvG,OAAO,UAAU,KAAK,YAAY,2BAA2B,EAAE,aAAa,kBAAkB,KAAK;AAAA,EACnG,YAAY,UAAU,MAAM,CAAC,QAAQ,OAAO,CAAC,EAC1C,YAAY,4BAA4B,EACxC,aAAa,kBAAkB,UAAU;AAAA,EAC5C,eAAe,UAAU,MAAM,CAAC,QAAQ,OAAO,CAAC,EAC7C,YAAY,4BAA4B,EACxC,aAAa,kBAAkB,aAAa;AAAA,EAC/C,UAAU,UAAU,KAAK,YAAY,6BAA6B,EAAE,aAAa,kBAAkB,QAAQ;AAAA,EAC3G,UAAU,UAAU,KAAK,YAAY,sCAAsC,EAAE,aAAa,kBAAkB,QAAQ;AAAA,EACpH,UAAU,UAAU,KAAK,YAAY,2BAA2B,EAAE,aAAa,kBAAkB,QAAQ;AAAA,EACzG,WAAW,UAAU,OAAO,YAAY,sBAAsB,EAAE,aAAa,kBAAkB,SAAS;AAAA,EACxG,kBAAkB,UAAU,MAAM;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EACE,YAAY,+DAA+D,EAC3E,aAAa,SAAS;AAAA,EACzB,gBAAgB,UAAU,KAAK,YAAY,wBAAwB,EAAE,aAAa,kBAAkB,cAAc;AAAA,EAClH,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AACF;",
6
- "names": []
7
- }