@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,17 +0,0 @@
|
|
|
1
|
-
import { WithChildren } from '../../types.js';
|
|
2
|
-
interface Props extends WithChildren {
|
|
3
|
-
/**
|
|
4
|
-
* Use this to show errors in small spaces.
|
|
5
|
-
*/
|
|
6
|
-
mini?: boolean;
|
|
7
|
-
/**
|
|
8
|
-
* Replaces the error message with this text.
|
|
9
|
-
*/
|
|
10
|
-
message?: string;
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* Fallbacks for errors and loadings (suspense).
|
|
14
|
-
*/
|
|
15
|
-
export declare const FallbackBoundary: ({ children, mini, message }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
export {};
|
|
17
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FallbackBoundary/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAI1C,UAAU,KAAM,SAAQ,YAAY;IAClC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,gCAAiC,KAAK,4CAMlE,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Suspense } from 'react';
|
|
3
|
-
import { ErrorBoundary } from './ErrorBoundary.js';
|
|
4
|
-
import { Loading } from './Loading.js';
|
|
5
|
-
/**
|
|
6
|
-
* Fallbacks for errors and loadings (suspense).
|
|
7
|
-
*/
|
|
8
|
-
export const FallbackBoundary = ({ children, mini, message }) => (_jsx(ErrorBoundary, { mini: mini, message: message, children: _jsx(Suspense, { fallback: _jsx(Loading, {}), children: children }) }));
|
|
9
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FallbackBoundary/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAanC;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAS,EAAE,EAAE,CAAC,CACtE,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,YACzC,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,OAAO,KAAG,YAC5B,QAAQ,GACA,GACG,CACjB,CAAA"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { WithStyle } from '@stack-spot/portal-theme';
|
|
2
|
-
interface Props<T> extends WithStyle {
|
|
3
|
-
/**
|
|
4
|
-
* The items in the history.
|
|
5
|
-
*/
|
|
6
|
-
items: T[];
|
|
7
|
-
/**
|
|
8
|
-
* A function to render an item.
|
|
9
|
-
*/
|
|
10
|
-
renderItem: (item: T) => React.ReactNode;
|
|
11
|
-
/**
|
|
12
|
-
* A function that returns the date of the item.
|
|
13
|
-
*/
|
|
14
|
-
getDate: (item: T) => Date;
|
|
15
|
-
/**
|
|
16
|
-
* A function that returns a unique id for the item.
|
|
17
|
-
*/
|
|
18
|
-
keygen: (item: T) => React.Key;
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* Renders a history list, where the items are combined into sections according to their dates.
|
|
22
|
-
*/
|
|
23
|
-
export declare function HistoryList<T>({ getDate, items, keygen, className, style, renderItem }: Props<T>): import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
export {};
|
|
25
|
-
//# sourceMappingURL=HistoryList.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HistoryList.d.ts","sourceRoot":"","sources":["../../src/components/HistoryList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAS3D,UAAU,KAAK,CAAC,CAAC,CAAE,SAAQ,SAAS;IAClC;;OAEG;IACH,KAAK,EAAE,CAAC,EAAE,CAAC;IACX;;OAEG;IACH,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACzC;;OAEG;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3B;;OAEG;IACH,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC;CAChC;AAuCD;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,2CAehG"}
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Text } from '@citric/core';
|
|
3
|
-
import { theme } from '@stack-spot/portal-theme';
|
|
4
|
-
import { useTranslate } from '@stack-spot/portal-translate';
|
|
5
|
-
import { groupBy, map } from 'lodash';
|
|
6
|
-
import { useMemo } from 'react';
|
|
7
|
-
import { styled } from 'styled-components';
|
|
8
|
-
import { subtractDays } from '../utils/date.js';
|
|
9
|
-
const HistoryBox = styled.div `
|
|
10
|
-
display: flex;
|
|
11
|
-
flex-direction: column;
|
|
12
|
-
gap: 4px;
|
|
13
|
-
|
|
14
|
-
> section {
|
|
15
|
-
> header {
|
|
16
|
-
background-color: ${theme.color.light[500]};
|
|
17
|
-
padding: 8px;
|
|
18
|
-
border-radius: 4px;
|
|
19
|
-
color: ${theme.color.light[700]};
|
|
20
|
-
margin-bottom: 4px;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
> ul {
|
|
24
|
-
margin: 0;
|
|
25
|
-
padding: 0;
|
|
26
|
-
list-style: none;
|
|
27
|
-
display: flex;
|
|
28
|
-
flex-direction: column;
|
|
29
|
-
gap: 2px;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
`;
|
|
33
|
-
function dateToSectionName(date) {
|
|
34
|
-
const now = new Date();
|
|
35
|
-
if (date.toDateString() === now.toDateString())
|
|
36
|
-
return 'today';
|
|
37
|
-
const yesterday = subtractDays(now, 1);
|
|
38
|
-
if (date.toDateString() === yesterday.toDateString())
|
|
39
|
-
return 'yesterday';
|
|
40
|
-
const todayAtMidnight = new Date(now.toDateString());
|
|
41
|
-
const last7Days = subtractDays(todayAtMidnight, 7);
|
|
42
|
-
if (date.getTime() >= last7Days.getTime())
|
|
43
|
-
return 'last7';
|
|
44
|
-
const last30Days = subtractDays(todayAtMidnight, 30);
|
|
45
|
-
return date.getTime() >= last30Days.getTime() ? 'last30' : 'older';
|
|
46
|
-
}
|
|
47
|
-
/**
|
|
48
|
-
* Renders a history list, where the items are combined into sections according to their dates.
|
|
49
|
-
*/
|
|
50
|
-
export function HistoryList({ getDate, items, keygen, className, style, renderItem }) {
|
|
51
|
-
const t = useTranslate(dictionary);
|
|
52
|
-
const sections = useMemo(() => {
|
|
53
|
-
const byDate = groupBy(items, item => dateToSectionName(getDate(item)));
|
|
54
|
-
return map(byDate, (value, key) => (_jsxs("section", { children: [_jsx("header", { children: _jsx(Text, { children: t[key] }) }), _jsx("ul", { children: value.map(item => _jsx("li", { children: renderItem(item) }, keygen(item))) })] }, key)));
|
|
55
|
-
}, [items]);
|
|
56
|
-
return _jsx(HistoryBox, { className: className, style: style, children: sections });
|
|
57
|
-
}
|
|
58
|
-
const dictionary = {
|
|
59
|
-
en: {
|
|
60
|
-
today: 'Today',
|
|
61
|
-
yesterday: 'Yesterday',
|
|
62
|
-
last7: 'Last 7 days',
|
|
63
|
-
last30: 'Last 30 days',
|
|
64
|
-
older: 'Older',
|
|
65
|
-
},
|
|
66
|
-
pt: {
|
|
67
|
-
today: 'Hoje',
|
|
68
|
-
yesterday: 'Ontem',
|
|
69
|
-
last7: 'Últimos 7 dias',
|
|
70
|
-
last30: 'Últimos 30 dias',
|
|
71
|
-
older: 'Mais antigo',
|
|
72
|
-
},
|
|
73
|
-
};
|
|
74
|
-
//# sourceMappingURL=HistoryList.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HistoryList.js","sourceRoot":"","sources":["../../src/components/HistoryList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
interface Props extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
|
|
2
|
-
icon: React.ReactElement;
|
|
3
|
-
onChange?: (value: string) => void;
|
|
4
|
-
}
|
|
5
|
-
/**
|
|
6
|
-
* A text input with an icon at the left side.
|
|
7
|
-
*/
|
|
8
|
-
export declare const IconInput: ({ icon, onChange, style, className, disabled, onFocus, onBlur, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
|
10
|
-
//# sourceMappingURL=IconInput.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconInput.d.ts","sourceRoot":"","sources":["../../src/components/IconInput.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAM,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IACnF,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAyCD;;GAEG;AACH,eAAO,MAAM,SAAS,8EAA+E,KAAK,4CAoBzG,CAAA"}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { IconBox } from '@citric/core';
|
|
3
|
-
import { listToClass, theme } from '@stack-spot/portal-theme';
|
|
4
|
-
import { useMemo, useState } from 'react';
|
|
5
|
-
import { styled } from 'styled-components';
|
|
6
|
-
const InputBox = styled.div `
|
|
7
|
-
display: flex;
|
|
8
|
-
flex-direction: row;
|
|
9
|
-
transition: border-color 0.3s, box-shadow 0.3s;
|
|
10
|
-
border: 1px solid ${theme.color.light[600]};
|
|
11
|
-
border-radius: 0.25rem;
|
|
12
|
-
background-color: ${theme.color.light[300]};
|
|
13
|
-
overflow: hidden;
|
|
14
|
-
flex-shrink: 0;
|
|
15
|
-
|
|
16
|
-
&.focused {
|
|
17
|
-
border-color: ${theme.color.primary[500]};
|
|
18
|
-
box-shadow: 0 0 0 1px ${theme.color.primary[500]};
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
&.disabled {
|
|
22
|
-
background-color: ${theme.color.light[500]};
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
${IconBox} {
|
|
26
|
-
width: 40px;
|
|
27
|
-
height: 40px;
|
|
28
|
-
border-radius: 0;
|
|
29
|
-
background-color: ${theme.color.light[600]};
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
input {
|
|
33
|
-
padding: 8px;
|
|
34
|
-
border: none;
|
|
35
|
-
background-color: transparent;
|
|
36
|
-
flex: 1;
|
|
37
|
-
color: ${theme.color.light.contrastText};
|
|
38
|
-
|
|
39
|
-
&:focus {
|
|
40
|
-
outline: none;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
`;
|
|
44
|
-
/**
|
|
45
|
-
* A text input with an icon at the left side.
|
|
46
|
-
*/
|
|
47
|
-
export const IconInput = ({ icon, onChange, style, className, disabled, onFocus, onBlur, ...props }) => {
|
|
48
|
-
const [focused, setFocused] = useState(false);
|
|
49
|
-
const { focus, blur } = useMemo(() => ({
|
|
50
|
-
focus: (e) => {
|
|
51
|
-
setFocused(true);
|
|
52
|
-
onFocus?.(e);
|
|
53
|
-
},
|
|
54
|
-
blur: (e) => {
|
|
55
|
-
setFocused(false);
|
|
56
|
-
onBlur?.(e);
|
|
57
|
-
},
|
|
58
|
-
}), []);
|
|
59
|
-
return (_jsxs(InputBox, { style: style, className: listToClass([className, focused && !disabled && 'focused', disabled && 'disabled']), children: [_jsx(IconBox, { children: icon }), _jsx("input", { ...props, disabled: disabled, onFocus: focus, onBlur: blur, onChange: e => onChange?.(e.target.value) })] }));
|
|
60
|
-
};
|
|
61
|
-
//# sourceMappingURL=IconInput.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconInput.js","sourceRoot":"","sources":["../../src/components/IconInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAO1C,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;sBAIL,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;sBAEtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;oBAKxB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;4BAChB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;;;;0BAI1B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;IAG5C,OAAO;;;;wBAIa,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;aAQjC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;;;;;;CAM1C,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE;IAC5G,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QACrC,KAAK,EAAE,CAAC,CAA8C,EAAE,EAAE;YACxD,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;QACd,CAAC;QACD,IAAI,EAAE,CAAC,CAA8C,EAAE,EAAE;YACvD,UAAU,CAAC,KAAK,CAAC,CAAA;YACjB,MAAM,EAAE,CAAC,CAAC,CAAC,CAAA;QACb,CAAC;KACF,CAAC,EAAE,EAAE,CAAC,CAAA;IAEP,OAAO,CACL,MAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,SAAS,EAAE,OAAO,IAAI,CAAC,QAAQ,IAAI,SAAS,EAAE,QAAQ,IAAI,UAAU,CAAC,CAAC,aACpH,KAAC,OAAO,cAAE,IAAI,GAAW,EACzB,mBAAW,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAI,IACxG,CACZ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copied from the extension's webview.
|
|
3
|
-
*/
|
|
4
|
-
import { WithChildren } from '../types.js';
|
|
5
|
-
import { Props as CodeProps } from './Code.js';
|
|
6
|
-
type Props = Omit<CodeProps, 'language'> & WithChildren<string>;
|
|
7
|
-
export declare const Markdown: ({ onInsertCode, onNewFile, onCopyCode, children, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export {};
|
|
9
|
-
//# sourceMappingURL=Markdown.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../src/components/Markdown.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAKH,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAQ,KAAK,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAA;AAEjD,KAAK,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;AAc/D,eAAO,MAAM,QAAQ,uDAMhB,KAAK,4CAsBT,CAAA"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* Copied from the extension's webview.
|
|
4
|
-
*/
|
|
5
|
-
import { Children, Fragment } from 'react';
|
|
6
|
-
import ReactMarkdown from 'react-markdown';
|
|
7
|
-
import remarkGfm from 'remark-gfm';
|
|
8
|
-
import { Code } from './Code.js';
|
|
9
|
-
const renderP = (child, key) => (_jsx(Fragment, { children: typeof child === 'string'
|
|
10
|
-
? child.split('\n').map((content, subKey, array) => (_jsxs(Fragment, { children: [content, subKey < array.length - 1 ? _jsx("br", {}) : null] }, subKey))) : child }, key));
|
|
11
|
-
export const Markdown = ({ onInsertCode, onNewFile, onCopyCode, children, }) => (_jsx(_Fragment, { children: _jsx(ReactMarkdown, { remarkPlugins: [[remarkGfm]], components: {
|
|
12
|
-
a: props => _jsx("a", { target: "_blank", rel: "noopener noreferrer", style: { textDecoration: 'underline' }, ...props }),
|
|
13
|
-
code: props => _jsx(Code, { ...props, onInsertCode: onInsertCode, onNewFile: onNewFile, onCopyCode: onCopyCode, showActionBar: true }),
|
|
14
|
-
pre: ({ children }) => _jsx(_Fragment, { children: children }),
|
|
15
|
-
p: ({ children }) => _jsx("p", { children: Children.map(children, renderP) }),
|
|
16
|
-
}, children: children }) }));
|
|
17
|
-
//# sourceMappingURL=Markdown.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../src/components/Markdown.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,aAAa,MAAM,gBAAgB,CAAA;AAC1C,OAAO,SAAS,MAAM,YAAY,CAAA;AAElC,OAAO,EAAE,IAAI,EAAsB,MAAM,QAAQ,CAAA;AAIjD,MAAM,OAAO,GAAG,CAAC,KAAU,EAAE,GAAW,EAAE,EAAE,CAAC,CAC3C,KAAC,QAAQ,cACN,OAAO,KAAK,KAAK,QAAQ;QACxB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAClD,MAAC,QAAQ,eACN,OAAO,EACP,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,cAAM,CAAC,CAAC,CAAC,IAAI,KAF7B,MAAM,CAGV,CACZ,CAAC,CAAC,CAAC,CAAC,KAAK,IAPC,GAAG,CAQP,CACZ,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,EACE,YAAY,EACZ,SAAS,EACT,UAAU,EACV,QAAQ,GACF,EACR,EAAE,CAAC,CACH,4BACE,KAAC,aAAa,IACZ,aAAa,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAC5B,UAAU,EAAE;YACV,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,YAAG,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,KAAM,KAAK,GAAI;YAC9G,IAAI,EAAE,KAAK,CAAC,EAAE,CACZ,KAAC,IAAI,OACC,KAAK,EACT,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,aAAa,SACb;YACJ,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,4BAAG,QAAQ,GAAI;YACtC,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,sBAAI,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,GAAK;SAC9D,YAEA,QAAQ,GACK,GACf,CACJ,CAAA"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { WithStyle } from '@stack-spot/portal-theme';
|
|
2
|
-
import { ButtonAction, WithChildren } from '../types.js';
|
|
3
|
-
import { TooltipPosition } from './Tooltip/types.js';
|
|
4
|
-
interface Props extends WithStyle, WithChildren {
|
|
5
|
-
/**
|
|
6
|
-
* The position of the menu relative to its children.
|
|
7
|
-
*/
|
|
8
|
-
position?: TooltipPosition;
|
|
9
|
-
/**
|
|
10
|
-
* The actions of the menu.
|
|
11
|
-
*/
|
|
12
|
-
actions: ButtonAction[];
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* A floating menu that shows up when the user clicks the children.
|
|
16
|
-
*
|
|
17
|
-
* This uses the tooltip component to build the menu.
|
|
18
|
-
*/
|
|
19
|
-
export declare const OverlayMenu: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
|
|
20
|
-
export {};
|
|
21
|
-
//# sourceMappingURL=OverlayMenu.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OverlayMenu.d.ts","sourceRoot":"","sources":["../../src/components/OverlayMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAG3D,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAGrD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,UAAU,KAAM,SAAQ,SAAS,EAAE,YAAY;IAC7C;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B;;OAEG;IACH,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB;AAoFD;;;;GAIG;AACH,eAAO,MAAM,WAAW,kGAuBtB,CAAA"}
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
/* eslint-disable react/display-name */
|
|
3
|
-
import { IconBox, Text } from '@citric/core';
|
|
4
|
-
import { useKeyboardControls } from '@stack-spot/portal-components';
|
|
5
|
-
import { theme } from '@stack-spot/portal-theme';
|
|
6
|
-
import { forwardRef, useCallback, useRef } from 'react';
|
|
7
|
-
import { styled } from 'styled-components';
|
|
8
|
-
import { Tooltip } from './Tooltip/index.js';
|
|
9
|
-
import { useTooltip } from './Tooltip/context.js';
|
|
10
|
-
const MenuList = styled.ul `
|
|
11
|
-
margin: 0;
|
|
12
|
-
padding: 0;
|
|
13
|
-
list-style: none;
|
|
14
|
-
border-radius: 8px;
|
|
15
|
-
background-color: ${theme.color.light[400]};
|
|
16
|
-
overflow: hidden;
|
|
17
|
-
display: flex;
|
|
18
|
-
flex-direction: column;
|
|
19
|
-
|
|
20
|
-
> li {
|
|
21
|
-
display: flex;
|
|
22
|
-
flex-direction: column;
|
|
23
|
-
|
|
24
|
-
> button {
|
|
25
|
-
padding: 8px 12px;
|
|
26
|
-
transition: background-color 0.2s;
|
|
27
|
-
cursor: pointer;
|
|
28
|
-
display: flex;
|
|
29
|
-
flex-direction: row;
|
|
30
|
-
align-items: center;
|
|
31
|
-
gap: 8px;
|
|
32
|
-
background-color: transparent;
|
|
33
|
-
border: none;
|
|
34
|
-
outline: none;
|
|
35
|
-
|
|
36
|
-
&:hover, &:focus {
|
|
37
|
-
background-color: ${theme.color.light[500]};
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
`;
|
|
42
|
-
const StyledButton = styled.button `
|
|
43
|
-
color: ${({ $color }) => $color || theme.color.light.contrastText};
|
|
44
|
-
|
|
45
|
-
svg {
|
|
46
|
-
fill: ${({ $color }) => $color || theme.color.light.contrastText};
|
|
47
|
-
}
|
|
48
|
-
`;
|
|
49
|
-
const Menu = ({ actions, trigger }) => {
|
|
50
|
-
const tooltip = useTooltip();
|
|
51
|
-
const ref = useRef(null);
|
|
52
|
-
useKeyboardControls({
|
|
53
|
-
querySelectors: 'button',
|
|
54
|
-
onPressEscape: () => {
|
|
55
|
-
tooltip.hide();
|
|
56
|
-
trigger.current?.focus();
|
|
57
|
-
},
|
|
58
|
-
ref,
|
|
59
|
-
}, []);
|
|
60
|
-
return (_jsx(MenuList, { ref: ref, children: actions.map(({ label, onClick, className, color, icon, style }) => (_jsx("li", { className: className, style: style, children: _jsxs(StyledButton, { "$color": color, onClick: () => {
|
|
61
|
-
onClick();
|
|
62
|
-
tooltip.hide();
|
|
63
|
-
}, children: [_jsx(IconBox, { children: icon }), _jsx(Text, { children: label })] }) }, label))) }));
|
|
64
|
-
};
|
|
65
|
-
/**
|
|
66
|
-
* A floating menu that shows up when the user clicks the children.
|
|
67
|
-
*
|
|
68
|
-
* This uses the tooltip component to build the menu.
|
|
69
|
-
*/
|
|
70
|
-
export const OverlayMenu = forwardRef(({ actions, children, className, position, style }, externalRef) => {
|
|
71
|
-
const localRef = useRef(null);
|
|
72
|
-
const ref = externalRef ?? localRef;
|
|
73
|
-
const tooltip = useTooltip();
|
|
74
|
-
const onShow = useCallback(() => {
|
|
75
|
-
tooltip.tooltipRef.current?.querySelector('button')?.focus();
|
|
76
|
-
}, []);
|
|
77
|
-
return (_jsx(Tooltip, { content: _jsx(Menu, { actions: actions, trigger: ref }), custom: true, position: position, className: className, style: style, triggeredBy: "click", onShow: onShow, ref: ref, children: children }));
|
|
78
|
-
});
|
|
79
|
-
//# sourceMappingURL=OverlayMenu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OverlayMenu.js","sourceRoot":"","sources":["../../src/components/OverlayMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { WithStyle } from '@stack-spot/portal-theme';
|
|
2
|
-
interface Props extends WithStyle {
|
|
3
|
-
/**
|
|
4
|
-
* Whether or not the progress bar is visible.
|
|
5
|
-
*/
|
|
6
|
-
visible?: boolean;
|
|
7
|
-
/**
|
|
8
|
-
* When true, the progress bar becomes very colorful and bright.
|
|
9
|
-
*/
|
|
10
|
-
shimmer?: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* Color to use in the progress bar that appears in the foreground. Arrays create linear gradients.
|
|
13
|
-
* @default primary.500 if shimmer is false, white otherwise.
|
|
14
|
-
*/
|
|
15
|
-
foregroundColor?: string | string[];
|
|
16
|
-
/**
|
|
17
|
-
* Color to use in the progress bar that appears in the background. Arrays create linear gradients.
|
|
18
|
-
* @default light.500 if shimmer is false, a transparent white otherwise.
|
|
19
|
-
*/
|
|
20
|
-
backgroundColor?: string | string[];
|
|
21
|
-
/**
|
|
22
|
-
* Only useful if `shimmer` is true. This allows to customize the colors in the shimmering effect. Arrays create linear gradients.
|
|
23
|
-
* @default ['#ff6633', '#d668cd', '#ff6633', '#FFF8', '#299cf4']
|
|
24
|
-
*/
|
|
25
|
-
shimmerColor?: string | string[];
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* A progress bar with indefinite progress report. This renders a narrower bar on top of larger one that animates from the left to the
|
|
29
|
-
* right.
|
|
30
|
-
*/
|
|
31
|
-
export declare const ProgressBar: ({ visible, shimmer, backgroundColor, foregroundColor, shimmerColor, className, style, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
export {};
|
|
33
|
-
//# sourceMappingURL=ProgressBar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/components/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAGxE,UAAU,KAAM,SAAQ,SAAS;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACpC;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACpC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAClC;AAqHD;;;GAGG;AACH,eAAO,MAAM,WAAW,4FAQrB,KAAK,4CAmBP,CAAA"}
|
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { listToClass, theme } from '@stack-spot/portal-theme';
|
|
3
|
-
import { styled } from 'styled-components';
|
|
4
|
-
function gradientFromColorArray(colors) {
|
|
5
|
-
if (colors.length === 1)
|
|
6
|
-
return colors[0];
|
|
7
|
-
const step = 100 / (colors.length - 1);
|
|
8
|
-
const partials = [];
|
|
9
|
-
let current = 0;
|
|
10
|
-
for (const color of colors) {
|
|
11
|
-
partials.push(`${color} ${Math.ceil(current)}%`);
|
|
12
|
-
current += step;
|
|
13
|
-
}
|
|
14
|
-
return `linear-gradient(to right, ${partials.join(', ')})`;
|
|
15
|
-
}
|
|
16
|
-
// the shimmering effect requires more space
|
|
17
|
-
const SHIMMER_PADDING = '10px';
|
|
18
|
-
const Styled = styled.div `
|
|
19
|
-
margin: 7px 0;
|
|
20
|
-
opacity: 0;
|
|
21
|
-
transition: opacity 0.5s;
|
|
22
|
-
|
|
23
|
-
&.visible {
|
|
24
|
-
opacity: 1;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.shimmer {
|
|
28
|
-
display: flex;
|
|
29
|
-
flex-direction: column;
|
|
30
|
-
justify-content: center;
|
|
31
|
-
height: 10px;
|
|
32
|
-
position: relative;
|
|
33
|
-
padding: 0 ${SHIMMER_PADDING};
|
|
34
|
-
margin: 3px 0;
|
|
35
|
-
|
|
36
|
-
.progress-glow {
|
|
37
|
-
filter: blur(2px);
|
|
38
|
-
position: absolute;
|
|
39
|
-
top: 0;
|
|
40
|
-
left: ${SHIMMER_PADDING};
|
|
41
|
-
bottom: 0;
|
|
42
|
-
right: ${SHIMMER_PADDING};
|
|
43
|
-
display: flex;
|
|
44
|
-
flex-direction: column;
|
|
45
|
-
justify-content: center;
|
|
46
|
-
overflow: hidden;
|
|
47
|
-
|
|
48
|
-
&::before {
|
|
49
|
-
content: '';
|
|
50
|
-
height: 3px;
|
|
51
|
-
display: block;
|
|
52
|
-
width: 33%;
|
|
53
|
-
display: block;
|
|
54
|
-
animation: slide 3s infinite forwards;
|
|
55
|
-
background: ${({ $fg }) => gradientFromColorArray($fg)};
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.colors {
|
|
60
|
-
position: absolute;
|
|
61
|
-
top: 0;
|
|
62
|
-
bottom: 0;
|
|
63
|
-
left: 0;
|
|
64
|
-
right: 0;
|
|
65
|
-
overflow: hidden;
|
|
66
|
-
filter: blur(10px);
|
|
67
|
-
|
|
68
|
-
${({ $shimmer }) => `
|
|
69
|
-
&:before {
|
|
70
|
-
content: '';
|
|
71
|
-
position: absolute;
|
|
72
|
-
top: 0;
|
|
73
|
-
bottom: 0;
|
|
74
|
-
width: ${$shimmer.length * 100}%;
|
|
75
|
-
background: ${gradientFromColorArray($shimmer)};
|
|
76
|
-
${$shimmer.length > 2 ? `animation: shimmer-slide ${$shimmer.length}s ease-in infinite alternate;` : ''}
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
@keyframes shimmer-slide {
|
|
80
|
-
from {
|
|
81
|
-
left: 0;
|
|
82
|
-
}
|
|
83
|
-
to {
|
|
84
|
-
left: -${($shimmer.length - 1) * 100}%;
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
`}
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
.progress-bar {
|
|
92
|
-
height: 2px;
|
|
93
|
-
width: 100%;
|
|
94
|
-
background: ${({ $bg }) => gradientFromColorArray($bg)};
|
|
95
|
-
position: relative;
|
|
96
|
-
overflow-x: clip;
|
|
97
|
-
|
|
98
|
-
&:before {
|
|
99
|
-
content: '';
|
|
100
|
-
display: block;
|
|
101
|
-
width: 33%;
|
|
102
|
-
height: 100%;
|
|
103
|
-
background: ${({ $fg }) => gradientFromColorArray($fg)};
|
|
104
|
-
animation: slide 3s infinite forwards;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
@keyframes slide {
|
|
108
|
-
from {
|
|
109
|
-
margin-left: -33%;
|
|
110
|
-
}
|
|
111
|
-
to {
|
|
112
|
-
margin-left: 100%;
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
`;
|
|
117
|
-
/**
|
|
118
|
-
* A progress bar with indefinite progress report. This renders a narrower bar on top of larger one that animates from the left to the
|
|
119
|
-
* right.
|
|
120
|
-
*/
|
|
121
|
-
export const ProgressBar = ({ visible = true, shimmer, backgroundColor = shimmer ? 'rgba(255, 255, 255, 0.4)' : theme.color.light[500], foregroundColor = shimmer ? ['#FFF0', '#FFF', '#FFF0'] : theme.color.primary[500], shimmerColor = ['#ff6633', '#d668cd', '#ff6633', '#FFF8', '#299cf4'], className, style, }) => {
|
|
122
|
-
const $bg = Array.isArray(backgroundColor) ? backgroundColor : [backgroundColor];
|
|
123
|
-
const $fg = Array.isArray(foregroundColor) ? foregroundColor : [...$bg, foregroundColor, ...$bg];
|
|
124
|
-
const $shimmer = Array.isArray(shimmerColor) ? shimmerColor : [shimmerColor];
|
|
125
|
-
const progress = _jsx("div", { className: "progress-bar" });
|
|
126
|
-
const result = shimmer
|
|
127
|
-
? (_jsxs("div", { className: "shimmer", children: [_jsx("div", { className: "colors" }), _jsx("div", { className: "progress-glow" }), progress] }))
|
|
128
|
-
: progress;
|
|
129
|
-
return (_jsx(Styled, { className: listToClass([className, visible && 'visible']), style: style, "$fg": $fg, "$bg": $bg, "$shimmer": $shimmer, children: result }));
|
|
130
|
-
};
|
|
131
|
-
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/components/ProgressBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { WithStyle } from '@stack-spot/portal-theme';
|
|
2
|
-
import { ButtonAction } from '../types.js';
|
|
3
|
-
interface Props extends ButtonAction, WithStyle {
|
|
4
|
-
background?: string;
|
|
5
|
-
/**
|
|
6
|
-
* Whether or not the vertical overflow of this button should be managed by the component {@link FadingOverflow}.
|
|
7
|
-
* @default false
|
|
8
|
-
*/
|
|
9
|
-
manageOverflow?: boolean;
|
|
10
|
-
}
|
|
11
|
-
export declare const QuickStartButton: ({ label, onClick, background, className, color, icon, style, manageOverflow }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export {};
|
|
13
|
-
//# sourceMappingURL=QuickStartButton.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"QuickStartButton.d.ts","sourceRoot":"","sources":["../../src/components/QuickStartButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAGvC,UAAU,KAAM,SAAQ,YAAY,EAAE,SAAS;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAyCD,eAAO,MAAM,gBAAgB,kFAAmF,KAAK,4CAWpH,CAAA"}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { IconBox, Text } from '@citric/core';
|
|
3
|
-
import { theme } from '@stack-spot/portal-theme';
|
|
4
|
-
import { styled } from 'styled-components';
|
|
5
|
-
import { FadingOverflow } from './FadingOverflow.js';
|
|
6
|
-
/**
|
|
7
|
-
* A button for quick starting a conversation.
|
|
8
|
-
*/
|
|
9
|
-
const QuickButton = styled.button `
|
|
10
|
-
display: flex;
|
|
11
|
-
flex-direction: column;
|
|
12
|
-
padding: 12px;
|
|
13
|
-
gap: 12px;
|
|
14
|
-
background-color: ${theme.color.light[500]};
|
|
15
|
-
border: none;
|
|
16
|
-
color: inherit;
|
|
17
|
-
flex: 1;
|
|
18
|
-
border-radius: 4px;
|
|
19
|
-
border: 2px solid;
|
|
20
|
-
border-color: ${theme.color.light[500]};
|
|
21
|
-
transition: border-color 0.3s;
|
|
22
|
-
cursor: pointer;
|
|
23
|
-
text-align: left;
|
|
24
|
-
|
|
25
|
-
&:hover {
|
|
26
|
-
border-color: ${theme.color.light[600]};
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
i {
|
|
30
|
-
border-radius: 2px;
|
|
31
|
-
display: flex;
|
|
32
|
-
align-items: center;
|
|
33
|
-
justify-content: center;
|
|
34
|
-
background-color: ${({ $bg }) => $bg || 'transparent'};
|
|
35
|
-
${({ $color }) => $color
|
|
36
|
-
? `
|
|
37
|
-
svg {
|
|
38
|
-
fill: ${$color};
|
|
39
|
-
}`
|
|
40
|
-
: ''};
|
|
41
|
-
}
|
|
42
|
-
`;
|
|
43
|
-
export const QuickStartButton = ({ label, onClick, background, className, color, icon, style, manageOverflow }) => {
|
|
44
|
-
const content = _jsxs(_Fragment, { children: [icon && _jsx(IconBox, { "aria-hidden": true, children: icon }), _jsx(Text, { children: label })] });
|
|
45
|
-
return (_jsx(QuickButton, { className: className, style: style, onClick: onClick, "$color": color, "$bg": background, children: manageOverflow ? _jsx(FadingOverflow, { sides: ['top', 'bottom'], scroll: "wheel", children: content }) : content }));
|
|
46
|
-
};
|
|
47
|
-
//# sourceMappingURL=QuickStartButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"QuickStartButton.js","sourceRoot":"","sources":["../../src/components/QuickStartButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAa,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAWjD;;GAEG;AACH,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAmC;;;;;sBAK9C,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;kBAM1B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;oBAMpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;wBAQlB,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,aAAa;MACnD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;IACxB,CAAC,CAAC;;gBAEU,MAAM;QACd;IACJ,CAAC,CAAC,EACN;;CAEC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAS,EAAE,EAAE;IACvH,MAAM,OAAO,GAAG,8BACb,IAAI,IAAI,KAAC,OAAO,mCAAc,IAAI,GAAW,EAC9C,KAAC,IAAI,cAAE,KAAK,GAAQ,IACnB,CAAA;IAEH,OAAO,CACL,KAAC,WAAW,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,YAAU,KAAK,SAAO,UAAU,YAC9F,cAAc,CAAC,CAAC,CAAC,KAAC,cAAc,IAAC,KAAK,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAC,OAAO,YAAE,OAAO,GAAkB,CAAC,CAAC,CAAC,OAAO,GACnG,CACf,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { PropsOf } from '../types.js';
|
|
2
|
-
declare const Form: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, never>> & string;
|
|
3
|
-
/**
|
|
4
|
-
* A form that goes into a right panel. This controls style, errors, loading focus and form submission.
|
|
5
|
-
*/
|
|
6
|
-
export declare const RightPanelForm: ({ children, onSubmit, ...props }: PropsOf<typeof Form>) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export {};
|
|
8
|
-
//# sourceMappingURL=RightPanelForm.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RightPanelForm.d.ts","sourceRoot":"","sources":["../../src/components/RightPanelForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAIlC,QAAA,MAAM,IAAI,8OAmCT,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,qCAAsC,OAAO,CAAC,OAAO,IAAI,CAAC,4CAcpF,CAAA"}
|