@stack-spot/ai-chat-widget 1.7.2 → 1.8.1

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 (402) hide show
  1. package/package.json +1 -1
  2. package/src/app-metadata.json +2 -2
  3. package/src/views/MessageInput/chat-entry-history.ts +97 -0
  4. package/src/views/MessageInput/index.tsx +7 -1
  5. package/dist/AbortedError.d.ts +0 -5
  6. package/dist/AbortedError.d.ts.map +0 -1
  7. package/dist/AbortedError.js +0 -7
  8. package/dist/AbortedError.js.map +0 -1
  9. package/dist/StackspotAIWidget.d.ts +0 -23
  10. package/dist/StackspotAIWidget.d.ts.map +0 -1
  11. package/dist/StackspotAIWidget.js +0 -35
  12. package/dist/StackspotAIWidget.js.map +0 -1
  13. package/dist/app-metadata.json +0 -151
  14. package/dist/chat-interceptors/CustomInputs.d.ts +0 -22
  15. package/dist/chat-interceptors/CustomInputs.d.ts.map +0 -1
  16. package/dist/chat-interceptors/CustomInputs.js +0 -71
  17. package/dist/chat-interceptors/CustomInputs.js.map +0 -1
  18. package/dist/chat-interceptors/quick-command-questions.d.ts +0 -14
  19. package/dist/chat-interceptors/quick-command-questions.d.ts.map +0 -1
  20. package/dist/chat-interceptors/quick-command-questions.js +0 -28
  21. package/dist/chat-interceptors/quick-command-questions.js.map +0 -1
  22. package/dist/chat-interceptors/quick-commands.d.ts +0 -17
  23. package/dist/chat-interceptors/quick-commands.d.ts.map +0 -1
  24. package/dist/chat-interceptors/quick-commands.js +0 -292
  25. package/dist/chat-interceptors/quick-commands.js.map +0 -1
  26. package/dist/chat-interceptors/send-message.d.ts +0 -14
  27. package/dist/chat-interceptors/send-message.d.ts.map +0 -1
  28. package/dist/chat-interceptors/send-message.js +0 -96
  29. package/dist/chat-interceptors/send-message.js.map +0 -1
  30. package/dist/components/Accordion.d.ts +0 -20
  31. package/dist/components/Accordion.d.ts.map +0 -1
  32. package/dist/components/Accordion.js +0 -49
  33. package/dist/components/Accordion.js.map +0 -1
  34. package/dist/components/AdaptiveTextArea.d.ts +0 -22
  35. package/dist/components/AdaptiveTextArea.d.ts.map +0 -1
  36. package/dist/components/AdaptiveTextArea.js +0 -39
  37. package/dist/components/AdaptiveTextArea.js.map +0 -1
  38. package/dist/components/AutoFocus.d.ts +0 -23
  39. package/dist/components/AutoFocus.d.ts.map +0 -1
  40. package/dist/components/AutoFocus.js +0 -23
  41. package/dist/components/AutoFocus.js.map +0 -1
  42. package/dist/components/Code.d.ts +0 -19
  43. package/dist/components/Code.d.ts.map +0 -1
  44. package/dist/components/Code.js +0 -118
  45. package/dist/components/Code.js.map +0 -1
  46. package/dist/components/Fading.d.ts +0 -32
  47. package/dist/components/Fading.d.ts.map +0 -1
  48. package/dist/components/Fading.js +0 -33
  49. package/dist/components/Fading.js.map +0 -1
  50. package/dist/components/FadingOverflow.d.ts +0 -37
  51. package/dist/components/FadingOverflow.d.ts.map +0 -1
  52. package/dist/components/FadingOverflow.js +0 -225
  53. package/dist/components/FadingOverflow.js.map +0 -1
  54. package/dist/components/FallbackBoundary/ErrorBoundary.d.ts +0 -33
  55. package/dist/components/FallbackBoundary/ErrorBoundary.d.ts.map +0 -1
  56. package/dist/components/FallbackBoundary/ErrorBoundary.js +0 -52
  57. package/dist/components/FallbackBoundary/ErrorBoundary.js.map +0 -1
  58. package/dist/components/FallbackBoundary/Loading.d.ts +0 -2
  59. package/dist/components/FallbackBoundary/Loading.d.ts.map +0 -1
  60. package/dist/components/FallbackBoundary/Loading.js +0 -12
  61. package/dist/components/FallbackBoundary/Loading.js.map +0 -1
  62. package/dist/components/FallbackBoundary/index.d.ts +0 -17
  63. package/dist/components/FallbackBoundary/index.d.ts.map +0 -1
  64. package/dist/components/FallbackBoundary/index.js +0 -9
  65. package/dist/components/FallbackBoundary/index.js.map +0 -1
  66. package/dist/components/HistoryList.d.ts +0 -25
  67. package/dist/components/HistoryList.d.ts.map +0 -1
  68. package/dist/components/HistoryList.js +0 -74
  69. package/dist/components/HistoryList.js.map +0 -1
  70. package/dist/components/IconInput.d.ts +0 -10
  71. package/dist/components/IconInput.d.ts.map +0 -1
  72. package/dist/components/IconInput.js +0 -61
  73. package/dist/components/IconInput.js.map +0 -1
  74. package/dist/components/Markdown.d.ts +0 -9
  75. package/dist/components/Markdown.d.ts.map +0 -1
  76. package/dist/components/Markdown.js +0 -17
  77. package/dist/components/Markdown.js.map +0 -1
  78. package/dist/components/OverlayMenu.d.ts +0 -21
  79. package/dist/components/OverlayMenu.d.ts.map +0 -1
  80. package/dist/components/OverlayMenu.js +0 -79
  81. package/dist/components/OverlayMenu.js.map +0 -1
  82. package/dist/components/ProgressBar.d.ts +0 -33
  83. package/dist/components/ProgressBar.d.ts.map +0 -1
  84. package/dist/components/ProgressBar.js +0 -131
  85. package/dist/components/ProgressBar.js.map +0 -1
  86. package/dist/components/QuickStartButton.d.ts +0 -13
  87. package/dist/components/QuickStartButton.d.ts.map +0 -1
  88. package/dist/components/QuickStartButton.js +0 -47
  89. package/dist/components/QuickStartButton.js.map +0 -1
  90. package/dist/components/RightPanelForm.d.ts +0 -8
  91. package/dist/components/RightPanelForm.d.ts.map +0 -1
  92. package/dist/components/RightPanelForm.js +0 -50
  93. package/dist/components/RightPanelForm.js.map +0 -1
  94. package/dist/components/RightPanelTabs.d.ts +0 -13
  95. package/dist/components/RightPanelTabs.d.ts.map +0 -1
  96. package/dist/components/RightPanelTabs.js +0 -24
  97. package/dist/components/RightPanelTabs.js.map +0 -1
  98. package/dist/components/Selector/index.d.ts +0 -24
  99. package/dist/components/Selector/index.d.ts.map +0 -1
  100. package/dist/components/Selector/index.js +0 -134
  101. package/dist/components/Selector/index.js.map +0 -1
  102. package/dist/components/Selector/styled.d.ts +0 -2
  103. package/dist/components/Selector/styled.d.ts.map +0 -1
  104. package/dist/components/Selector/styled.js +0 -153
  105. package/dist/components/Selector/styled.js.map +0 -1
  106. package/dist/components/TabManager.d.ts +0 -40
  107. package/dist/components/TabManager.d.ts.map +0 -1
  108. package/dist/components/TabManager.js +0 -166
  109. package/dist/components/TabManager.js.map +0 -1
  110. package/dist/components/Tooltip/Tooltip.d.ts +0 -37
  111. package/dist/components/Tooltip/Tooltip.d.ts.map +0 -1
  112. package/dist/components/Tooltip/Tooltip.js +0 -30
  113. package/dist/components/Tooltip/Tooltip.js.map +0 -1
  114. package/dist/components/Tooltip/TooltipAPI.d.ts +0 -29
  115. package/dist/components/Tooltip/TooltipAPI.d.ts.map +0 -1
  116. package/dist/components/Tooltip/TooltipAPI.js +0 -107
  117. package/dist/components/Tooltip/TooltipAPI.js.map +0 -1
  118. package/dist/components/Tooltip/context.d.ts +0 -5
  119. package/dist/components/Tooltip/context.d.ts.map +0 -1
  120. package/dist/components/Tooltip/context.js +0 -18
  121. package/dist/components/Tooltip/context.js.map +0 -1
  122. package/dist/components/Tooltip/index.d.ts +0 -3
  123. package/dist/components/Tooltip/index.d.ts.map +0 -1
  124. package/dist/components/Tooltip/index.js +0 -3
  125. package/dist/components/Tooltip/index.js.map +0 -1
  126. package/dist/components/Tooltip/style.d.ts +0 -4
  127. package/dist/components/Tooltip/style.d.ts.map +0 -1
  128. package/dist/components/Tooltip/style.js +0 -22
  129. package/dist/components/Tooltip/style.js.map +0 -1
  130. package/dist/components/Tooltip/types.d.ts +0 -27
  131. package/dist/components/Tooltip/types.d.ts.map +0 -1
  132. package/dist/components/Tooltip/types.js +0 -2
  133. package/dist/components/Tooltip/types.js.map +0 -1
  134. package/dist/components/form/DescribedCheckboxGroup.d.ts +0 -7
  135. package/dist/components/form/DescribedCheckboxGroup.d.ts.map +0 -1
  136. package/dist/components/form/DescribedCheckboxGroup.js +0 -27
  137. package/dist/components/form/DescribedCheckboxGroup.js.map +0 -1
  138. package/dist/components/form/DescribedRadioGroup.d.ts +0 -7
  139. package/dist/components/form/DescribedRadioGroup.d.ts.map +0 -1
  140. package/dist/components/form/DescribedRadioGroup.js +0 -22
  141. package/dist/components/form/DescribedRadioGroup.js.map +0 -1
  142. package/dist/components/form/styled.d.ts +0 -2
  143. package/dist/components/form/styled.d.ts.map +0 -1
  144. package/dist/components/form/styled.js +0 -42
  145. package/dist/components/form/styled.js.map +0 -1
  146. package/dist/components/form/types.d.ts +0 -53
  147. package/dist/components/form/types.d.ts.map +0 -1
  148. package/dist/components/form/types.js +0 -2
  149. package/dist/components/form/types.js.map +0 -1
  150. package/dist/context/AIWidgetProvider.d.ts +0 -23
  151. package/dist/context/AIWidgetProvider.d.ts.map +0 -1
  152. package/dist/context/AIWidgetProvider.js +0 -23
  153. package/dist/context/AIWidgetProvider.js.map +0 -1
  154. package/dist/context/hooks.d.ts +0 -69
  155. package/dist/context/hooks.d.ts.map +0 -1
  156. package/dist/context/hooks.js +0 -121
  157. package/dist/context/hooks.js.map +0 -1
  158. package/dist/features.d.ts +0 -40
  159. package/dist/features.d.ts.map +0 -1
  160. package/dist/features.js +0 -18
  161. package/dist/features.js.map +0 -1
  162. package/dist/index.d.ts +0 -14
  163. package/dist/index.d.ts.map +0 -1
  164. package/dist/index.js +0 -12
  165. package/dist/index.js.map +0 -1
  166. package/dist/layout.css +0 -137
  167. package/dist/regex.d.ts +0 -3
  168. package/dist/regex.d.ts.map +0 -1
  169. package/dist/regex.js +0 -3
  170. package/dist/regex.js.map +0 -1
  171. package/dist/right-panel/DefaultPanel.d.ts +0 -12
  172. package/dist/right-panel/DefaultPanel.d.ts.map +0 -1
  173. package/dist/right-panel/DefaultPanel.js +0 -50
  174. package/dist/right-panel/DefaultPanel.js.map +0 -1
  175. package/dist/right-panel/RightPanel.d.ts +0 -5
  176. package/dist/right-panel/RightPanel.d.ts.map +0 -1
  177. package/dist/right-panel/RightPanel.js +0 -9
  178. package/dist/right-panel/RightPanel.js.map +0 -1
  179. package/dist/right-panel/RightPanelProvider.d.ts +0 -28
  180. package/dist/right-panel/RightPanelProvider.d.ts.map +0 -1
  181. package/dist/right-panel/RightPanelProvider.js +0 -10
  182. package/dist/right-panel/RightPanelProvider.js.map +0 -1
  183. package/dist/right-panel/constants.d.ts +0 -2
  184. package/dist/right-panel/constants.d.ts.map +0 -1
  185. package/dist/right-panel/constants.js +0 -2
  186. package/dist/right-panel/constants.js.map +0 -1
  187. package/dist/right-panel/hooks.d.ts +0 -19
  188. package/dist/right-panel/hooks.d.ts.map +0 -1
  189. package/dist/right-panel/hooks.js +0 -46
  190. package/dist/right-panel/hooks.js.map +0 -1
  191. package/dist/state/ChatEntry.d.ts +0 -112
  192. package/dist/state/ChatEntry.d.ts.map +0 -1
  193. package/dist/state/ChatEntry.js +0 -59
  194. package/dist/state/ChatEntry.js.map +0 -1
  195. package/dist/state/ChatState.d.ts +0 -154
  196. package/dist/state/ChatState.d.ts.map +0 -1
  197. package/dist/state/ChatState.js +0 -108
  198. package/dist/state/ChatState.js.map +0 -1
  199. package/dist/state/ChatTabsController.d.ts +0 -66
  200. package/dist/state/ChatTabsController.d.ts.map +0 -1
  201. package/dist/state/ChatTabsController.js +0 -116
  202. package/dist/state/ChatTabsController.js.map +0 -1
  203. package/dist/state/ObservableState.d.ts +0 -24
  204. package/dist/state/ObservableState.d.ts.map +0 -1
  205. package/dist/state/ObservableState.js +0 -39
  206. package/dist/state/ObservableState.js.map +0 -1
  207. package/dist/state/WidgetState.d.ts +0 -80
  208. package/dist/state/WidgetState.d.ts.map +0 -1
  209. package/dist/state/WidgetState.js +0 -68
  210. package/dist/state/WidgetState.js.map +0 -1
  211. package/dist/state/types.d.ts +0 -8
  212. package/dist/state/types.d.ts.map +0 -1
  213. package/dist/state/types.js +0 -2
  214. package/dist/state/types.js.map +0 -1
  215. package/dist/types.d.ts +0 -27
  216. package/dist/types.d.ts.map +0 -1
  217. package/dist/types.js +0 -2
  218. package/dist/types.js.map +0 -1
  219. package/dist/utils/chat.d.ts +0 -12
  220. package/dist/utils/chat.d.ts.map +0 -1
  221. package/dist/utils/chat.js +0 -26
  222. package/dist/utils/chat.js.map +0 -1
  223. package/dist/utils/date.d.ts +0 -32
  224. package/dist/utils/date.d.ts.map +0 -1
  225. package/dist/utils/date.js +0 -66
  226. package/dist/utils/date.js.map +0 -1
  227. package/dist/utils/download.d.ts +0 -7
  228. package/dist/utils/download.d.ts.map +0 -1
  229. package/dist/utils/download.js +0 -15
  230. package/dist/utils/download.js.map +0 -1
  231. package/dist/utils/knowledge-source.d.ts +0 -19
  232. package/dist/utils/knowledge-source.d.ts.map +0 -1
  233. package/dist/utils/knowledge-source.js +0 -60
  234. package/dist/utils/knowledge-source.js.map +0 -1
  235. package/dist/utils/programming-languages.d.ts +0 -7
  236. package/dist/utils/programming-languages.d.ts.map +0 -1
  237. package/dist/utils/programming-languages.js +0 -464
  238. package/dist/utils/programming-languages.js.map +0 -1
  239. package/dist/utils/string.d.ts +0 -7
  240. package/dist/utils/string.d.ts.map +0 -1
  241. package/dist/utils/string.js +0 -11
  242. package/dist/utils/string.js.map +0 -1
  243. package/dist/utils/url.d.ts +0 -2
  244. package/dist/utils/url.d.ts.map +0 -1
  245. package/dist/utils/url.js +0 -8
  246. package/dist/utils/url.js.map +0 -1
  247. package/dist/views/Agents/AgentDescription.d.ts +0 -9
  248. package/dist/views/Agents/AgentDescription.d.ts.map +0 -1
  249. package/dist/views/Agents/AgentDescription.js +0 -21
  250. package/dist/views/Agents/AgentDescription.js.map +0 -1
  251. package/dist/views/Agents/AgentsPanel.d.ts +0 -5
  252. package/dist/views/Agents/AgentsPanel.d.ts.map +0 -1
  253. package/dist/views/Agents/AgentsPanel.js +0 -19
  254. package/dist/views/Agents/AgentsPanel.js.map +0 -1
  255. package/dist/views/Agents/AgentsTab.d.ts +0 -5
  256. package/dist/views/Agents/AgentsTab.d.ts.map +0 -1
  257. package/dist/views/Agents/AgentsTab.js +0 -43
  258. package/dist/views/Agents/AgentsTab.js.map +0 -1
  259. package/dist/views/Agents/dictionary.d.ts +0 -2
  260. package/dist/views/Agents/dictionary.d.ts.map +0 -1
  261. package/dist/views/Agents/dictionary.js +0 -35
  262. package/dist/views/Agents/dictionary.js.map +0 -1
  263. package/dist/views/Agents/index.d.ts +0 -5
  264. package/dist/views/Agents/index.d.ts.map +0 -1
  265. package/dist/views/Agents/index.js +0 -21
  266. package/dist/views/Agents/index.js.map +0 -1
  267. package/dist/views/Agents/styled.d.ts +0 -3
  268. package/dist/views/Agents/styled.d.ts.map +0 -1
  269. package/dist/views/Agents/styled.js +0 -58
  270. package/dist/views/Agents/styled.js.map +0 -1
  271. package/dist/views/Chat/AgentInfo.d.ts +0 -10
  272. package/dist/views/Chat/AgentInfo.d.ts.map +0 -1
  273. package/dist/views/Chat/AgentInfo.js +0 -10
  274. package/dist/views/Chat/AgentInfo.js.map +0 -1
  275. package/dist/views/Chat/ChatMessage.d.ts +0 -22
  276. package/dist/views/Chat/ChatMessage.d.ts.map +0 -1
  277. package/dist/views/Chat/ChatMessage.js +0 -82
  278. package/dist/views/Chat/ChatMessage.js.map +0 -1
  279. package/dist/views/Chat/ChatMessages.d.ts +0 -10
  280. package/dist/views/Chat/ChatMessages.d.ts.map +0 -1
  281. package/dist/views/Chat/ChatMessages.js +0 -15
  282. package/dist/views/Chat/ChatMessages.js.map +0 -1
  283. package/dist/views/Chat/chat-scroll.d.ts +0 -7
  284. package/dist/views/Chat/chat-scroll.d.ts.map +0 -1
  285. package/dist/views/Chat/chat-scroll.js +0 -17
  286. package/dist/views/Chat/chat-scroll.js.map +0 -1
  287. package/dist/views/Chat/events.d.ts +0 -22
  288. package/dist/views/Chat/events.d.ts.map +0 -1
  289. package/dist/views/Chat/events.js +0 -66
  290. package/dist/views/Chat/events.js.map +0 -1
  291. package/dist/views/Chat/index.d.ts +0 -12
  292. package/dist/views/Chat/index.d.ts.map +0 -1
  293. package/dist/views/Chat/index.js +0 -11
  294. package/dist/views/Chat/index.js.map +0 -1
  295. package/dist/views/Chat/styled.d.ts +0 -2
  296. package/dist/views/Chat/styled.d.ts.map +0 -1
  297. package/dist/views/Chat/styled.js +0 -186
  298. package/dist/views/Chat/styled.js.map +0 -1
  299. package/dist/views/ChatHistory/ChatHistoryPanel.d.ts +0 -5
  300. package/dist/views/ChatHistory/ChatHistoryPanel.d.ts.map +0 -1
  301. package/dist/views/ChatHistory/ChatHistoryPanel.js +0 -14
  302. package/dist/views/ChatHistory/ChatHistoryPanel.js.map +0 -1
  303. package/dist/views/ChatHistory/HistoryItem.d.ts +0 -8
  304. package/dist/views/ChatHistory/HistoryItem.d.ts.map +0 -1
  305. package/dist/views/ChatHistory/HistoryItem.js +0 -130
  306. package/dist/views/ChatHistory/HistoryItem.js.map +0 -1
  307. package/dist/views/ChatHistory/dictionary.d.ts +0 -2
  308. package/dist/views/ChatHistory/dictionary.d.ts.map +0 -1
  309. package/dist/views/ChatHistory/dictionary.js +0 -19
  310. package/dist/views/ChatHistory/dictionary.js.map +0 -1
  311. package/dist/views/ChatHistory/index.d.ts +0 -5
  312. package/dist/views/ChatHistory/index.d.ts.map +0 -1
  313. package/dist/views/ChatHistory/index.js +0 -26
  314. package/dist/views/ChatHistory/index.js.map +0 -1
  315. package/dist/views/ChatHistory/styled.d.ts +0 -2
  316. package/dist/views/ChatHistory/styled.d.ts.map +0 -1
  317. package/dist/views/ChatHistory/styled.js +0 -60
  318. package/dist/views/ChatHistory/styled.js.map +0 -1
  319. package/dist/views/ChatHistory/utils.d.ts +0 -20
  320. package/dist/views/ChatHistory/utils.d.ts.map +0 -1
  321. package/dist/views/ChatHistory/utils.js +0 -53
  322. package/dist/views/ChatHistory/utils.js.map +0 -1
  323. package/dist/views/ChatTabSelection.d.ts +0 -5
  324. package/dist/views/ChatTabSelection.d.ts.map +0 -1
  325. package/dist/views/ChatTabSelection.js +0 -48
  326. package/dist/views/ChatTabSelection.js.map +0 -1
  327. package/dist/views/Editor.d.ts +0 -5
  328. package/dist/views/Editor.d.ts.map +0 -1
  329. package/dist/views/Editor.js +0 -96
  330. package/dist/views/Editor.js.map +0 -1
  331. package/dist/views/Home/BuiltInAgent.d.ts +0 -6
  332. package/dist/views/Home/BuiltInAgent.d.ts.map +0 -1
  333. package/dist/views/Home/BuiltInAgent.js +0 -39
  334. package/dist/views/Home/BuiltInAgent.js.map +0 -1
  335. package/dist/views/Home/CustomAgent.d.ts +0 -5
  336. package/dist/views/Home/CustomAgent.d.ts.map +0 -1
  337. package/dist/views/Home/CustomAgent.js +0 -24
  338. package/dist/views/Home/CustomAgent.js.map +0 -1
  339. package/dist/views/Home/index.d.ts +0 -8
  340. package/dist/views/Home/index.d.ts.map +0 -1
  341. package/dist/views/Home/index.js +0 -15
  342. package/dist/views/Home/index.js.map +0 -1
  343. package/dist/views/Home/styled.d.ts +0 -2
  344. package/dist/views/Home/styled.d.ts.map +0 -1
  345. package/dist/views/Home/styled.js +0 -59
  346. package/dist/views/Home/styled.js.map +0 -1
  347. package/dist/views/Home/types.d.ts +0 -7
  348. package/dist/views/Home/types.d.ts.map +0 -1
  349. package/dist/views/Home/types.js +0 -2
  350. package/dist/views/Home/types.js.map +0 -1
  351. package/dist/views/KSDocument.d.ts +0 -5
  352. package/dist/views/KSDocument.d.ts.map +0 -1
  353. package/dist/views/KSDocument.js +0 -43
  354. package/dist/views/KSDocument.js.map +0 -1
  355. package/dist/views/KnowledgeSources.d.ts +0 -2
  356. package/dist/views/KnowledgeSources.d.ts.map +0 -1
  357. package/dist/views/KnowledgeSources.js +0 -96
  358. package/dist/views/KnowledgeSources.js.map +0 -1
  359. package/dist/views/MessageInput/AgentSelector.d.ts +0 -4
  360. package/dist/views/MessageInput/AgentSelector.d.ts.map +0 -1
  361. package/dist/views/MessageInput/AgentSelector.js +0 -58
  362. package/dist/views/MessageInput/AgentSelector.js.map +0 -1
  363. package/dist/views/MessageInput/ButtonAgent.d.ts +0 -2
  364. package/dist/views/MessageInput/ButtonAgent.d.ts.map +0 -1
  365. package/dist/views/MessageInput/ButtonAgent.js +0 -17
  366. package/dist/views/MessageInput/ButtonAgent.js.map +0 -1
  367. package/dist/views/MessageInput/ButtonGroup.d.ts +0 -29
  368. package/dist/views/MessageInput/ButtonGroup.d.ts.map +0 -1
  369. package/dist/views/MessageInput/ButtonGroup.js +0 -34
  370. package/dist/views/MessageInput/ButtonGroup.js.map +0 -1
  371. package/dist/views/MessageInput/InfoBar.d.ts +0 -9
  372. package/dist/views/MessageInput/InfoBar.d.ts.map +0 -1
  373. package/dist/views/MessageInput/InfoBar.js +0 -52
  374. package/dist/views/MessageInput/InfoBar.js.map +0 -1
  375. package/dist/views/MessageInput/QuickCommandSelector.d.ts +0 -4
  376. package/dist/views/MessageInput/QuickCommandSelector.d.ts.map +0 -1
  377. package/dist/views/MessageInput/QuickCommandSelector.js +0 -34
  378. package/dist/views/MessageInput/QuickCommandSelector.js.map +0 -1
  379. package/dist/views/MessageInput/dictionary.d.ts +0 -2
  380. package/dist/views/MessageInput/dictionary.d.ts.map +0 -1
  381. package/dist/views/MessageInput/dictionary.js +0 -43
  382. package/dist/views/MessageInput/dictionary.js.map +0 -1
  383. package/dist/views/MessageInput/index.d.ts +0 -7
  384. package/dist/views/MessageInput/index.d.ts.map +0 -1
  385. package/dist/views/MessageInput/index.js +0 -59
  386. package/dist/views/MessageInput/index.js.map +0 -1
  387. package/dist/views/MessageInput/styled.d.ts +0 -4
  388. package/dist/views/MessageInput/styled.d.ts.map +0 -1
  389. package/dist/views/MessageInput/styled.js +0 -257
  390. package/dist/views/MessageInput/styled.js.map +0 -1
  391. package/dist/views/MinimizedHeader.d.ts +0 -7
  392. package/dist/views/MinimizedHeader.d.ts.map +0 -1
  393. package/dist/views/MinimizedHeader.js +0 -79
  394. package/dist/views/MinimizedHeader.js.map +0 -1
  395. package/dist/views/Stacks.d.ts +0 -5
  396. package/dist/views/Stacks.d.ts.map +0 -1
  397. package/dist/views/Stacks.js +0 -80
  398. package/dist/views/Stacks.js.map +0 -1
  399. package/dist/views/Workspaces.d.ts +0 -5
  400. package/dist/views/Workspaces.d.ts.map +0 -1
  401. package/dist/views/Workspaces.js +0 -66
  402. package/dist/views/Workspaces.js.map +0 -1
@@ -1,50 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Card } from '@citric/ui';
3
- import { styled } from 'styled-components';
4
- import { panelAnimationTime } from '../right-panel/constants.js';
5
- import { AutoFocus } from './AutoFocus.js';
6
- import { FallbackBoundary } from './FallbackBoundary/index.js';
7
- const Form = styled.form `
8
- display: flex;
9
- flex-direction: column;
10
- justify-content: space-between;
11
- overflow: hidden;
12
- flex: 1;
13
- gap: 20px;
14
-
15
- > .content {
16
- display: flex;
17
- flex-direction: column;
18
- gap: 8px;
19
- flex: 1;
20
- overflow: hidden;
21
- }
22
-
23
- > button {
24
- margin-right: auto;
25
- }
26
-
27
- .search {
28
- margin-bottom: 8px;
29
- }
30
-
31
- .option-list {
32
- overflow: auto;
33
- }
34
-
35
- li.filtered-out {
36
- opacity: 0.5;
37
- }
38
-
39
- ${Card} svg {
40
- fill: transparent;
41
- }
42
- `;
43
- /**
44
- * A form that goes into a right panel. This controls style, errors, loading focus and form submission.
45
- */
46
- export const RightPanelForm = ({ children, onSubmit, ...props }) => (_jsx(FallbackBoundary, { children: _jsx(AutoFocus, { delay: panelAnimationTime, children: _jsx(Form, { ...props, onSubmit: (e) => {
47
- e.preventDefault();
48
- onSubmit?.(e);
49
- }, children: children }) }) }));
50
- //# sourceMappingURL=RightPanelForm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RightPanelForm.js","sourceRoot":"","sources":["../../src/components/RightPanelForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAE7D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgCpB,IAAI;;;CAGP,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAwB,EAAE,EAAE,CAAC,CACxF,KAAC,gBAAgB,cACf,KAAC,SAAS,IAAC,KAAK,EAAE,kBAAkB,YAClC,KAAC,IAAI,OACC,KAAK,EACT,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;YACf,CAAC,YAEA,QAAQ,GACJ,GACG,GACK,CACpB,CAAA"}
@@ -1,13 +0,0 @@
1
- interface Tab {
2
- title: string;
3
- content: React.ReactNode;
4
- }
5
- interface Props {
6
- tabs: Tab[];
7
- }
8
- /**
9
- * Tabs for the right panel content.
10
- */
11
- export declare const RightPanelTabs: ({ tabs }: Props) => import("react/jsx-runtime").JSX.Element;
12
- export {};
13
- //# sourceMappingURL=RightPanelTabs.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RightPanelTabs.d.ts","sourceRoot":"","sources":["../../src/components/RightPanelTabs.tsx"],"names":[],"mappings":"AAKA,UAAU,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,UAAU,KAAK;IACb,IAAI,EAAE,GAAG,EAAE,CAAC;CACb;AAcD;;GAEG;AACH,eAAO,MAAM,cAAc,aAAc,KAAK,4CAa7C,CAAA"}
@@ -1,24 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Tabs, TabsItem } from '@citric/ui';
3
- import { useMemo, useState } from 'react';
4
- import styled from 'styled-components';
5
- import { RightPanelForm } from './RightPanelForm.js';
6
- const StyledTabs = styled(Tabs) `
7
- > button {
8
- flex: 1;
9
- padding: 8px 0;
10
- }
11
- `;
12
- const StyledTabsItem = styled(TabsItem) `
13
- flex: 1;
14
- overflow: hidden;
15
- `;
16
- /**
17
- * Tabs for the right panel content.
18
- */
19
- export const RightPanelTabs = ({ tabs }) => {
20
- const [currentTab, setCurrentTab] = useState(0);
21
- const tabItems = useMemo(() => tabs.map(({ content, title }) => (_jsx(StyledTabsItem, { title: title, children: _jsx(RightPanelForm, { children: content }) }, title))), [tabs]);
22
- return (_jsx(StyledTabs, { activeIndex: currentTab, onChange: setCurrentTab, children: tabItems }));
23
- };
24
- //# sourceMappingURL=RightPanelTabs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RightPanelTabs.js","sourceRoot":"","sources":["../../src/components/RightPanelTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAWjD,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;CAK9B,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;;CAGtC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAS,EAAE,EAAE;IAChD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC/C,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC9D,KAAC,cAAc,IAAa,KAAK,EAAE,KAAK,YACtC,KAAC,cAAc,cAAE,OAAO,GAAkB,IADvB,KAAK,CAET,CAClB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,KAAC,UAAU,IAAC,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,YACzD,QAAQ,GACE,CACd,CAAA;AACH,CAAC,CAAA"}
@@ -1,24 +0,0 @@
1
- import { VisibilityLevelEnum } from '@stack-spot/portal-network/api/ai';
2
- import React, { FC } from 'react';
3
- type SectionVisibility = VisibilityLevelEnum | 'builtIn';
4
- type SelectorShortcut = '/' | '@';
5
- interface SelectorConfig<T> {
6
- resourceName: string;
7
- shortcut: SelectorShortcut;
8
- icon: React.ReactElement;
9
- regex: RegExp;
10
- urlBuilder: (item: T) => string;
11
- searchProp: keyof T;
12
- isEnabled: boolean;
13
- sections: SectionVisibility[];
14
- renderComponentItem: FC<T>;
15
- onSelect: (item: T) => void;
16
- data: () => T[];
17
- }
18
- interface SelectorProps<T> {
19
- selectorConfig: SelectorConfig<T>;
20
- inputRef: React.RefObject<HTMLTextAreaElement | HTMLInputElement>;
21
- }
22
- export declare const Selector: <T>({ inputRef, selectorConfig }: SelectorProps<T>) => import("react/jsx-runtime").JSX.Element;
23
- export {};
24
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Selector/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AAEvE,OAAO,KAAK,EAAE,EAAE,EAAE,EAAqD,MAAM,OAAO,CAAA;AAOpF,KAAK,iBAAiB,GAAG,mBAAmB,GAAG,SAAS,CAAA;AAExD,KAAK,gBAAgB,GAAG,GAAG,GAAG,GAAG,CAAA;AA2BjC,UAAU,cAAc,CAAC,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,mBAAmB,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC;CACjB;AAED,UAAU,aAAa,CAAC,CAAC;IACvB,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,gBAAgB,CAAC,CAAC;CACnE;AAkGD,eAAO,MAAM,QAAQ,GAAI,CAAC,gCAAkC,aAAa,CAAC,CAAC,CAAC,4CA+D3E,CAAA"}
@@ -1,134 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { IconBox, Text } from '@citric/core';
3
- import { ExternalLink } from '@citric/icons';
4
- import { IconButton } from '@citric/ui';
5
- import { useKeyboardControls } from '@stack-spot/portal-components';
6
- import { interpolate, useTranslate } from '@stack-spot/portal-translate';
7
- import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
8
- import { useCurrentChatState } from '../../context/hooks.js';
9
- import { getUrlToStackSpotAI } from '../../utils/url.js';
10
- import { Fading } from '../Fading.js';
11
- import { FallbackBoundary } from '../FallbackBoundary/index.js';
12
- import { SelectorBox } from './styled.js';
13
- const ListItem = ({ item, selectorConfig, onSelect }) => {
14
- const t = useTranslate(dictionary);
15
- const { urlBuilder, renderComponentItem } = selectorConfig;
16
- const linkTitle = interpolate(t.open, item.slug);
17
- return (_jsxs("li", { children: [_jsx("button", { className: "selector", onClick: () => onSelect(item), onKeyDown: (e) => e.key === 'Enter' && e.preventDefault(), onFocus: (e) => e.target.closest('li')?.classList.add('focus'), onBlur: (e) => e.target.closest('li')?.classList.remove('focus'), children: renderComponentItem(item) }), _jsx(IconButton, { as: "a", title: linkTitle, "aria-label": linkTitle, href: `${getUrlToStackSpotAI()}${urlBuilder(item)}`, target: "_blank", children: _jsx(ExternalLink, {}) })] }));
18
- };
19
- const List = ({ selectorConfig, filter, visibility, onSelect }) => {
20
- const t = useTranslate(dictionary);
21
- const items = selectorConfig.data();
22
- const filtered = useMemo(() => {
23
- if (!filter && !visibility)
24
- return items;
25
- const lowerFilter = filter?.toLowerCase() ?? '';
26
- return items.filter(item => item[selectorConfig.searchProp].toLocaleLowerCase().includes(lowerFilter) &&
27
- (!visibility || item?.visibility_level?.toLowerCase() === visibility.toLowerCase()));
28
- }, [filter, items, visibility]);
29
- if (!items.length)
30
- return _jsx(Text, { className: "empty", colorScheme: "light.700", children: interpolate(t.noData, selectorConfig.resourceName) });
31
- if (!filtered.length)
32
- _jsx(Text, { className: "empty", colorScheme: "light.700", children: interpolate(t.noResults, selectorConfig.resourceName) });
33
- return (_jsx("ul", { className: "selector-list", children: filtered.map((item) => (_jsx(ListItem, { item: item, selectorConfig: selectorConfig, onSelect: onSelect }, item.id))) }));
34
- };
35
- const SelectorContent = ({ filter, onClose, selectorConfig }) => {
36
- const t = useTranslate(dictionary);
37
- const ref = useRef(null);
38
- const [visibility, setVisibility] = useState();
39
- const { resourceName, icon, onSelect, sections } = selectorConfig;
40
- const onSelectItem = useCallback((slug) => {
41
- onSelect(slug);
42
- onClose();
43
- }, []);
44
- useKeyboardControls({
45
- querySelectors: '.tabs button, button.selector',
46
- disableTabBehavior: true,
47
- onPressEscape: onClose,
48
- onPressArrowLeft: () => ref.current?.querySelector('.tabs button.active')?.focus(),
49
- onPressArrowRight: () => ref.current?.querySelector('button.selector')?.focus(),
50
- ref,
51
- }, []);
52
- function createSectionItem(action) {
53
- return (_jsx("li", { children: _jsx("button", { className: visibility === action ? 'active' : '', onFocus: () => setVisibility(action), children: t[action || 'all'] }) }, action ?? 'all'));
54
- }
55
- return (_jsxs("div", { ref: ref, children: [_jsxs("header", { children: [_jsx(IconBox, { children: icon }), _jsxs(Text, { as: "h3", className: "uppercase", children: [" ", resourceName, " "] })] }), _jsxs("div", { className: "body", children: [_jsxs("ul", { className: "tabs", children: [createSectionItem(), sections.map(createSectionItem)] }), _jsx(FallbackBoundary, { message: interpolate(t.error, selectorConfig.resourceName), mini: true, children: _jsx(List, { filter: filter, visibility: visibility, selectorConfig: selectorConfig, onSelect: onSelectItem }) })] })] }));
56
- };
57
- export const Selector = ({ inputRef, selectorConfig }) => {
58
- const { shortcut, regex, isEnabled } = selectorConfig;
59
- const [isClosed, setClosed] = useState(false);
60
- const selectorRef = useRef(null);
61
- const value = useCurrentChatState('nextMessage') ?? '';
62
- const filter = useMemo(() => value === shortcut || regex.test(value) ? value.substring(1) : undefined, [value]);
63
- const shouldRender = isEnabled && filter !== undefined && !isClosed;
64
- // Resets the closed state whenever the message input is cleared
65
- useEffect(() => {
66
- if (!value)
67
- setClosed(false);
68
- }, [value]);
69
- // Creates the following behavior while the user types in the message input:
70
- // auto-complete on tab; move focus to the resource panel on press up or down; and close the resource panel on esc.
71
- useEffect(() => {
72
- function getFirst() {
73
- return selectorRef.current?.querySelector('.selector');
74
- }
75
- function onKeyDown(event) {
76
- const key = event.key;
77
- if (!selectorRef.current)
78
- return;
79
- if (key === 'Tab') {
80
- getFirst()?.click();
81
- event.preventDefault();
82
- }
83
- else if (key === 'ArrowDown' || key === 'ArrowUp') {
84
- getFirst()?.focus();
85
- event.preventDefault();
86
- }
87
- if (key === 'Escape') {
88
- setClosed(true);
89
- }
90
- }
91
- inputRef.current?.addEventListener('keydown', onKeyDown);
92
- return () => inputRef.current?.removeEventListener('keydown', onKeyDown);
93
- }, []);
94
- // Closes the panel when the user clicks outside the panel or the message input.
95
- useEffect(() => {
96
- if (!shouldRender)
97
- return;
98
- function onClickOut(e) {
99
- const target = e.target;
100
- if (!selectorRef.current?.contains(target) && !inputRef.current?.contains(target))
101
- setClosed(true);
102
- }
103
- document.addEventListener('click', onClickOut);
104
- return () => document.removeEventListener('click', onClickOut);
105
- }, [shouldRender]);
106
- return (_jsx(SelectorBox, { children: _jsx(Fading, { visible: shouldRender, ref: selectorRef, className: "box-selector", children: _jsx(SelectorContent, { selectorConfig: selectorConfig, filter: filter, onClose: () => setClosed(true), inputRef: inputRef }) }) }));
107
- };
108
- const dictionary = {
109
- en: {
110
- all: 'All',
111
- personal: 'Personal',
112
- account: 'Account',
113
- shared: 'Shared',
114
- builtIn: 'Built-in',
115
- workspace: 'Workspace',
116
- error: 'Could not load the $0s.',
117
- noData: 'You don\'t have any $0 yet.',
118
- noResults: 'There are no $0s to show here.',
119
- open: 'Open this $0 settings in a new tab.',
120
- },
121
- pt: {
122
- all: 'Todos',
123
- personal: 'Pessoal',
124
- account: 'Conta',
125
- shared: 'Compartilhado',
126
- workspace: 'Workspace',
127
- builtIn: 'Embutido',
128
- error: 'Não foi possível carregar os $0s.',
129
- noData: 'Você ainda não possui $0s.',
130
- noResults: 'Não $0s para mostrar aqui.',
131
- open: 'Abra as configurações deste $0 em uma nova aba.',
132
- },
133
- };
134
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Selector/index.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export declare const SelectorBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
- //# sourceMappingURL=styled.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/Selector/styled.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,wOAqJvB,CAAA"}
@@ -1,153 +0,0 @@
1
- import { theme } from '@stack-spot/portal-theme';
2
- import { styled } from 'styled-components';
3
- export const SelectorBox = styled.div `
4
- position: absolute;
5
- bottom: 0;
6
-
7
- .box-selector {
8
- position: absolute;
9
- border-radius: 4px;
10
- border: 1px solid ${theme.color.light[600]};
11
- background-color: ${theme.color.light[400]};
12
- box-shadow: 0px 2px 16px 0px #0000005C;
13
- display: flex;
14
- flex-direction: column;
15
- width: 480px;
16
- bottom: 54px;
17
- left: 0;
18
-
19
- .loading, .error {
20
- padding-bottom: 26px;
21
- p {
22
- width: 200px;
23
- text-align: center;
24
- line-height: 20px;
25
- }
26
- }
27
-
28
- .empty {
29
- padding-bottom: 26px;
30
- width: 200px;
31
- text-align: center;
32
- line-height: 20px;
33
- margin: auto;
34
- }
35
-
36
- header {
37
- display: flex;
38
- flex-direction: row;
39
- gap: 8px;
40
- align-items: center;
41
- padding: 8px;
42
- margin-bottom: 4px;
43
- font-family: 'San Francisco';
44
- text-transform: uppercase;
45
- font-weight: 500;
46
- font-size: 11px;
47
- background-color: ${theme.color.light[500]};
48
- }
49
-
50
- .body {
51
- display: flex;
52
- flex-direction: row;
53
- align-items: center;
54
- }
55
-
56
- ul {
57
- margin: 0;
58
- padding: 0;
59
- list-style: none;
60
- }
61
-
62
- ul.tabs {
63
- display: flex;
64
- flex-direction: column;
65
- min-width: 100px;
66
-
67
- li {
68
- display: flex;
69
- flex-direction: column;
70
- }
71
-
72
- button {
73
- box-sizing: border-box;
74
- color: ${theme.color.light[700]};
75
- text-align: left;
76
- padding: 10px;
77
- font-weight: 600;
78
- font-size: 12px;
79
- transition: background-color 0.3s;
80
- border-left: 1px solid transparent;
81
- border-top-right-radius: 4px;
82
- border-bottom-right-radius: 4px;
83
- background-color: transparent;
84
- border: none;
85
- cursor: pointer;
86
- outline: none;
87
-
88
- &:hover, &.active, &:focus {
89
- background-color: ${theme.color.light[600]};
90
- }
91
-
92
- &.active {
93
- border-left: 1px solid ${theme.color.light.contrastText};
94
- color: ${theme.color.light.contrastText};
95
- }
96
- }
97
- }
98
-
99
- ul.selector-list {
100
- align-self: stretch;
101
- display: flex;
102
- flex-direction: column;
103
- gap: 2px;
104
- overflow-y: auto;
105
- flex: 1;
106
- max-height: 170px;
107
-
108
- li {
109
- display: flex;
110
- flex-direction: row;
111
- align-items: center;
112
- gap: 8px;
113
- padding: 8px;
114
- border-radius: 4px;
115
-
116
- &:hover, &.focus {
117
- background-color: ${theme.color.light[600]};
118
- }
119
-
120
- button.selector {
121
- display: flex;
122
- flex-direction: column;
123
- flex: 1;
124
- gap: 4px;
125
- border: none;
126
- text-align: left;
127
- background-color: transparent;
128
- text-align: left;
129
- outline: none;
130
- overflow: hidden;
131
- cursor: pointer;
132
- padding: 0;
133
-
134
- .selector-title {
135
- font-size: 12px;
136
- color: ${theme.color.light.contrastText};
137
- font-weight: 500;
138
- text-overflow: ellipsis;
139
- overflow: hidden;
140
- margin: 0;
141
- }
142
-
143
- .selector-description {
144
- color: ${theme.color.light[700]};
145
- font-size: 12px;
146
- margin: 0;
147
- }
148
- }
149
- }
150
- }
151
- }
152
- `;
153
- //# sourceMappingURL=styled.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/Selector/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAG1C,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;wBAOb,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;wBACtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAoCpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA2B/B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;8BAeT,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;mCAIjB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;mBAC9C,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;8BAuBnB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;qBAmB/B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;;;;;;;;qBAQ9B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;CAQ1C,CAAA"}
@@ -1,40 +0,0 @@
1
- import { ButtonAction } from '../types.js';
2
- interface Props<T, Key extends React.Key> {
3
- /**
4
- * The list of tabs.
5
- */
6
- tabs: T[];
7
- /**
8
- * Function to generate a unique id for a tab.
9
- */
10
- keygen: (tab: T) => Key;
11
- /**
12
- * The key corresponding to the tab currently active.
13
- */
14
- active: Key;
15
- /**
16
- * Function to call once a tab is selected.
17
- */
18
- onSelect: (tab: T) => void;
19
- /**
20
- * Function to run once a tab is closed.
21
- */
22
- onRemove: (tab: T) => void;
23
- /**
24
- * Extra buttons that goes in the far-end of the tab manager.
25
- */
26
- buttons?: ButtonAction[];
27
- /**
28
- * Function to render the label inside the tab.
29
- */
30
- renderLabel: (tab: T) => React.ReactElement;
31
- }
32
- /**
33
- * Renders and manages a list of tabs. With this, tabs can be selected and removed. Furthermore, extra buttons can be placed after all tabs,
34
- * e.g. a button to add more tabs.
35
- *
36
- * Used for the chat tabs.
37
- */
38
- export declare function TabManager<T, Key extends React.Key>({ active, tabs, keygen, onRemove, onSelect, renderLabel, buttons }: Props<T, Key>): import("react/jsx-runtime").JSX.Element;
39
- export {};
40
- //# sourceMappingURL=TabManager.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabManager.d.ts","sourceRoot":"","sources":["../../src/components/TabManager.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAGvC,UAAU,KAAK,CAAC,CAAC,EAAE,GAAG,SAAS,KAAK,CAAC,GAAG;IACtC;;OAEG;IACH,IAAI,EAAE,CAAC,EAAE,CAAC;IACV;;OAEG;IACH,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,GAAG,CAAC;IACxB;;OAEG;IACH,MAAM,EAAE,GAAG,CAAC;IACZ;;OAEG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3B;;OAEG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB;;OAEG;IACH,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;CAC7C;AA4HD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,GAAG,SAAS,KAAK,CAAC,GAAG,EACjD,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAY,EAAE,EAAE,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,2CAgDvF"}
@@ -1,166 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- /* Tabs to select chat and add new chats */
3
- import { TimesMini } from '@citric/icons';
4
- import { IconButton } from '@citric/ui';
5
- import { listToClass, theme } from '@stack-spot/portal-theme';
6
- import { useTranslate } from '@stack-spot/portal-translate';
7
- import { last } from 'lodash';
8
- import { useCallback, useEffect, useMemo, useRef } from 'react';
9
- import { styled } from 'styled-components';
10
- import { FadingOverflow } from './FadingOverflow.js';
11
- // The size of extra buttons placed after the tabs.
12
- const EXTRA_BTN_SIZE = 24;
13
- // The margin of extra buttons placed after the tabs.
14
- const EXTRA_BTN_MARGIN = 8;
15
- const Tabs = styled.nav `
16
- width: 100%;
17
- background-color: ${theme.color.light[400]};
18
- display: flex;
19
- flex-direction: row;
20
- align-items: center;
21
- border-bottom: 1px solid ${theme.color.light[500]};
22
-
23
- button {
24
- cursor: pointer;
25
-
26
- &.extra {
27
- padding: 0;
28
- transition: background-color 0.3s;
29
- width: ${EXTRA_BTN_SIZE}px;
30
- height: ${EXTRA_BTN_SIZE}px;
31
- margin: 0 ${EXTRA_BTN_MARGIN}px;
32
-
33
- &:hover {
34
- background-color: ${theme.color.light[500]};
35
- }
36
- }
37
- }
38
-
39
- ${IconButton} {
40
- display: flex;
41
- align-items: center;
42
- justify-content: center;
43
- background-color: transparent;
44
- border: none;
45
- }
46
-
47
- .list-overflow {
48
- max-width: ${({ $numberOfExtraButtons }) => `calc(100% - ${$numberOfExtraButtons * (EXTRA_BTN_SIZE + EXTRA_BTN_MARGIN * 2)}px)`};
49
- }
50
-
51
- ul {
52
- padding: 0;
53
- margin: 0;
54
- list-style: none;
55
- display: flex;
56
- flex-direction: row;
57
-
58
- &::-webkit-scrollbar {
59
- width: 2px;
60
- height: 2px;
61
- opacity: 0;
62
- }
63
-
64
- li {
65
- cursor: pointer;
66
- overflow-x: clip;
67
- white-space: nowrap;
68
- height: 39px;
69
- padding: 0 12px;
70
- display: flex;
71
- flex-direction: row;
72
- align-items: center;
73
- gap: 8px;
74
- border-top: 1px solid transparent;
75
- border-right: 1px solid ${theme.color.light[500]};
76
- background-color: ${theme.color.light[400]};
77
- transition: background-color 0.3s, border-color 0.3s;
78
-
79
- &.active, &:hover {
80
- button {
81
- opacity: 1;
82
- }
83
- }
84
-
85
- &:hover {
86
- background-color: ${theme.color.light[500]};
87
- }
88
-
89
- &.active {
90
- background-color: ${theme.color.light[500]};
91
- border-top-color: ${theme.color.secondary[400]};
92
- }
93
-
94
- button {
95
- opacity: 0.7;
96
- transition: opacity 0.3s;
97
- }
98
-
99
- button.label {
100
- max-width: 100px;
101
- overflow: hidden;
102
- text-overflow: clip;
103
- background-color: transparent;
104
- border: none;
105
- padding: 0;
106
- color: inherit;
107
- position: relative;
108
-
109
- &.overflow {
110
- mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
111
- }
112
- }
113
-
114
- ${IconButton} {
115
- padding: 0;
116
- width: 18px;
117
- height: 18px;
118
- transition: background-color 0.3s;
119
-
120
- svg {
121
- height: 14px;
122
- }
123
-
124
- &:hover {
125
- background-color: ${theme.color.light[600]};
126
- }
127
- }
128
- }
129
- }
130
- `;
131
- /**
132
- * Renders and manages a list of tabs. With this, tabs can be selected and removed. Furthermore, extra buttons can be placed after all tabs,
133
- * e.g. a button to add more tabs.
134
- *
135
- * Used for the chat tabs.
136
- */
137
- export function TabManager({ active, tabs, keygen, onRemove, onSelect, renderLabel, buttons = [] }) {
138
- const t = useTranslate(dictionary);
139
- const tabList = useRef(null);
140
- const lastNumberOfTabs = useRef(tabs.length);
141
- const onClickTab = useCallback((event) => {
142
- const target = event.target;
143
- if (target.tagName === 'LI')
144
- target.querySelector('button')?.click();
145
- }, []);
146
- const tabItems = useMemo(() => tabs.map((tab) => (_jsxs("li", { className: keygen(tab) === active ? 'active' : undefined, onClick: onClickTab, children: [_jsx("button", { className: "label", onClick: () => onSelect(tab), children: _jsx(FadingOverflow, { children: renderLabel(tab) }) }), tabs.length > 1 && _jsx(IconButton, { "aria-label": t.close, title: t.close, onClick: () => onRemove(tab), children: _jsx(TimesMini, {}) })] }, keygen(tab)))), [tabs, active]);
147
- const extras = useMemo(() => buttons.map(({ label, onClick, icon, className, style }) => (_jsx(IconButton, { "aria-label": label, title: label, className: listToClass([className, 'extra']), style: style, onClick: onClick, children: icon }, label))), [buttons]);
148
- // when a new tab is added, we should scroll to it if there are more tabs that we can show.
149
- useEffect(() => {
150
- if (tabs.length > lastNumberOfTabs.current) {
151
- const items = tabList.current?.children ?? [];
152
- last(items)?.scrollIntoView({ behavior: 'smooth' });
153
- }
154
- lastNumberOfTabs.current = tabs.length;
155
- }, [tabs]);
156
- return (_jsxs(Tabs, { "$numberOfExtraButtons": buttons.length, children: [_jsx(FadingOverflow, { className: "list-overflow", scroll: "arrows", enableHorizontalScrollWithVerticalWheel: true, children: _jsx("ul", { ref: tabList, children: tabItems }) }), extras] }));
157
- }
158
- const dictionary = {
159
- en: {
160
- close: 'Close',
161
- },
162
- pt: {
163
- close: 'Fechar',
164
- },
165
- };
166
- //# sourceMappingURL=TabManager.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabManager.js","sourceRoot":"","sources":["../../src/components/TabManager.tsx"],"names":[],"mappings":"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"}