@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.
- package/package.json +1 -1
- package/src/app-metadata.json +2 -2
- package/src/views/MessageInput/chat-entry-history.ts +97 -0
- package/src/views/MessageInput/index.tsx +7 -1
- package/dist/AbortedError.d.ts +0 -5
- package/dist/AbortedError.d.ts.map +0 -1
- package/dist/AbortedError.js +0 -7
- package/dist/AbortedError.js.map +0 -1
- package/dist/StackspotAIWidget.d.ts +0 -23
- package/dist/StackspotAIWidget.d.ts.map +0 -1
- package/dist/StackspotAIWidget.js +0 -35
- package/dist/StackspotAIWidget.js.map +0 -1
- package/dist/app-metadata.json +0 -151
- package/dist/chat-interceptors/CustomInputs.d.ts +0 -22
- package/dist/chat-interceptors/CustomInputs.d.ts.map +0 -1
- package/dist/chat-interceptors/CustomInputs.js +0 -71
- package/dist/chat-interceptors/CustomInputs.js.map +0 -1
- package/dist/chat-interceptors/quick-command-questions.d.ts +0 -14
- package/dist/chat-interceptors/quick-command-questions.d.ts.map +0 -1
- package/dist/chat-interceptors/quick-command-questions.js +0 -28
- package/dist/chat-interceptors/quick-command-questions.js.map +0 -1
- package/dist/chat-interceptors/quick-commands.d.ts +0 -17
- package/dist/chat-interceptors/quick-commands.d.ts.map +0 -1
- package/dist/chat-interceptors/quick-commands.js +0 -292
- package/dist/chat-interceptors/quick-commands.js.map +0 -1
- package/dist/chat-interceptors/send-message.d.ts +0 -14
- package/dist/chat-interceptors/send-message.d.ts.map +0 -1
- package/dist/chat-interceptors/send-message.js +0 -96
- package/dist/chat-interceptors/send-message.js.map +0 -1
- package/dist/components/Accordion.d.ts +0 -20
- package/dist/components/Accordion.d.ts.map +0 -1
- package/dist/components/Accordion.js +0 -49
- package/dist/components/Accordion.js.map +0 -1
- package/dist/components/AdaptiveTextArea.d.ts +0 -22
- package/dist/components/AdaptiveTextArea.d.ts.map +0 -1
- package/dist/components/AdaptiveTextArea.js +0 -39
- package/dist/components/AdaptiveTextArea.js.map +0 -1
- package/dist/components/AutoFocus.d.ts +0 -23
- package/dist/components/AutoFocus.d.ts.map +0 -1
- package/dist/components/AutoFocus.js +0 -23
- package/dist/components/AutoFocus.js.map +0 -1
- package/dist/components/Code.d.ts +0 -19
- package/dist/components/Code.d.ts.map +0 -1
- package/dist/components/Code.js +0 -118
- package/dist/components/Code.js.map +0 -1
- package/dist/components/Fading.d.ts +0 -32
- package/dist/components/Fading.d.ts.map +0 -1
- package/dist/components/Fading.js +0 -33
- package/dist/components/Fading.js.map +0 -1
- package/dist/components/FadingOverflow.d.ts +0 -37
- package/dist/components/FadingOverflow.d.ts.map +0 -1
- package/dist/components/FadingOverflow.js +0 -225
- package/dist/components/FadingOverflow.js.map +0 -1
- package/dist/components/FallbackBoundary/ErrorBoundary.d.ts +0 -33
- package/dist/components/FallbackBoundary/ErrorBoundary.d.ts.map +0 -1
- package/dist/components/FallbackBoundary/ErrorBoundary.js +0 -52
- package/dist/components/FallbackBoundary/ErrorBoundary.js.map +0 -1
- package/dist/components/FallbackBoundary/Loading.d.ts +0 -2
- package/dist/components/FallbackBoundary/Loading.d.ts.map +0 -1
- package/dist/components/FallbackBoundary/Loading.js +0 -12
- package/dist/components/FallbackBoundary/Loading.js.map +0 -1
- package/dist/components/FallbackBoundary/index.d.ts +0 -17
- package/dist/components/FallbackBoundary/index.d.ts.map +0 -1
- package/dist/components/FallbackBoundary/index.js +0 -9
- package/dist/components/FallbackBoundary/index.js.map +0 -1
- package/dist/components/HistoryList.d.ts +0 -25
- package/dist/components/HistoryList.d.ts.map +0 -1
- package/dist/components/HistoryList.js +0 -74
- package/dist/components/HistoryList.js.map +0 -1
- package/dist/components/IconInput.d.ts +0 -10
- package/dist/components/IconInput.d.ts.map +0 -1
- package/dist/components/IconInput.js +0 -61
- package/dist/components/IconInput.js.map +0 -1
- package/dist/components/Markdown.d.ts +0 -9
- package/dist/components/Markdown.d.ts.map +0 -1
- package/dist/components/Markdown.js +0 -17
- package/dist/components/Markdown.js.map +0 -1
- package/dist/components/OverlayMenu.d.ts +0 -21
- package/dist/components/OverlayMenu.d.ts.map +0 -1
- package/dist/components/OverlayMenu.js +0 -79
- package/dist/components/OverlayMenu.js.map +0 -1
- package/dist/components/ProgressBar.d.ts +0 -33
- package/dist/components/ProgressBar.d.ts.map +0 -1
- package/dist/components/ProgressBar.js +0 -131
- package/dist/components/ProgressBar.js.map +0 -1
- package/dist/components/QuickStartButton.d.ts +0 -13
- package/dist/components/QuickStartButton.d.ts.map +0 -1
- package/dist/components/QuickStartButton.js +0 -47
- package/dist/components/QuickStartButton.js.map +0 -1
- package/dist/components/RightPanelForm.d.ts +0 -8
- package/dist/components/RightPanelForm.d.ts.map +0 -1
- package/dist/components/RightPanelForm.js +0 -50
- package/dist/components/RightPanelForm.js.map +0 -1
- package/dist/components/RightPanelTabs.d.ts +0 -13
- package/dist/components/RightPanelTabs.d.ts.map +0 -1
- package/dist/components/RightPanelTabs.js +0 -24
- package/dist/components/RightPanelTabs.js.map +0 -1
- package/dist/components/Selector/index.d.ts +0 -24
- package/dist/components/Selector/index.d.ts.map +0 -1
- package/dist/components/Selector/index.js +0 -134
- package/dist/components/Selector/index.js.map +0 -1
- package/dist/components/Selector/styled.d.ts +0 -2
- package/dist/components/Selector/styled.d.ts.map +0 -1
- package/dist/components/Selector/styled.js +0 -153
- package/dist/components/Selector/styled.js.map +0 -1
- package/dist/components/TabManager.d.ts +0 -40
- package/dist/components/TabManager.d.ts.map +0 -1
- package/dist/components/TabManager.js +0 -166
- package/dist/components/TabManager.js.map +0 -1
- package/dist/components/Tooltip/Tooltip.d.ts +0 -37
- package/dist/components/Tooltip/Tooltip.d.ts.map +0 -1
- package/dist/components/Tooltip/Tooltip.js +0 -30
- package/dist/components/Tooltip/Tooltip.js.map +0 -1
- package/dist/components/Tooltip/TooltipAPI.d.ts +0 -29
- package/dist/components/Tooltip/TooltipAPI.d.ts.map +0 -1
- package/dist/components/Tooltip/TooltipAPI.js +0 -107
- package/dist/components/Tooltip/TooltipAPI.js.map +0 -1
- package/dist/components/Tooltip/context.d.ts +0 -5
- package/dist/components/Tooltip/context.d.ts.map +0 -1
- package/dist/components/Tooltip/context.js +0 -18
- package/dist/components/Tooltip/context.js.map +0 -1
- package/dist/components/Tooltip/index.d.ts +0 -3
- package/dist/components/Tooltip/index.d.ts.map +0 -1
- package/dist/components/Tooltip/index.js +0 -3
- package/dist/components/Tooltip/index.js.map +0 -1
- package/dist/components/Tooltip/style.d.ts +0 -4
- package/dist/components/Tooltip/style.d.ts.map +0 -1
- package/dist/components/Tooltip/style.js +0 -22
- package/dist/components/Tooltip/style.js.map +0 -1
- package/dist/components/Tooltip/types.d.ts +0 -27
- package/dist/components/Tooltip/types.d.ts.map +0 -1
- package/dist/components/Tooltip/types.js +0 -2
- package/dist/components/Tooltip/types.js.map +0 -1
- package/dist/components/form/DescribedCheckboxGroup.d.ts +0 -7
- package/dist/components/form/DescribedCheckboxGroup.d.ts.map +0 -1
- package/dist/components/form/DescribedCheckboxGroup.js +0 -27
- package/dist/components/form/DescribedCheckboxGroup.js.map +0 -1
- package/dist/components/form/DescribedRadioGroup.d.ts +0 -7
- package/dist/components/form/DescribedRadioGroup.d.ts.map +0 -1
- package/dist/components/form/DescribedRadioGroup.js +0 -22
- package/dist/components/form/DescribedRadioGroup.js.map +0 -1
- package/dist/components/form/styled.d.ts +0 -2
- package/dist/components/form/styled.d.ts.map +0 -1
- package/dist/components/form/styled.js +0 -42
- package/dist/components/form/styled.js.map +0 -1
- package/dist/components/form/types.d.ts +0 -53
- package/dist/components/form/types.d.ts.map +0 -1
- package/dist/components/form/types.js +0 -2
- package/dist/components/form/types.js.map +0 -1
- package/dist/context/AIWidgetProvider.d.ts +0 -23
- package/dist/context/AIWidgetProvider.d.ts.map +0 -1
- package/dist/context/AIWidgetProvider.js +0 -23
- package/dist/context/AIWidgetProvider.js.map +0 -1
- package/dist/context/hooks.d.ts +0 -69
- package/dist/context/hooks.d.ts.map +0 -1
- package/dist/context/hooks.js +0 -121
- package/dist/context/hooks.js.map +0 -1
- package/dist/features.d.ts +0 -40
- package/dist/features.d.ts.map +0 -1
- package/dist/features.js +0 -18
- package/dist/features.js.map +0 -1
- package/dist/index.d.ts +0 -14
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js +0 -12
- package/dist/index.js.map +0 -1
- package/dist/layout.css +0 -137
- package/dist/regex.d.ts +0 -3
- package/dist/regex.d.ts.map +0 -1
- package/dist/regex.js +0 -3
- package/dist/regex.js.map +0 -1
- package/dist/right-panel/DefaultPanel.d.ts +0 -12
- package/dist/right-panel/DefaultPanel.d.ts.map +0 -1
- package/dist/right-panel/DefaultPanel.js +0 -50
- package/dist/right-panel/DefaultPanel.js.map +0 -1
- package/dist/right-panel/RightPanel.d.ts +0 -5
- package/dist/right-panel/RightPanel.d.ts.map +0 -1
- package/dist/right-panel/RightPanel.js +0 -9
- package/dist/right-panel/RightPanel.js.map +0 -1
- package/dist/right-panel/RightPanelProvider.d.ts +0 -28
- package/dist/right-panel/RightPanelProvider.d.ts.map +0 -1
- package/dist/right-panel/RightPanelProvider.js +0 -10
- package/dist/right-panel/RightPanelProvider.js.map +0 -1
- package/dist/right-panel/constants.d.ts +0 -2
- package/dist/right-panel/constants.d.ts.map +0 -1
- package/dist/right-panel/constants.js +0 -2
- package/dist/right-panel/constants.js.map +0 -1
- package/dist/right-panel/hooks.d.ts +0 -19
- package/dist/right-panel/hooks.d.ts.map +0 -1
- package/dist/right-panel/hooks.js +0 -46
- package/dist/right-panel/hooks.js.map +0 -1
- package/dist/state/ChatEntry.d.ts +0 -112
- package/dist/state/ChatEntry.d.ts.map +0 -1
- package/dist/state/ChatEntry.js +0 -59
- package/dist/state/ChatEntry.js.map +0 -1
- package/dist/state/ChatState.d.ts +0 -154
- package/dist/state/ChatState.d.ts.map +0 -1
- package/dist/state/ChatState.js +0 -108
- package/dist/state/ChatState.js.map +0 -1
- package/dist/state/ChatTabsController.d.ts +0 -66
- package/dist/state/ChatTabsController.d.ts.map +0 -1
- package/dist/state/ChatTabsController.js +0 -116
- package/dist/state/ChatTabsController.js.map +0 -1
- package/dist/state/ObservableState.d.ts +0 -24
- package/dist/state/ObservableState.d.ts.map +0 -1
- package/dist/state/ObservableState.js +0 -39
- package/dist/state/ObservableState.js.map +0 -1
- package/dist/state/WidgetState.d.ts +0 -80
- package/dist/state/WidgetState.d.ts.map +0 -1
- package/dist/state/WidgetState.js +0 -68
- package/dist/state/WidgetState.js.map +0 -1
- package/dist/state/types.d.ts +0 -8
- package/dist/state/types.d.ts.map +0 -1
- package/dist/state/types.js +0 -2
- package/dist/state/types.js.map +0 -1
- package/dist/types.d.ts +0 -27
- package/dist/types.d.ts.map +0 -1
- package/dist/types.js +0 -2
- package/dist/types.js.map +0 -1
- package/dist/utils/chat.d.ts +0 -12
- package/dist/utils/chat.d.ts.map +0 -1
- package/dist/utils/chat.js +0 -26
- package/dist/utils/chat.js.map +0 -1
- package/dist/utils/date.d.ts +0 -32
- package/dist/utils/date.d.ts.map +0 -1
- package/dist/utils/date.js +0 -66
- package/dist/utils/date.js.map +0 -1
- package/dist/utils/download.d.ts +0 -7
- package/dist/utils/download.d.ts.map +0 -1
- package/dist/utils/download.js +0 -15
- package/dist/utils/download.js.map +0 -1
- package/dist/utils/knowledge-source.d.ts +0 -19
- package/dist/utils/knowledge-source.d.ts.map +0 -1
- package/dist/utils/knowledge-source.js +0 -60
- package/dist/utils/knowledge-source.js.map +0 -1
- package/dist/utils/programming-languages.d.ts +0 -7
- package/dist/utils/programming-languages.d.ts.map +0 -1
- package/dist/utils/programming-languages.js +0 -464
- package/dist/utils/programming-languages.js.map +0 -1
- package/dist/utils/string.d.ts +0 -7
- package/dist/utils/string.d.ts.map +0 -1
- package/dist/utils/string.js +0 -11
- package/dist/utils/string.js.map +0 -1
- package/dist/utils/url.d.ts +0 -2
- package/dist/utils/url.d.ts.map +0 -1
- package/dist/utils/url.js +0 -8
- package/dist/utils/url.js.map +0 -1
- package/dist/views/Agents/AgentDescription.d.ts +0 -9
- package/dist/views/Agents/AgentDescription.d.ts.map +0 -1
- package/dist/views/Agents/AgentDescription.js +0 -21
- package/dist/views/Agents/AgentDescription.js.map +0 -1
- package/dist/views/Agents/AgentsPanel.d.ts +0 -5
- package/dist/views/Agents/AgentsPanel.d.ts.map +0 -1
- package/dist/views/Agents/AgentsPanel.js +0 -19
- package/dist/views/Agents/AgentsPanel.js.map +0 -1
- package/dist/views/Agents/AgentsTab.d.ts +0 -5
- package/dist/views/Agents/AgentsTab.d.ts.map +0 -1
- package/dist/views/Agents/AgentsTab.js +0 -43
- package/dist/views/Agents/AgentsTab.js.map +0 -1
- package/dist/views/Agents/dictionary.d.ts +0 -2
- package/dist/views/Agents/dictionary.d.ts.map +0 -1
- package/dist/views/Agents/dictionary.js +0 -35
- package/dist/views/Agents/dictionary.js.map +0 -1
- package/dist/views/Agents/index.d.ts +0 -5
- package/dist/views/Agents/index.d.ts.map +0 -1
- package/dist/views/Agents/index.js +0 -21
- package/dist/views/Agents/index.js.map +0 -1
- package/dist/views/Agents/styled.d.ts +0 -3
- package/dist/views/Agents/styled.d.ts.map +0 -1
- package/dist/views/Agents/styled.js +0 -58
- package/dist/views/Agents/styled.js.map +0 -1
- package/dist/views/Chat/AgentInfo.d.ts +0 -10
- package/dist/views/Chat/AgentInfo.d.ts.map +0 -1
- package/dist/views/Chat/AgentInfo.js +0 -10
- package/dist/views/Chat/AgentInfo.js.map +0 -1
- package/dist/views/Chat/ChatMessage.d.ts +0 -22
- package/dist/views/Chat/ChatMessage.d.ts.map +0 -1
- package/dist/views/Chat/ChatMessage.js +0 -82
- package/dist/views/Chat/ChatMessage.js.map +0 -1
- package/dist/views/Chat/ChatMessages.d.ts +0 -10
- package/dist/views/Chat/ChatMessages.d.ts.map +0 -1
- package/dist/views/Chat/ChatMessages.js +0 -15
- package/dist/views/Chat/ChatMessages.js.map +0 -1
- package/dist/views/Chat/chat-scroll.d.ts +0 -7
- package/dist/views/Chat/chat-scroll.d.ts.map +0 -1
- package/dist/views/Chat/chat-scroll.js +0 -17
- package/dist/views/Chat/chat-scroll.js.map +0 -1
- package/dist/views/Chat/events.d.ts +0 -22
- package/dist/views/Chat/events.d.ts.map +0 -1
- package/dist/views/Chat/events.js +0 -66
- package/dist/views/Chat/events.js.map +0 -1
- package/dist/views/Chat/index.d.ts +0 -12
- package/dist/views/Chat/index.d.ts.map +0 -1
- package/dist/views/Chat/index.js +0 -11
- package/dist/views/Chat/index.js.map +0 -1
- package/dist/views/Chat/styled.d.ts +0 -2
- package/dist/views/Chat/styled.d.ts.map +0 -1
- package/dist/views/Chat/styled.js +0 -186
- package/dist/views/Chat/styled.js.map +0 -1
- package/dist/views/ChatHistory/ChatHistoryPanel.d.ts +0 -5
- package/dist/views/ChatHistory/ChatHistoryPanel.d.ts.map +0 -1
- package/dist/views/ChatHistory/ChatHistoryPanel.js +0 -14
- package/dist/views/ChatHistory/ChatHistoryPanel.js.map +0 -1
- package/dist/views/ChatHistory/HistoryItem.d.ts +0 -8
- package/dist/views/ChatHistory/HistoryItem.d.ts.map +0 -1
- package/dist/views/ChatHistory/HistoryItem.js +0 -130
- package/dist/views/ChatHistory/HistoryItem.js.map +0 -1
- package/dist/views/ChatHistory/dictionary.d.ts +0 -2
- package/dist/views/ChatHistory/dictionary.d.ts.map +0 -1
- package/dist/views/ChatHistory/dictionary.js +0 -19
- package/dist/views/ChatHistory/dictionary.js.map +0 -1
- package/dist/views/ChatHistory/index.d.ts +0 -5
- package/dist/views/ChatHistory/index.d.ts.map +0 -1
- package/dist/views/ChatHistory/index.js +0 -26
- package/dist/views/ChatHistory/index.js.map +0 -1
- package/dist/views/ChatHistory/styled.d.ts +0 -2
- package/dist/views/ChatHistory/styled.d.ts.map +0 -1
- package/dist/views/ChatHistory/styled.js +0 -60
- package/dist/views/ChatHistory/styled.js.map +0 -1
- package/dist/views/ChatHistory/utils.d.ts +0 -20
- package/dist/views/ChatHistory/utils.d.ts.map +0 -1
- package/dist/views/ChatHistory/utils.js +0 -53
- package/dist/views/ChatHistory/utils.js.map +0 -1
- package/dist/views/ChatTabSelection.d.ts +0 -5
- package/dist/views/ChatTabSelection.d.ts.map +0 -1
- package/dist/views/ChatTabSelection.js +0 -48
- package/dist/views/ChatTabSelection.js.map +0 -1
- package/dist/views/Editor.d.ts +0 -5
- package/dist/views/Editor.d.ts.map +0 -1
- package/dist/views/Editor.js +0 -96
- package/dist/views/Editor.js.map +0 -1
- package/dist/views/Home/BuiltInAgent.d.ts +0 -6
- package/dist/views/Home/BuiltInAgent.d.ts.map +0 -1
- package/dist/views/Home/BuiltInAgent.js +0 -39
- package/dist/views/Home/BuiltInAgent.js.map +0 -1
- package/dist/views/Home/CustomAgent.d.ts +0 -5
- package/dist/views/Home/CustomAgent.d.ts.map +0 -1
- package/dist/views/Home/CustomAgent.js +0 -24
- package/dist/views/Home/CustomAgent.js.map +0 -1
- package/dist/views/Home/index.d.ts +0 -8
- package/dist/views/Home/index.d.ts.map +0 -1
- package/dist/views/Home/index.js +0 -15
- package/dist/views/Home/index.js.map +0 -1
- package/dist/views/Home/styled.d.ts +0 -2
- package/dist/views/Home/styled.d.ts.map +0 -1
- package/dist/views/Home/styled.js +0 -59
- package/dist/views/Home/styled.js.map +0 -1
- package/dist/views/Home/types.d.ts +0 -7
- package/dist/views/Home/types.d.ts.map +0 -1
- package/dist/views/Home/types.js +0 -2
- package/dist/views/Home/types.js.map +0 -1
- package/dist/views/KSDocument.d.ts +0 -5
- package/dist/views/KSDocument.d.ts.map +0 -1
- package/dist/views/KSDocument.js +0 -43
- package/dist/views/KSDocument.js.map +0 -1
- package/dist/views/KnowledgeSources.d.ts +0 -2
- package/dist/views/KnowledgeSources.d.ts.map +0 -1
- package/dist/views/KnowledgeSources.js +0 -96
- package/dist/views/KnowledgeSources.js.map +0 -1
- package/dist/views/MessageInput/AgentSelector.d.ts +0 -4
- package/dist/views/MessageInput/AgentSelector.d.ts.map +0 -1
- package/dist/views/MessageInput/AgentSelector.js +0 -58
- package/dist/views/MessageInput/AgentSelector.js.map +0 -1
- package/dist/views/MessageInput/ButtonAgent.d.ts +0 -2
- package/dist/views/MessageInput/ButtonAgent.d.ts.map +0 -1
- package/dist/views/MessageInput/ButtonAgent.js +0 -17
- package/dist/views/MessageInput/ButtonAgent.js.map +0 -1
- package/dist/views/MessageInput/ButtonGroup.d.ts +0 -29
- package/dist/views/MessageInput/ButtonGroup.d.ts.map +0 -1
- package/dist/views/MessageInput/ButtonGroup.js +0 -34
- package/dist/views/MessageInput/ButtonGroup.js.map +0 -1
- package/dist/views/MessageInput/InfoBar.d.ts +0 -9
- package/dist/views/MessageInput/InfoBar.d.ts.map +0 -1
- package/dist/views/MessageInput/InfoBar.js +0 -52
- package/dist/views/MessageInput/InfoBar.js.map +0 -1
- package/dist/views/MessageInput/QuickCommandSelector.d.ts +0 -4
- package/dist/views/MessageInput/QuickCommandSelector.d.ts.map +0 -1
- package/dist/views/MessageInput/QuickCommandSelector.js +0 -34
- package/dist/views/MessageInput/QuickCommandSelector.js.map +0 -1
- package/dist/views/MessageInput/dictionary.d.ts +0 -2
- package/dist/views/MessageInput/dictionary.d.ts.map +0 -1
- package/dist/views/MessageInput/dictionary.js +0 -43
- package/dist/views/MessageInput/dictionary.js.map +0 -1
- package/dist/views/MessageInput/index.d.ts +0 -7
- package/dist/views/MessageInput/index.d.ts.map +0 -1
- package/dist/views/MessageInput/index.js +0 -59
- package/dist/views/MessageInput/index.js.map +0 -1
- package/dist/views/MessageInput/styled.d.ts +0 -4
- package/dist/views/MessageInput/styled.d.ts.map +0 -1
- package/dist/views/MessageInput/styled.js +0 -257
- package/dist/views/MessageInput/styled.js.map +0 -1
- package/dist/views/MinimizedHeader.d.ts +0 -7
- package/dist/views/MinimizedHeader.d.ts.map +0 -1
- package/dist/views/MinimizedHeader.js +0 -79
- package/dist/views/MinimizedHeader.js.map +0 -1
- package/dist/views/Stacks.d.ts +0 -5
- package/dist/views/Stacks.d.ts.map +0 -1
- package/dist/views/Stacks.js +0 -80
- package/dist/views/Stacks.js.map +0 -1
- package/dist/views/Workspaces.d.ts +0 -5
- package/dist/views/Workspaces.d.ts.map +0 -1
- package/dist/views/Workspaces.js +0 -66
- 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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"}
|