@mastra/playground-ui 57.0.0 → 58.0.0-alpha.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/README.md +25 -0
- package/dist/{Button-KUj0U-5I.js → Button-B8nF87ai.js} +2 -8
- package/dist/Button-B8nF87ai.js.map +1 -0
- package/dist/{Button-MMZPEb_q.cjs → Button-BAMnPqos.cjs} +1 -7
- package/dist/Button-BAMnPqos.cjs.map +1 -0
- package/dist/{Card-DwGasv0K.cjs → Card-BbwF20OW.cjs} +3 -3
- package/dist/Card-BbwF20OW.cjs.map +1 -0
- package/dist/{Card-B_buJ5yF.js → Card-DmT57Pve.js} +3 -3
- package/dist/Card-DmT57Pve.js.map +1 -0
- package/dist/{EmptyState-DiSP6UIy.cjs → EmptyState-2XQgeju6.cjs} +12 -3
- package/dist/EmptyState-2XQgeju6.cjs.map +1 -0
- package/dist/{EmptyState-B6cyZw6m.js → EmptyState-Bc4nJ9QH.js} +13 -4
- package/dist/EmptyState-Bc4nJ9QH.js.map +1 -0
- package/dist/{Notice-CPyYcX5J.cjs → Notice-AUNd8fqT.cjs} +2 -2
- package/dist/{Notice-CPyYcX5J.cjs.map → Notice-AUNd8fqT.cjs.map} +1 -1
- package/dist/{Notice-KC18b8Nd.js → Notice-WT8G4OA6.js} +2 -2
- package/dist/{Notice-KC18b8Nd.js.map → Notice-WT8G4OA6.js.map} +1 -1
- package/dist/{ask-user-DaRRR4qQ.cjs → ask-user-BPpgiE7k.cjs} +3 -3
- package/dist/{ask-user-DaRRR4qQ.cjs.map → ask-user-BPpgiE7k.cjs.map} +1 -1
- package/dist/{ask-user-C4DTzEQF.js → ask-user-jDUt7hgT.js} +3 -3
- package/dist/{ask-user-C4DTzEQF.js.map → ask-user-jDUt7hgT.js.map} +1 -1
- package/dist/buttons-group.css +2 -14
- package/dist/{chat-notification-DeKD1Ifx.js → chat-notification-CmdRGO_D.js} +2 -2
- package/dist/{chat-notification-DeKD1Ifx.js.map → chat-notification-CmdRGO_D.js.map} +1 -1
- package/dist/{chat-notification-C5Ox5tuS.cjs → chat-notification-DJykWtoj.cjs} +2 -2
- package/dist/{chat-notification-C5Ox5tuS.cjs.map → chat-notification-DJykWtoj.cjs.map} +1 -1
- package/dist/{chat-signal-DiAHks6_.js → chat-signal-Vg8pGXwH.js} +2 -2
- package/dist/{chat-signal-DiAHks6_.js.map → chat-signal-Vg8pGXwH.js.map} +1 -1
- package/dist/{chat-signal-ClyJeml8.cjs → chat-signal-xs3FkPts.cjs} +2 -2
- package/dist/{chat-signal-ClyJeml8.cjs.map → chat-signal-xs3FkPts.cjs.map} +1 -1
- package/dist/{code-block-D37olB3O.js → code-block-BD2N5Yi2.js} +5 -5
- package/dist/{code-block-D37olB3O.js.map → code-block-BD2N5Yi2.js.map} +1 -1
- package/dist/{code-block-BoTq0TMr.cjs → code-block-fI67m2KV.cjs} +5 -5
- package/dist/{code-block-BoTq0TMr.cjs.map → code-block-fI67m2KV.cjs.map} +1 -1
- package/dist/{code-editor-BQTDma1I.js → code-editor-C-0srcj0.js} +4 -3
- package/dist/code-editor-C-0srcj0.js.map +1 -0
- package/dist/{code-editor-BfoJXq9l.cjs → code-editor-CFu_BYpQ.cjs} +4 -3
- package/dist/code-editor-CFu_BYpQ.cjs.map +1 -0
- package/dist/{combobox-Bn_uyUSB.cjs → combobox-BoSB-muq.cjs} +17 -9
- package/dist/combobox-BoSB-muq.cjs.map +1 -0
- package/dist/{combobox-Cykfy5wc.js → combobox-Cd0JPUQW.js} +17 -9
- package/dist/combobox-Cd0JPUQW.js.map +1 -0
- package/dist/{combobox-styles-iuJUkJEQ.js → combobox-styles-BhUqhOvz.js} +4 -2
- package/dist/combobox-styles-BhUqhOvz.js.map +1 -0
- package/dist/{combobox-styles-CSsS2LEx.cjs → combobox-styles-LHrC0tU0.cjs} +4 -2
- package/dist/combobox-styles-LHrC0tU0.cjs.map +1 -0
- package/dist/{command-B7H-emho.cjs → command-AVQzLcYR.cjs} +2 -2
- package/dist/{command-B7H-emho.cjs.map → command-AVQzLcYR.cjs.map} +1 -1
- package/dist/{command-Bmy4PznC.js → command-DhiJvyMM.js} +2 -2
- package/dist/{command-Bmy4PznC.js.map → command-DhiJvyMM.js.map} +1 -1
- package/dist/components/AlertDialog.cjs.js +2 -2
- package/dist/components/AlertDialog.cjs.js.map +1 -1
- package/dist/components/AlertDialog.es.js +3 -3
- package/dist/components/AlertDialog.es.js.map +1 -1
- package/dist/components/Button.cjs.js +1 -1
- package/dist/components/Button.es.js +2 -2
- package/dist/components/Card.cjs.js +1 -1
- package/dist/components/Card.es.js +1 -1
- package/dist/components/ClampedText.cjs.js +1 -1
- package/dist/components/ClampedText.es.js +1 -1
- package/dist/components/CodeBlock.cjs.js +1 -1
- package/dist/components/CodeBlock.es.js +1 -1
- package/dist/components/CodeEditor.cjs.js +1 -1
- package/dist/components/CodeEditor.es.js +1 -1
- package/dist/components/Columns.cjs.js +2 -106
- package/dist/components/Columns.cjs.js.map +1 -1
- package/dist/components/Columns.es.js +4 -107
- package/dist/components/Columns.es.js.map +1 -1
- package/dist/components/Combobox.cjs.js +2 -2
- package/dist/components/Combobox.es.js +2 -2
- package/dist/components/Command.cjs.js +1 -1
- package/dist/components/Command.es.js +1 -1
- package/dist/components/CommandPalette.cjs.js +1 -1
- package/dist/components/CommandPalette.es.js +1 -1
- package/dist/components/Comment.cjs.js +3 -3
- package/dist/components/Comment.cjs.js.map +1 -1
- package/dist/components/Comment.es.js +3 -3
- package/dist/components/Comment.es.js.map +1 -1
- package/dist/components/CopyButton.cjs.js +1 -1
- package/dist/components/CopyButton.es.js +1 -1
- package/dist/components/DataCodeSection.cjs.js +1 -1
- package/dist/components/DataCodeSection.es.js +1 -1
- package/dist/components/DataDetailsPanel.cjs.js +2 -2
- package/dist/components/DataDetailsPanel.es.js +2 -2
- package/dist/components/DataKeysAndValues.cjs.js +1 -1
- package/dist/components/DataKeysAndValues.es.js +1 -1
- package/dist/components/DataList.cjs.js +3 -3
- package/dist/components/DataList.es.js +3 -3
- package/dist/components/DataPanel.cjs.js +1 -1
- package/dist/components/DataPanel.es.js +1 -1
- package/dist/components/DateRangeTimeline.cjs.js +1 -1
- package/dist/components/DateRangeTimeline.es.js +1 -1
- package/dist/components/DateTimePicker.cjs.js +10 -4
- package/dist/components/DateTimePicker.cjs.js.map +1 -1
- package/dist/components/DateTimePicker.es.js +10 -4
- package/dist/components/DateTimePicker.es.js.map +1 -1
- package/dist/components/DateTimeRangePicker.cjs.js +1 -1
- package/dist/components/DateTimeRangePicker.es.js +1 -1
- package/dist/components/Dialog.cjs.js +2 -2
- package/dist/components/Dialog.es.js +3 -3
- package/dist/components/DisabledFeatureButton.cjs.js +1 -1
- package/dist/components/DisabledFeatureButton.es.js +1 -1
- package/dist/components/Drawer.cjs.js +1 -1
- package/dist/components/Drawer.es.js +1 -1
- package/dist/components/EmptyState.cjs.js +1 -1
- package/dist/components/EmptyState.es.js +1 -1
- package/dist/components/EnvironmentVariablesEditor.cjs.js +4 -4
- package/dist/components/EnvironmentVariablesEditor.es.js +4 -4
- package/dist/components/ErrorBoundary.cjs.js +1 -1
- package/dist/components/ErrorBoundary.es.js +1 -1
- package/dist/components/FilterBar.cjs.js +3 -3
- package/dist/components/FilterBar.es.js +4 -4
- package/dist/components/FormFieldBlocks.cjs.js +4 -4
- package/dist/components/FormFieldBlocks.es.js +4 -4
- package/dist/components/Input.cjs.js +1 -1
- package/dist/components/Input.es.js +1 -1
- package/dist/components/InputGroup.cjs.js +1 -1
- package/dist/components/InputGroup.es.js +1 -1
- package/dist/components/JSONSchemaForm.cjs.js +3 -3
- package/dist/components/JSONSchemaForm.es.js +3 -3
- package/dist/components/ListSearch.cjs.js +1 -1
- package/dist/components/ListSearch.es.js +1 -1
- package/dist/components/LogsDataList.cjs.js +1 -3
- package/dist/components/LogsDataList.cjs.js.map +1 -1
- package/dist/components/LogsDataList.es.js +1 -3
- package/dist/components/LogsDataList.es.js.map +1 -1
- package/dist/components/MainSidebar.cjs.js +125 -11
- package/dist/components/MainSidebar.cjs.js.map +1 -1
- package/dist/components/MainSidebar.es.js +120 -1
- package/dist/components/MainSidebar.es.js.map +1 -1
- package/dist/components/MarkdownRenderer.cjs.js +1 -1
- package/dist/components/MarkdownRenderer.es.js +1 -1
- package/dist/components/Message.cjs.js +1 -1
- package/dist/components/Message.es.js +1 -1
- package/dist/components/MetricsCard.cjs.js +1 -1
- package/dist/components/MetricsCard.es.js +1 -1
- package/dist/components/MetricsKpiCard.cjs.js +1 -1
- package/dist/components/MetricsKpiCard.es.js +1 -1
- package/dist/components/Notice.cjs.js +1 -1
- package/dist/components/Notice.es.js +1 -1
- package/dist/components/PageHeader.cjs.js +1 -1
- package/dist/components/PageHeader.es.js +1 -1
- package/dist/components/PageLayout.cjs.js +26 -3
- package/dist/components/PageLayout.cjs.js.map +1 -1
- package/dist/components/PageLayout.es.js +27 -4
- package/dist/components/PageLayout.es.js.map +1 -1
- package/dist/components/PrevNextNav.cjs.js +1 -1
- package/dist/components/PrevNextNav.es.js +1 -1
- package/dist/components/PropertyFilter.cjs.js +5 -5
- package/dist/components/PropertyFilter.cjs.js.map +1 -1
- package/dist/components/PropertyFilter.es.js +6 -6
- package/dist/components/PropertyFilter.es.js.map +1 -1
- package/dist/components/RuleBuilder.cjs.js +3 -3
- package/dist/components/RuleBuilder.es.js +3 -3
- package/dist/components/Select.cjs.js +1 -1
- package/dist/components/Select.es.js +1 -1
- package/dist/components/SideDialog.cjs.js +3 -3
- package/dist/components/SideDialog.es.js +3 -3
- package/dist/components/Tabs.cjs.js +3 -3
- package/dist/components/Tabs.es.js +3 -3
- package/dist/components/Textarea.cjs.js +1 -1
- package/dist/components/Textarea.es.js +1 -1
- package/dist/components/ThreadList.cjs.js +1 -1
- package/dist/components/ThreadList.es.js +1 -1
- package/dist/components/Truncate.cjs.js +1 -1
- package/dist/components/Truncate.es.js +1 -1
- package/dist/components/Workflow.cjs.js +4 -4
- package/dist/components/Workflow.es.js +4 -4
- package/dist/components/ai/ask-user.cjs.js +1 -1
- package/dist/components/ai/ask-user.es.js +1 -1
- package/dist/components/ai/chat-event.cjs.js +3 -3
- package/dist/components/ai/chat-event.es.js +4 -4
- package/dist/components/ai/plan.cjs.js +2 -2
- package/dist/components/ai/plan.es.js +2 -2
- package/dist/components/ai/tool-approval.cjs.js +1 -1
- package/dist/components/ai/tool-approval.es.js +1 -1
- package/dist/components/ai/tool-call.cjs.js +2 -2
- package/dist/components/ai/tool-call.es.js +3 -3
- package/dist/{copy-button-B5ZCtnTb.cjs → copy-button-D2MTGxq_.cjs} +2 -2
- package/dist/{copy-button-B5ZCtnTb.cjs.map → copy-button-D2MTGxq_.cjs.map} +1 -1
- package/dist/{copy-button-DZqxEuiE.js → copy-button-DcZ1mdw4.js} +2 -2
- package/dist/{copy-button-DZqxEuiE.js.map → copy-button-DcZ1mdw4.js.map} +1 -1
- package/dist/{data-code-section-DJRr65hS.js → data-code-section-C75shCII.js} +5 -5
- package/dist/{data-code-section-DJRr65hS.js.map → data-code-section-C75shCII.js.map} +1 -1
- package/dist/{data-code-section-iXzoOYMX.cjs → data-code-section-DzLc9O0B.cjs} +5 -5
- package/dist/{data-code-section-iXzoOYMX.cjs.map → data-code-section-DzLc9O0B.cjs.map} +1 -1
- package/dist/{data-keys-and-values-DhC4U4Yl.js → data-keys-and-values-BTYDB-K2.js} +3 -20
- package/dist/data-keys-and-values-BTYDB-K2.js.map +1 -0
- package/dist/{data-keys-and-values-BduKvvC5.cjs → data-keys-and-values-CMJ9zHKm.cjs} +3 -20
- package/dist/data-keys-and-values-CMJ9zHKm.cjs.map +1 -0
- package/dist/{data-list-DSbuTWLI.cjs → data-list-CH3HAhK5.cjs} +5 -5
- package/dist/data-list-CH3HAhK5.cjs.map +1 -0
- package/dist/{data-list-Cn0Ls4l2.js → data-list-DXjH5wkB.js} +5 -5
- package/dist/data-list-DXjH5wkB.js.map +1 -0
- package/dist/{data-list-spacer-C0YimRXC.js → data-list-spacer-BQ4_YeyT.js} +2 -2
- package/dist/{data-list-spacer-C0YimRXC.js.map → data-list-spacer-BQ4_YeyT.js.map} +1 -1
- package/dist/{data-list-spacer-DUBpzv_H.cjs → data-list-spacer-GIVW2hB1.cjs} +2 -2
- package/dist/{data-list-spacer-DUBpzv_H.cjs.map → data-list-spacer-GIVW2hB1.cjs.map} +1 -1
- package/dist/{data-panel-Bd_Xsz-W.cjs → data-panel-CIu6JToM.cjs} +3 -3
- package/dist/{data-panel-Bd_Xsz-W.cjs.map → data-panel-CIu6JToM.cjs.map} +1 -1
- package/dist/{data-panel-Y7wD0xlR.js → data-panel-CPZ2GuZN.js} +3 -3
- package/dist/{data-panel-Y7wD0xlR.js.map → data-panel-CPZ2GuZN.js.map} +1 -1
- package/dist/{date-time-range-picker-D2g3RU5B.cjs → date-time-range-picker-BCzvSYx3.cjs} +3 -3
- package/dist/{date-time-range-picker-D2g3RU5B.cjs.map → date-time-range-picker-BCzvSYx3.cjs.map} +1 -1
- package/dist/{date-time-range-picker-Cb86jLFc.js → date-time-range-picker-C-t3Kdpk.js} +3 -3
- package/dist/{date-time-range-picker-Cb86jLFc.js.map → date-time-range-picker-C-t3Kdpk.js.map} +1 -1
- package/dist/{dialog-DMOXPT0N.js → dialog-Dtfe1ylw.js} +5 -5
- package/dist/dialog-Dtfe1ylw.js.map +1 -0
- package/dist/{dialog-Bilo4jEU.cjs → dialog-Vvcjm0rZ.cjs} +4 -4
- package/dist/dialog-Vvcjm0rZ.cjs.map +1 -0
- package/dist/domains/auth/components/permission-denied.cjs.js +22 -0
- package/dist/domains/auth/components/permission-denied.cjs.js.map +1 -0
- package/dist/domains/auth/components/permission-denied.d.ts +2 -0
- package/dist/domains/auth/components/permission-denied.es.js +18 -0
- package/dist/domains/auth/components/permission-denied.es.js.map +1 -0
- package/dist/domains/auth/components/session-expired.cjs.js +40 -0
- package/dist/domains/auth/components/session-expired.cjs.js.map +1 -0
- package/dist/domains/auth/components/session-expired.d.ts +2 -0
- package/dist/domains/auth/components/session-expired.es.js +36 -0
- package/dist/domains/auth/components/session-expired.es.js.map +1 -0
- package/dist/domains/auth/services/sso-login.cjs.js +28 -0
- package/dist/domains/auth/services/sso-login.cjs.js.map +1 -0
- package/dist/domains/auth/services/sso-login.d.ts +2 -0
- package/dist/domains/auth/services/sso-login.es.js +24 -0
- package/dist/domains/auth/services/sso-login.es.js.map +1 -0
- package/dist/domains/chat/attachments/attachment-preview-dialog.cjs.js +2 -3
- package/dist/domains/chat/attachments/attachment-preview-dialog.cjs.js.map +1 -1
- package/dist/domains/chat/attachments/attachment-preview-dialog.es.js +2 -3
- package/dist/domains/chat/attachments/attachment-preview-dialog.es.js.map +1 -1
- package/dist/domains/chat/attachments/composer-attachment.cjs.js +1 -2
- package/dist/domains/chat/attachments/composer-attachment.cjs.js.map +1 -1
- package/dist/domains/chat/attachments/composer-attachment.es.js +1 -2
- package/dist/domains/chat/attachments/composer-attachment.es.js.map +1 -1
- package/dist/domains/chat/components/badge-wrapper.cjs.js +1 -1
- package/dist/domains/chat/components/badge-wrapper.es.js +1 -1
- package/dist/domains/chat/components/network-choice-metadata-dialog.cjs.js +3 -3
- package/dist/domains/chat/components/network-choice-metadata-dialog.es.js +3 -3
- package/dist/domains/chat/messages/notification-signal-notice.cjs.js +1 -1
- package/dist/domains/chat/messages/notification-signal-notice.es.js +1 -1
- package/dist/domains/chat/messages/reasoning.cjs.js +1 -1
- package/dist/domains/chat/messages/reasoning.es.js +1 -1
- package/dist/domains/chat/messages/renderers/message-text.cjs.js +2 -2
- package/dist/domains/chat/messages/renderers/message-text.es.js +2 -2
- package/dist/domains/chat/messages/renderers/status-renderers.cjs.js +1 -1
- package/dist/domains/chat/messages/renderers/status-renderers.es.js +1 -1
- package/dist/domains/chat/messages/signal-badge.cjs.js +1 -1
- package/dist/domains/chat/messages/signal-badge.es.js +1 -1
- package/dist/domains/chat/messages/tripwire-notice.cjs.js +1 -1
- package/dist/domains/chat/messages/tripwire-notice.es.js +1 -1
- package/dist/domains/chat/tools/badges/ask-user-badge.cjs.js +1 -1
- package/dist/domains/chat/tools/badges/ask-user-badge.es.js +1 -1
- package/dist/domains/chat/tools/badges/code-mode-badge.cjs.js +2 -2
- package/dist/domains/chat/tools/badges/code-mode-badge.es.js +2 -2
- package/dist/domains/chat/tools/badges/observation-marker-badge.cjs.js +1 -1
- package/dist/domains/chat/tools/badges/observation-marker-badge.es.js +1 -1
- package/dist/domains/chat/tools/badges/observation-renderer.cjs.js +1 -1
- package/dist/domains/chat/tools/badges/observation-renderer.es.js +1 -1
- package/dist/domains/chat/tools/badges/tool-approval-buttons.cjs.js +1 -1
- package/dist/domains/chat/tools/badges/tool-approval-buttons.es.js +1 -1
- package/dist/domains/logs/components/log-details-view.cjs.js +2 -2
- package/dist/domains/logs/components/log-details-view.es.js +2 -2
- package/dist/domains/logs/components/logs-error-content.cjs.js +6 -7
- package/dist/domains/logs/components/logs-error-content.cjs.js.map +1 -1
- package/dist/domains/logs/components/logs-error-content.es.js +4 -5
- package/dist/domains/logs/components/logs-error-content.es.js.map +1 -1
- package/dist/domains/logs/components/logs-list-view.cjs.js +1 -1
- package/dist/domains/logs/components/logs-list-view.es.js +1 -1
- package/dist/domains/logs/components/logs-toolbar.cjs.js +1 -1
- package/dist/domains/logs/components/logs-toolbar.es.js +1 -1
- package/dist/domains/logs/components/no-logs-info.cjs.js +2 -2
- package/dist/domains/logs/components/no-logs-info.es.js +2 -2
- package/dist/domains/memory/components/flame-graph.cjs.js +1 -1
- package/dist/domains/memory/components/flame-graph.es.js +1 -1
- package/dist/domains/memory/components/memory-studio-panel.cjs.js +1 -1
- package/dist/domains/memory/components/memory-studio-panel.es.js +1 -1
- package/dist/domains/memory/components/observation-detail-view.cjs.js +1 -1
- package/dist/domains/memory/components/observation-detail-view.es.js +1 -1
- package/dist/domains/metrics/components/card-action-buttons.cjs.js +1 -1
- package/dist/domains/metrics/components/card-action-buttons.es.js +1 -1
- package/dist/domains/metrics/components/date-range-selector.cjs.js +1 -1
- package/dist/domains/metrics/components/date-range-selector.es.js +1 -1
- package/dist/domains/metrics/components/kpi-card-view.cjs.js +1 -1
- package/dist/domains/metrics/components/kpi-card-view.es.js +1 -1
- package/dist/domains/metrics/components/latency-card-view.cjs.js +4 -4
- package/dist/domains/metrics/components/latency-card-view.es.js +4 -4
- package/dist/domains/metrics/components/memory-card-view.cjs.js +5 -5
- package/dist/domains/metrics/components/memory-card-view.es.js +5 -5
- package/dist/domains/metrics/components/model-usage-cost-card-view.cjs.js +2 -2
- package/dist/domains/metrics/components/model-usage-cost-card-view.es.js +2 -2
- package/dist/domains/metrics/components/scores-card-view.cjs.js +5 -5
- package/dist/domains/metrics/components/scores-card-view.es.js +5 -5
- package/dist/domains/metrics/components/token-usage-by-agent-card-view.cjs.js +4 -4
- package/dist/domains/metrics/components/token-usage-by-agent-card-view.es.js +4 -4
- package/dist/domains/metrics/components/token-usage-timeline-card-view.cjs.js +4 -4
- package/dist/domains/metrics/components/token-usage-timeline-card-view.es.js +4 -4
- package/dist/domains/metrics/components/traces-volume-card-view.cjs.js +4 -4
- package/dist/domains/metrics/components/traces-volume-card-view.es.js +4 -4
- package/dist/domains/traces/components/no-traces-info.cjs.js +1 -1
- package/dist/domains/traces/components/no-traces-info.es.js +1 -1
- package/dist/domains/traces/components/span-data-panel-view.cjs.js +19 -8
- package/dist/domains/traces/components/span-data-panel-view.cjs.js.map +1 -1
- package/dist/domains/traces/components/span-data-panel-view.es.js +20 -9
- package/dist/domains/traces/components/span-data-panel-view.es.js.map +1 -1
- package/dist/domains/traces/components/span-details-view.cjs.js +5 -3
- package/dist/domains/traces/components/span-details-view.cjs.js.map +1 -1
- package/dist/domains/traces/components/span-details-view.es.js +6 -4
- package/dist/domains/traces/components/span-details-view.es.js.map +1 -1
- package/dist/domains/traces/components/span-payload/span-error-renderer.cjs.js +3 -3
- package/dist/domains/traces/components/span-payload/span-error-renderer.es.js +3 -3
- package/dist/domains/traces/components/span-payload/span-input-renderers.cjs.js +5 -3
- package/dist/domains/traces/components/span-payload/span-input-renderers.cjs.js.map +1 -1
- package/dist/domains/traces/components/span-payload/span-input-renderers.es.js +5 -3
- package/dist/domains/traces/components/span-payload/span-input-renderers.es.js.map +1 -1
- package/dist/domains/traces/components/span-payload/span-output-renderers.cjs.js +13 -12
- package/dist/domains/traces/components/span-payload/span-output-renderers.cjs.js.map +1 -1
- package/dist/domains/traces/components/span-payload/span-output-renderers.es.js +7 -6
- package/dist/domains/traces/components/span-payload/span-output-renderers.es.js.map +1 -1
- package/dist/domains/traces/components/span-payload/span-payload-messages.cjs.js +1 -1
- package/dist/domains/traces/components/span-payload/span-payload-messages.es.js +1 -1
- package/dist/domains/traces/components/span-payload/span-payload-primitives.cjs.js +2 -2
- package/dist/domains/traces/components/span-payload/span-payload-primitives.es.js +2 -2
- package/dist/domains/traces/components/span-payload/span-payload-processor.cjs.js +79 -0
- package/dist/domains/traces/components/span-payload/span-payload-processor.cjs.js.map +1 -0
- package/dist/domains/traces/components/span-payload/span-payload-processor.d.ts +2 -0
- package/dist/domains/traces/components/span-payload/span-payload-processor.es.js +75 -0
- package/dist/domains/traces/components/span-payload/span-payload-processor.es.js.map +1 -0
- package/dist/domains/traces/components/span-payload/span-payload-registry.cjs.js +2 -0
- package/dist/domains/traces/components/span-payload/span-payload-registry.cjs.js.map +1 -1
- package/dist/domains/traces/components/span-payload/span-payload-registry.es.js +2 -1
- package/dist/domains/traces/components/span-payload/span-payload-registry.es.js.map +1 -1
- package/dist/domains/traces/components/span-payload/span-payload-section.cjs.js +2 -2
- package/dist/domains/traces/components/span-payload/span-payload-section.es.js +2 -2
- package/dist/domains/traces/components/span-payload/span-payload-tool.cjs.js +2 -2
- package/dist/domains/traces/components/span-payload/span-payload-tool.es.js +2 -2
- package/dist/domains/traces/components/span-payload/span-processor-attributes.cjs.js +85 -0
- package/dist/domains/traces/components/span-payload/span-processor-attributes.cjs.js.map +1 -0
- package/dist/domains/traces/components/span-payload/span-processor-attributes.d.ts +2 -0
- package/dist/domains/traces/components/span-payload/span-processor-attributes.es.js +81 -0
- package/dist/domains/traces/components/span-payload/span-processor-attributes.es.js.map +1 -0
- package/dist/domains/traces/components/span-payload.cjs.js +4 -0
- package/dist/domains/traces/components/span-payload.cjs.js.map +1 -1
- package/dist/domains/traces/components/span-payload.es.js +2 -0
- package/dist/domains/traces/components/span-payload.es.js.map +1 -1
- package/dist/domains/traces/components/span-summary-description.cjs.js +1 -1
- package/dist/domains/traces/components/span-summary-description.es.js +1 -1
- package/dist/domains/traces/components/span-timing-hover-card.cjs.js +1 -1
- package/dist/domains/traces/components/span-timing-hover-card.es.js +1 -1
- package/dist/domains/traces/components/span-token-usage.cjs.js +1 -1
- package/dist/domains/traces/components/span-token-usage.es.js +1 -1
- package/dist/domains/traces/components/thread-trace/thread-trace-details.cjs.js +1 -1
- package/dist/domains/traces/components/thread-trace/thread-trace-details.es.js +1 -1
- package/dist/domains/traces/components/thread-trace/thread-trace-messages.cjs.js +4 -4
- package/dist/domains/traces/components/thread-trace/thread-trace-messages.es.js +4 -4
- package/dist/domains/traces/components/thread-trace/thread-trace-spans.cjs.js +1 -1
- package/dist/domains/traces/components/thread-trace/thread-trace-spans.es.js +1 -1
- package/dist/domains/traces/components/trace-columns-menu.cjs.js +4 -4
- package/dist/domains/traces/components/trace-columns-menu.cjs.js.map +1 -1
- package/dist/domains/traces/components/trace-columns-menu.es.js +4 -4
- package/dist/domains/traces/components/trace-columns-menu.es.js.map +1 -1
- package/dist/domains/traces/components/trace-data-panel-view.cjs.js +12 -16
- package/dist/domains/traces/components/trace-data-panel-view.cjs.js.map +1 -1
- package/dist/domains/traces/components/trace-data-panel-view.es.js +12 -16
- package/dist/domains/traces/components/trace-data-panel-view.es.js.map +1 -1
- package/dist/domains/traces/components/trace-id-button.cjs.js +1 -1
- package/dist/domains/traces/components/trace-id-button.es.js +1 -1
- package/dist/domains/traces/components/trace-summary-description.cjs.js +8 -1
- package/dist/domains/traces/components/trace-summary-description.cjs.js.map +1 -1
- package/dist/domains/traces/components/trace-summary-description.es.js +8 -1
- package/dist/domains/traces/components/trace-summary-description.es.js.map +1 -1
- package/dist/domains/traces/components/trace-time-range-chip.cjs.js +2 -2
- package/dist/domains/traces/components/trace-time-range-chip.es.js +2 -2
- package/dist/domains/traces/components/traces-error-content.cjs.js +6 -6
- package/dist/domains/traces/components/traces-error-content.cjs.js.map +1 -1
- package/dist/domains/traces/components/traces-error-content.es.js +4 -4
- package/dist/domains/traces/components/traces-error-content.es.js.map +1 -1
- package/dist/domains/traces/components/traces-list-mode-toggle.cjs.js +1 -1
- package/dist/domains/traces/components/traces-list-mode-toggle.es.js +1 -1
- package/dist/domains/traces/components/traces-list-view.cjs.js +2 -2
- package/dist/domains/traces/components/traces-list-view.es.js +2 -2
- package/dist/domains/traces/components/traces-page-skeleton.cjs.js +0 -2
- package/dist/domains/traces/components/traces-page-skeleton.cjs.js.map +1 -1
- package/dist/domains/traces/components/traces-page-skeleton.es.js +0 -2
- package/dist/domains/traces/components/traces-page-skeleton.es.js.map +1 -1
- package/dist/domains/traces/components.cjs.js +4 -2
- package/dist/domains/traces/components.cjs.js.map +1 -1
- package/dist/domains/traces/components.es.js +2 -1
- package/dist/domains/traces/components.es.js.map +1 -1
- package/dist/domains/traces.cjs.js +4 -2
- package/dist/domains/traces.cjs.js.map +1 -1
- package/dist/domains/traces.es.js +2 -1
- package/dist/domains/traces.es.js.map +1 -1
- package/dist/{drawer-CnCsgToD.js → drawer-DZnqDb9H.js} +4 -4
- package/dist/drawer-DZnqDb9H.js.map +1 -0
- package/dist/{drawer-B6Ftum77.cjs → drawer-DpldATv1.cjs} +3 -3
- package/dist/drawer-DpldATv1.cjs.map +1 -0
- package/dist/ee/signals/components/entity-index-compact-grid.cjs.js +1 -1
- package/dist/ee/signals/components/entity-index-compact-grid.es.js +1 -1
- package/dist/ee/signals/components/entity-index-list.cjs.js +1 -3
- package/dist/ee/signals/components/entity-index-list.cjs.js.map +1 -1
- package/dist/ee/signals/components/entity-index-list.es.js +1 -3
- package/dist/ee/signals/components/entity-index-list.es.js.map +1 -1
- package/dist/ee/signals/components/signals-empty-state.cjs.js +2 -3
- package/dist/ee/signals/components/signals-empty-state.cjs.js.map +1 -1
- package/dist/ee/signals/components/signals-empty-state.es.js +2 -3
- package/dist/ee/signals/components/signals-empty-state.es.js.map +1 -1
- package/dist/ee/signals/components/trace-intelligence-entity-detail.cjs.js +1 -1
- package/dist/ee/signals/components/trace-intelligence-entity-detail.es.js +1 -1
- package/dist/ee/signals/components/trace-intelligence-entity-index.cjs.js +11 -13
- package/dist/ee/signals/components/trace-intelligence-entity-index.cjs.js.map +1 -1
- package/dist/ee/signals/components/trace-intelligence-entity-index.es.js +9 -11
- package/dist/ee/signals/components/trace-intelligence-entity-index.es.js.map +1 -1
- package/dist/ee/signals/examples-pager.cjs.js +1 -3
- package/dist/ee/signals/examples-pager.cjs.js.map +1 -1
- package/dist/ee/signals/examples-pager.es.js +1 -3
- package/dist/ee/signals/examples-pager.es.js.map +1 -1
- package/dist/ee/signals/flow-card.cjs.js +1 -1
- package/dist/ee/signals/flow-card.es.js +1 -1
- package/dist/ee/signals/noise-detail-panel.cjs.js +1 -1
- package/dist/ee/signals/noise-detail-panel.es.js +1 -1
- package/dist/ee/signals/sankey-signals.cjs.js +1 -1
- package/dist/ee/signals/sankey-signals.es.js +1 -1
- package/dist/ee/signals/settings/signal-definition-form-dialog.cjs.js +5 -5
- package/dist/ee/signals/settings/signal-definition-form-dialog.es.js +5 -5
- package/dist/ee/signals/settings/trace-signal-settings.cjs.js +2 -2
- package/dist/ee/signals/settings/trace-signal-settings.es.js +2 -2
- package/dist/ee/signals/signals-error-state.cjs.js +2 -2
- package/dist/ee/signals/signals-error-state.cjs.js.map +1 -1
- package/dist/ee/signals/signals-error-state.es.js +2 -2
- package/dist/ee/signals/signals-error-state.es.js.map +1 -1
- package/dist/ee/signals/snapshot-timeline.cjs.js +1 -2
- package/dist/ee/signals/snapshot-timeline.cjs.js.map +1 -1
- package/dist/ee/signals/snapshot-timeline.es.js +1 -2
- package/dist/ee/signals/snapshot-timeline.es.js.map +1 -1
- package/dist/ee/signals/theme-detail-panel.cjs.js +1 -1
- package/dist/ee/signals/theme-detail-panel.es.js +1 -1
- package/dist/ee/signals/theme-filter-banner.cjs.js +1 -1
- package/dist/ee/signals/theme-filter-banner.es.js +1 -1
- package/dist/ee/signals/trace-insight-view.cjs.js +3 -12
- package/dist/ee/signals/trace-insight-view.cjs.js.map +1 -1
- package/dist/ee/signals/trace-insight-view.es.js +3 -12
- package/dist/ee/signals/trace-insight-view.es.js.map +1 -1
- package/dist/ee/signals/view-mode-tab.cjs.js +1 -1
- package/dist/ee/signals/view-mode-tab.es.js +1 -1
- package/dist/ee/topics/components/topic-trace-summary-list.cjs.js +10 -19
- package/dist/ee/topics/components/topic-trace-summary-list.cjs.js.map +1 -1
- package/dist/ee/topics/components/topic-trace-summary-list.es.js +10 -19
- package/dist/ee/topics/components/topic-trace-summary-list.es.js.map +1 -1
- package/dist/{filter-bar-chip-BlvuAPve.js → filter-bar-chip-7X4Aw_WH.js} +3 -3
- package/dist/{filter-bar-chip-BlvuAPve.js.map → filter-bar-chip-7X4Aw_WH.js.map} +1 -1
- package/dist/{filter-bar-chip-B_k_vbip.cjs → filter-bar-chip-BdZHI76J.cjs} +3 -3
- package/dist/{filter-bar-chip-B_k_vbip.cjs.map → filter-bar-chip-BdZHI76J.cjs.map} +1 -1
- package/dist/hooks/use-fluid-hover.cjs.js +2 -4
- package/dist/hooks/use-fluid-hover.cjs.js.map +1 -1
- package/dist/hooks/use-fluid-hover.es.js +2 -4
- package/dist/hooks/use-fluid-hover.es.js.map +1 -1
- package/dist/{input-B1RysHyq.js → input-CHghVv3k.js} +3 -3
- package/dist/input-CHghVv3k.js.map +1 -0
- package/dist/{input-CDLMprJS.cjs → input-bd223EJW.cjs} +2 -2
- package/dist/input-bd223EJW.cjs.map +1 -0
- package/dist/{input-group-DaIV9Orp.cjs → input-group-BfnJ0RIj.cjs} +3 -3
- package/dist/input-group-BfnJ0RIj.cjs.map +1 -0
- package/dist/{input-group-B-pskRGt.js → input-group-Jt7lZsN9.js} +4 -4
- package/dist/input-group-Jt7lZsN9.js.map +1 -0
- package/dist/layout/tabbed-container.cjs.js +6 -6
- package/dist/layout/tabbed-container.es.js +6 -6
- package/dist/{list-search-DK2yMiME.js → list-search-FJ1O5F3S.js} +2 -2
- package/dist/{list-search-DK2yMiME.js.map → list-search-FJ1O5F3S.js.map} +1 -1
- package/dist/{list-search-DhReauU5.cjs → list-search-S1mco9Bl.cjs} +2 -2
- package/dist/{list-search-DhReauU5.cjs.map → list-search-S1mco9Bl.cjs.map} +1 -1
- package/dist/{logs-data-list-DgoCLb6k.cjs → logs-data-list-BGJTRyO_.cjs} +2 -2
- package/dist/{logs-data-list-DgoCLb6k.cjs.map → logs-data-list-BGJTRyO_.cjs.map} +1 -1
- package/dist/{logs-data-list-B24gfDle.js → logs-data-list-XU1hCwI5.js} +2 -2
- package/dist/{logs-data-list-B24gfDle.js.map → logs-data-list-XU1hCwI5.js.map} +1 -1
- package/dist/{main-sidebar-Cf5G9iaC.js → main-sidebar-link-active-C9QPj3D6.js} +7 -119
- package/dist/main-sidebar-link-active-C9QPj3D6.js.map +1 -0
- package/dist/{main-sidebar-DYfRxFn4.cjs → main-sidebar-link-active-UEuukSeT.cjs} +5 -118
- package/dist/main-sidebar-link-active-UEuukSeT.cjs.map +1 -0
- package/dist/{markdown-renderer-BUqHHH4y.js → markdown-renderer-BBYgxsXL.js} +3 -3
- package/dist/{markdown-renderer-BUqHHH4y.js.map → markdown-renderer-BBYgxsXL.js.map} +1 -1
- package/dist/{markdown-renderer-CZLwgva-.cjs → markdown-renderer-Du_Zd1T-.cjs} +3 -3
- package/dist/{markdown-renderer-CZLwgva-.cjs.map → markdown-renderer-Du_Zd1T-.cjs.map} +1 -1
- package/dist/{metrics-card-CN4VRQQJ.js → metrics-card-Bzm6m1dy.js} +3 -3
- package/dist/{metrics-card-CN4VRQQJ.js.map → metrics-card-Bzm6m1dy.js.map} +1 -1
- package/dist/{metrics-card-DStXI6yn.cjs → metrics-card-DCCHIG-z.cjs} +3 -3
- package/dist/{metrics-card-DStXI6yn.cjs.map → metrics-card-DCCHIG-z.cjs.map} +1 -1
- package/dist/{metrics-kpi-card-CvOXyEGn.cjs → metrics-kpi-card-Bhb4R4z0.cjs} +2 -2
- package/dist/{metrics-kpi-card-CvOXyEGn.cjs.map → metrics-kpi-card-Bhb4R4z0.cjs.map} +1 -1
- package/dist/{metrics-kpi-card-C-XLN_Us.js → metrics-kpi-card-BrnFhFQm.js} +2 -2
- package/dist/{metrics-kpi-card-C-XLN_Us.js.map → metrics-kpi-card-BrnFhFQm.js.map} +1 -1
- package/dist/new/layout/app-shell.cjs.js +13 -0
- package/dist/new/layout/app-shell.cjs.js.map +1 -1
- package/dist/new/layout/app-shell.es.js +13 -1
- package/dist/new/layout/app-shell.es.js.map +1 -1
- package/dist/new/layout/page-header.cjs.js +1 -1
- package/dist/new/layout/page-header.es.js +1 -1
- package/dist/new/settings.cjs.js +42 -2
- package/dist/new/settings.cjs.js.map +1 -1
- package/dist/new/settings.es.js +43 -3
- package/dist/new/settings.es.js.map +1 -1
- package/dist/new/sidebar.cjs.js +33 -33
- package/dist/new/sidebar.cjs.js.map +1 -1
- package/dist/new/sidebar.es.js +3 -3
- package/dist/new/sidebar.es.js.map +1 -1
- package/dist/{page-header-CSigVThQ.js → page-header-CyXAezlZ.js} +25 -26
- package/dist/page-header-CyXAezlZ.js.map +1 -0
- package/dist/{page-header-DzEEkOca.cjs → page-header-Dk3s3XtC.cjs} +25 -26
- package/dist/page-header-Dk3s3XtC.cjs.map +1 -0
- package/dist/primitives/control-size.cjs.js +1 -2
- package/dist/primitives/control-size.cjs.js.map +1 -1
- package/dist/primitives/control-size.es.js +1 -2
- package/dist/primitives/control-size.es.js.map +1 -1
- package/dist/primitives/form-element.cjs.js +10 -5
- package/dist/primitives/form-element.cjs.js.map +1 -1
- package/dist/primitives/form-element.es.js +8 -5
- package/dist/primitives/form-element.es.js.map +1 -1
- package/dist/primitives/menu-item.cjs.js +1 -1
- package/dist/primitives/menu-item.cjs.js.map +1 -1
- package/dist/primitives/menu-item.es.js +1 -1
- package/dist/primitives/menu-item.es.js.map +1 -1
- package/dist/primitives/raised-surface.cjs.js +8 -3
- package/dist/primitives/raised-surface.cjs.js.map +1 -1
- package/dist/primitives/raised-surface.es.js +8 -4
- package/dist/primitives/raised-surface.es.js.map +1 -1
- package/dist/primitives/trigger-button.cjs.js +1 -1
- package/dist/primitives/trigger-button.es.js +1 -1
- package/dist/{property-filter-applied-uYr-sCdm.js → property-filter-applied-CYDiZtR7.js} +3 -3
- package/dist/{property-filter-applied-uYr-sCdm.js.map → property-filter-applied-CYDiZtR7.js.map} +1 -1
- package/dist/{property-filter-applied-DxSZN3Om.cjs → property-filter-applied-F6cN2lrX.cjs} +3 -3
- package/dist/{property-filter-applied-DxSZN3Om.cjs.map → property-filter-applied-F6cN2lrX.cjs.map} +1 -1
- package/dist/resize/panel-drawer.cjs.js +1 -1
- package/dist/resize/panel-drawer.es.js +1 -1
- package/dist/{search-field-block-Bg9GPPaA.cjs → search-field-block-7-ufp4uG.cjs} +3 -3
- package/dist/{search-field-block-Bg9GPPaA.cjs.map → search-field-block-7-ufp4uG.cjs.map} +1 -1
- package/dist/{search-field-block-B0twxGWI.js → search-field-block-fU3tStmB.js} +3 -3
- package/dist/{search-field-block-B0twxGWI.js.map → search-field-block-fU3tStmB.js.map} +1 -1
- package/dist/{select-65j5NjtJ.cjs → select-BByMAS0L.cjs} +4 -2
- package/dist/select-BByMAS0L.cjs.map +1 -0
- package/dist/{select-BiY-SoMJ.js → select-Dkmx3L5p.js} +4 -2
- package/dist/select-Dkmx3L5p.js.map +1 -0
- package/dist/{select-field-block-D_b9N7od.js → select-field-block-BfiHq9t6.js} +2 -2
- package/dist/{select-field-block-D_b9N7od.js.map → select-field-block-BfiHq9t6.js.map} +1 -1
- package/dist/{select-field-block-CZbN1w__.cjs → select-field-block-DJo2cX9Y.cjs} +2 -2
- package/dist/{select-field-block-CZbN1w__.cjs.map → select-field-block-DJo2cX9Y.cjs.map} +1 -1
- package/dist/{span-payload-primitives-DlIOpCII.js → span-payload-primitives-CzLh6axt.js} +3 -3
- package/dist/{span-payload-primitives-DlIOpCII.js.map → span-payload-primitives-CzLh6axt.js.map} +1 -1
- package/dist/{span-payload-primitives-BjBTICfq.cjs → span-payload-primitives-KEXwIaeZ.cjs} +3 -3
- package/dist/{span-payload-primitives-BjBTICfq.cjs.map → span-payload-primitives-KEXwIaeZ.cjs.map} +1 -1
- package/dist/src/domains/auth/components/permission-denied.d.ts +6 -0
- package/dist/src/{ds/components/PermissionDenied → domains/auth/components}/permission-denied.stories.d.ts +1 -3
- package/dist/src/domains/auth/components/session-expired.d.ts +5 -0
- package/dist/src/{ds/components/SessionExpired → domains/auth/components}/session-expired.stories.d.ts +1 -2
- package/dist/src/domains/auth/services/sso-login.d.ts +7 -0
- package/dist/src/domains/logs/components/logs-error-content.d.ts +2 -2
- package/dist/src/domains/traces/components/index.d.ts +0 -1
- package/dist/src/domains/traces/components/span-payload/index.d.ts +2 -0
- package/dist/src/domains/traces/components/span-payload/span-payload-processor.d.ts +10 -0
- package/dist/src/domains/traces/components/span-payload/span-payload-registry.d.ts +1 -0
- package/dist/src/domains/traces/components/span-payload/span-payload.stories.d.ts +2 -0
- package/dist/src/domains/traces/components/span-payload/span-processor-attributes.d.ts +10 -0
- package/dist/src/domains/traces/components/trace-data-panel-view.stories.d.ts +94 -0
- package/dist/src/domains/traces/components/trace-summary-description.d.ts +1 -0
- package/dist/src/domains/traces/components/traces-error-content.d.ts +2 -2
- package/dist/src/ds/components/Button/Button.d.ts +1 -1
- package/dist/src/ds/components/ButtonsGroup/buttons-group.stories.d.ts +2 -2
- package/dist/src/ds/components/Columns/column-root.d.ts +1 -3
- package/dist/src/ds/components/Columns/columns.stories.d.ts +0 -1
- package/dist/src/ds/components/Columns/index.d.ts +0 -1
- package/dist/src/ds/components/Combobox/combobox-styles.d.ts +1 -2
- package/dist/src/ds/components/Combobox/combobox.d.ts +3 -0
- package/dist/src/ds/components/Combobox/combobox.stories.d.ts +1 -0
- package/dist/src/ds/components/DataKeysAndValues/data-keys-and-values-root.d.ts +1 -2
- package/dist/src/ds/components/DataKeysAndValues/data-keys-and-values.stories.d.ts +1 -2
- package/dist/src/ds/components/EmptyState/EmptyState.d.ts +6 -2
- package/dist/src/ds/components/EmptyState/empty-state.stories.d.ts +1 -0
- package/dist/src/ds/components/PageLayout/page-layout.d.ts +8 -3
- package/dist/src/ds/components/PageLayout/page-layout.stories.d.ts +3 -0
- package/dist/src/ds/components/Select/select.d.ts +3 -4
- package/dist/src/ds/components/Select/select.stories.d.ts +2 -2
- package/dist/src/ds/new/layout/app-shell/index.d.ts +1 -0
- package/dist/src/ds/new/layout/app-shell/main-card.d.ts +5 -0
- package/dist/src/ds/new/settings/index.d.ts +1 -1
- package/dist/src/ds/new/settings/settings.stories.d.ts +2 -0
- package/dist/src/ds/primitives/control-size.d.ts +1 -1
- package/dist/src/ds/primitives/fields-on-surfaces.stories.d.ts +6 -0
- package/dist/src/ds/primitives/form-element.d.ts +3 -1
- package/dist/src/ds/primitives/raised-surface.d.ts +4 -31
- package/dist/src/ds/tokens/colors.d.ts +3 -0
- package/dist/src/ds/tokens/shadows.d.ts +1 -0
- package/dist/src/{ds/components/IntegrationDialog/integration-dialog.stories.d.ts → hooks/stories/browser/use-autoscroll.stories.d.ts} +6 -8
- package/dist/src/hooks/stories/browser/use-copy-to-clipboard.stories.d.ts +22 -0
- package/dist/src/hooks/stories/browser/use-fluid-hover.stories.d.ts +17 -0
- package/dist/src/hooks/stories/browser/use-in-view.stories.d.ts +17 -0
- package/dist/src/hooks/stories/browser/use-is-apple-platform.stories.d.ts +17 -0
- package/dist/src/hooks/stories/browser/use-is-mobile.stories.d.ts +32 -0
- package/dist/src/hooks/stories/browser/use-isomorphic-layout-effect.stories.d.ts +32 -0
- package/dist/src/hooks/stories/browser/use-keyboard-shortcut-label.stories.d.ts +22 -0
- package/dist/src/hooks/stories/browser/use-register-fluid-hover-item.stories.d.ts +17 -0
- package/dist/src/hooks/stories/environment/use-custom-environment-variables-editor.stories.d.ts +17 -0
- package/dist/src/hooks/stories/environment/use-environment-variables-editor.stories.d.ts +17 -0
- package/dist/src/hooks/stories/state/use-debounced-value.stories.d.ts +32 -0
- package/dist/src/hooks/stories/state/use-expiring-local-storage-state.stories.d.ts +17 -0
- package/dist/src/hooks/stories/state/use-local-storage-state.stories.d.ts +17 -0
- package/dist/src/hooks/stories/text/use-is-clamped.stories.d.ts +17 -0
- package/dist/src/hooks/stories/text/use-measured-auto-height.stories.d.ts +17 -0
- package/dist/src/hooks/stories/text/use-scroll-to-first-highlight.stories.d.ts +17 -0
- package/dist/src/hooks/stories/text/use-text-highlight.stories.d.ts +17 -0
- package/dist/src/lib/keyboard/use-keyboard-scope-depth.stories.d.ts +17 -0
- package/dist/src/lib/keyboard/use-keyboard-shortcuts-context.stories.d.ts +17 -0
- package/dist/src/lib/keyboard/use-table-keydown.stories.d.ts +15 -0
- package/dist/style.css +147 -107
- package/dist/{tabs-content-DMrffE9p.js → tabs-content-7ODUUdQ0.js} +2 -2
- package/dist/{tabs-content-DMrffE9p.js.map → tabs-content-7ODUUdQ0.js.map} +1 -1
- package/dist/{tabs-content-CuUlcS67.cjs → tabs-content-DlCJoQUW.cjs} +2 -2
- package/dist/{tabs-content-CuUlcS67.cjs.map → tabs-content-DlCJoQUW.cjs.map} +1 -1
- package/dist/{tabs-root-DrK1hxeV.cjs → tabs-root-COCL6jcx.cjs} +2 -2
- package/dist/{tabs-root-DrK1hxeV.cjs.map → tabs-root-COCL6jcx.cjs.map} +1 -1
- package/dist/{tabs-root-B2sdkQ3A.js → tabs-root-UNPxoGhW.js} +2 -2
- package/dist/{tabs-root-B2sdkQ3A.js.map → tabs-root-UNPxoGhW.js.map} +1 -1
- package/dist/{tabs-tab-ClmulJmM.cjs → tabs-tab-DFmRMdi3.cjs} +2 -2
- package/dist/{tabs-tab-ClmulJmM.cjs.map → tabs-tab-DFmRMdi3.cjs.map} +1 -1
- package/dist/{tabs-tab-u6LS5twu.js → tabs-tab-DluwCnDF.js} +2 -2
- package/dist/{tabs-tab-u6LS5twu.js.map → tabs-tab-DluwCnDF.js.map} +1 -1
- package/dist/{text-field-block-Cihf0IRw.js → text-field-block-DGIM1i3Z.js} +2 -2
- package/dist/{text-field-block-Cihf0IRw.js.map → text-field-block-DGIM1i3Z.js.map} +1 -1
- package/dist/{text-field-block-BmWGMw3a.cjs → text-field-block-DePCgDOh.cjs} +2 -2
- package/dist/{text-field-block-BmWGMw3a.cjs.map → text-field-block-DePCgDOh.cjs.map} +1 -1
- package/dist/{textarea-DdnzLrI9.js → textarea-B6wvS_CQ.js} +3 -3
- package/dist/textarea-B6wvS_CQ.js.map +1 -0
- package/dist/{textarea-5b6XcMrq.cjs → textarea-gUBUqpol.cjs} +2 -2
- package/dist/textarea-gUBUqpol.cjs.map +1 -0
- package/dist/{time-picker-PXFCgAuR.cjs → time-picker-BNhe7Zpb.cjs} +2 -2
- package/dist/{time-picker-PXFCgAuR.cjs.map → time-picker-BNhe7Zpb.cjs.map} +1 -1
- package/dist/{time-picker-DMroqHbw.js → time-picker-kvCsW78V.js} +2 -2
- package/dist/{time-picker-DMroqHbw.js.map → time-picker-kvCsW78V.js.map} +1 -1
- package/dist/tokens.cjs.js +4 -0
- package/dist/tokens.cjs.js.map +1 -1
- package/dist/tokens.es.js +4 -0
- package/dist/tokens.es.js.map +1 -1
- package/dist/{tool-approval-DzOGIKRh.js → tool-approval-DXUFyrSl.js} +2 -2
- package/dist/{tool-approval-DzOGIKRh.js.map → tool-approval-DXUFyrSl.js.map} +1 -1
- package/dist/{tool-approval-DYX_ZNWc.cjs → tool-approval-LIy1nZZJ.cjs} +2 -2
- package/dist/{tool-approval-DYX_ZNWc.cjs.map → tool-approval-LIy1nZZJ.cjs.map} +1 -1
- package/dist/{tool-call-HNNRcirD.js → tool-call-Bs-9Cah5.js} +2 -2
- package/dist/{tool-call-HNNRcirD.js.map → tool-call-Bs-9Cah5.js.map} +1 -1
- package/dist/{tool-call-vZeZ5XT5.cjs → tool-call-C0JeHe8Z.cjs} +2 -2
- package/dist/{tool-call-vZeZ5XT5.cjs.map → tool-call-C0JeHe8Z.cjs.map} +1 -1
- package/dist/{traces-data-list-DHrC158-.js → traces-data-list-Cjy5a-1f.js} +3 -3
- package/dist/{traces-data-list-DHrC158-.js.map → traces-data-list-Cjy5a-1f.js.map} +1 -1
- package/dist/{traces-data-list-DNOtQze4.cjs → traces-data-list-DLeKSbaZ.cjs} +3 -3
- package/dist/{traces-data-list-DNOtQze4.cjs.map → traces-data-list-DLeKSbaZ.cjs.map} +1 -1
- package/package.json +13 -13
- package/theme/surfaces.css +8 -0
- package/theme.css +7 -0
- package/dist/Button-KUj0U-5I.js.map +0 -1
- package/dist/Button-MMZPEb_q.cjs.map +0 -1
- package/dist/Card-B_buJ5yF.js.map +0 -1
- package/dist/Card-DwGasv0K.cjs.map +0 -1
- package/dist/EmptyState-B6cyZw6m.js.map +0 -1
- package/dist/EmptyState-DiSP6UIy.cjs.map +0 -1
- package/dist/ErrorState-B0839u-q.cjs +0 -21
- package/dist/ErrorState-B0839u-q.cjs.map +0 -1
- package/dist/ErrorState-HyRJdaA2.js +0 -19
- package/dist/ErrorState-HyRJdaA2.js.map +0 -1
- package/dist/PermissionDenied-CTqnE57B.js +0 -27
- package/dist/PermissionDenied-CTqnE57B.js.map +0 -1
- package/dist/PermissionDenied-fdVmTjjf.cjs +0 -29
- package/dist/PermissionDenied-fdVmTjjf.cjs.map +0 -1
- package/dist/SessionExpired-B9e1Kx4I.js +0 -44
- package/dist/SessionExpired-B9e1Kx4I.js.map +0 -1
- package/dist/SessionExpired-GSQkcV9f.cjs +0 -46
- package/dist/SessionExpired-GSQkcV9f.cjs.map +0 -1
- package/dist/code-editor-BQTDma1I.js.map +0 -1
- package/dist/code-editor-BfoJXq9l.cjs.map +0 -1
- package/dist/combobox-Bn_uyUSB.cjs.map +0 -1
- package/dist/combobox-Cykfy5wc.js.map +0 -1
- package/dist/combobox-styles-CSsS2LEx.cjs.map +0 -1
- package/dist/combobox-styles-iuJUkJEQ.js.map +0 -1
- package/dist/components/DataFilter.cjs.js +0 -173
- package/dist/components/DataFilter.cjs.js.map +0 -1
- package/dist/components/DataFilter.d.ts +0 -2
- package/dist/components/DataFilter.es.js +0 -169
- package/dist/components/DataFilter.es.js.map +0 -1
- package/dist/components/ErrorState.cjs.js +0 -10
- package/dist/components/ErrorState.cjs.js.map +0 -1
- package/dist/components/ErrorState.d.ts +0 -2
- package/dist/components/ErrorState.es.js +0 -2
- package/dist/components/ErrorState.es.js.map +0 -1
- package/dist/components/IntegrationDialog.cjs.js +0 -104
- package/dist/components/IntegrationDialog.cjs.js.map +0 -1
- package/dist/components/IntegrationDialog.d.ts +0 -2
- package/dist/components/IntegrationDialog.es.js +0 -100
- package/dist/components/IntegrationDialog.es.js.map +0 -1
- package/dist/components/PermissionDenied.cjs.js +0 -10
- package/dist/components/PermissionDenied.cjs.js.map +0 -1
- package/dist/components/PermissionDenied.d.ts +0 -2
- package/dist/components/PermissionDenied.es.js +0 -2
- package/dist/components/PermissionDenied.es.js.map +0 -1
- package/dist/components/Sections.cjs.js +0 -13
- package/dist/components/Sections.cjs.js.map +0 -1
- package/dist/components/Sections.d.ts +0 -2
- package/dist/components/Sections.es.js +0 -9
- package/dist/components/Sections.es.js.map +0 -1
- package/dist/components/SessionExpired.cjs.js +0 -10
- package/dist/components/SessionExpired.cjs.js.map +0 -1
- package/dist/components/SessionExpired.d.ts +0 -2
- package/dist/components/SessionExpired.es.js +0 -2
- package/dist/components/SessionExpired.es.js.map +0 -1
- package/dist/components/SettingsLayout.cjs.js +0 -10
- package/dist/components/SettingsLayout.cjs.js.map +0 -1
- package/dist/components/SettingsLayout.d.ts +0 -2
- package/dist/components/SettingsLayout.es.js +0 -2
- package/dist/components/SettingsLayout.es.js.map +0 -1
- package/dist/data-keys-and-values-BduKvvC5.cjs.map +0 -1
- package/dist/data-keys-and-values-DhC4U4Yl.js.map +0 -1
- package/dist/data-list-Cn0Ls4l2.js.map +0 -1
- package/dist/data-list-DSbuTWLI.cjs.map +0 -1
- package/dist/dialog-Bilo4jEU.cjs.map +0 -1
- package/dist/dialog-DMOXPT0N.js.map +0 -1
- package/dist/domains/traces/components/trace-keys-and-values.cjs.js +0 -70
- package/dist/domains/traces/components/trace-keys-and-values.cjs.js.map +0 -1
- package/dist/domains/traces/components/trace-keys-and-values.d.ts +0 -2
- package/dist/domains/traces/components/trace-keys-and-values.es.js +0 -66
- package/dist/domains/traces/components/trace-keys-and-values.es.js.map +0 -1
- package/dist/drawer-B6Ftum77.cjs.map +0 -1
- package/dist/drawer-CnCsgToD.js.map +0 -1
- package/dist/input-B1RysHyq.js.map +0 -1
- package/dist/input-CDLMprJS.cjs.map +0 -1
- package/dist/input-group-B-pskRGt.js.map +0 -1
- package/dist/input-group-DaIV9Orp.cjs.map +0 -1
- package/dist/main-sidebar-Cf5G9iaC.js.map +0 -1
- package/dist/main-sidebar-DYfRxFn4.cjs.map +0 -1
- package/dist/page-header-CSigVThQ.js.map +0 -1
- package/dist/page-header-DzEEkOca.cjs.map +0 -1
- package/dist/select-65j5NjtJ.cjs.map +0 -1
- package/dist/select-BiY-SoMJ.js.map +0 -1
- package/dist/settings-layout-BGvMSClL.cjs +0 -49
- package/dist/settings-layout-BGvMSClL.cjs.map +0 -1
- package/dist/settings-layout-DA-JWqW3.js +0 -47
- package/dist/settings-layout-DA-JWqW3.js.map +0 -1
- package/dist/src/domains/traces/components/trace-keys-and-values.d.ts +0 -24
- package/dist/src/domains/traces/components/trace-keys-and-values.stories.d.ts +0 -28
- package/dist/src/ds/components/Columns/multi-column.d.ts +0 -7
- package/dist/src/ds/components/DataFilter/index.d.ts +0 -2
- package/dist/src/ds/components/DataFilter/select-data-filter.d.ts +0 -40
- package/dist/src/ds/components/DataFilter/select-data-filter.stories.d.ts +0 -8
- package/dist/src/ds/components/ErrorState/ErrorState.d.ts +0 -8
- package/dist/src/ds/components/ErrorState/error-state.stories.d.ts +0 -8
- package/dist/src/ds/components/ErrorState/index.d.ts +0 -2
- package/dist/src/ds/components/IntegrationDialog/__fixtures__/integrations-catalog.d.ts +0 -2
- package/dist/src/ds/components/IntegrationDialog/index.d.ts +0 -2
- package/dist/src/ds/components/IntegrationDialog/integration-dialog.d.ts +0 -28
- package/dist/src/ds/components/PermissionDenied/PermissionDenied.d.ts +0 -16
- package/dist/src/ds/components/PermissionDenied/index.d.ts +0 -2
- package/dist/src/ds/components/Sections/index.d.ts +0 -1
- package/dist/src/ds/components/Sections/sections.d.ts +0 -5
- package/dist/src/ds/components/Sections/sections.stories.d.ts +0 -8
- package/dist/src/ds/components/SessionExpired/SessionExpired.d.ts +0 -11
- package/dist/src/ds/components/SessionExpired/index.d.ts +0 -2
- package/dist/src/ds/components/SettingsLayout/index.d.ts +0 -1
- package/dist/src/ds/components/SettingsLayout/settings-layout.stories.d.ts +0 -52
- package/dist/textarea-5b6XcMrq.cjs.map +0 -1
- package/dist/textarea-DdnzLrI9.js.map +0 -1
- /package/dist/src/ds/{components/SettingsLayout → new/settings}/settings-layout.d.ts +0 -0
|
@@ -1,169 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
2
|
-
import { FilterIcon, XIcon, SearchIcon } from 'lucide-react';
|
|
3
|
-
import { useState, useCallback, useMemo } from 'react';
|
|
4
|
-
import { B as Button } from '../Button-KUj0U-5I.js';
|
|
5
|
-
import { D as DropdownMenu } from '../dropdown-menu-DpEn6HwK.js';
|
|
6
|
-
import { menuSearchClasses } from '../primitives/menu-item.es.js';
|
|
7
|
-
import { c as cn } from '../cn-65Adrsfj.js';
|
|
8
|
-
|
|
9
|
-
const SUBMENU_SEARCH_THRESHOLD = 6;
|
|
10
|
-
function MenuSearch({
|
|
11
|
-
value,
|
|
12
|
-
onChange,
|
|
13
|
-
label = "Search",
|
|
14
|
-
placeholder = "Search..."
|
|
15
|
-
}) {
|
|
16
|
-
return (
|
|
17
|
-
// Pull the row flush against the popup edges (the popup pads its items with p-1).
|
|
18
|
-
/* @__PURE__ */ jsxs("div", { className: cn(menuSearchClasses.container, "-mx-1 -mt-1 mb-1"), children: [
|
|
19
|
-
/* @__PURE__ */ jsx(SearchIcon, { className: menuSearchClasses.icon }),
|
|
20
|
-
/* @__PURE__ */ jsx(
|
|
21
|
-
"input",
|
|
22
|
-
{
|
|
23
|
-
type: "text",
|
|
24
|
-
placeholder,
|
|
25
|
-
"aria-label": label,
|
|
26
|
-
value,
|
|
27
|
-
onChange: (e) => onChange(e.target.value),
|
|
28
|
-
onKeyDown: (e) => e.stopPropagation(),
|
|
29
|
-
className: menuSearchClasses.input
|
|
30
|
-
}
|
|
31
|
-
)
|
|
32
|
-
] })
|
|
33
|
-
);
|
|
34
|
-
}
|
|
35
|
-
function SelectDataFilter({
|
|
36
|
-
categories,
|
|
37
|
-
value,
|
|
38
|
-
onChange,
|
|
39
|
-
disabled,
|
|
40
|
-
label = "Filter",
|
|
41
|
-
align = "end",
|
|
42
|
-
searchThreshold = SUBMENU_SEARCH_THRESHOLD
|
|
43
|
-
}) {
|
|
44
|
-
const [filterSearch, setFilterSearch] = useState("");
|
|
45
|
-
const [subSearch, setSubSearch] = useState("");
|
|
46
|
-
const resetSubSearch = useCallback((open) => {
|
|
47
|
-
if (!open) setSubSearch("");
|
|
48
|
-
}, []);
|
|
49
|
-
const activeFilterCount = useMemo(() => {
|
|
50
|
-
let count = 0;
|
|
51
|
-
for (const selections of Object.values(value)) {
|
|
52
|
-
if (selections.length > 0) count++;
|
|
53
|
-
}
|
|
54
|
-
return count;
|
|
55
|
-
}, [value]);
|
|
56
|
-
const grouped = useMemo(() => {
|
|
57
|
-
const q = filterSearch.toLowerCase();
|
|
58
|
-
const groups = [];
|
|
59
|
-
const groupMap = /* @__PURE__ */ new Map();
|
|
60
|
-
const ungrouped = [];
|
|
61
|
-
for (const cat of categories) {
|
|
62
|
-
if (cat.values.length === 0) continue;
|
|
63
|
-
if (q) {
|
|
64
|
-
const matchesLabel = cat.label.toLowerCase().includes(q);
|
|
65
|
-
const matchesValues = cat.values.some((v) => v.label.toLowerCase().includes(q));
|
|
66
|
-
if (!matchesLabel && !matchesValues) continue;
|
|
67
|
-
}
|
|
68
|
-
if (cat.group) {
|
|
69
|
-
let items = groupMap.get(cat.group);
|
|
70
|
-
if (!items) {
|
|
71
|
-
items = [];
|
|
72
|
-
groupMap.set(cat.group, items);
|
|
73
|
-
}
|
|
74
|
-
items.push(cat);
|
|
75
|
-
} else {
|
|
76
|
-
ungrouped.push(cat);
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
for (const cat of ungrouped) {
|
|
80
|
-
groups.push({ key: cat.id, items: [cat] });
|
|
81
|
-
}
|
|
82
|
-
for (const [groupLabel, items] of groupMap) {
|
|
83
|
-
groups.push({ key: `group-${groupLabel}`, label: groupLabel, items });
|
|
84
|
-
}
|
|
85
|
-
return groups;
|
|
86
|
-
}, [categories, filterSearch]);
|
|
87
|
-
const handleSelect = (categoryId, selectedValue, mode) => {
|
|
88
|
-
const current = value[categoryId] ?? [];
|
|
89
|
-
let next;
|
|
90
|
-
if (mode === "single") {
|
|
91
|
-
next = current.includes(selectedValue) ? [] : [selectedValue];
|
|
92
|
-
} else {
|
|
93
|
-
next = current.includes(selectedValue) ? current.filter((v) => v !== selectedValue) : [...current, selectedValue];
|
|
94
|
-
}
|
|
95
|
-
onChange({ ...value, [categoryId]: next });
|
|
96
|
-
};
|
|
97
|
-
const handleClearAll = () => {
|
|
98
|
-
onChange({});
|
|
99
|
-
};
|
|
100
|
-
const renderCategory = (cat) => {
|
|
101
|
-
const mode = cat.mode ?? "multi";
|
|
102
|
-
const selected = value[cat.id] ?? [];
|
|
103
|
-
const selectedCount = selected.length;
|
|
104
|
-
return /* @__PURE__ */ jsxs(DropdownMenu.Sub, { onOpenChange: resetSubSearch, children: [
|
|
105
|
-
/* @__PURE__ */ jsxs(DropdownMenu.SubTrigger, { children: [
|
|
106
|
-
/* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: cat.label }),
|
|
107
|
-
selectedCount > 0 && /* @__PURE__ */ jsx("span", { className: cn("text-caption text-accent1"), children: selectedCount })
|
|
108
|
-
] }),
|
|
109
|
-
/* @__PURE__ */ jsxs(DropdownMenu.SubContent, { children: [
|
|
110
|
-
cat.values.length >= searchThreshold && /* @__PURE__ */ jsx(MenuSearch, { value: subSearch, onChange: setSubSearch, label: `Search ${cat.label.toLowerCase()}` }),
|
|
111
|
-
mode === "single" ? /* @__PURE__ */ jsx(DropdownMenu.RadioGroup, { value: selected[0] ?? "", onValueChange: (val) => handleSelect(cat.id, val, mode), children: cat.values.filter((v) => !subSearch || v.label.toLowerCase().includes(subSearch.toLowerCase())).map((v) => /* @__PURE__ */ jsx(DropdownMenu.RadioItem, { value: v.value, children: /* @__PURE__ */ jsx("span", { className: cn("truncate"), children: v.label }) }, v.value)) }) : cat.values.filter((v) => !subSearch || v.label.toLowerCase().includes(subSearch.toLowerCase())).map((v) => /* @__PURE__ */ jsx(
|
|
112
|
-
DropdownMenu.CheckboxItem,
|
|
113
|
-
{
|
|
114
|
-
checked: selected.includes(v.value),
|
|
115
|
-
onCheckedChange: () => handleSelect(cat.id, v.value, mode),
|
|
116
|
-
onSelect: (e) => e.preventDefault(),
|
|
117
|
-
children: /* @__PURE__ */ jsx("span", { className: cn("truncate"), children: v.label })
|
|
118
|
-
},
|
|
119
|
-
v.value
|
|
120
|
-
))
|
|
121
|
-
] })
|
|
122
|
-
] }, cat.id);
|
|
123
|
-
};
|
|
124
|
-
return /* @__PURE__ */ jsxs(DropdownMenu, { modal: false, children: [
|
|
125
|
-
/* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", disabled, size: "md", icon: /* @__PURE__ */ jsx(FilterIcon, {}), children: [
|
|
126
|
-
label,
|
|
127
|
-
activeFilterCount > 0 && /* @__PURE__ */ jsx(
|
|
128
|
-
"span",
|
|
129
|
-
{
|
|
130
|
-
className: cn(
|
|
131
|
-
"ml-0.5 inline-flex size-5 items-center justify-center rounded-full bg-accent1/50 text-caption text-foreground"
|
|
132
|
-
),
|
|
133
|
-
children: activeFilterCount
|
|
134
|
-
}
|
|
135
|
-
)
|
|
136
|
-
] }) }),
|
|
137
|
-
/* @__PURE__ */ jsxs(DropdownMenu.Content, { align, children: [
|
|
138
|
-
/* @__PURE__ */ jsx(
|
|
139
|
-
MenuSearch,
|
|
140
|
-
{
|
|
141
|
-
value: filterSearch,
|
|
142
|
-
onChange: setFilterSearch,
|
|
143
|
-
label: "Search filters",
|
|
144
|
-
placeholder: "Search filters..."
|
|
145
|
-
}
|
|
146
|
-
),
|
|
147
|
-
grouped.map((group) => {
|
|
148
|
-
const firstItem = group.items[0];
|
|
149
|
-
if (group.items.length === 1 && firstItem) {
|
|
150
|
-
return renderCategory(firstItem);
|
|
151
|
-
}
|
|
152
|
-
return /* @__PURE__ */ jsxs(DropdownMenu.Sub, { children: [
|
|
153
|
-
/* @__PURE__ */ jsx(DropdownMenu.SubTrigger, { children: group.label }),
|
|
154
|
-
/* @__PURE__ */ jsx(DropdownMenu.SubContent, { children: group.items.map((cat) => renderCategory(cat)) })
|
|
155
|
-
] }, group.key);
|
|
156
|
-
}),
|
|
157
|
-
activeFilterCount > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
158
|
-
/* @__PURE__ */ jsx(DropdownMenu.Separator, {}),
|
|
159
|
-
/* @__PURE__ */ jsxs(DropdownMenu.Item, { onSelect: handleClearAll, children: [
|
|
160
|
-
/* @__PURE__ */ jsx(XIcon, {}),
|
|
161
|
-
"Clear all filters"
|
|
162
|
-
] })
|
|
163
|
-
] })
|
|
164
|
-
] })
|
|
165
|
-
] });
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
export { SelectDataFilter };
|
|
169
|
-
//# sourceMappingURL=DataFilter.es.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DataFilter.es.js","sources":["../../src/ds/components/DataFilter/select-data-filter.tsx"],"sourcesContent":["import { FilterIcon, SearchIcon, XIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { useState, useMemo, useCallback } from 'react';\n\nimport { Button } from '@/ds/components/Button/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\nimport { menuSearchClasses } from '@/ds/primitives/menu-item';\nimport { cn } from '@/lib/utils';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** A single selectable value within a filter category */\nexport type SelectDataFilterValue = {\n value: string;\n label: string;\n};\n\n/** Selection mode for a filter category */\nexport type SelectDataFilterMode = 'single' | 'multi';\n\n/** A filter category that appears in the filter dropdown */\nexport type SelectDataFilterCategory = {\n /** Unique identifier */\n id: string;\n /** Display label */\n label: string;\n /** Optional group header (categories with the same group are nested under it) */\n group?: string;\n /** Available values to pick from */\n values: SelectDataFilterValue[];\n /** 'single' = radio, 'multi' = checkboxes. Defaults to 'multi'. */\n mode?: SelectDataFilterMode;\n};\n\n/** Current selected state: category id -> selected value(s) */\nexport type SelectDataFilterState = Record<string, string[]>;\n\nexport type SelectDataFilterProps = {\n /** Filter categories to display */\n categories: SelectDataFilterCategory[];\n /** Current filter selections */\n value: SelectDataFilterState;\n /** Called when selections change */\n onChange: (next: SelectDataFilterState) => void;\n /** Disable the trigger button */\n disabled?: boolean;\n /** Override the trigger label */\n label?: ReactNode;\n /** Content alignment */\n align?: 'start' | 'center' | 'end';\n /** Minimum items before showing search in a submenu */\n searchThreshold?: number;\n};\n\n// ---------------------------------------------------------------------------\n// Internal helpers\n// ---------------------------------------------------------------------------\n\nconst SUBMENU_SEARCH_THRESHOLD = 6;\n\nfunction MenuSearch({\n value,\n onChange,\n label = 'Search',\n placeholder = 'Search...',\n}: {\n value: string;\n onChange: (v: string) => void;\n label?: string;\n placeholder?: string;\n}) {\n return (\n // Pull the row flush against the popup edges (the popup pads its items with p-1).\n <div className={cn(menuSearchClasses.container, '-mx-1 -mt-1 mb-1')}>\n <SearchIcon className={menuSearchClasses.icon} />\n <input\n type=\"text\"\n placeholder={placeholder}\n aria-label={label}\n value={value}\n onChange={e => onChange(e.target.value)}\n onKeyDown={e => e.stopPropagation()}\n className={menuSearchClasses.input}\n />\n </div>\n );\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function SelectDataFilter({\n categories,\n value,\n onChange,\n disabled,\n label = 'Filter',\n align = 'end',\n searchThreshold = SUBMENU_SEARCH_THRESHOLD,\n}: SelectDataFilterProps) {\n const [filterSearch, setFilterSearch] = useState('');\n const [subSearch, setSubSearch] = useState('');\n\n const resetSubSearch = useCallback((open: boolean) => {\n if (!open) setSubSearch('');\n }, []);\n\n // Count active filters\n const activeFilterCount = useMemo(() => {\n let count = 0;\n for (const selections of Object.values(value)) {\n if (selections.length > 0) count++;\n }\n return count;\n }, [value]);\n\n // Group categories\n const grouped = useMemo(() => {\n const q = filterSearch.toLowerCase();\n const groups: { key: string; label?: string; items: SelectDataFilterCategory[] }[] = [];\n const groupMap = new Map<string, SelectDataFilterCategory[]>();\n const ungrouped: SelectDataFilterCategory[] = [];\n\n for (const cat of categories) {\n if (cat.values.length === 0) continue;\n // Filter by search\n if (q) {\n const matchesLabel = cat.label.toLowerCase().includes(q);\n const matchesValues = cat.values.some(v => v.label.toLowerCase().includes(q));\n if (!matchesLabel && !matchesValues) continue;\n }\n if (cat.group) {\n let items = groupMap.get(cat.group);\n if (!items) {\n items = [];\n groupMap.set(cat.group, items);\n }\n items.push(cat);\n } else {\n ungrouped.push(cat);\n }\n }\n\n // Ungrouped items first\n for (const cat of ungrouped) {\n groups.push({ key: cat.id, items: [cat] });\n }\n // Then grouped\n for (const [groupLabel, items] of groupMap) {\n groups.push({ key: `group-${groupLabel}`, label: groupLabel, items });\n }\n\n return groups;\n }, [categories, filterSearch]);\n\n const handleSelect = (categoryId: string, selectedValue: string, mode: SelectDataFilterMode) => {\n const current = value[categoryId] ?? [];\n let next: string[];\n\n if (mode === 'single') {\n next = current.includes(selectedValue) ? [] : [selectedValue];\n } else {\n next = current.includes(selectedValue) ? current.filter(v => v !== selectedValue) : [...current, selectedValue];\n }\n\n onChange({ ...value, [categoryId]: next });\n };\n\n const handleClearAll = () => {\n onChange({});\n };\n\n const renderCategory = (cat: SelectDataFilterCategory) => {\n const mode = cat.mode ?? 'multi';\n const selected = value[cat.id] ?? [];\n const selectedCount = selected.length;\n\n return (\n <DropdownMenu.Sub key={cat.id} onOpenChange={resetSubSearch}>\n <DropdownMenu.SubTrigger>\n <span className=\"flex-1 truncate\">{cat.label}</span>\n {selectedCount > 0 && <span className={cn('text-caption text-accent1')}>{selectedCount}</span>}\n </DropdownMenu.SubTrigger>\n <DropdownMenu.SubContent>\n {cat.values.length >= searchThreshold && (\n <MenuSearch value={subSearch} onChange={setSubSearch} label={`Search ${cat.label.toLowerCase()}`} />\n )}\n {mode === 'single' ? (\n <DropdownMenu.RadioGroup value={selected[0] ?? ''} onValueChange={val => handleSelect(cat.id, val, mode)}>\n {cat.values\n .filter(v => !subSearch || v.label.toLowerCase().includes(subSearch.toLowerCase()))\n .map(v => (\n <DropdownMenu.RadioItem key={v.value} value={v.value}>\n <span className={cn('truncate')}>{v.label}</span>\n </DropdownMenu.RadioItem>\n ))}\n </DropdownMenu.RadioGroup>\n ) : (\n cat.values\n .filter(v => !subSearch || v.label.toLowerCase().includes(subSearch.toLowerCase()))\n .map(v => (\n <DropdownMenu.CheckboxItem\n key={v.value}\n checked={selected.includes(v.value)}\n onCheckedChange={() => handleSelect(cat.id, v.value, mode)}\n onSelect={e => e.preventDefault()}\n >\n <span className={cn('truncate')}>{v.label}</span>\n </DropdownMenu.CheckboxItem>\n ))\n )}\n </DropdownMenu.SubContent>\n </DropdownMenu.Sub>\n );\n };\n\n return (\n <DropdownMenu modal={false}>\n <DropdownMenu.Trigger asChild>\n <Button variant=\"outline\" disabled={disabled} size=\"md\" icon={<FilterIcon />}>\n {label}\n {activeFilterCount > 0 && (\n <span\n className={cn(\n 'ml-0.5 inline-flex size-5 items-center justify-center rounded-full bg-accent1/50 text-caption text-foreground',\n )}\n >\n {activeFilterCount}\n </span>\n )}\n </Button>\n </DropdownMenu.Trigger>\n <DropdownMenu.Content align={align}>\n <MenuSearch\n value={filterSearch}\n onChange={setFilterSearch}\n label=\"Search filters\"\n placeholder=\"Search filters...\"\n />\n\n {grouped.map(group => {\n const firstItem = group.items[0];\n\n if (group.items.length === 1 && firstItem) {\n // A single category (grouped or not) renders directly, without a sub-trigger.\n return renderCategory(firstItem);\n }\n\n // Multiple items under a group label — nest under a sub-trigger\n return (\n <DropdownMenu.Sub key={group.key}>\n <DropdownMenu.SubTrigger>{group.label}</DropdownMenu.SubTrigger>\n <DropdownMenu.SubContent>{group.items.map(cat => renderCategory(cat))}</DropdownMenu.SubContent>\n </DropdownMenu.Sub>\n );\n })}\n\n {/* Clear all */}\n {activeFilterCount > 0 && (\n <>\n <DropdownMenu.Separator />\n <DropdownMenu.Item onSelect={handleClearAll}>\n <XIcon />\n Clear all filters\n </DropdownMenu.Item>\n </>\n )}\n </DropdownMenu.Content>\n </DropdownMenu>\n );\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorState.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorState.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
|
|
5
|
-
const jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
const lucideReact = require('lucide-react');
|
|
7
|
-
const React = require('react');
|
|
8
|
-
const Badge = require('../Badge-BEeYtjmv.cjs');
|
|
9
|
-
const dialog = require('../dialog-Bilo4jEU.cjs');
|
|
10
|
-
const searchFieldBlock = require('../search-field-block-Bg9GPPaA.cjs');
|
|
11
|
-
const primitives_formElement = require('../primitives/form-element.cjs.js');
|
|
12
|
-
const utils_cn = require('../cn-DG0X1KEP.cjs');
|
|
13
|
-
|
|
14
|
-
function matches(item, query) {
|
|
15
|
-
return `${item.name} ${item.id} ${item.badge ?? ""}`.toLowerCase().includes(query);
|
|
16
|
-
}
|
|
17
|
-
function IntegrationDialog({
|
|
18
|
-
title,
|
|
19
|
-
description,
|
|
20
|
-
items,
|
|
21
|
-
onSelect,
|
|
22
|
-
searchPlaceholder = "Search integrations",
|
|
23
|
-
searchLabel = "Search integrations",
|
|
24
|
-
emptyMessage,
|
|
25
|
-
children,
|
|
26
|
-
className,
|
|
27
|
-
...props
|
|
28
|
-
}) {
|
|
29
|
-
const searchRef = React.useRef(null);
|
|
30
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(dialog.Dialog, { variant: "new", ...props, children: [
|
|
31
|
-
children,
|
|
32
|
-
/* @__PURE__ */ jsxRuntime.jsx(dialog.DialogContent, { className: utils_cn.cn("max-w-lg", className), initialFocus: searchRef, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
33
|
-
IntegrationDialogContent,
|
|
34
|
-
{
|
|
35
|
-
searchRef,
|
|
36
|
-
title,
|
|
37
|
-
description,
|
|
38
|
-
items,
|
|
39
|
-
onSelect,
|
|
40
|
-
searchPlaceholder,
|
|
41
|
-
searchLabel,
|
|
42
|
-
emptyMessage
|
|
43
|
-
}
|
|
44
|
-
) })
|
|
45
|
-
] });
|
|
46
|
-
}
|
|
47
|
-
function IntegrationDialogContent({
|
|
48
|
-
title,
|
|
49
|
-
description,
|
|
50
|
-
items,
|
|
51
|
-
onSelect,
|
|
52
|
-
searchPlaceholder,
|
|
53
|
-
searchLabel,
|
|
54
|
-
emptyMessage,
|
|
55
|
-
searchRef
|
|
56
|
-
}) {
|
|
57
|
-
const [query, setQuery] = React.useState("");
|
|
58
|
-
const normalizedQuery = query.trim().toLowerCase();
|
|
59
|
-
const visibleItems = normalizedQuery ? items.filter((item) => matches(item, normalizedQuery)) : items;
|
|
60
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
61
|
-
/* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogHeader, { children: [
|
|
62
|
-
/* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: title }),
|
|
63
|
-
description ? /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { children: description }) : null
|
|
64
|
-
] }),
|
|
65
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 px-5 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
66
|
-
searchFieldBlock.SearchFieldBlock,
|
|
67
|
-
{
|
|
68
|
-
inputRef: searchRef,
|
|
69
|
-
name: "integration-search",
|
|
70
|
-
label: searchLabel,
|
|
71
|
-
labelIsHidden: true,
|
|
72
|
-
placeholder: searchPlaceholder,
|
|
73
|
-
value: query,
|
|
74
|
-
onChange: (event) => setQuery(event.target.value),
|
|
75
|
-
onReset: () => setQuery(""),
|
|
76
|
-
size: "md"
|
|
77
|
-
}
|
|
78
|
-
) }),
|
|
79
|
-
/* @__PURE__ */ jsxRuntime.jsx(dialog.DialogBody, { className: "pt-2 pb-5", children: visibleItems.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-2", children: visibleItems.map((item) => {
|
|
80
|
-
return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
81
|
-
"button",
|
|
82
|
-
{
|
|
83
|
-
type: "button",
|
|
84
|
-
disabled: item.disabled,
|
|
85
|
-
onClick: () => onSelect(item),
|
|
86
|
-
className: utils_cn.cn(
|
|
87
|
-
"flex w-full cursor-pointer items-center gap-3 rounded-2xl border border-border px-4 py-3 text-left transition-colors duration-normal ease-out-custom hover:bg-fill-subtle disabled:pointer-events-none disabled:opacity-50",
|
|
88
|
-
primitives_formElement.controlFocusBorderVisible
|
|
89
|
-
),
|
|
90
|
-
children: [
|
|
91
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "grid size-8 shrink-0 place-items-center text-muted-foreground [&>img]:size-full [&>img]:object-contain [&>svg]:size-4", children: item.logo ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BlocksIcon, {}) }),
|
|
92
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate text-subheading text-foreground", children: item.name }),
|
|
93
|
-
item.badge ? /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "sm", children: item.badge }) : null,
|
|
94
|
-
item.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto shrink-0 text-caption text-muted-foreground", children: item.meta }) : null
|
|
95
|
-
]
|
|
96
|
-
}
|
|
97
|
-
) }, item.id);
|
|
98
|
-
}) }) : /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", className: "py-8 text-center text-caption text-muted-foreground", children: emptyMessage ?? (normalizedQuery ? `No integrations match “${query}”.` : "No integrations are available.") }) })
|
|
99
|
-
] });
|
|
100
|
-
}
|
|
101
|
-
IntegrationDialog.Trigger = dialog.DialogTrigger;
|
|
102
|
-
|
|
103
|
-
exports.IntegrationDialog = IntegrationDialog;
|
|
104
|
-
//# sourceMappingURL=IntegrationDialog.cjs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IntegrationDialog.cjs.js","sources":["../../src/ds/components/IntegrationDialog/integration-dialog.tsx"],"sourcesContent":["import { BlocksIcon } from 'lucide-react';\nimport { useRef, useState } from 'react';\nimport type { ReactNode, RefObject } from 'react';\nimport { Badge } from '@/ds/components/Badge';\nimport {\n Dialog,\n DialogBody,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n DialogTrigger,\n} from '@/ds/components/Dialog';\nimport type { DialogProps } from '@/ds/components/Dialog';\nimport { SearchFieldBlock } from '@/ds/components/FormFieldBlocks/fields/search-field-block';\nimport { controlFocusBorderVisible } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\nexport type IntegrationDialogItem = {\n id: string;\n name: string;\n logo?: ReactNode;\n badge?: string;\n meta?: string;\n disabled?: boolean;\n};\n\nexport type IntegrationDialogProps = Omit<DialogProps, 'variant' | 'intent' | 'children'> & {\n title: ReactNode;\n description?: ReactNode;\n items: IntegrationDialogItem[];\n onSelect: (item: IntegrationDialogItem) => void;\n searchPlaceholder?: string;\n searchLabel?: string;\n emptyMessage?: ReactNode;\n children?: ReactNode;\n className?: string;\n};\n\nfunction matches(item: IntegrationDialogItem, query: string) {\n return `${item.name} ${item.id} ${item.badge ?? ''}`.toLowerCase().includes(query);\n}\n\nfunction IntegrationDialog({\n title,\n description,\n items,\n onSelect,\n searchPlaceholder = 'Search integrations',\n searchLabel = 'Search integrations',\n emptyMessage,\n children,\n className,\n ...props\n}: IntegrationDialogProps) {\n const searchRef = useRef<HTMLInputElement>(null);\n return (\n <Dialog variant=\"new\" {...props}>\n {children}\n <DialogContent className={cn('max-w-lg', className)} initialFocus={searchRef}>\n <IntegrationDialogContent\n searchRef={searchRef}\n title={title}\n description={description}\n items={items}\n onSelect={onSelect}\n searchPlaceholder={searchPlaceholder}\n searchLabel={searchLabel}\n emptyMessage={emptyMessage}\n />\n </DialogContent>\n </Dialog>\n );\n}\n\ntype IntegrationDialogContentProps = Pick<\n IntegrationDialogProps,\n 'title' | 'description' | 'items' | 'onSelect' | 'emptyMessage'\n> &\n Required<Pick<IntegrationDialogProps, 'searchPlaceholder' | 'searchLabel'>> & {\n searchRef: RefObject<HTMLInputElement | null>;\n };\n\nfunction IntegrationDialogContent({\n title,\n description,\n items,\n onSelect,\n searchPlaceholder,\n searchLabel,\n emptyMessage,\n searchRef,\n}: IntegrationDialogContentProps) {\n const [query, setQuery] = useState('');\n const normalizedQuery = query.trim().toLowerCase();\n const visibleItems = normalizedQuery ? items.filter(item => matches(item, normalizedQuery)) : items;\n\n return (\n <>\n <DialogHeader>\n <DialogTitle>{title}</DialogTitle>\n {description ? <DialogDescription>{description}</DialogDescription> : null}\n </DialogHeader>\n <div className=\"shrink-0 px-5 py-2\">\n <SearchFieldBlock\n inputRef={searchRef}\n name=\"integration-search\"\n label={searchLabel}\n labelIsHidden\n placeholder={searchPlaceholder}\n value={query}\n onChange={event => setQuery(event.target.value)}\n onReset={() => setQuery('')}\n size=\"md\"\n />\n </div>\n <DialogBody className=\"pt-2 pb-5\">\n {visibleItems.length > 0 ? (\n <ul className=\"flex flex-col gap-2\">\n {visibleItems.map(item => {\n return (\n <li key={item.id}>\n <button\n type=\"button\"\n disabled={item.disabled}\n onClick={() => onSelect(item)}\n className={cn(\n 'flex w-full cursor-pointer items-center gap-3 rounded-2xl border border-border px-4 py-3 text-left transition-colors duration-normal ease-out-custom hover:bg-fill-subtle disabled:pointer-events-none disabled:opacity-50',\n controlFocusBorderVisible,\n )}\n >\n <span className=\"grid size-8 shrink-0 place-items-center text-muted-foreground [&>img]:size-full [&>img]:object-contain [&>svg]:size-4\">\n {item.logo ?? <BlocksIcon />}\n </span>\n <span className=\"min-w-0 truncate text-subheading text-foreground\">{item.name}</span>\n {item.badge ? <Badge size=\"sm\">{item.badge}</Badge> : null}\n {item.meta ? (\n <span className=\"ml-auto shrink-0 text-caption text-muted-foreground\">{item.meta}</span>\n ) : null}\n </button>\n </li>\n );\n })}\n </ul>\n ) : (\n <p role=\"status\" className=\"py-8 text-center text-caption text-muted-foreground\">\n {emptyMessage ?? (normalizedQuery ? `No integrations match “${query}”.` : 'No integrations are available.')}\n </p>\n )}\n </DialogBody>\n </>\n );\n}\n\nIntegrationDialog.Trigger = DialogTrigger;\n\nexport { IntegrationDialog };\n"],"names":["useRef","jsxs","Dialog","jsx","DialogContent","cn","useState","Fragment","DialogHeader","DialogTitle","DialogDescription","SearchFieldBlock","DialogBody","controlFocusBorderVisible","BlocksIcon","Badge","DialogTrigger"],"mappings":"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"}
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
2
|
-
import { BlocksIcon } from 'lucide-react';
|
|
3
|
-
import { useRef, useState } from 'react';
|
|
4
|
-
import { B as Badge } from '../Badge-TD55_qZJ.js';
|
|
5
|
-
import { D as Dialog, a as DialogContent, b as DialogHeader, c as DialogTitle, d as DialogDescription, e as DialogBody, m as DialogTrigger } from '../dialog-DMOXPT0N.js';
|
|
6
|
-
import { S as SearchFieldBlock } from '../search-field-block-B0twxGWI.js';
|
|
7
|
-
import { controlFocusBorderVisible } from '../primitives/form-element.es.js';
|
|
8
|
-
import { c as cn } from '../cn-65Adrsfj.js';
|
|
9
|
-
|
|
10
|
-
function matches(item, query) {
|
|
11
|
-
return `${item.name} ${item.id} ${item.badge ?? ""}`.toLowerCase().includes(query);
|
|
12
|
-
}
|
|
13
|
-
function IntegrationDialog({
|
|
14
|
-
title,
|
|
15
|
-
description,
|
|
16
|
-
items,
|
|
17
|
-
onSelect,
|
|
18
|
-
searchPlaceholder = "Search integrations",
|
|
19
|
-
searchLabel = "Search integrations",
|
|
20
|
-
emptyMessage,
|
|
21
|
-
children,
|
|
22
|
-
className,
|
|
23
|
-
...props
|
|
24
|
-
}) {
|
|
25
|
-
const searchRef = useRef(null);
|
|
26
|
-
return /* @__PURE__ */ jsxs(Dialog, { variant: "new", ...props, children: [
|
|
27
|
-
children,
|
|
28
|
-
/* @__PURE__ */ jsx(DialogContent, { className: cn("max-w-lg", className), initialFocus: searchRef, children: /* @__PURE__ */ jsx(
|
|
29
|
-
IntegrationDialogContent,
|
|
30
|
-
{
|
|
31
|
-
searchRef,
|
|
32
|
-
title,
|
|
33
|
-
description,
|
|
34
|
-
items,
|
|
35
|
-
onSelect,
|
|
36
|
-
searchPlaceholder,
|
|
37
|
-
searchLabel,
|
|
38
|
-
emptyMessage
|
|
39
|
-
}
|
|
40
|
-
) })
|
|
41
|
-
] });
|
|
42
|
-
}
|
|
43
|
-
function IntegrationDialogContent({
|
|
44
|
-
title,
|
|
45
|
-
description,
|
|
46
|
-
items,
|
|
47
|
-
onSelect,
|
|
48
|
-
searchPlaceholder,
|
|
49
|
-
searchLabel,
|
|
50
|
-
emptyMessage,
|
|
51
|
-
searchRef
|
|
52
|
-
}) {
|
|
53
|
-
const [query, setQuery] = useState("");
|
|
54
|
-
const normalizedQuery = query.trim().toLowerCase();
|
|
55
|
-
const visibleItems = normalizedQuery ? items.filter((item) => matches(item, normalizedQuery)) : items;
|
|
56
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
57
|
-
/* @__PURE__ */ jsxs(DialogHeader, { children: [
|
|
58
|
-
/* @__PURE__ */ jsx(DialogTitle, { children: title }),
|
|
59
|
-
description ? /* @__PURE__ */ jsx(DialogDescription, { children: description }) : null
|
|
60
|
-
] }),
|
|
61
|
-
/* @__PURE__ */ jsx("div", { className: "shrink-0 px-5 py-2", children: /* @__PURE__ */ jsx(
|
|
62
|
-
SearchFieldBlock,
|
|
63
|
-
{
|
|
64
|
-
inputRef: searchRef,
|
|
65
|
-
name: "integration-search",
|
|
66
|
-
label: searchLabel,
|
|
67
|
-
labelIsHidden: true,
|
|
68
|
-
placeholder: searchPlaceholder,
|
|
69
|
-
value: query,
|
|
70
|
-
onChange: (event) => setQuery(event.target.value),
|
|
71
|
-
onReset: () => setQuery(""),
|
|
72
|
-
size: "md"
|
|
73
|
-
}
|
|
74
|
-
) }),
|
|
75
|
-
/* @__PURE__ */ jsx(DialogBody, { className: "pt-2 pb-5", children: visibleItems.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2", children: visibleItems.map((item) => {
|
|
76
|
-
return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
|
|
77
|
-
"button",
|
|
78
|
-
{
|
|
79
|
-
type: "button",
|
|
80
|
-
disabled: item.disabled,
|
|
81
|
-
onClick: () => onSelect(item),
|
|
82
|
-
className: cn(
|
|
83
|
-
"flex w-full cursor-pointer items-center gap-3 rounded-2xl border border-border px-4 py-3 text-left transition-colors duration-normal ease-out-custom hover:bg-fill-subtle disabled:pointer-events-none disabled:opacity-50",
|
|
84
|
-
controlFocusBorderVisible
|
|
85
|
-
),
|
|
86
|
-
children: [
|
|
87
|
-
/* @__PURE__ */ jsx("span", { className: "grid size-8 shrink-0 place-items-center text-muted-foreground [&>img]:size-full [&>img]:object-contain [&>svg]:size-4", children: item.logo ?? /* @__PURE__ */ jsx(BlocksIcon, {}) }),
|
|
88
|
-
/* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-subheading text-foreground", children: item.name }),
|
|
89
|
-
item.badge ? /* @__PURE__ */ jsx(Badge, { size: "sm", children: item.badge }) : null,
|
|
90
|
-
item.meta ? /* @__PURE__ */ jsx("span", { className: "ml-auto shrink-0 text-caption text-muted-foreground", children: item.meta }) : null
|
|
91
|
-
]
|
|
92
|
-
}
|
|
93
|
-
) }, item.id);
|
|
94
|
-
}) }) : /* @__PURE__ */ jsx("p", { role: "status", className: "py-8 text-center text-caption text-muted-foreground", children: emptyMessage ?? (normalizedQuery ? `No integrations match “${query}”.` : "No integrations are available.") }) })
|
|
95
|
-
] });
|
|
96
|
-
}
|
|
97
|
-
IntegrationDialog.Trigger = DialogTrigger;
|
|
98
|
-
|
|
99
|
-
export { IntegrationDialog };
|
|
100
|
-
//# sourceMappingURL=IntegrationDialog.es.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IntegrationDialog.es.js","sources":["../../src/ds/components/IntegrationDialog/integration-dialog.tsx"],"sourcesContent":["import { BlocksIcon } from 'lucide-react';\nimport { useRef, useState } from 'react';\nimport type { ReactNode, RefObject } from 'react';\nimport { Badge } from '@/ds/components/Badge';\nimport {\n Dialog,\n DialogBody,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n DialogTrigger,\n} from '@/ds/components/Dialog';\nimport type { DialogProps } from '@/ds/components/Dialog';\nimport { SearchFieldBlock } from '@/ds/components/FormFieldBlocks/fields/search-field-block';\nimport { controlFocusBorderVisible } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\nexport type IntegrationDialogItem = {\n id: string;\n name: string;\n logo?: ReactNode;\n badge?: string;\n meta?: string;\n disabled?: boolean;\n};\n\nexport type IntegrationDialogProps = Omit<DialogProps, 'variant' | 'intent' | 'children'> & {\n title: ReactNode;\n description?: ReactNode;\n items: IntegrationDialogItem[];\n onSelect: (item: IntegrationDialogItem) => void;\n searchPlaceholder?: string;\n searchLabel?: string;\n emptyMessage?: ReactNode;\n children?: ReactNode;\n className?: string;\n};\n\nfunction matches(item: IntegrationDialogItem, query: string) {\n return `${item.name} ${item.id} ${item.badge ?? ''}`.toLowerCase().includes(query);\n}\n\nfunction IntegrationDialog({\n title,\n description,\n items,\n onSelect,\n searchPlaceholder = 'Search integrations',\n searchLabel = 'Search integrations',\n emptyMessage,\n children,\n className,\n ...props\n}: IntegrationDialogProps) {\n const searchRef = useRef<HTMLInputElement>(null);\n return (\n <Dialog variant=\"new\" {...props}>\n {children}\n <DialogContent className={cn('max-w-lg', className)} initialFocus={searchRef}>\n <IntegrationDialogContent\n searchRef={searchRef}\n title={title}\n description={description}\n items={items}\n onSelect={onSelect}\n searchPlaceholder={searchPlaceholder}\n searchLabel={searchLabel}\n emptyMessage={emptyMessage}\n />\n </DialogContent>\n </Dialog>\n );\n}\n\ntype IntegrationDialogContentProps = Pick<\n IntegrationDialogProps,\n 'title' | 'description' | 'items' | 'onSelect' | 'emptyMessage'\n> &\n Required<Pick<IntegrationDialogProps, 'searchPlaceholder' | 'searchLabel'>> & {\n searchRef: RefObject<HTMLInputElement | null>;\n };\n\nfunction IntegrationDialogContent({\n title,\n description,\n items,\n onSelect,\n searchPlaceholder,\n searchLabel,\n emptyMessage,\n searchRef,\n}: IntegrationDialogContentProps) {\n const [query, setQuery] = useState('');\n const normalizedQuery = query.trim().toLowerCase();\n const visibleItems = normalizedQuery ? items.filter(item => matches(item, normalizedQuery)) : items;\n\n return (\n <>\n <DialogHeader>\n <DialogTitle>{title}</DialogTitle>\n {description ? <DialogDescription>{description}</DialogDescription> : null}\n </DialogHeader>\n <div className=\"shrink-0 px-5 py-2\">\n <SearchFieldBlock\n inputRef={searchRef}\n name=\"integration-search\"\n label={searchLabel}\n labelIsHidden\n placeholder={searchPlaceholder}\n value={query}\n onChange={event => setQuery(event.target.value)}\n onReset={() => setQuery('')}\n size=\"md\"\n />\n </div>\n <DialogBody className=\"pt-2 pb-5\">\n {visibleItems.length > 0 ? (\n <ul className=\"flex flex-col gap-2\">\n {visibleItems.map(item => {\n return (\n <li key={item.id}>\n <button\n type=\"button\"\n disabled={item.disabled}\n onClick={() => onSelect(item)}\n className={cn(\n 'flex w-full cursor-pointer items-center gap-3 rounded-2xl border border-border px-4 py-3 text-left transition-colors duration-normal ease-out-custom hover:bg-fill-subtle disabled:pointer-events-none disabled:opacity-50',\n controlFocusBorderVisible,\n )}\n >\n <span className=\"grid size-8 shrink-0 place-items-center text-muted-foreground [&>img]:size-full [&>img]:object-contain [&>svg]:size-4\">\n {item.logo ?? <BlocksIcon />}\n </span>\n <span className=\"min-w-0 truncate text-subheading text-foreground\">{item.name}</span>\n {item.badge ? <Badge size=\"sm\">{item.badge}</Badge> : null}\n {item.meta ? (\n <span className=\"ml-auto shrink-0 text-caption text-muted-foreground\">{item.meta}</span>\n ) : null}\n </button>\n </li>\n );\n })}\n </ul>\n ) : (\n <p role=\"status\" className=\"py-8 text-center text-caption text-muted-foreground\">\n {emptyMessage ?? (normalizedQuery ? `No integrations match “${query}”.` : 'No integrations are available.')}\n </p>\n )}\n </DialogBody>\n </>\n );\n}\n\nIntegrationDialog.Trigger = DialogTrigger;\n\nexport { IntegrationDialog };\n"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
|
|
5
|
-
const PermissionDenied = require('../PermissionDenied-fdVmTjjf.cjs');
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
exports.PermissionDenied = PermissionDenied.PermissionDenied;
|
|
10
|
-
//# sourceMappingURL=PermissionDenied.cjs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PermissionDenied.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PermissionDenied.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
|
|
5
|
-
const jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
const utils_cn = require('../cn-DG0X1KEP.cjs');
|
|
7
|
-
|
|
8
|
-
function Sections({ children, className }) {
|
|
9
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid gap-6", className), children });
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
exports.Sections = Sections;
|
|
13
|
-
//# sourceMappingURL=Sections.cjs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Sections.cjs.js","sources":["../../src/ds/components/Sections/sections.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type SectionsProps = {\n children: React.ReactNode;\n className?: string;\n};\n\nexport function Sections({ children, className }: SectionsProps) {\n return <div className={cn('grid gap-6', className)}>{children}</div>;\n}\n"],"names":["cn"],"mappings":";;;;;;;AAOO,SAAS,QAAA,CAAS,EAAE,QAAA,EAAU,SAAA,EAAU,EAAkB;AAC/D,EAAA,sCAAQ,KAAA,EAAA,EAAI,SAAA,EAAWA,YAAG,YAAA,EAAc,SAAS,GAAI,QAAA,EAAS,CAAA;AAChE;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { c as cn } from '../cn-65Adrsfj.js';
|
|
3
|
-
|
|
4
|
-
function Sections({ children, className }) {
|
|
5
|
-
return /* @__PURE__ */ jsx("div", { className: cn("grid gap-6", className), children });
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
export { Sections };
|
|
9
|
-
//# sourceMappingURL=Sections.es.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Sections.es.js","sources":["../../src/ds/components/Sections/sections.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type SectionsProps = {\n children: React.ReactNode;\n className?: string;\n};\n\nexport function Sections({ children, className }: SectionsProps) {\n return <div className={cn('grid gap-6', className)}>{children}</div>;\n}\n"],"names":[],"mappings":";;;AAOO,SAAS,QAAA,CAAS,EAAE,QAAA,EAAU,SAAA,EAAU,EAAkB;AAC/D,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,YAAA,EAAc,SAAS,GAAI,QAAA,EAAS,CAAA;AAChE;;;;"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
|
|
5
|
-
const SessionExpired = require('../SessionExpired-GSQkcV9f.cjs');
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
exports.SessionExpired = SessionExpired.SessionExpired;
|
|
10
|
-
//# sourceMappingURL=SessionExpired.cjs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SessionExpired.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SessionExpired.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
|
|
5
|
-
const settingsLayout = require('../settings-layout-BGvMSClL.cjs');
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
exports.SettingsLayout = settingsLayout.SettingsLayout;
|
|
10
|
-
//# sourceMappingURL=SettingsLayout.cjs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SettingsLayout.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SettingsLayout.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|