@mastra/playground-ui 60.1.0 → 60.2.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{ask-user-Dlz2346n.js → ask-user-DE8TaPhb.js} +62 -53
- package/dist/ask-user-DE8TaPhb.js.map +1 -0
- package/dist/{ask-user-CXu4b7Jw.cjs → ask-user-XYY0fUoI.cjs} +61 -52
- package/dist/ask-user-XYY0fUoI.cjs.map +1 -0
- package/dist/{checkbox-CI8JtZKS.cjs → checkbox-Bkobte27.cjs} +3 -1
- package/dist/checkbox-Bkobte27.cjs.map +1 -0
- package/dist/{checkbox-CQedzgsi.js → checkbox-DcNIsz5L.js} +3 -1
- package/dist/checkbox-DcNIsz5L.js.map +1 -0
- package/dist/{code-block-DY5KsTGY.js → code-block-Bnz7Pq0Q.js} +3 -3
- package/dist/code-block-Bnz7Pq0Q.js.map +1 -0
- package/dist/{code-block-BzoMjjtf.cjs → code-block-C3DbSINk.cjs} +3 -3
- package/dist/code-block-C3DbSINk.cjs.map +1 -0
- package/dist/{code-editor-B_wPmKPf.cjs → code-editor-Btr1qm_5.cjs} +26 -6
- package/dist/code-editor-Btr1qm_5.cjs.map +1 -0
- package/dist/{code-editor-28chVxHw.js → code-editor-DzhYz1fH.js} +26 -6
- package/dist/code-editor-DzhYz1fH.js.map +1 -0
- package/dist/{combobox-B15qTrWO.js → combobox-DKFPbNMB.js} +13 -11
- package/dist/combobox-DKFPbNMB.js.map +1 -0
- package/dist/{combobox-DJ0c4o4S.cjs → combobox-RzEkcOuu.cjs} +14 -12
- package/dist/combobox-RzEkcOuu.cjs.map +1 -0
- package/dist/{combobox-styles-C2MEEpaG.js → combobox-styles-mbcWlNZQ.js} +6 -7
- package/dist/combobox-styles-mbcWlNZQ.js.map +1 -0
- package/dist/{combobox-styles-DLflBH-G.cjs → combobox-styles-qL3FSgmU.cjs} +5 -6
- package/dist/combobox-styles-qL3FSgmU.cjs.map +1 -0
- package/dist/components/Checkbox.cjs.js +1 -1
- package/dist/components/Checkbox.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/Combobox.cjs.js +2 -2
- package/dist/components/Combobox.es.js +2 -2
- package/dist/components/Comment.cjs.js +7 -9
- package/dist/components/Comment.cjs.js.map +1 -1
- package/dist/components/Comment.es.js +8 -10
- package/dist/components/Comment.es.js.map +1 -1
- package/dist/components/DataCodeSection.cjs.js +1 -1
- package/dist/components/DataCodeSection.es.js +1 -1
- package/dist/components/DataList.cjs.js +5 -5
- package/dist/components/DataList.es.js +5 -5
- package/dist/components/DataPanel.cjs.js +1 -1
- package/dist/components/DataPanel.es.js +1 -1
- package/dist/components/DateTimePicker.cjs.js +9 -14
- package/dist/components/DateTimePicker.cjs.js.map +1 -1
- package/dist/components/DateTimePicker.es.js +9 -14
- 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/EnvironmentVariablesEditor.cjs.js +12 -22
- package/dist/components/EnvironmentVariablesEditor.cjs.js.map +1 -1
- package/dist/components/EnvironmentVariablesEditor.es.js +12 -22
- package/dist/components/EnvironmentVariablesEditor.es.js.map +1 -1
- package/dist/components/Field.cjs.js +19 -0
- package/dist/components/Field.cjs.js.map +1 -0
- package/dist/components/Field.d.ts +2 -0
- package/dist/components/Field.es.js +3 -0
- package/dist/components/Field.es.js.map +1 -0
- package/dist/components/FilterBar.cjs.js +2 -2
- package/dist/components/FilterBar.es.js +3 -3
- package/dist/components/Form.cjs.js +10 -0
- package/dist/components/Form.cjs.js.map +1 -0
- package/dist/components/Form.d.ts +2 -0
- package/dist/components/Form.es.js +2 -0
- package/dist/components/Form.es.js.map +1 -0
- package/dist/components/FormFieldBlocks.cjs.js +270 -11
- package/dist/components/FormFieldBlocks.cjs.js.map +1 -1
- package/dist/components/FormFieldBlocks.es.js +267 -8
- package/dist/components/FormFieldBlocks.es.js.map +1 -1
- 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 +51 -52
- package/dist/components/JSONSchemaForm.cjs.js.map +1 -1
- package/dist/components/JSONSchemaForm.es.js +44 -45
- package/dist/components/JSONSchemaForm.es.js.map +1 -1
- package/dist/components/Label.cjs.js +33 -2
- package/dist/components/Label.cjs.js.map +1 -1
- package/dist/components/Label.es.js +17 -1
- package/dist/components/Label.es.js.map +1 -1
- package/dist/components/ListSearch.cjs.js +1 -1
- package/dist/components/ListSearch.es.js +1 -1
- package/dist/components/LogsDataList.cjs.js +2 -2
- package/dist/components/LogsDataList.es.js +2 -2
- package/dist/components/MainSidebar.cjs.js +11 -125
- package/dist/components/MainSidebar.cjs.js.map +1 -1
- package/dist/components/MainSidebar.es.js +1 -120
- 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/PropertyFilter.cjs.js +24 -21
- package/dist/components/PropertyFilter.cjs.js.map +1 -1
- package/dist/components/PropertyFilter.es.js +25 -22
- package/dist/components/PropertyFilter.es.js.map +1 -1
- package/dist/components/RadioGroup.cjs.js +1 -1
- package/dist/components/RadioGroup.es.js +1 -1
- package/dist/components/RuleBuilder.cjs.js +2 -2
- package/dist/components/RuleBuilder.es.js +2 -2
- package/dist/components/SearchInput.cjs.js +10 -0
- package/dist/components/SearchInput.cjs.js.map +1 -0
- package/dist/components/SearchInput.d.ts +2 -0
- package/dist/components/SearchInput.es.js +2 -0
- package/dist/components/SearchInput.es.js.map +1 -0
- package/dist/components/Section.cjs.js +1 -1
- package/dist/components/Section.es.js +1 -1
- package/dist/components/SegmentedControl.cjs.js +1 -1
- package/dist/components/SegmentedControl.es.js +1 -1
- package/dist/components/Select.cjs.js +1 -1
- package/dist/components/Select.es.js +1 -1
- package/dist/components/SideDialog.cjs.js +1 -1
- package/dist/components/SideDialog.es.js +1 -1
- package/dist/components/Switch.cjs.js +1 -1
- package/dist/components/Switch.es.js +1 -1
- package/dist/components/Textarea.cjs.js +1 -1
- package/dist/components/Textarea.es.js +1 -1
- package/dist/components/ThemeToggle.cjs.js +1 -1
- package/dist/components/ThemeToggle.es.js +1 -1
- package/dist/components/Workflow.cjs.js +3 -3
- package/dist/components/Workflow.es.js +3 -3
- package/dist/components/ai/activity.cjs.js +1 -1
- package/dist/components/ai/activity.es.js +1 -1
- package/dist/components/ai/ask-user.cjs.js +1 -1
- package/dist/components/ai/ask-user.es.js +1 -1
- package/dist/components/ai/plan.cjs.js +1 -1
- package/dist/components/ai/plan.es.js +1 -1
- package/dist/components/ai/tool-call.cjs.js +1 -1
- package/dist/components/ai/tool-call.es.js +1 -1
- package/dist/{custom-auto-form-field-yEMBGXu-.js → custom-auto-form-field-BvEhSH73.js} +2 -6
- package/dist/custom-auto-form-field-BvEhSH73.js.map +1 -0
- package/dist/{custom-auto-form-field-Brfb-0Te.cjs → custom-auto-form-field-DVse5pih.cjs} +2 -6
- package/dist/custom-auto-form-field-DVse5pih.cjs.map +1 -0
- package/dist/{data-code-section-It6myyvZ.js → data-code-section-DFxE6ckH.js} +22 -19
- package/dist/data-code-section-DFxE6ckH.js.map +1 -0
- package/dist/{data-code-section-DWBfkrmO.cjs → data-code-section-Ds79F6W-.cjs} +21 -18
- package/dist/data-code-section-Ds79F6W-.cjs.map +1 -0
- package/dist/{data-list-Y42KyuI1.cjs → data-list-Bqf-fhMx.cjs} +3 -3
- package/dist/{data-list-Y42KyuI1.cjs.map → data-list-Bqf-fhMx.cjs.map} +1 -1
- package/dist/{data-list-CyeD_u-6.js → data-list-CEIYm7FY.js} +3 -3
- package/dist/{data-list-CyeD_u-6.js.map → data-list-CEIYm7FY.js.map} +1 -1
- package/dist/{data-list-skeleton-Bk9LI0J0.js → data-list-skeleton-CeyLefM5.js} +2 -2
- package/dist/{data-list-skeleton-Bk9LI0J0.js.map → data-list-skeleton-CeyLefM5.js.map} +1 -1
- package/dist/{data-list-skeleton-BXPfL0s7.cjs → data-list-skeleton-DuqQkzwC.cjs} +2 -2
- package/dist/{data-list-skeleton-BXPfL0s7.cjs.map → data-list-skeleton-DuqQkzwC.cjs.map} +1 -1
- package/dist/{data-list-spacer-C8z32twc.js → data-list-spacer-BH2DjRdk.js} +2 -2
- package/dist/{data-list-spacer-C8z32twc.js.map → data-list-spacer-BH2DjRdk.js.map} +1 -1
- package/dist/{data-list-spacer-BSg2hCx7.cjs → data-list-spacer-DFvaAEqo.cjs} +2 -2
- package/dist/{data-list-spacer-BSg2hCx7.cjs.map → data-list-spacer-DFvaAEqo.cjs.map} +1 -1
- package/dist/{data-list-top-C-pLBax7.cjs → data-list-top-CvD3KI8R.cjs} +2 -2
- package/dist/{data-list-top-C-pLBax7.cjs.map → data-list-top-CvD3KI8R.cjs.map} +1 -1
- package/dist/{data-list-top-DheFgb0M.js → data-list-top-CxUWL8gh.js} +2 -2
- package/dist/{data-list-top-DheFgb0M.js.map → data-list-top-CxUWL8gh.js.map} +1 -1
- package/dist/{data-panel-DuLf5j8S.js → data-panel-CbomKGJt.js} +2 -2
- package/dist/{data-panel-DuLf5j8S.js.map → data-panel-CbomKGJt.js.map} +1 -1
- package/dist/{data-panel-D7Qk4iwZ.cjs → data-panel-o-QLWuFV.cjs} +2 -2
- package/dist/{data-panel-D7Qk4iwZ.cjs.map → data-panel-o-QLWuFV.cjs.map} +1 -1
- package/dist/{date-time-range-picker-BDylIIzt.js → date-time-range-picker-B1zYIQTC.js} +56 -55
- package/dist/date-time-range-picker-B1zYIQTC.js.map +1 -0
- package/dist/{date-time-range-picker-UheN070q.cjs → date-time-range-picker-Bb-CGVEL.cjs} +56 -55
- package/dist/date-time-range-picker-Bb-CGVEL.cjs.map +1 -0
- package/dist/domains/chat/components/network-choice-metadata-dialog.cjs.js +1 -1
- package/dist/domains/chat/components/network-choice-metadata-dialog.es.js +1 -1
- package/dist/domains/chat/messages/dataset-save-action.cjs.js +11 -10
- package/dist/domains/chat/messages/dataset-save-action.cjs.js.map +1 -1
- package/dist/domains/chat/messages/dataset-save-action.es.js +11 -10
- package/dist/domains/chat/messages/dataset-save-action.es.js.map +1 -1
- package/dist/domains/chat/messages/message-row.cjs.js +1 -1
- package/dist/domains/chat/messages/message-row.es.js +1 -1
- package/dist/domains/chat/messages/renderers/message-text.cjs.js +1 -1
- package/dist/domains/chat/messages/renderers/message-text.es.js +1 -1
- package/dist/domains/chat/messages/renderers/reasoning-part-renderer.cjs.js +1 -1
- package/dist/domains/chat/messages/renderers/reasoning-part-renderer.es.js +1 -1
- package/dist/domains/chat/messages/skill-message.cjs.js +1 -1
- package/dist/domains/chat/messages/skill-message.es.js +1 -1
- package/dist/domains/chat/tools/badges/agent-badge-wrapper.cjs.js +1 -1
- package/dist/domains/chat/tools/badges/agent-badge-wrapper.es.js +1 -1
- package/dist/domains/chat/tools/badges/agent-badge.cjs.js +2 -2
- package/dist/domains/chat/tools/badges/agent-badge.es.js +2 -2
- 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/background-task-metadata-dialog.cjs.js +1 -1
- package/dist/domains/chat/tools/badges/background-task-metadata-dialog.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/file-tree-badge.cjs.js +1 -1
- package/dist/domains/chat/tools/badges/file-tree-badge.es.js +1 -1
- package/dist/domains/chat/tools/badges/observation-marker-details.cjs.js +1 -1
- package/dist/domains/chat/tools/badges/observation-marker-details.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-badge.cjs.js +2 -2
- package/dist/domains/chat/tools/badges/tool-badge.es.js +2 -2
- package/dist/domains/chat/tools/badges/workflow-badge.cjs.js +2 -2
- package/dist/domains/chat/tools/badges/workflow-badge.es.js +2 -2
- package/dist/domains/chat/tools/submit-plan-tool.cjs.js +2 -2
- package/dist/domains/chat/tools/submit-plan-tool.es.js +2 -2
- package/dist/domains/chat/tools/tool-card.cjs.js +1 -1
- package/dist/domains/chat/tools/tool-card.es.js +1 -1
- package/dist/domains/datasets/components/save-as-dataset-item-dialog.cjs.js +18 -16
- package/dist/domains/datasets/components/save-as-dataset-item-dialog.cjs.js.map +1 -1
- package/dist/domains/datasets/components/save-as-dataset-item-dialog.es.js +18 -16
- package/dist/domains/datasets/components/save-as-dataset-item-dialog.es.js.map +1 -1
- package/dist/domains/feedback/utils/feedback-refetch-interval.cjs.js +1 -1
- package/dist/domains/feedback/utils/feedback-refetch-interval.cjs.js.map +1 -1
- package/dist/domains/feedback/utils/feedback-refetch-interval.es.js +1 -1
- package/dist/domains/feedback/utils/feedback-refetch-interval.es.js.map +1 -1
- package/dist/domains/logs/components/log-data-panel.cjs.js +1 -1
- package/dist/domains/logs/components/log-data-panel.es.js +1 -1
- package/dist/domains/logs/components/logs-list-view.cjs.js +2 -2
- package/dist/domains/logs/components/logs-list-view.es.js +2 -2
- 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/memory/components/observation-detail-view.cjs.js +5 -3
- package/dist/domains/memory/components/observation-detail-view.cjs.js.map +1 -1
- package/dist/domains/memory/components/observation-detail-view.es.js +5 -3
- package/dist/domains/memory/components/observation-detail-view.es.js.map +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/memory-card-view.cjs.js +1 -1
- package/dist/domains/metrics/components/memory-card-view.es.js +1 -1
- package/dist/domains/metrics/components/model-usage-cost-card-view.cjs.js +1 -1
- package/dist/domains/metrics/components/model-usage-cost-card-view.es.js +1 -1
- package/dist/domains/metrics/components/scores-card-view.cjs.js +1 -1
- package/dist/domains/metrics/components/scores-card-view.es.js +1 -1
- package/dist/domains/observability/components/add-trace-mocks-to-item-dialog.cjs.js +16 -15
- package/dist/domains/observability/components/add-trace-mocks-to-item-dialog.cjs.js.map +1 -1
- package/dist/domains/observability/components/add-trace-mocks-to-item-dialog.es.js +16 -15
- package/dist/domains/observability/components/add-trace-mocks-to-item-dialog.es.js.map +1 -1
- package/dist/domains/request-context/components/request-context-label.cjs.js +4 -3
- package/dist/domains/request-context/components/request-context-label.cjs.js.map +1 -1
- package/dist/domains/request-context/components/request-context-label.es.js +4 -3
- package/dist/domains/request-context/components/request-context-label.es.js.map +1 -1
- package/dist/domains/scores/components/score-data-panel.cjs.js +1 -1
- package/dist/domains/scores/components/score-data-panel.es.js +1 -1
- package/dist/domains/scores/components/span-scoring.cjs.js +1 -1
- package/dist/domains/scores/components/span-scoring.es.js +1 -1
- package/dist/domains/scores/components/trace-scores-tab.cjs.js +1 -1
- package/dist/domains/scores/components/trace-scores-tab.es.js +1 -1
- package/dist/domains/scores/hooks/use-scorers.cjs.js +1 -1
- package/dist/domains/scores/hooks/use-scorers.cjs.js.map +1 -1
- package/dist/domains/scores/hooks/use-scorers.es.js +1 -1
- package/dist/domains/scores/hooks/use-scorers.es.js.map +1 -1
- package/dist/domains/scores/hooks/use-trace-span-scores.cjs.js +1 -1
- package/dist/domains/scores/hooks/use-trace-span-scores.cjs.js.map +1 -1
- package/dist/domains/scores/hooks/use-trace-span-scores.es.js +1 -1
- package/dist/domains/scores/hooks/use-trace-span-scores.es.js.map +1 -1
- package/dist/domains/traces/components/feedback-thread.cjs.js +1 -1
- package/dist/domains/traces/components/feedback-thread.es.js +1 -1
- package/dist/domains/traces/components/span-data-panel-view.cjs.js +1 -1
- package/dist/domains/traces/components/span-data-panel-view.es.js +1 -1
- package/dist/domains/traces/components/span-payload/span-error-renderer.cjs.js +1 -1
- package/dist/domains/traces/components/span-payload/span-error-renderer.es.js +1 -1
- package/dist/domains/traces/components/span-payload/span-input-renderers.cjs.js +1 -1
- package/dist/domains/traces/components/span-payload/span-input-renderers.es.js +1 -1
- package/dist/domains/traces/components/span-payload/span-output-renderers.cjs.js +2 -2
- package/dist/domains/traces/components/span-payload/span-output-renderers.es.js +2 -2
- package/dist/domains/traces/components/span-payload/span-payload-messages.cjs.js +2 -2
- package/dist/domains/traces/components/span-payload/span-payload-messages.es.js +2 -2
- 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 +1 -1
- package/dist/domains/traces/components/span-payload/span-payload-processor.es.js +1 -1
- package/dist/domains/traces/components/span-payload/span-payload-tool.cjs.js +1 -1
- package/dist/domains/traces/components/span-payload/span-payload-tool.es.js +1 -1
- package/dist/domains/traces/components/span-payload/span-processor-attributes.cjs.js +1 -1
- package/dist/domains/traces/components/span-payload/span-processor-attributes.es.js +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/thread-trace/thread-trace-context.cjs.js.map +1 -1
- package/dist/domains/traces/components/thread-trace/thread-trace-context.es.js.map +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-list.cjs.js +7 -8
- package/dist/domains/traces/components/thread-trace/thread-trace-list.cjs.js.map +1 -1
- package/dist/domains/traces/components/thread-trace/thread-trace-list.es.js +7 -8
- package/dist/domains/traces/components/thread-trace/thread-trace-list.es.js.map +1 -1
- package/dist/domains/traces/components/thread-trace/thread-trace-messages.cjs.js +1 -1
- package/dist/domains/traces/components/thread-trace/thread-trace-messages.es.js +1 -1
- package/dist/domains/traces/components/thread-trace/thread-trace-root.cjs.js +23 -16
- package/dist/domains/traces/components/thread-trace/thread-trace-root.cjs.js.map +1 -1
- package/dist/domains/traces/components/thread-trace/thread-trace-root.es.js +23 -16
- package/dist/domains/traces/components/thread-trace/thread-trace-root.es.js.map +1 -1
- package/dist/domains/traces/components/thread-trace/thread-trace-row-context.cjs.js.map +1 -1
- package/dist/domains/traces/components/thread-trace/thread-trace-row-context.es.js.map +1 -1
- package/dist/domains/traces/components/thread-trace/thread-trace-row.cjs.js +3 -9
- package/dist/domains/traces/components/thread-trace/thread-trace-row.cjs.js.map +1 -1
- package/dist/domains/traces/components/thread-trace/thread-trace-row.es.js +3 -9
- package/dist/domains/traces/components/thread-trace/thread-trace-row.es.js.map +1 -1
- package/dist/domains/traces/components/thread-trace.cjs.js +0 -2
- package/dist/domains/traces/components/thread-trace.cjs.js.map +1 -1
- package/dist/domains/traces/components/thread-trace.es.js +0 -2
- package/dist/domains/traces/components/thread-trace.es.js.map +1 -1
- package/dist/domains/traces/components/thread-view-by-trace.cjs.js +20 -53
- package/dist/domains/traces/components/thread-view-by-trace.cjs.js.map +1 -1
- package/dist/domains/traces/components/thread-view-by-trace.es.js +21 -54
- package/dist/domains/traces/components/thread-view-by-trace.es.js.map +1 -1
- package/dist/domains/traces/components/trace-columns-menu.cjs.js +10 -11
- package/dist/domains/traces/components/trace-columns-menu.cjs.js.map +1 -1
- package/dist/domains/traces/components/trace-columns-menu.es.js +10 -11
- package/dist/domains/traces/components/trace-columns-menu.es.js.map +1 -1
- package/dist/domains/traces/components/trace-data-panel-view.cjs.js +5 -9
- 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 +6 -10
- package/dist/domains/traces/components/trace-data-panel-view.es.js.map +1 -1
- package/dist/domains/traces/components/trace-data-panel.cjs.js +1 -0
- package/dist/domains/traces/components/trace-data-panel.cjs.js.map +1 -1
- package/dist/domains/traces/components/trace-data-panel.es.js +1 -0
- package/dist/domains/traces/components/trace-data-panel.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-span-panel.cjs.js +0 -1
- package/dist/domains/traces/components/trace-span-panel.cjs.js.map +1 -1
- package/dist/domains/traces/components/trace-span-panel.es.js +0 -1
- package/dist/domains/traces/components/trace-span-panel.es.js.map +1 -1
- package/dist/domains/traces/components/trace-summary-description.cjs.js +1 -1
- package/dist/domains/traces/components/trace-summary-description.es.js +1 -1
- package/dist/domains/traces/components/trace-thread-panel.cjs.js +1 -3
- package/dist/domains/traces/components/trace-thread-panel.cjs.js.map +1 -1
- package/dist/domains/traces/components/trace-thread-panel.es.js +1 -3
- package/dist/domains/traces/components/trace-thread-panel.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-list-view.cjs.js +3 -3
- package/dist/domains/traces/components/traces-list-view.es.js +3 -3
- package/dist/domains/traces/components/traces-page-skeleton.cjs.js +1 -1
- package/dist/domains/traces/components/traces-page-skeleton.es.js +1 -1
- package/dist/domains/traces/hooks/use-traces-list-source.cjs.js +2 -0
- package/dist/domains/traces/hooks/use-traces-list-source.cjs.js.map +1 -1
- package/dist/domains/traces/hooks/use-traces-list-source.es.js +2 -0
- package/dist/domains/traces/hooks/use-traces-list-source.es.js.map +1 -1
- package/dist/domains/workflows/components/workflow-combobox.cjs.js +1 -1
- package/dist/domains/workflows/components/workflow-combobox.es.js +1 -1
- package/dist/domains/workflows/components/workflow-step-detail.cjs.js +2 -2
- package/dist/domains/workflows/components/workflow-step-detail.es.js +2 -2
- package/dist/domains/workflows/components/workflows-list/workflows-list.cjs.js +2 -2
- package/dist/domains/workflows/components/workflows-list/workflows-list.es.js +2 -2
- package/dist/domains/workflows/workflow/data/workflow-data-button.cjs.js +1 -1
- package/dist/domains/workflows/workflow/data/workflow-data-button.es.js +1 -1
- package/dist/domains/workflows/workflow/data/workflow-data-inspector.cjs.js +1 -1
- package/dist/domains/workflows/workflow/data/workflow-data-inspector.es.js +1 -1
- package/dist/domains/workflows/workflow/input/workflow-json-input.cjs.js +7 -14
- package/dist/domains/workflows/workflow/input/workflow-json-input.cjs.js.map +1 -1
- package/dist/domains/workflows/workflow/input/workflow-json-input.es.js +7 -14
- package/dist/domains/workflows/workflow/input/workflow-json-input.es.js.map +1 -1
- package/dist/domains/workflows/workflow/input/workflow-processor-input.cjs.js +39 -42
- package/dist/domains/workflows/workflow/input/workflow-processor-input.cjs.js.map +1 -1
- package/dist/domains/workflows/workflow/input/workflow-processor-input.es.js +40 -43
- package/dist/domains/workflows/workflow/input/workflow-processor-input.es.js.map +1 -1
- package/dist/domains/workflows/workflow/use-workflow-graph-runtime.cjs.js +1 -1
- package/dist/domains/workflows/workflow/use-workflow-graph-runtime.es.js +1 -1
- package/dist/domains/workflows/workflow/workflow-body-graph.cjs.js +1 -1
- package/dist/domains/workflows/workflow/workflow-body-graph.es.js +1 -1
- package/dist/domains/workflows/workflow/workflow-data-edge.cjs.js +1 -1
- package/dist/domains/workflows/workflow/workflow-data-edge.es.js +1 -1
- package/dist/domains/workflows/workflow/workflow-debug-mode-switch.cjs.js +8 -16
- package/dist/domains/workflows/workflow/workflow-debug-mode-switch.cjs.js.map +1 -1
- package/dist/domains/workflows/workflow/workflow-debug-mode-switch.es.js +9 -17
- package/dist/domains/workflows/workflow/workflow-debug-mode-switch.es.js.map +1 -1
- package/dist/domains/workflows/workflow/workflow-graph-inner.cjs.js +1 -1
- package/dist/domains/workflows/workflow/workflow-graph-inner.es.js +1 -1
- package/dist/domains/workflows/workflow/workflow-graph-node.cjs.js +1 -1
- package/dist/domains/workflows/workflow/workflow-graph-node.es.js +1 -1
- package/dist/domains/workflows/workflow/workflow-input-data.cjs.js +1 -1
- package/dist/domains/workflows/workflow/workflow-input-data.es.js +1 -1
- package/dist/domains/workflows/workflow/workflow-map-config-dialog.cjs.js +1 -1
- package/dist/domains/workflows/workflow/workflow-map-config-dialog.es.js +1 -1
- package/dist/domains/workflows/workflow/workflow-nested-graph.cjs.js +2 -2
- package/dist/domains/workflows/workflow/workflow-nested-graph.es.js +2 -2
- package/dist/domains/workflows/workflow/workflow-run-data.cjs.js +1 -1
- package/dist/domains/workflows/workflow/workflow-run-data.es.js +1 -1
- package/dist/domains/workflows/workflow/workflow-status.cjs.js +1 -1
- package/dist/domains/workflows/workflow/workflow-status.es.js +1 -1
- package/dist/domains/workflows/workflow/workflow-step-action-bar.cjs.js +1 -1
- package/dist/domains/workflows/workflow/workflow-step-action-bar.es.js +1 -1
- package/dist/domains/workflows/workflow/workflow-suspended-steps.cjs.js +1 -1
- package/dist/domains/workflows/workflow/workflow-suspended-steps.es.js +1 -1
- package/dist/domains/workflows/workflow/workflow-time-travel-form.cjs.js +8 -21
- package/dist/domains/workflows/workflow/workflow-time-travel-form.cjs.js.map +1 -1
- package/dist/domains/workflows/workflow/workflow-time-travel-form.es.js +9 -22
- package/dist/domains/workflows/workflow/workflow-time-travel-form.es.js.map +1 -1
- package/dist/ee/signals/components/entity-index-list.cjs.js +1 -1
- package/dist/ee/signals/components/entity-index-list.es.js +1 -1
- package/dist/ee/signals/components/trace-intelligence-entity-index.cjs.js +3 -3
- package/dist/ee/signals/components/trace-intelligence-entity-index.es.js +3 -3
- package/dist/ee/signals/settings/signal-definition-form-dialog.cjs.js +62 -68
- package/dist/ee/signals/settings/signal-definition-form-dialog.cjs.js.map +1 -1
- package/dist/ee/signals/settings/signal-definition-form-dialog.es.js +62 -68
- package/dist/ee/signals/settings/signal-definition-form-dialog.es.js.map +1 -1
- package/dist/ee/signals/settings/trace-signal-settings.cjs.js +1 -1
- package/dist/ee/signals/settings/trace-signal-settings.es.js +1 -1
- package/dist/ee/topics/components/topic-trace-summary-list.cjs.js +13 -16
- 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 +14 -17
- package/dist/ee/topics/components/topic-trace-summary-list.es.js.map +1 -1
- package/dist/field-BtvEQ68O.js +170 -0
- package/dist/field-BtvEQ68O.js.map +1 -0
- package/dist/field-control-aria-DB6y41tQ.js +26 -0
- package/dist/field-control-aria-DB6y41tQ.js.map +1 -0
- package/dist/field-control-aria-WzMGs0A4.cjs +31 -0
- package/dist/field-control-aria-WzMGs0A4.cjs.map +1 -0
- package/dist/{field-block-DtaPqBa3.cjs → field-error-id-4DYu4KZ2.cjs} +24 -4
- package/dist/field-error-id-4DYu4KZ2.cjs.map +1 -0
- package/dist/{field-block--PeppIRb.js → field-error-id-BSQLcfHo.js} +22 -3
- package/dist/field-error-id-BSQLcfHo.js.map +1 -0
- package/dist/field-ip9xiOVa.cjs +198 -0
- package/dist/field-ip9xiOVa.cjs.map +1 -0
- package/dist/{filter-bar-chip-CBlHsz4A.cjs → filter-bar-chip-BsWm7SQr.cjs} +2 -2
- package/dist/{filter-bar-chip-CBlHsz4A.cjs.map → filter-bar-chip-BsWm7SQr.cjs.map} +1 -1
- package/dist/{filter-bar-chip-DFOtEvpW.js → filter-bar-chip-Dmboyu1t.js} +2 -2
- package/dist/{filter-bar-chip-DFOtEvpW.js.map → filter-bar-chip-Dmboyu1t.js.map} +1 -1
- package/dist/form-ChOlos7g.cjs +12 -0
- package/dist/form-ChOlos7g.cjs.map +1 -0
- package/dist/form-uj2xap-j.js +10 -0
- package/dist/form-uj2xap-j.js.map +1 -0
- package/dist/{input-bd223EJW.cjs → input-D0UPyj6A.cjs} +16 -45
- package/dist/input-D0UPyj6A.cjs.map +1 -0
- package/dist/{input-CHghVv3k.js → input-D5_B67_r.js} +17 -27
- package/dist/input-D5_B67_r.js.map +1 -0
- package/dist/{input-group-BRhBfeHC.cjs → input-group-BgCXLSRV.cjs} +77 -96
- package/dist/input-group-BgCXLSRV.cjs.map +1 -0
- package/dist/{input-group-0G9ZX_cM.js → input-group-wzirc-1k.js} +78 -97
- package/dist/input-group-wzirc-1k.js.map +1 -0
- package/dist/keyboard/keyboard-dispatcher.cjs.js +2 -0
- package/dist/keyboard/keyboard-dispatcher.cjs.js.map +1 -1
- package/dist/keyboard/keyboard-dispatcher.es.js +2 -0
- package/dist/keyboard/keyboard-dispatcher.es.js.map +1 -1
- package/dist/keyboard/use-keydown.cjs.js +7 -1
- package/dist/keyboard/use-keydown.cjs.js.map +1 -1
- package/dist/keyboard/use-keydown.es.js +7 -1
- package/dist/keyboard/use-keydown.es.js.map +1 -1
- package/dist/layout/tabbed-container.cjs.js +3 -3
- package/dist/layout/tabbed-container.es.js +3 -3
- package/dist/lib/form/components/boolean-field.cjs.js +6 -6
- package/dist/lib/form/components/boolean-field.cjs.js.map +1 -1
- package/dist/lib/form/components/boolean-field.es.js +5 -5
- package/dist/lib/form/components/boolean-field.es.js.map +1 -1
- package/dist/lib/form/components/custom-array-field.cjs.js +1 -1
- package/dist/lib/form/components/custom-array-field.es.js +1 -1
- package/dist/lib/form/components/custom-auto-form-field.cjs.js +1 -2
- package/dist/lib/form/components/custom-auto-form-field.cjs.js.map +1 -1
- package/dist/lib/form/components/custom-auto-form-field.es.js +1 -2
- package/dist/lib/form/components/custom-auto-form-field.es.js.map +1 -1
- package/dist/lib/form/components/custom-object-field.cjs.js +1 -1
- package/dist/lib/form/components/custom-object-field.es.js +1 -1
- package/dist/lib/form/components/date-field.cjs.js +6 -3
- package/dist/lib/form/components/date-field.cjs.js.map +1 -1
- package/dist/lib/form/components/date-field.es.js +6 -3
- package/dist/lib/form/components/date-field.es.js.map +1 -1
- package/dist/lib/form/components/discriminated-union-field.cjs.js +1 -1
- package/dist/lib/form/components/discriminated-union-field.es.js +1 -1
- package/dist/lib/form/components/field-wrapper.cjs.js +30 -9
- package/dist/lib/form/components/field-wrapper.cjs.js.map +1 -1
- package/dist/lib/form/components/field-wrapper.es.js +30 -9
- package/dist/lib/form/components/field-wrapper.es.js.map +1 -1
- package/dist/lib/form/components/form.cjs.js +4 -4
- package/dist/lib/form/components/form.cjs.js.map +1 -1
- package/dist/lib/form/components/form.es.js +4 -4
- package/dist/lib/form/components/form.es.js.map +1 -1
- package/dist/lib/form/components/number-field.cjs.js +3 -4
- package/dist/lib/form/components/number-field.cjs.js.map +1 -1
- package/dist/lib/form/components/number-field.es.js +3 -4
- package/dist/lib/form/components/number-field.es.js.map +1 -1
- package/dist/lib/form/components/record-field.cjs.js +13 -2
- package/dist/lib/form/components/record-field.cjs.js.map +1 -1
- package/dist/lib/form/components/record-field.es.js +13 -2
- package/dist/lib/form/components/record-field.es.js.map +1 -1
- package/dist/lib/form/components/select-field.cjs.js +4 -19
- package/dist/lib/form/components/select-field.cjs.js.map +1 -1
- package/dist/lib/form/components/select-field.es.js +4 -19
- package/dist/lib/form/components/select-field.es.js.map +1 -1
- package/dist/lib/form/components/string-field.cjs.js +2 -4
- package/dist/lib/form/components/string-field.cjs.js.map +1 -1
- package/dist/lib/form/components/string-field.es.js +2 -4
- package/dist/lib/form/components/string-field.es.js.map +1 -1
- package/dist/lib/form/components/union-field.cjs.js +1 -1
- package/dist/lib/form/components/union-field.es.js +1 -1
- package/dist/lib/form/custom-auto-form.cjs.js +1 -1
- package/dist/lib/form/custom-auto-form.es.js +1 -1
- package/dist/lib/form/dynamic-form.cjs.js +0 -5
- package/dist/lib/form/dynamic-form.cjs.js.map +1 -1
- package/dist/lib/form/dynamic-form.es.js +0 -5
- package/dist/lib/form/dynamic-form.es.js.map +1 -1
- package/dist/{list-search-BzAIj0DB.cjs → list-search-CTGQJCh1.cjs} +14 -21
- package/dist/list-search-CTGQJCh1.cjs.map +1 -0
- package/dist/{list-search-DI1DH7vU.js → list-search-CmOCmTwL.js} +15 -22
- package/dist/list-search-CmOCmTwL.js.map +1 -0
- package/dist/{logs-data-list-CtHern11.cjs → logs-data-list-B9CAqAHD.cjs} +3 -3
- package/dist/{logs-data-list-CtHern11.cjs.map → logs-data-list-B9CAqAHD.cjs.map} +1 -1
- package/dist/{logs-data-list-ButZV-2H.js → logs-data-list-DfzdzgXB.js} +3 -3
- package/dist/{logs-data-list-ButZV-2H.js.map → logs-data-list-DfzdzgXB.js.map} +1 -1
- package/dist/{main-sidebar-link-active-buZAhlHo.js → main-sidebar-B0ivY7lW.js} +118 -6
- package/dist/main-sidebar-B0ivY7lW.js.map +1 -0
- package/dist/{main-sidebar-link-active-D8VSuJKx.cjs → main-sidebar-BWKVSRoQ.cjs} +117 -4
- package/dist/main-sidebar-BWKVSRoQ.cjs.map +1 -0
- package/dist/{markdown-renderer-CZV6neya.cjs → markdown-renderer-DPwN7Vtm.cjs} +2 -2
- package/dist/{markdown-renderer-CZV6neya.cjs.map → markdown-renderer-DPwN7Vtm.cjs.map} +1 -1
- package/dist/{markdown-renderer-Cy7Iwy1c.js → markdown-renderer-zvB6a8uj.js} +2 -2
- package/dist/{markdown-renderer-Cy7Iwy1c.js.map → markdown-renderer-zvB6a8uj.js.map} +1 -1
- package/dist/new/settings.cjs.js +2 -1
- package/dist/new/settings.cjs.js.map +1 -1
- package/dist/new/settings.es.js +1 -1
- package/dist/new/sidebar.cjs.js +34 -34
- package/dist/new/sidebar.cjs.js.map +1 -1
- package/dist/new/sidebar.es.js +2 -2
- package/dist/{plan-CvTAGIWv.js → plan-BtOryfz5.js} +2 -2
- package/dist/{plan-CvTAGIWv.js.map → plan-BtOryfz5.js.map} +1 -1
- package/dist/{plan-DsfNN3a0.cjs → plan-D8rM4i4S.cjs} +2 -2
- package/dist/{plan-DsfNN3a0.cjs.map → plan-D8rM4i4S.cjs.map} +1 -1
- package/dist/primitives/form-element.cjs.js +9 -1
- package/dist/primitives/form-element.cjs.js.map +1 -1
- package/dist/primitives/form-element.es.js +7 -2
- package/dist/primitives/form-element.es.js.map +1 -1
- package/dist/primitives/textarea-control.cjs.js +24 -0
- package/dist/primitives/textarea-control.cjs.js.map +1 -0
- package/dist/primitives/textarea-control.d.ts +2 -0
- package/dist/primitives/textarea-control.es.js +20 -0
- package/dist/primitives/textarea-control.es.js.map +1 -0
- package/dist/{property-filter-applied-C9verwDR.js → property-filter-applied-B_nfBryj.js} +2 -2
- package/dist/{property-filter-applied-C9verwDR.js.map → property-filter-applied-B_nfBryj.js.map} +1 -1
- package/dist/{property-filter-applied-Bp2z4KBv.cjs → property-filter-applied-CSLLo3VJ.cjs} +2 -2
- package/dist/{property-filter-applied-Bp2z4KBv.cjs.map → property-filter-applied-CSLLo3VJ.cjs.map} +1 -1
- package/dist/{radio-group-BdEPWGzi.cjs → radio-group-QV7yVrSX.cjs} +13 -2
- package/dist/radio-group-QV7yVrSX.cjs.map +1 -0
- package/dist/{radio-group-CFZXUXZ5.js → radio-group-bvm7Sqq_.js} +13 -2
- package/dist/radio-group-bvm7Sqq_.js.map +1 -0
- package/dist/{reasoning-activity-OM1-hbCV.js → reasoning-activity-6VkIbDT4.js} +2 -2
- package/dist/{reasoning-activity-OM1-hbCV.js.map → reasoning-activity-6VkIbDT4.js.map} +1 -1
- package/dist/{reasoning-activity-BVviIdMe.cjs → reasoning-activity-DaXMgyr3.cjs} +2 -2
- package/dist/{reasoning-activity-BVviIdMe.cjs.map → reasoning-activity-DaXMgyr3.cjs.map} +1 -1
- package/dist/search-input-BKXiYeed.js +48 -0
- package/dist/search-input-BKXiYeed.js.map +1 -0
- package/dist/search-input-T0orZ7Jf.cjs +50 -0
- package/dist/search-input-T0orZ7Jf.cjs.map +1 -0
- package/dist/{section-dBeXxS69.cjs → section-Byml9qxH.cjs} +2 -2
- package/dist/{section-dBeXxS69.cjs.map → section-Byml9qxH.cjs.map} +1 -1
- package/dist/{section-BfEsNViI.js → section-DTooysg2.js} +2 -2
- package/dist/{section-BfEsNViI.js.map → section-DTooysg2.js.map} +1 -1
- package/dist/{segmented-control-BxeiypPR.js → segmented-control-ClbeK8DF.js} +4 -1
- package/dist/segmented-control-ClbeK8DF.js.map +1 -0
- package/dist/{segmented-control--I3IgW21.cjs → segmented-control-DwLkp3TP.cjs} +4 -1
- package/dist/segmented-control-DwLkp3TP.cjs.map +1 -0
- package/dist/{select-DZeNf-kI.js → select--ArpXYDc.js} +6 -3
- package/dist/select--ArpXYDc.js.map +1 -0
- package/dist/{select-DBY9LQFQ.cjs → select-DJQYAVcm.cjs} +5 -2
- package/dist/select-DJQYAVcm.cjs.map +1 -0
- package/dist/{settings-row-C1JZDdz_.js → settings-row-B0jGFpVw.js} +46 -39
- package/dist/settings-row-B0jGFpVw.js.map +1 -0
- package/dist/{settings-row-C7YKfUgY.cjs → settings-row-Dt4WnnRf.cjs} +47 -39
- package/dist/settings-row-Dt4WnnRf.cjs.map +1 -0
- package/dist/{side-dialog-DCzCcZs6.js → side-dialog-DZJc85m3.js} +2 -2
- package/dist/{side-dialog-DCzCcZs6.js.map → side-dialog-DZJc85m3.js.map} +1 -1
- package/dist/{side-dialog-DFnD1498.cjs → side-dialog-lQUx6B_M.cjs} +2 -2
- package/dist/{side-dialog-DFnD1498.cjs.map → side-dialog-lQUx6B_M.cjs.map} +1 -1
- package/dist/{span-payload-primitives-DL1Kr0cu.js → span-payload-primitives-CGamdu2t.js} +2 -2
- package/dist/{span-payload-primitives-DL1Kr0cu.js.map → span-payload-primitives-CGamdu2t.js.map} +1 -1
- package/dist/{span-payload-primitives-D0mhsndj.cjs → span-payload-primitives-SkL3U9hR.cjs} +2 -2
- package/dist/{span-payload-primitives-D0mhsndj.cjs.map → span-payload-primitives-SkL3U9hR.cjs.map} +1 -1
- package/dist/src/domains/feedback/utils/feedback-refetch-interval.d.ts +2 -2
- package/dist/src/domains/request-context/components/request-context-label.d.ts +1 -2
- package/dist/src/domains/scores/hooks/use-scorers.d.ts +1 -1
- package/dist/src/domains/scores/hooks/use-trace-span-scores.d.ts +1 -1
- package/dist/src/domains/traces/components/thread-trace/index.d.ts +1 -5
- package/dist/src/domains/traces/components/thread-trace/thread-trace-context.d.ts +0 -2
- package/dist/src/domains/traces/components/thread-trace/thread-trace-root.d.ts +3 -6
- package/dist/src/domains/traces/components/thread-trace/thread-trace-row-context.d.ts +0 -1
- package/dist/src/domains/traces/components/thread-view-by-trace.d.ts +7 -6
- package/dist/src/domains/traces/components/trace-thread-panel.d.ts +2 -4
- package/dist/src/domains/traces/hooks/use-traces-list-source.d.ts +3 -1
- package/dist/src/ds/components/Combobox/combobox-styles.d.ts +3 -4
- package/dist/src/ds/components/Combobox/combobox.d.ts +4 -2
- package/dist/src/ds/components/Comment/comment-composer.d.ts +2 -2
- package/dist/src/ds/components/DateTimePicker/time-picker.d.ts +2 -1
- package/dist/src/ds/components/Field/field-control-aria.d.ts +30 -0
- package/dist/src/ds/components/Field/field.d.ts +39 -0
- package/dist/src/ds/components/Field/field.stories.d.ts +12 -0
- package/dist/src/ds/components/Field/index.d.ts +2 -0
- package/dist/src/ds/components/Form/form.d.ts +7 -0
- package/dist/src/ds/components/Form/form.stories.d.ts +7 -0
- package/dist/src/ds/components/Form/index.d.ts +1 -0
- package/dist/src/ds/components/FormFieldBlocks/block/field-block.d.ts +1 -0
- package/dist/src/ds/components/FormFieldBlocks/block/field-error-id.d.ts +1 -5
- package/dist/src/ds/components/FormFieldBlocks/fields/search-field-block.d.ts +1 -0
- package/dist/src/ds/components/FormFieldBlocks/fields/select-field-block.d.ts +1 -0
- package/dist/src/ds/components/FormFieldBlocks/fields/text-field-block.d.ts +1 -0
- package/dist/src/ds/components/FormFieldBlocks/fields/textarea-field-block.d.ts +1 -0
- package/dist/src/ds/components/FormFieldBlocks/layout/field-blocks-layout.d.ts +1 -0
- package/dist/src/ds/components/Input/input.d.ts +3 -10
- package/dist/src/ds/components/InputGroup/input-group.d.ts +15 -25
- package/dist/src/ds/components/JSONSchemaForm/json-schema-form-field-description.d.ts +6 -3
- package/dist/src/ds/components/JSONSchemaForm/json-schema-form-field-name.d.ts +6 -3
- package/dist/src/ds/components/JSONSchemaForm/json-schema-form-field-type.d.ts +10 -3
- package/dist/src/ds/components/Label/label.d.ts +1 -0
- package/dist/src/ds/components/ListSearch/list-search.d.ts +2 -2
- package/dist/src/ds/components/SearchInput/index.d.ts +1 -0
- package/dist/src/ds/components/SearchInput/search-input.d.ts +12 -0
- package/dist/src/ds/components/SearchInput/search-input.stories.d.ts +8 -0
- package/dist/src/ds/components/Textarea/textarea.d.ts +3 -10
- package/dist/src/ds/components/ai/ask-user/ask-user.d.ts +2 -1
- package/dist/src/ds/new/settings/index.d.ts +1 -1
- package/dist/src/ds/new/settings/settings-row.d.ts +11 -3
- package/dist/src/ds/new/settings/settings-row.stories.d.ts +321 -0
- package/dist/src/ds/primitives/form-element.d.ts +6 -1
- package/dist/src/ds/primitives/textarea-control.d.ts +3 -0
- package/dist/src/lib/form/components/form.d.ts +1 -1
- package/dist/src/lib/keyboard/keyboard-dispatcher.d.ts +2 -0
- package/dist/src/lib/keyboard/use-keydown.d.ts +6 -0
- package/dist/style.css +50 -16
- package/dist/{switch-Swt75_Sb.cjs → switch-BlE5ReVZ.cjs} +3 -2
- package/dist/switch-BlE5ReVZ.cjs.map +1 -0
- package/dist/{switch-88fWFfVz.js → switch-MZ1oHrmp.js} +4 -3
- package/dist/switch-MZ1oHrmp.js.map +1 -0
- package/dist/{textarea-B6wvS_CQ.js → textarea-CxPNKg2q.js} +14 -22
- package/dist/textarea-CxPNKg2q.js.map +1 -0
- package/dist/{textarea-gUBUqpol.cjs → textarea-DNV5Gs9A.cjs} +13 -40
- package/dist/textarea-DNV5Gs9A.cjs.map +1 -0
- package/dist/{time-picker-BElZALzM.js → time-picker-DRSAkFuj.js} +18 -21
- package/dist/time-picker-DRSAkFuj.js.map +1 -0
- package/dist/{time-picker-_QJdolkZ.cjs → time-picker-KE48KlpH.cjs} +18 -21
- package/dist/time-picker-KE48KlpH.cjs.map +1 -0
- package/dist/{tool-call-arguments-CQYR65FB.cjs → tool-call-arguments-BemKsB9v.cjs} +2 -2
- package/dist/{tool-call-arguments-CQYR65FB.cjs.map → tool-call-arguments-BemKsB9v.cjs.map} +1 -1
- package/dist/{tool-call-arguments-B1MghuMZ.js → tool-call-arguments-CtUKj7IB.js} +2 -2
- package/dist/{tool-call-arguments-B1MghuMZ.js.map → tool-call-arguments-CtUKj7IB.js.map} +1 -1
- package/dist/{tool-card-rxo27sve.cjs → tool-card-D9nDQgpg.cjs} +2 -2
- package/dist/{tool-card-rxo27sve.cjs.map → tool-card-D9nDQgpg.cjs.map} +1 -1
- package/dist/{tool-card-C_K5PwrK.js → tool-card-tK9zedNb.js} +2 -2
- package/dist/{tool-card-C_K5PwrK.js.map → tool-card-tK9zedNb.js.map} +1 -1
- package/dist/{traces-data-list-BsAYYJ9t.cjs → traces-data-list-Dd8vMPQK.cjs} +4 -4
- package/dist/{traces-data-list-BsAYYJ9t.cjs.map → traces-data-list-Dd8vMPQK.cjs.map} +1 -1
- package/dist/{traces-data-list-CnNpGVRN.js → traces-data-list-Fvl8mlih.js} +4 -4
- package/dist/{traces-data-list-CnNpGVRN.js.map → traces-data-list-Fvl8mlih.js.map} +1 -1
- package/dist/{use-workflow-graph-runtime-CIs2HzoP.cjs → use-workflow-graph-runtime-BNAtEa06.cjs} +2 -2
- package/dist/{use-workflow-graph-runtime-CIs2HzoP.cjs.map → use-workflow-graph-runtime-BNAtEa06.cjs.map} +1 -1
- package/dist/{use-workflow-graph-runtime-CexS1ECI.js → use-workflow-graph-runtime-JQwLwNBD.js} +2 -2
- package/dist/{use-workflow-graph-runtime-CexS1ECI.js.map → use-workflow-graph-runtime-JQwLwNBD.js.map} +1 -1
- package/dist/{workflow-code-dialog-content-BM4ZnrUr.js → workflow-code-dialog-content-3AcgitHa.js} +2 -2
- package/dist/{workflow-code-dialog-content-BM4ZnrUr.js.map → workflow-code-dialog-content-3AcgitHa.js.map} +1 -1
- package/dist/{workflow-code-dialog-content-BFm2IWDl.cjs → workflow-code-dialog-content-DyoN3850.cjs} +2 -2
- package/dist/{workflow-code-dialog-content-BFm2IWDl.cjs.map → workflow-code-dialog-content-DyoN3850.cjs.map} +1 -1
- package/dist/{workflow-data-edge-view-BpGLV-at.js → workflow-data-edge-view-C4nbA2Fa.js} +2 -2
- package/dist/{workflow-data-edge-view-BpGLV-at.js.map → workflow-data-edge-view-C4nbA2Fa.js.map} +1 -1
- package/dist/{workflow-data-edge-view-7f8O6pVW.cjs → workflow-data-edge-view-aHAZkZOH.cjs} +2 -2
- package/dist/{workflow-data-edge-view-7f8O6pVW.cjs.map → workflow-data-edge-view-aHAZkZOH.cjs.map} +1 -1
- package/dist/{workflow-edge-data-button-C6eyWbcG.js → workflow-edge-data-button-2aIkzgev.js} +2 -2
- package/dist/{workflow-edge-data-button-C6eyWbcG.js.map → workflow-edge-data-button-2aIkzgev.js.map} +1 -1
- package/dist/{workflow-edge-data-button-BOVRo4xO.cjs → workflow-edge-data-button-BFNO-TRL.cjs} +2 -2
- package/dist/{workflow-edge-data-button-BOVRo4xO.cjs.map → workflow-edge-data-button-BFNO-TRL.cjs.map} +1 -1
- package/package.json +9 -9
- package/dist/ask-user-CXu4b7Jw.cjs.map +0 -1
- package/dist/ask-user-Dlz2346n.js.map +0 -1
- package/dist/checkbox-CI8JtZKS.cjs.map +0 -1
- package/dist/checkbox-CQedzgsi.js.map +0 -1
- package/dist/code-block-BzoMjjtf.cjs.map +0 -1
- package/dist/code-block-DY5KsTGY.js.map +0 -1
- package/dist/code-editor-28chVxHw.js.map +0 -1
- package/dist/code-editor-B_wPmKPf.cjs.map +0 -1
- package/dist/combobox-B15qTrWO.js.map +0 -1
- package/dist/combobox-DJ0c4o4S.cjs.map +0 -1
- package/dist/combobox-styles-C2MEEpaG.js.map +0 -1
- package/dist/combobox-styles-DLflBH-G.cjs.map +0 -1
- package/dist/custom-auto-form-field-Brfb-0Te.cjs.map +0 -1
- package/dist/custom-auto-form-field-yEMBGXu-.js.map +0 -1
- package/dist/data-code-section-DWBfkrmO.cjs.map +0 -1
- package/dist/data-code-section-It6myyvZ.js.map +0 -1
- package/dist/date-time-range-picker-BDylIIzt.js.map +0 -1
- package/dist/date-time-range-picker-UheN070q.cjs.map +0 -1
- package/dist/domains/traces/components/thread-trace/thread-trace-load-more-sentinel.cjs.js +0 -12
- package/dist/domains/traces/components/thread-trace/thread-trace-load-more-sentinel.cjs.js.map +0 -1
- package/dist/domains/traces/components/thread-trace/thread-trace-load-more-sentinel.d.ts +0 -2
- package/dist/domains/traces/components/thread-trace/thread-trace-load-more-sentinel.es.js +0 -8
- package/dist/domains/traces/components/thread-trace/thread-trace-load-more-sentinel.es.js.map +0 -1
- package/dist/field-block--PeppIRb.js.map +0 -1
- package/dist/field-block-DtaPqBa3.cjs.map +0 -1
- package/dist/field-block-error-msg-CkhEN6nU.cjs +0 -26
- package/dist/field-block-error-msg-CkhEN6nU.cjs.map +0 -1
- package/dist/field-block-error-msg-LXwhKzIq.js +0 -24
- package/dist/field-block-error-msg-LXwhKzIq.js.map +0 -1
- package/dist/field-error-id-B3Z2Zu5y.cjs +0 -6
- package/dist/field-error-id-B3Z2Zu5y.cjs.map +0 -1
- package/dist/field-error-id-D3yg1nBh.js +0 -4
- package/dist/field-error-id-D3yg1nBh.js.map +0 -1
- package/dist/input-CHghVv3k.js.map +0 -1
- package/dist/input-bd223EJW.cjs.map +0 -1
- package/dist/input-group-0G9ZX_cM.js.map +0 -1
- package/dist/input-group-BRhBfeHC.cjs.map +0 -1
- package/dist/label-DfAhywj_.cjs +0 -39
- package/dist/label-DfAhywj_.cjs.map +0 -1
- package/dist/label-Dxsz0dFs.js +0 -18
- package/dist/label-Dxsz0dFs.js.map +0 -1
- package/dist/list-search-BzAIj0DB.cjs.map +0 -1
- package/dist/list-search-DI1DH7vU.js.map +0 -1
- package/dist/main-sidebar-link-active-D8VSuJKx.cjs.map +0 -1
- package/dist/main-sidebar-link-active-buZAhlHo.js.map +0 -1
- package/dist/radio-group-BdEPWGzi.cjs.map +0 -1
- package/dist/radio-group-CFZXUXZ5.js.map +0 -1
- package/dist/search-field-block-BPJh5yuW.js +0 -125
- package/dist/search-field-block-BPJh5yuW.js.map +0 -1
- package/dist/search-field-block-DRa-ZNQj.cjs +0 -127
- package/dist/search-field-block-DRa-ZNQj.cjs.map +0 -1
- package/dist/segmented-control--I3IgW21.cjs.map +0 -1
- package/dist/segmented-control-BxeiypPR.js.map +0 -1
- package/dist/select-DBY9LQFQ.cjs.map +0 -1
- package/dist/select-DZeNf-kI.js.map +0 -1
- package/dist/select-field-block-C_x9wNpU.js +0 -59
- package/dist/select-field-block-C_x9wNpU.js.map +0 -1
- package/dist/select-field-block-D8AMzoQT.cjs +0 -61
- package/dist/select-field-block-D8AMzoQT.cjs.map +0 -1
- package/dist/settings-row-C1JZDdz_.js.map +0 -1
- package/dist/settings-row-C7YKfUgY.cjs.map +0 -1
- package/dist/src/domains/traces/components/thread-trace/thread-trace-load-more-sentinel.d.ts +0 -8
- package/dist/src/ds/components/FormFieldBlocks/block/field-block.stories.d.ts +0 -8
- package/dist/src/ds/components/FormFieldBlocks/fields/search-field-block.stories.d.ts +0 -15
- package/dist/src/ds/components/FormFieldBlocks/fields/select-field-block.stories.d.ts +0 -15
- package/dist/src/ds/components/FormFieldBlocks/fields/text-field-block.stories.d.ts +0 -16
- package/dist/src/ds/components/FormFieldBlocks/layout/field-blocks-layout.stories.d.ts +0 -6
- package/dist/src/ds/components/Label/label.stories.d.ts +0 -8
- package/dist/switch-88fWFfVz.js.map +0 -1
- package/dist/switch-Swt75_Sb.cjs.map +0 -1
- package/dist/text-field-block-DUntfMPu.cjs +0 -58
- package/dist/text-field-block-DUntfMPu.cjs.map +0 -1
- package/dist/text-field-block-DZaGiu5D.js +0 -56
- package/dist/text-field-block-DZaGiu5D.js.map +0 -1
- package/dist/textarea-B6wvS_CQ.js.map +0 -1
- package/dist/textarea-field-block-BscOSlvI.js +0 -52
- package/dist/textarea-field-block-BscOSlvI.js.map +0 -1
- package/dist/textarea-field-block-CKAhmLrz.cjs +0 -54
- package/dist/textarea-field-block-CKAhmLrz.cjs.map +0 -1
- package/dist/textarea-gUBUqpol.cjs.map +0 -1
- package/dist/time-picker-BElZALzM.js.map +0 -1
- package/dist/time-picker-_QJdolkZ.cjs.map +0 -1
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { Input } from '@base-ui/react/input';
|
|
2
3
|
import { c as cva } from './index-Dubp6Qv4.js';
|
|
3
4
|
import * as React from 'react';
|
|
4
5
|
import { B as Button } from './Button-D43ghVKt.js';
|
|
6
|
+
import { k as keepOwnAccessibleName } from './field-control-aria-DB6y41tQ.js';
|
|
5
7
|
import { ControlSizeContext, controlHeight } from './primitives/control-size.es.js';
|
|
6
|
-
import { fieldErrorRimWithin, inputSurfaceAndFocusWithinStyle } from './primitives/form-element.es.js';
|
|
8
|
+
import { deprecatedErrorAria, fieldErrorRimWithin, inputSurfaceAndFocusWithinStyle } from './primitives/form-element.es.js';
|
|
9
|
+
import { TextareaControl } from './primitives/textarea-control.es.js';
|
|
7
10
|
import { c as cn } from './cn-65Adrsfj.js';
|
|
8
11
|
|
|
9
12
|
const inputGroupBaseClassName = cn(
|
|
@@ -42,13 +45,12 @@ const inputGroupClassName = cn(
|
|
|
42
45
|
fieldErrorRimWithin,
|
|
43
46
|
inputGroupRoundedTextareaClassName
|
|
44
47
|
);
|
|
45
|
-
|
|
48
|
+
function InputGroup({ className, size, ...props }) {
|
|
46
49
|
const groupSize = React.useContext(ControlSizeContext);
|
|
47
50
|
const resolved = groupSize ?? size ?? "md";
|
|
48
51
|
return /* @__PURE__ */ jsx(
|
|
49
52
|
"div",
|
|
50
53
|
{
|
|
51
|
-
ref,
|
|
52
54
|
role: "group",
|
|
53
55
|
"data-slot": "input-group",
|
|
54
56
|
"data-size": resolved,
|
|
@@ -56,8 +58,7 @@ const InputGroup = React.forwardRef(({ className, size, ...props }, ref) => {
|
|
|
56
58
|
...props
|
|
57
59
|
}
|
|
58
60
|
);
|
|
59
|
-
}
|
|
60
|
-
InputGroup.displayName = "InputGroup";
|
|
61
|
+
}
|
|
61
62
|
const inputGroupControlTextBySize = cn(
|
|
62
63
|
"group-data-[size=sm]/input-group:text-caption",
|
|
63
64
|
"group-data-[size=md]/input-group:text-body-sm",
|
|
@@ -84,97 +85,81 @@ const inputGroupAddonVariants = cva(
|
|
|
84
85
|
}
|
|
85
86
|
}
|
|
86
87
|
);
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
);
|
|
107
|
-
}
|
|
108
|
-
);
|
|
109
|
-
InputGroupAddon.displayName = "InputGroupAddon";
|
|
88
|
+
function InputGroupAddon({ className, align = "inline-start", onClick, ...props }) {
|
|
89
|
+
return /* @__PURE__ */ jsx(
|
|
90
|
+
"div",
|
|
91
|
+
{
|
|
92
|
+
role: "group",
|
|
93
|
+
"data-slot": "input-group-addon",
|
|
94
|
+
"data-align": align,
|
|
95
|
+
className: cn(inputGroupAddonVariants({ align }), className),
|
|
96
|
+
onClick: (event) => {
|
|
97
|
+
const target = event.target;
|
|
98
|
+
if (!target.closest('button, input, textarea, [role="button"]')) {
|
|
99
|
+
event.currentTarget.parentElement?.querySelector("[data-slot=input-group-control]")?.focus();
|
|
100
|
+
}
|
|
101
|
+
onClick?.(event);
|
|
102
|
+
},
|
|
103
|
+
...props
|
|
104
|
+
}
|
|
105
|
+
);
|
|
106
|
+
}
|
|
110
107
|
const inputGroupControlHeightBySize = cn(
|
|
111
108
|
"group-data-[size=sm]/input-group:h-[calc(var(--spacing-control-sm)-2px)]",
|
|
112
109
|
"group-data-[size=md]/input-group:h-[calc(var(--spacing-control-md)-2px)]",
|
|
113
110
|
"group-data-[size=lg]/input-group:h-[calc(var(--spacing-control-lg)-2px)]"
|
|
114
111
|
);
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
"
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
"focus:placeholder:opacity-70",
|
|
164
|
-
"disabled:cursor-not-allowed",
|
|
165
|
-
className
|
|
166
|
-
),
|
|
167
|
-
...props
|
|
168
|
-
}
|
|
169
|
-
);
|
|
170
|
-
}
|
|
171
|
-
);
|
|
172
|
-
InputGroupTextarea.displayName = "InputGroupTextarea";
|
|
173
|
-
const InputGroupText = React.forwardRef(({ className, ...props }, ref) => {
|
|
112
|
+
function InputGroupInput({ className, testId, error, type = "text", ...props }) {
|
|
113
|
+
return /* @__PURE__ */ jsx(
|
|
114
|
+
Input,
|
|
115
|
+
{
|
|
116
|
+
type,
|
|
117
|
+
"data-slot": "input-group-control",
|
|
118
|
+
"data-testid": testId,
|
|
119
|
+
className: cn(
|
|
120
|
+
"min-w-0 flex-1 bg-transparent px-3 text-label text-foreground outline-hidden",
|
|
121
|
+
inputGroupControlHeightBySize,
|
|
122
|
+
"placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal",
|
|
123
|
+
"focus:placeholder:opacity-70",
|
|
124
|
+
"disabled:cursor-not-allowed",
|
|
125
|
+
// WebKit and Firefox use different selectors for native number spinners.
|
|
126
|
+
"[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none",
|
|
127
|
+
"[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none",
|
|
128
|
+
"[&[type=number]]:[appearance:textfield]",
|
|
129
|
+
// type="search": drop WebKit's native clear button so it doesn't double up with a
|
|
130
|
+
// custom clear control (e.g. the scorers toolbar's InputGroupButton).
|
|
131
|
+
"[&::-webkit-search-cancel-button]:appearance-none",
|
|
132
|
+
className
|
|
133
|
+
),
|
|
134
|
+
...deprecatedErrorAria(error),
|
|
135
|
+
...props,
|
|
136
|
+
...keepOwnAccessibleName(props)
|
|
137
|
+
}
|
|
138
|
+
);
|
|
139
|
+
}
|
|
140
|
+
function InputGroupTextarea({ className, testId, error, ...props }) {
|
|
141
|
+
return /* @__PURE__ */ jsx(
|
|
142
|
+
TextareaControl,
|
|
143
|
+
{
|
|
144
|
+
"data-slot": "input-group-control",
|
|
145
|
+
"data-testid": testId,
|
|
146
|
+
className: cn(
|
|
147
|
+
"min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 text-foreground outline-hidden",
|
|
148
|
+
inputGroupControlTextBySize,
|
|
149
|
+
"placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal",
|
|
150
|
+
"focus:placeholder:opacity-70",
|
|
151
|
+
"disabled:cursor-not-allowed",
|
|
152
|
+
className
|
|
153
|
+
),
|
|
154
|
+
...deprecatedErrorAria(error),
|
|
155
|
+
...props
|
|
156
|
+
}
|
|
157
|
+
);
|
|
158
|
+
}
|
|
159
|
+
function InputGroupText({ className, ...props }) {
|
|
174
160
|
return /* @__PURE__ */ jsx(
|
|
175
161
|
"span",
|
|
176
162
|
{
|
|
177
|
-
ref,
|
|
178
163
|
className: cn(
|
|
179
164
|
"flex items-center gap-2 text-caption text-muted-foreground [&_svg]:pointer-events-none",
|
|
180
165
|
"[&_svg:not([class*='size-'])]:size-4",
|
|
@@ -183,14 +168,10 @@ const InputGroupText = React.forwardRef(({ className, ...props }, ref) => {
|
|
|
183
168
|
...props
|
|
184
169
|
}
|
|
185
170
|
);
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
return /* @__PURE__ */ jsx(Button, { ref, type, size, variant, ...props });
|
|
191
|
-
}
|
|
192
|
-
);
|
|
193
|
-
InputGroupButton.displayName = "InputGroupButton";
|
|
171
|
+
}
|
|
172
|
+
function InputGroupButton({ size = "icon-sm", variant = "ghost", type = "button", ...props }) {
|
|
173
|
+
return /* @__PURE__ */ jsx(Button, { type, size, variant, ...props });
|
|
174
|
+
}
|
|
194
175
|
|
|
195
176
|
export { InputGroup as I, InputGroupAddon as a, InputGroupButton as b, InputGroupInput as c, InputGroupText as d, InputGroupTextarea as e };
|
|
196
|
-
//# sourceMappingURL=input-group-
|
|
177
|
+
//# sourceMappingURL=input-group-wzirc-1k.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-group-wzirc-1k.js","sources":["../src/ds/components/InputGroup/input-group.tsx"],"sourcesContent":["import { Input as InputPrimitive } from '@base-ui/react/input';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { ControlSizeContext, controlHeight } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport {\n deprecatedErrorAria,\n fieldErrorRimWithin,\n inputSurfaceAndFocusWithinStyle,\n} from '@/ds/primitives/form-element';\nimport { TextareaControl } from '@/ds/primitives/textarea-control';\nimport { cn } from '@/lib/utils';\n\n// Size flows down as `data-size` on the named group root (`group/input-group`), read by the\n// control through `group-data-[size=…]` variants — no prop drilling. The one context read is\n// upward: a wrapper that owns the rung (ButtonsGroup) hands it to the field.\n\nconst inputGroupBaseClassName = cn(\n // `flex-1` (not `min-w-0`) lets the root fill a flex row while keeping its content-floor\n // so it never collapses to 0. `items-center` centres the control: it carries its own\n // h-form-* (2px taller than the root's content box), so stretch would push its text low\n // / overflow the bottom border, while centring overlaps the (transparent) borders cleanly.\n 'group/input-group relative flex w-full flex-1 items-center',\n // The wrapper owns its control's width — a bare control has no width of its own,\n // so the group is the one that decides the input fills the remaining space.\n '[&>[data-slot=input-group-control]]:min-w-0 [&>[data-slot=input-group-control]]:flex-1',\n 'text-foreground',\n 'has-[:disabled]:cursor-not-allowed has-[:disabled]:text-muted-foreground',\n // Height is on the root (border-box) so the group matches a same-size sibling control.\n // Auto height when vertical (block-* addon) or wrapping a textarea.\n 'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col',\n 'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col',\n 'has-[textarea]:h-auto',\n 'has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-0',\n 'has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-0',\n // In flex-col, flex-1 zeroes the control's height; force flex-none + w-full instead.\n 'has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:flex-none',\n 'has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:flex-none',\n);\n\nconst inputGroupRoundedTextareaClassName = cn(\n // Pill (rounded-full) only fits single-line inline shapes. Fall back to rounded-xl\n // whenever the group goes vertical (block-* addon) or wraps a textarea.\n 'has-[>[data-align=block-start]]:rounded-xl',\n 'has-[>[data-align=block-end]]:rounded-xl',\n 'has-[textarea]:rounded-xl',\n);\n\n// A group wears the field material — the same `bg-card` plus rim an Input wears — so a\n// group and a bare field beside it are one surface. Its states move the rim, and they\n// read the nested control's focus (`focus-within`) because the wrapper never takes focus\n// itself. There is no second look: a transparent `outline` group existed alongside this\n// one and only ever produced two boundary languages for the same control, which is why\n// four of its call sites had wrapped it in a hand-made `bg-card rounded-full` div to get\n// the material back.\nconst inputGroupClassName = cn(\n inputGroupBaseClassName,\n 'rounded-full',\n inputSurfaceAndFocusWithinStyle,\n fieldErrorRimWithin,\n inputGroupRoundedTextareaClassName,\n);\n\nexport type InputGroupProps = React.ComponentProps<'div'> & {\n size?: ControlSize;\n};\n\nfunction InputGroup({ className, size, ...props }: InputGroupProps) {\n // A wrapper's rung wins over the field's own: inside a ButtonsGroup the group owns the\n // height of every segment, so a field that kept its own type scale would sit at one rung\n // and read at another.\n const groupSize = React.useContext(ControlSizeContext);\n const resolved = groupSize ?? size ?? 'md';\n return (\n <div\n role=\"group\"\n data-slot=\"input-group\"\n data-size={resolved}\n className={cn(inputGroupClassName, controlHeight[resolved], className)}\n {...props}\n />\n );\n}\n\nconst inputGroupControlTextBySize = cn(\n 'group-data-[size=sm]/input-group:text-caption',\n 'group-data-[size=md]/input-group:text-body-sm',\n 'group-data-[size=lg]/input-group:text-body',\n);\n\nconst inputGroupAddonVariants = cva(\n cn(\n 'flex items-center justify-center gap-2 text-muted-foreground select-none',\n inputGroupControlTextBySize,\n 'group-has-[:disabled]/input-group:text-muted-foreground',\n \"[&>svg:not([class*='size-'])]:size-4\",\n ),\n {\n variants: {\n align: {\n 'inline-start': 'order-first pr-1 pl-3 has-[>button]:pl-1',\n 'inline-end': 'order-last pr-3 pl-1 has-[>button]:pr-1',\n 'block-start': 'order-first w-full justify-start border-b border-border px-3 pt-2 pb-1',\n 'block-end': 'order-last w-full justify-start border-t border-border px-3 pt-1 pb-2',\n },\n },\n defaultVariants: {\n align: 'inline-start',\n },\n },\n);\n\nexport type InputGroupAddonProps = React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>;\n\nfunction InputGroupAddon({ className, align = 'inline-start', onClick, ...props }: InputGroupAddonProps) {\n return (\n <div\n role=\"group\"\n data-slot=\"input-group-addon\"\n data-align={align}\n className={cn(inputGroupAddonVariants({ align }), className)}\n onClick={event => {\n // Click on non-interactive addon area focuses the control inside the group.\n // Skip when a button/input handled the click itself.\n const target = event.target as HTMLElement;\n if (!target.closest('button, input, textarea, [role=\"button\"]')) {\n event.currentTarget.parentElement\n ?.querySelector<HTMLInputElement | HTMLTextAreaElement>('[data-slot=input-group-control]')\n ?.focus();\n }\n onClick?.(event);\n }}\n {...props}\n />\n );\n}\n\n// Size flows from the parent group's `data-size` (no React context). All four sizes are\n// written out so Tailwind's scanner emits them. The control is sized to the root's\n// content box (token height minus the 1px border on each side) so it never overflows the\n// root — otherwise, in a flex-column parent, the root's content-based minimum would win\n// over its explicit height and the group would render 2px taller than a sibling control.\n// The explicit height also keeps the control from collapsing to the line-height in block\n// mode (flex-col + flex-none).\nconst inputGroupControlHeightBySize = cn(\n 'group-data-[size=sm]/input-group:h-[calc(var(--spacing-control-sm)-2px)]',\n 'group-data-[size=md]/input-group:h-[calc(var(--spacing-control-md)-2px)]',\n 'group-data-[size=lg]/input-group:h-[calc(var(--spacing-control-lg)-2px)]',\n);\n\nexport type InputGroupInputProps = Omit<React.ComponentProps<'input'>, 'size'> & {\n testId?: string;\n /** @deprecated Wrap the group in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n error?: boolean;\n};\n\nfunction InputGroupInput({ className, testId, error, type = 'text', ...props }: InputGroupInputProps) {\n return (\n <InputPrimitive\n type={type}\n data-slot=\"input-group-control\"\n data-testid={testId}\n className={cn(\n 'min-w-0 flex-1 bg-transparent px-3 text-label text-foreground outline-hidden',\n inputGroupControlHeightBySize,\n 'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n 'focus:placeholder:opacity-70',\n 'disabled:cursor-not-allowed',\n // WebKit and Firefox use different selectors for native number spinners.\n '[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none',\n '[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none',\n '[&[type=number]]:[appearance:textfield]',\n // type=\"search\": drop WebKit's native clear button so it doesn't double up with a\n // custom clear control (e.g. the scorers toolbar's InputGroupButton).\n '[&::-webkit-search-cancel-button]:appearance-none',\n className,\n )}\n {...deprecatedErrorAria(error)}\n {...props}\n {...keepOwnAccessibleName(props)}\n />\n );\n}\n\nexport type InputGroupTextareaProps = React.ComponentProps<'textarea'> & {\n testId?: string;\n /** @deprecated Wrap the group in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n error?: boolean;\n};\n\nfunction InputGroupTextarea({ className, testId, error, ...props }: InputGroupTextareaProps) {\n return (\n <TextareaControl\n data-slot=\"input-group-control\"\n data-testid={testId}\n className={cn(\n 'min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 text-foreground outline-hidden',\n inputGroupControlTextBySize,\n 'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n 'focus:placeholder:opacity-70',\n 'disabled:cursor-not-allowed',\n className,\n )}\n {...deprecatedErrorAria(error)}\n {...props}\n />\n );\n}\n\nexport type InputGroupTextProps = React.ComponentProps<'span'>;\n\nfunction InputGroupText({ className, ...props }: InputGroupTextProps) {\n return (\n <span\n className={cn(\n 'flex items-center gap-2 text-caption text-muted-foreground [&_svg]:pointer-events-none',\n \"[&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport type InputGroupButtonProps = Omit<React.ComponentProps<typeof Button>, 'size' | 'variant'> & {\n size?: ButtonProps['size'];\n variant?: ButtonProps['variant'];\n};\n\nfunction InputGroupButton({ size = 'icon-sm', variant = 'ghost', type = 'button', ...props }: InputGroupButtonProps) {\n return <Button type={type} size={size} variant={variant} {...props} />;\n}\n\nexport { InputGroup, InputGroupAddon, InputGroupInput, InputGroupTextarea, InputGroupText, InputGroupButton };\n"],"names":["InputPrimitive"],"mappings":";;;;;;;;;;;AAsBA,MAAM,uBAAA,GAA0B,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAK9B,4DAAA;AAAA;AAAA;AAAA,EAGA,wFAAA;AAAA,EACA,iBAAA;AAAA,EACA,0EAAA;AAAA;AAAA;AAAA,EAGA,iFAAA;AAAA,EACA,6EAAA;AAAA,EACA,uBAAA;AAAA,EACA,2EAAA;AAAA,EACA,yEAAA;AAAA;AAAA,EAEA,0JAAA;AAAA,EACA;AACF,CAAA;AAEA,MAAM,kCAAA,GAAqC,EAAA;AAAA;AAAA;AAAA,EAGzC,4CAAA;AAAA,EACA,0CAAA;AAAA,EACA;AACF,CAAA;AASA,MAAM,mBAAA,GAAsB,EAAA;AAAA,EAC1B,uBAAA;AAAA,EACA,cAAA;AAAA,EACA,+BAAA;AAAA,EACA,mBAAA;AAAA,EACA;AACF,CAAA;AAMA,SAAS,WAAW,EAAE,SAAA,EAAW,IAAA,EAAM,GAAG,OAAM,EAAoB;AAIlE,EAAA,MAAM,SAAA,GAAY,KAAA,CAAM,UAAA,CAAW,kBAAkB,CAAA;AACrD,EAAA,MAAM,QAAA,GAAW,aAAa,IAAA,IAAQ,IAAA;AACtC,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,OAAA;AAAA,MACL,WAAA,EAAU,aAAA;AAAA,MACV,WAAA,EAAW,QAAA;AAAA,MACX,WAAW,EAAA,CAAG,mBAAA,EAAqB,aAAA,CAAc,QAAQ,GAAG,SAAS,CAAA;AAAA,MACpE,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,MAAM,2BAAA,GAA8B,EAAA;AAAA,EAClC,+CAAA;AAAA,EACA,+CAAA;AAAA,EACA;AACF,CAAA;AAEA,MAAM,uBAAA,GAA0B,GAAA;AAAA,EAC9B,EAAA;AAAA,IACE,0EAAA;AAAA,IACA,2BAAA;AAAA,IACA,yDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,KAAA,EAAO;AAAA,QACL,cAAA,EAAgB,0CAAA;AAAA,QAChB,YAAA,EAAc,yCAAA;AAAA,QACd,aAAA,EAAe,wEAAA;AAAA,QACf,WAAA,EAAa;AAAA;AACf,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA;AAIA,SAAS,eAAA,CAAgB,EAAE,SAAA,EAAW,KAAA,GAAQ,gBAAgB,OAAA,EAAS,GAAG,OAAM,EAAyB;AACvG,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,OAAA;AAAA,MACL,WAAA,EAAU,mBAAA;AAAA,MACV,YAAA,EAAY,KAAA;AAAA,MACZ,WAAW,EAAA,CAAG,uBAAA,CAAwB,EAAE,KAAA,EAAO,GAAG,SAAS,CAAA;AAAA,MAC3D,SAAS,CAAA,KAAA,KAAS;AAGhB,QAAA,MAAM,SAAS,KAAA,CAAM,MAAA;AACrB,QAAA,IAAI,CAAC,MAAA,CAAO,OAAA,CAAQ,0CAA0C,CAAA,EAAG;AAC/D,UAAA,KAAA,CAAM,aAAA,CAAc,aAAA,EAChB,aAAA,CAAsD,iCAAiC,GACvF,KAAA,EAAM;AAAA,QACZ;AACA,QAAA,OAAA,GAAU,KAAK,CAAA;AAAA,MACjB,CAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AASA,MAAM,6BAAA,GAAgC,EAAA;AAAA,EACpC,0EAAA;AAAA,EACA,0EAAA;AAAA,EACA;AACF,CAAA;AAQA,SAAS,eAAA,CAAgB,EAAE,SAAA,EAAW,MAAA,EAAQ,OAAO,IAAA,GAAO,MAAA,EAAQ,GAAG,KAAA,EAAM,EAAyB;AACpG,EAAA,uBACE,GAAA;AAAA,IAACA,KAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,WAAA,EAAU,qBAAA;AAAA,MACV,aAAA,EAAa,MAAA;AAAA,MACb,SAAA,EAAW,EAAA;AAAA,QACT,8EAAA;AAAA,QACA,6BAAA;AAAA,QACA,8FAAA;AAAA,QACA,8BAAA;AAAA,QACA,6BAAA;AAAA;AAAA,QAEA,mFAAA;AAAA,QACA,mFAAA;AAAA,QACA,yCAAA;AAAA;AAAA;AAAA,QAGA,mDAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,oBAAoB,KAAK,CAAA;AAAA,MAC5B,GAAG,KAAA;AAAA,MACH,GAAG,sBAAsB,KAAK;AAAA;AAAA,GACjC;AAEJ;AAQA,SAAS,mBAAmB,EAAE,SAAA,EAAW,QAAQ,KAAA,EAAO,GAAG,OAAM,EAA4B;AAC3F,EAAA,uBACE,GAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACV,aAAA,EAAa,MAAA;AAAA,MACb,SAAA,EAAW,EAAA;AAAA,QACT,0FAAA;AAAA,QACA,2BAAA;AAAA,QACA,8FAAA;AAAA,QACA,8BAAA;AAAA,QACA,6BAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,oBAAoB,KAAK,CAAA;AAAA,MAC5B,GAAG;AAAA;AAAA,GACN;AAEJ;AAIA,SAAS,cAAA,CAAe,EAAE,SAAA,EAAW,GAAG,OAAM,EAAwB;AACpE,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,wFAAA;AAAA,QACA,sCAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAOA,SAAS,gBAAA,CAAiB,EAAE,IAAA,GAAO,SAAA,EAAW,OAAA,GAAU,SAAS,IAAA,GAAO,QAAA,EAAU,GAAG,KAAA,EAAM,EAA0B;AACnH,EAAA,2BAAQ,MAAA,EAAA,EAAO,IAAA,EAAY,IAAA,EAAY,OAAA,EAAmB,GAAG,KAAA,EAAO,CAAA;AACtE;;;;"}
|
|
@@ -134,6 +134,7 @@ const createKeyboardDispatcher = () => {
|
|
|
134
134
|
if (!step || !hasPrefix(steps, pending.matched) || !matchesCombo(event, step)) continue;
|
|
135
135
|
if (!accepts(layer, event)) return;
|
|
136
136
|
event.preventDefault();
|
|
137
|
+
if (event.repeat && layer.repeat === false) return;
|
|
137
138
|
if (stepIndex === steps.length - 1) {
|
|
138
139
|
reset();
|
|
139
140
|
handler();
|
|
@@ -160,6 +161,7 @@ const createKeyboardDispatcher = () => {
|
|
|
160
161
|
if (steps.length === 1 && first2 && matchesCombo(event, first2)) {
|
|
161
162
|
if (!accepts(layer, event)) return;
|
|
162
163
|
event.preventDefault();
|
|
164
|
+
if (event.repeat && layer.repeat === false) return;
|
|
163
165
|
handler();
|
|
164
166
|
return;
|
|
165
167
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"keyboard-dispatcher.cjs.js","sources":["../../src/lib/keyboard/keyboard-dispatcher.ts"],"sourcesContent":["/**\n * Map of key bindings to handlers.\n *\n * - Combos: `'cmd+k'`, `'ctrl+shift+p'`, `'mod+Home'`.\n * - Timed sequences: `'g$+a'` — press `g`, then `a` within 500ms.\n * Chain as many steps as needed (`'a$+b$+c'`); the last step has no `$`.\n * A sequence prefix takes precedence over a plain combo on the same key, and an\n * unexpected key resets the sequence before being evaluated normally.\n */\nexport type UseKeydownArgs = {\n [keySet: string]: () => void;\n};\n\nexport type ParsedKeyCombo = {\n meta: boolean;\n ctrl: boolean;\n shift: boolean;\n alt: boolean;\n key: string;\n};\n\nconst isMacPlatform = () =>\n typeof navigator !== 'undefined' && /mac/i.test(navigator.platform || navigator.userAgent || '');\n\nexport const parseKeyCombo = (combo: string): ParsedKeyCombo => {\n const parsed: ParsedKeyCombo = { meta: false, ctrl: false, shift: false, alt: false, key: '' };\n\n for (const token of combo.split('+')) {\n switch (token.toLowerCase()) {\n case 'cmd':\n case 'meta':\n parsed.meta = true;\n break;\n case 'ctrl':\n case 'control':\n parsed.ctrl = true;\n break;\n case 'shift':\n parsed.shift = true;\n break;\n case 'alt':\n case 'option':\n parsed.alt = true;\n break;\n case 'mod':\n if (isMacPlatform()) parsed.meta = true;\n else parsed.ctrl = true;\n break;\n default:\n parsed.key = token.toLowerCase();\n }\n }\n\n return parsed;\n};\n\nexport type KeyStep = ParsedKeyCombo;\n\n/** A binding is a sequence of steps; a plain combo is a sequence of length 1. */\nexport type ParsedKeyBinding = KeyStep[];\n\nconst SEQUENCE_TIMEOUT_MS = 500;\nconst SEQUENCE_TOKEN = /^(.+)\\$$/;\n\n/**\n * Parses `cmd+k` (single step) or `g$+a` (sequence: `g`, then `a` within 500ms).\n * A `key$` token closes a step; the modifiers before it belong to that step.\n */\nexport const parseKeyBinding = (binding: string): ParsedKeyBinding => {\n const steps: KeyStep[] = [];\n let tokens: string[] = [];\n\n for (const token of binding.split('+')) {\n const [, sequenceKey] = SEQUENCE_TOKEN.exec(token) ?? [];\n if (sequenceKey) {\n steps.push(parseKeyCombo([...tokens, sequenceKey].join('+')));\n tokens = [];\n } else {\n tokens.push(token);\n }\n }\n\n if (tokens.length === 0) {\n throw new Error(`Invalid key binding \"${binding}\": the last step cannot end with $`);\n }\n steps.push(parseKeyCombo(tokens.join('+')));\n\n for (const step of steps) {\n if (!step.key) throw new Error(`Invalid key binding \"${binding}\": every step needs a key`);\n }\n\n return steps;\n};\n\n/**\n * Printable symbols like `?`, `!` or `:` are typed with Shift on most layouts, and\n * `event.key` already reflects the resulting character. For those, the Shift state\n * is irrelevant unless the binding asks for it explicitly.\n */\nconst isShiftedSymbol = (key: string) => key.length === 1 && !/[a-z0-9]/i.test(key);\n\nexport const matchesCombo = (event: KeyboardEvent, combo: ParsedKeyCombo): boolean =>\n event.metaKey === combo.meta &&\n event.ctrlKey === combo.ctrl &&\n (event.shiftKey === combo.shift || (!combo.shift && isShiftedSymbol(combo.key))) &&\n event.altKey === combo.alt &&\n event.key.toLowerCase() === combo.key;\n\nconst KEYBOARD_CONSUMER_SELECTOR = [\n 'input',\n 'textarea',\n 'select',\n '[contenteditable=\"\"]',\n '[contenteditable=\"true\" i]',\n '[contenteditable=\"plaintext-only\" i]',\n '[role=\"combobox\"]',\n '[role=\"listbox\"]',\n '[role=\"menu\"]',\n '[role=\"menuitem\"]',\n '[role=\"option\"]',\n '[role=\"dialog\"]',\n '[role=\"alertdialog\"]',\n '[data-radix-popper-content-wrapper]',\n].join(', ');\n\nexport const isKeyboardConsumer = (target: EventTarget | null): boolean =>\n target instanceof Element && target.closest(KEYBOARD_CONSUMER_SELECTOR) !== null;\n\n/**\n * Keys without meta/ctrl/alt (`?`, `g`, `Escape`, arrows…) belong to the\n * focused field or widget, so they must keep typing/navigating there. Combos\n * like `mod+k` are safe to intercept from anywhere.\n */\nconst isTypingInConsumer = (event: KeyboardEvent) =>\n !event.metaKey && !event.ctrlKey && !event.altKey && isKeyboardConsumer(event.target);\n\nconst sameCombo = (a: ParsedKeyCombo, b: ParsedKeyCombo) =>\n a.key === b.key && a.meta === b.meta && a.ctrl === b.ctrl && a.shift === b.shift && a.alt === b.alt;\n\nconst hasPrefix = (steps: KeyStep[], prefix: KeyStep[]) =>\n steps.length > prefix.length && prefix.every((step, i) => steps[i] !== undefined && sameCombo(steps[i], step));\n\nconst canonicalCombo = (combo: ParsedKeyCombo) =>\n `${combo.meta ? 'meta+' : ''}${combo.ctrl ? 'ctrl+' : ''}${combo.alt ? 'alt+' : ''}${combo.shift ? 'shift+' : ''}${combo.key}`;\n\n/** Stable identity for a binding, so `cmd+k` and `meta+k` shadow each other. */\nconst canonicalBinding = (steps: KeyStep[]) => steps.map(canonicalCombo).join(' ');\n\n/**\n * A set of bindings registered by one `useKeydown` call. `depth` comes from the\n * nearest `KeyboardScope`; deeper layers shadow shallower ones binding by binding.\n */\nexport type KeyboardLayer = {\n depth: number;\n bindings: UseKeydownArgs;\n shouldHandle?: (event: KeyboardEvent) => boolean;\n};\n\ntype ResolvedBinding = {\n steps: KeyStep[];\n handler: () => void;\n layer: KeyboardLayer;\n};\n\ntype PendingSequence = {\n /** Steps already matched, as parsed combos (several bindings may share a prefix). */\n matched: KeyStep[];\n candidates: ResolvedBinding[];\n expiresAt: number;\n};\n\nexport type KeyboardDispatcher = {\n /** Registers a layer and returns its unregister function. */\n register: (layer: KeyboardLayer) => () => void;\n handleKeydown: (event: KeyboardEvent) => void;\n /** Forgets any armed sequence and clears its timer. */\n reset: () => void;\n};\n\n/**\n * Owns the layer registry and the single pending-sequence state for one event\n * target. Deeper layers win; on equal depth, the most recently registered wins.\n */\nexport const createKeyboardDispatcher = (): KeyboardDispatcher => {\n const layers = new Map<KeyboardLayer, number>();\n let nextOrder = 0;\n let pending: PendingSequence | undefined;\n let expiryTimer: ReturnType<typeof setTimeout> | undefined;\n\n const reset = () => {\n pending = undefined;\n if (expiryTimer !== undefined) {\n clearTimeout(expiryTimer);\n expiryTimer = undefined;\n }\n };\n\n const arm = (matched: KeyStep[], candidates: ResolvedBinding[], now: number) => {\n reset();\n pending = { matched, candidates, expiresAt: now + SEQUENCE_TIMEOUT_MS };\n expiryTimer = setTimeout(reset, SEQUENCE_TIMEOUT_MS);\n };\n\n const resolveBindings = (): ResolvedBinding[] => {\n const ranked = [...layers.entries()].sort(([a, orderA], [b, orderB]) =>\n b.depth !== a.depth ? b.depth - a.depth : orderB - orderA,\n );\n const resolved = new Map<string, ResolvedBinding>();\n for (const [layer] of ranked) {\n for (const [binding, handler] of Object.entries(layer.bindings)) {\n const steps = parseKeyBinding(binding);\n const key = canonicalBinding(steps);\n if (!resolved.has(key)) resolved.set(key, { steps, handler, layer });\n }\n }\n return [...resolved.values()];\n };\n\n const accepts = (layer: KeyboardLayer, event: KeyboardEvent) => !layer.shouldHandle || layer.shouldHandle(event);\n\n const handleKeydown = (event: KeyboardEvent) => {\n // IME boundary events can report 229 while isComposing is false.\n const isImeComposition = event.isComposing || event.keyCode === 229;\n if (event.defaultPrevented || isImeComposition) {\n reset();\n return;\n }\n const isAncestorShortcut = event.target !== event.currentTarget;\n if (isAncestorShortcut && isTypingInConsumer(event)) return;\n\n const bindings = resolveBindings();\n const now = Date.now();\n\n if (pending) {\n if (now < pending.expiresAt) {\n const stepIndex = pending.matched.length;\n const candidates = bindings.filter(binding =>\n pending?.candidates.some(\n candidate =>\n candidate.layer === binding.layer &&\n canonicalBinding(candidate.steps) === canonicalBinding(binding.steps),\n ),\n );\n for (const { steps, handler, layer } of candidates) {\n const step = steps[stepIndex];\n if (!step || !hasPrefix(steps, pending.matched) || !matchesCombo(event, step)) continue;\n if (!accepts(layer, event)) return;\n event.preventDefault();\n if (stepIndex === steps.length - 1) {\n reset();\n handler();\n } else {\n arm([...pending.matched, step], candidates, now);\n }\n return;\n }\n }\n // Expired or unexpected key: reset and evaluate the event normally below.\n reset();\n }\n\n // Sequence prefixes win over plain combos on the same key.\n const candidates = bindings.filter(({ steps, layer }) => {\n const [first] = steps;\n return steps.length > 1 && first && matchesCombo(event, first) && accepts(layer, event);\n });\n const first = candidates[0]?.steps[0];\n if (first) {\n event.preventDefault();\n arm([first], candidates, now);\n return;\n }\n\n for (const { steps, handler, layer } of bindings) {\n const [first] = steps;\n if (steps.length === 1 && first && matchesCombo(event, first)) {\n if (!accepts(layer, event)) return;\n event.preventDefault();\n handler();\n return;\n }\n }\n };\n\n const register = (layer: KeyboardLayer) => {\n layers.set(layer, nextOrder++);\n return () => {\n layers.delete(layer);\n if (pending) {\n pending.candidates = pending.candidates.filter(candidate => candidate.layer !== layer);\n if (pending.candidates.length === 0) reset();\n }\n };\n };\n\n return { register, handleKeydown, reset };\n};\n"],"names":["candidates","first"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"keyboard-dispatcher.cjs.js","sources":["../../src/lib/keyboard/keyboard-dispatcher.ts"],"sourcesContent":["/**\n * Map of key bindings to handlers.\n *\n * - Combos: `'cmd+k'`, `'ctrl+shift+p'`, `'mod+Home'`.\n * - Timed sequences: `'g$+a'` — press `g`, then `a` within 500ms.\n * Chain as many steps as needed (`'a$+b$+c'`); the last step has no `$`.\n * A sequence prefix takes precedence over a plain combo on the same key, and an\n * unexpected key resets the sequence before being evaluated normally.\n */\nexport type UseKeydownArgs = {\n [keySet: string]: () => void;\n};\n\nexport type ParsedKeyCombo = {\n meta: boolean;\n ctrl: boolean;\n shift: boolean;\n alt: boolean;\n key: string;\n};\n\nconst isMacPlatform = () =>\n typeof navigator !== 'undefined' && /mac/i.test(navigator.platform || navigator.userAgent || '');\n\nexport const parseKeyCombo = (combo: string): ParsedKeyCombo => {\n const parsed: ParsedKeyCombo = { meta: false, ctrl: false, shift: false, alt: false, key: '' };\n\n for (const token of combo.split('+')) {\n switch (token.toLowerCase()) {\n case 'cmd':\n case 'meta':\n parsed.meta = true;\n break;\n case 'ctrl':\n case 'control':\n parsed.ctrl = true;\n break;\n case 'shift':\n parsed.shift = true;\n break;\n case 'alt':\n case 'option':\n parsed.alt = true;\n break;\n case 'mod':\n if (isMacPlatform()) parsed.meta = true;\n else parsed.ctrl = true;\n break;\n default:\n parsed.key = token.toLowerCase();\n }\n }\n\n return parsed;\n};\n\nexport type KeyStep = ParsedKeyCombo;\n\n/** A binding is a sequence of steps; a plain combo is a sequence of length 1. */\nexport type ParsedKeyBinding = KeyStep[];\n\nconst SEQUENCE_TIMEOUT_MS = 500;\nconst SEQUENCE_TOKEN = /^(.+)\\$$/;\n\n/**\n * Parses `cmd+k` (single step) or `g$+a` (sequence: `g`, then `a` within 500ms).\n * A `key$` token closes a step; the modifiers before it belong to that step.\n */\nexport const parseKeyBinding = (binding: string): ParsedKeyBinding => {\n const steps: KeyStep[] = [];\n let tokens: string[] = [];\n\n for (const token of binding.split('+')) {\n const [, sequenceKey] = SEQUENCE_TOKEN.exec(token) ?? [];\n if (sequenceKey) {\n steps.push(parseKeyCombo([...tokens, sequenceKey].join('+')));\n tokens = [];\n } else {\n tokens.push(token);\n }\n }\n\n if (tokens.length === 0) {\n throw new Error(`Invalid key binding \"${binding}\": the last step cannot end with $`);\n }\n steps.push(parseKeyCombo(tokens.join('+')));\n\n for (const step of steps) {\n if (!step.key) throw new Error(`Invalid key binding \"${binding}\": every step needs a key`);\n }\n\n return steps;\n};\n\n/**\n * Printable symbols like `?`, `!` or `:` are typed with Shift on most layouts, and\n * `event.key` already reflects the resulting character. For those, the Shift state\n * is irrelevant unless the binding asks for it explicitly.\n */\nconst isShiftedSymbol = (key: string) => key.length === 1 && !/[a-z0-9]/i.test(key);\n\nexport const matchesCombo = (event: KeyboardEvent, combo: ParsedKeyCombo): boolean =>\n event.metaKey === combo.meta &&\n event.ctrlKey === combo.ctrl &&\n (event.shiftKey === combo.shift || (!combo.shift && isShiftedSymbol(combo.key))) &&\n event.altKey === combo.alt &&\n event.key.toLowerCase() === combo.key;\n\nconst KEYBOARD_CONSUMER_SELECTOR = [\n 'input',\n 'textarea',\n 'select',\n '[contenteditable=\"\"]',\n '[contenteditable=\"true\" i]',\n '[contenteditable=\"plaintext-only\" i]',\n '[role=\"combobox\"]',\n '[role=\"listbox\"]',\n '[role=\"menu\"]',\n '[role=\"menuitem\"]',\n '[role=\"option\"]',\n '[role=\"dialog\"]',\n '[role=\"alertdialog\"]',\n '[data-radix-popper-content-wrapper]',\n].join(', ');\n\nexport const isKeyboardConsumer = (target: EventTarget | null): boolean =>\n target instanceof Element && target.closest(KEYBOARD_CONSUMER_SELECTOR) !== null;\n\n/**\n * Keys without meta/ctrl/alt (`?`, `g`, `Escape`, arrows…) belong to the\n * focused field or widget, so they must keep typing/navigating there. Combos\n * like `mod+k` are safe to intercept from anywhere.\n */\nconst isTypingInConsumer = (event: KeyboardEvent) =>\n !event.metaKey && !event.ctrlKey && !event.altKey && isKeyboardConsumer(event.target);\n\nconst sameCombo = (a: ParsedKeyCombo, b: ParsedKeyCombo) =>\n a.key === b.key && a.meta === b.meta && a.ctrl === b.ctrl && a.shift === b.shift && a.alt === b.alt;\n\nconst hasPrefix = (steps: KeyStep[], prefix: KeyStep[]) =>\n steps.length > prefix.length && prefix.every((step, i) => steps[i] !== undefined && sameCombo(steps[i], step));\n\nconst canonicalCombo = (combo: ParsedKeyCombo) =>\n `${combo.meta ? 'meta+' : ''}${combo.ctrl ? 'ctrl+' : ''}${combo.alt ? 'alt+' : ''}${combo.shift ? 'shift+' : ''}${combo.key}`;\n\n/** Stable identity for a binding, so `cmd+k` and `meta+k` shadow each other. */\nconst canonicalBinding = (steps: KeyStep[]) => steps.map(canonicalCombo).join(' ');\n\n/**\n * A set of bindings registered by one `useKeydown` call. `depth` comes from the\n * nearest `KeyboardScope`; deeper layers shadow shallower ones binding by binding.\n */\nexport type KeyboardLayer = {\n depth: number;\n bindings: UseKeydownArgs;\n shouldHandle?: (event: KeyboardEvent) => boolean;\n /** When `false`, auto-repeated keydowns from a held key don't fire handlers. */\n repeat?: boolean;\n};\n\ntype ResolvedBinding = {\n steps: KeyStep[];\n handler: () => void;\n layer: KeyboardLayer;\n};\n\ntype PendingSequence = {\n /** Steps already matched, as parsed combos (several bindings may share a prefix). */\n matched: KeyStep[];\n candidates: ResolvedBinding[];\n expiresAt: number;\n};\n\nexport type KeyboardDispatcher = {\n /** Registers a layer and returns its unregister function. */\n register: (layer: KeyboardLayer) => () => void;\n handleKeydown: (event: KeyboardEvent) => void;\n /** Forgets any armed sequence and clears its timer. */\n reset: () => void;\n};\n\n/**\n * Owns the layer registry and the single pending-sequence state for one event\n * target. Deeper layers win; on equal depth, the most recently registered wins.\n */\nexport const createKeyboardDispatcher = (): KeyboardDispatcher => {\n const layers = new Map<KeyboardLayer, number>();\n let nextOrder = 0;\n let pending: PendingSequence | undefined;\n let expiryTimer: ReturnType<typeof setTimeout> | undefined;\n\n const reset = () => {\n pending = undefined;\n if (expiryTimer !== undefined) {\n clearTimeout(expiryTimer);\n expiryTimer = undefined;\n }\n };\n\n const arm = (matched: KeyStep[], candidates: ResolvedBinding[], now: number) => {\n reset();\n pending = { matched, candidates, expiresAt: now + SEQUENCE_TIMEOUT_MS };\n expiryTimer = setTimeout(reset, SEQUENCE_TIMEOUT_MS);\n };\n\n const resolveBindings = (): ResolvedBinding[] => {\n const ranked = [...layers.entries()].sort(([a, orderA], [b, orderB]) =>\n b.depth !== a.depth ? b.depth - a.depth : orderB - orderA,\n );\n const resolved = new Map<string, ResolvedBinding>();\n for (const [layer] of ranked) {\n for (const [binding, handler] of Object.entries(layer.bindings)) {\n const steps = parseKeyBinding(binding);\n const key = canonicalBinding(steps);\n if (!resolved.has(key)) resolved.set(key, { steps, handler, layer });\n }\n }\n return [...resolved.values()];\n };\n\n const accepts = (layer: KeyboardLayer, event: KeyboardEvent) => !layer.shouldHandle || layer.shouldHandle(event);\n\n const handleKeydown = (event: KeyboardEvent) => {\n // IME boundary events can report 229 while isComposing is false.\n const isImeComposition = event.isComposing || event.keyCode === 229;\n if (event.defaultPrevented || isImeComposition) {\n reset();\n return;\n }\n const isAncestorShortcut = event.target !== event.currentTarget;\n if (isAncestorShortcut && isTypingInConsumer(event)) return;\n\n const bindings = resolveBindings();\n const now = Date.now();\n\n if (pending) {\n if (now < pending.expiresAt) {\n const stepIndex = pending.matched.length;\n const candidates = bindings.filter(binding =>\n pending?.candidates.some(\n candidate =>\n candidate.layer === binding.layer &&\n canonicalBinding(candidate.steps) === canonicalBinding(binding.steps),\n ),\n );\n for (const { steps, handler, layer } of candidates) {\n const step = steps[stepIndex];\n if (!step || !hasPrefix(steps, pending.matched) || !matchesCombo(event, step)) continue;\n if (!accepts(layer, event)) return;\n event.preventDefault();\n // A held key neither advances nor completes a `repeat: false` sequence.\n if (event.repeat && layer.repeat === false) return;\n if (stepIndex === steps.length - 1) {\n reset();\n handler();\n } else {\n arm([...pending.matched, step], candidates, now);\n }\n return;\n }\n }\n // Expired or unexpected key: reset and evaluate the event normally below.\n reset();\n }\n\n // Sequence prefixes win over plain combos on the same key.\n const candidates = bindings.filter(({ steps, layer }) => {\n const [first] = steps;\n return steps.length > 1 && first && matchesCombo(event, first) && accepts(layer, event);\n });\n const first = candidates[0]?.steps[0];\n if (first) {\n event.preventDefault();\n arm([first], candidates, now);\n return;\n }\n\n for (const { steps, handler, layer } of bindings) {\n const [first] = steps;\n if (steps.length === 1 && first && matchesCombo(event, first)) {\n if (!accepts(layer, event)) return;\n event.preventDefault();\n if (event.repeat && layer.repeat === false) return;\n handler();\n return;\n }\n }\n };\n\n const register = (layer: KeyboardLayer) => {\n layers.set(layer, nextOrder++);\n return () => {\n layers.delete(layer);\n if (pending) {\n pending.candidates = pending.candidates.filter(candidate => candidate.layer !== layer);\n if (pending.candidates.length === 0) reset();\n }\n };\n };\n\n return { register, handleKeydown, reset };\n};\n"],"names":["candidates","first"],"mappings":"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"}
|
|
@@ -130,6 +130,7 @@ const createKeyboardDispatcher = () => {
|
|
|
130
130
|
if (!step || !hasPrefix(steps, pending.matched) || !matchesCombo(event, step)) continue;
|
|
131
131
|
if (!accepts(layer, event)) return;
|
|
132
132
|
event.preventDefault();
|
|
133
|
+
if (event.repeat && layer.repeat === false) return;
|
|
133
134
|
if (stepIndex === steps.length - 1) {
|
|
134
135
|
reset();
|
|
135
136
|
handler();
|
|
@@ -156,6 +157,7 @@ const createKeyboardDispatcher = () => {
|
|
|
156
157
|
if (steps.length === 1 && first2 && matchesCombo(event, first2)) {
|
|
157
158
|
if (!accepts(layer, event)) return;
|
|
158
159
|
event.preventDefault();
|
|
160
|
+
if (event.repeat && layer.repeat === false) return;
|
|
159
161
|
handler();
|
|
160
162
|
return;
|
|
161
163
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"keyboard-dispatcher.es.js","sources":["../../src/lib/keyboard/keyboard-dispatcher.ts"],"sourcesContent":["/**\n * Map of key bindings to handlers.\n *\n * - Combos: `'cmd+k'`, `'ctrl+shift+p'`, `'mod+Home'`.\n * - Timed sequences: `'g$+a'` — press `g`, then `a` within 500ms.\n * Chain as many steps as needed (`'a$+b$+c'`); the last step has no `$`.\n * A sequence prefix takes precedence over a plain combo on the same key, and an\n * unexpected key resets the sequence before being evaluated normally.\n */\nexport type UseKeydownArgs = {\n [keySet: string]: () => void;\n};\n\nexport type ParsedKeyCombo = {\n meta: boolean;\n ctrl: boolean;\n shift: boolean;\n alt: boolean;\n key: string;\n};\n\nconst isMacPlatform = () =>\n typeof navigator !== 'undefined' && /mac/i.test(navigator.platform || navigator.userAgent || '');\n\nexport const parseKeyCombo = (combo: string): ParsedKeyCombo => {\n const parsed: ParsedKeyCombo = { meta: false, ctrl: false, shift: false, alt: false, key: '' };\n\n for (const token of combo.split('+')) {\n switch (token.toLowerCase()) {\n case 'cmd':\n case 'meta':\n parsed.meta = true;\n break;\n case 'ctrl':\n case 'control':\n parsed.ctrl = true;\n break;\n case 'shift':\n parsed.shift = true;\n break;\n case 'alt':\n case 'option':\n parsed.alt = true;\n break;\n case 'mod':\n if (isMacPlatform()) parsed.meta = true;\n else parsed.ctrl = true;\n break;\n default:\n parsed.key = token.toLowerCase();\n }\n }\n\n return parsed;\n};\n\nexport type KeyStep = ParsedKeyCombo;\n\n/** A binding is a sequence of steps; a plain combo is a sequence of length 1. */\nexport type ParsedKeyBinding = KeyStep[];\n\nconst SEQUENCE_TIMEOUT_MS = 500;\nconst SEQUENCE_TOKEN = /^(.+)\\$$/;\n\n/**\n * Parses `cmd+k` (single step) or `g$+a` (sequence: `g`, then `a` within 500ms).\n * A `key$` token closes a step; the modifiers before it belong to that step.\n */\nexport const parseKeyBinding = (binding: string): ParsedKeyBinding => {\n const steps: KeyStep[] = [];\n let tokens: string[] = [];\n\n for (const token of binding.split('+')) {\n const [, sequenceKey] = SEQUENCE_TOKEN.exec(token) ?? [];\n if (sequenceKey) {\n steps.push(parseKeyCombo([...tokens, sequenceKey].join('+')));\n tokens = [];\n } else {\n tokens.push(token);\n }\n }\n\n if (tokens.length === 0) {\n throw new Error(`Invalid key binding \"${binding}\": the last step cannot end with $`);\n }\n steps.push(parseKeyCombo(tokens.join('+')));\n\n for (const step of steps) {\n if (!step.key) throw new Error(`Invalid key binding \"${binding}\": every step needs a key`);\n }\n\n return steps;\n};\n\n/**\n * Printable symbols like `?`, `!` or `:` are typed with Shift on most layouts, and\n * `event.key` already reflects the resulting character. For those, the Shift state\n * is irrelevant unless the binding asks for it explicitly.\n */\nconst isShiftedSymbol = (key: string) => key.length === 1 && !/[a-z0-9]/i.test(key);\n\nexport const matchesCombo = (event: KeyboardEvent, combo: ParsedKeyCombo): boolean =>\n event.metaKey === combo.meta &&\n event.ctrlKey === combo.ctrl &&\n (event.shiftKey === combo.shift || (!combo.shift && isShiftedSymbol(combo.key))) &&\n event.altKey === combo.alt &&\n event.key.toLowerCase() === combo.key;\n\nconst KEYBOARD_CONSUMER_SELECTOR = [\n 'input',\n 'textarea',\n 'select',\n '[contenteditable=\"\"]',\n '[contenteditable=\"true\" i]',\n '[contenteditable=\"plaintext-only\" i]',\n '[role=\"combobox\"]',\n '[role=\"listbox\"]',\n '[role=\"menu\"]',\n '[role=\"menuitem\"]',\n '[role=\"option\"]',\n '[role=\"dialog\"]',\n '[role=\"alertdialog\"]',\n '[data-radix-popper-content-wrapper]',\n].join(', ');\n\nexport const isKeyboardConsumer = (target: EventTarget | null): boolean =>\n target instanceof Element && target.closest(KEYBOARD_CONSUMER_SELECTOR) !== null;\n\n/**\n * Keys without meta/ctrl/alt (`?`, `g`, `Escape`, arrows…) belong to the\n * focused field or widget, so they must keep typing/navigating there. Combos\n * like `mod+k` are safe to intercept from anywhere.\n */\nconst isTypingInConsumer = (event: KeyboardEvent) =>\n !event.metaKey && !event.ctrlKey && !event.altKey && isKeyboardConsumer(event.target);\n\nconst sameCombo = (a: ParsedKeyCombo, b: ParsedKeyCombo) =>\n a.key === b.key && a.meta === b.meta && a.ctrl === b.ctrl && a.shift === b.shift && a.alt === b.alt;\n\nconst hasPrefix = (steps: KeyStep[], prefix: KeyStep[]) =>\n steps.length > prefix.length && prefix.every((step, i) => steps[i] !== undefined && sameCombo(steps[i], step));\n\nconst canonicalCombo = (combo: ParsedKeyCombo) =>\n `${combo.meta ? 'meta+' : ''}${combo.ctrl ? 'ctrl+' : ''}${combo.alt ? 'alt+' : ''}${combo.shift ? 'shift+' : ''}${combo.key}`;\n\n/** Stable identity for a binding, so `cmd+k` and `meta+k` shadow each other. */\nconst canonicalBinding = (steps: KeyStep[]) => steps.map(canonicalCombo).join(' ');\n\n/**\n * A set of bindings registered by one `useKeydown` call. `depth` comes from the\n * nearest `KeyboardScope`; deeper layers shadow shallower ones binding by binding.\n */\nexport type KeyboardLayer = {\n depth: number;\n bindings: UseKeydownArgs;\n shouldHandle?: (event: KeyboardEvent) => boolean;\n};\n\ntype ResolvedBinding = {\n steps: KeyStep[];\n handler: () => void;\n layer: KeyboardLayer;\n};\n\ntype PendingSequence = {\n /** Steps already matched, as parsed combos (several bindings may share a prefix). */\n matched: KeyStep[];\n candidates: ResolvedBinding[];\n expiresAt: number;\n};\n\nexport type KeyboardDispatcher = {\n /** Registers a layer and returns its unregister function. */\n register: (layer: KeyboardLayer) => () => void;\n handleKeydown: (event: KeyboardEvent) => void;\n /** Forgets any armed sequence and clears its timer. */\n reset: () => void;\n};\n\n/**\n * Owns the layer registry and the single pending-sequence state for one event\n * target. Deeper layers win; on equal depth, the most recently registered wins.\n */\nexport const createKeyboardDispatcher = (): KeyboardDispatcher => {\n const layers = new Map<KeyboardLayer, number>();\n let nextOrder = 0;\n let pending: PendingSequence | undefined;\n let expiryTimer: ReturnType<typeof setTimeout> | undefined;\n\n const reset = () => {\n pending = undefined;\n if (expiryTimer !== undefined) {\n clearTimeout(expiryTimer);\n expiryTimer = undefined;\n }\n };\n\n const arm = (matched: KeyStep[], candidates: ResolvedBinding[], now: number) => {\n reset();\n pending = { matched, candidates, expiresAt: now + SEQUENCE_TIMEOUT_MS };\n expiryTimer = setTimeout(reset, SEQUENCE_TIMEOUT_MS);\n };\n\n const resolveBindings = (): ResolvedBinding[] => {\n const ranked = [...layers.entries()].sort(([a, orderA], [b, orderB]) =>\n b.depth !== a.depth ? b.depth - a.depth : orderB - orderA,\n );\n const resolved = new Map<string, ResolvedBinding>();\n for (const [layer] of ranked) {\n for (const [binding, handler] of Object.entries(layer.bindings)) {\n const steps = parseKeyBinding(binding);\n const key = canonicalBinding(steps);\n if (!resolved.has(key)) resolved.set(key, { steps, handler, layer });\n }\n }\n return [...resolved.values()];\n };\n\n const accepts = (layer: KeyboardLayer, event: KeyboardEvent) => !layer.shouldHandle || layer.shouldHandle(event);\n\n const handleKeydown = (event: KeyboardEvent) => {\n // IME boundary events can report 229 while isComposing is false.\n const isImeComposition = event.isComposing || event.keyCode === 229;\n if (event.defaultPrevented || isImeComposition) {\n reset();\n return;\n }\n const isAncestorShortcut = event.target !== event.currentTarget;\n if (isAncestorShortcut && isTypingInConsumer(event)) return;\n\n const bindings = resolveBindings();\n const now = Date.now();\n\n if (pending) {\n if (now < pending.expiresAt) {\n const stepIndex = pending.matched.length;\n const candidates = bindings.filter(binding =>\n pending?.candidates.some(\n candidate =>\n candidate.layer === binding.layer &&\n canonicalBinding(candidate.steps) === canonicalBinding(binding.steps),\n ),\n );\n for (const { steps, handler, layer } of candidates) {\n const step = steps[stepIndex];\n if (!step || !hasPrefix(steps, pending.matched) || !matchesCombo(event, step)) continue;\n if (!accepts(layer, event)) return;\n event.preventDefault();\n if (stepIndex === steps.length - 1) {\n reset();\n handler();\n } else {\n arm([...pending.matched, step], candidates, now);\n }\n return;\n }\n }\n // Expired or unexpected key: reset and evaluate the event normally below.\n reset();\n }\n\n // Sequence prefixes win over plain combos on the same key.\n const candidates = bindings.filter(({ steps, layer }) => {\n const [first] = steps;\n return steps.length > 1 && first && matchesCombo(event, first) && accepts(layer, event);\n });\n const first = candidates[0]?.steps[0];\n if (first) {\n event.preventDefault();\n arm([first], candidates, now);\n return;\n }\n\n for (const { steps, handler, layer } of bindings) {\n const [first] = steps;\n if (steps.length === 1 && first && matchesCombo(event, first)) {\n if (!accepts(layer, event)) return;\n event.preventDefault();\n handler();\n return;\n }\n }\n };\n\n const register = (layer: KeyboardLayer) => {\n layers.set(layer, nextOrder++);\n return () => {\n layers.delete(layer);\n if (pending) {\n pending.candidates = pending.candidates.filter(candidate => candidate.layer !== layer);\n if (pending.candidates.length === 0) reset();\n }\n };\n };\n\n return { register, handleKeydown, reset };\n};\n"],"names":["candidates","first"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"keyboard-dispatcher.es.js","sources":["../../src/lib/keyboard/keyboard-dispatcher.ts"],"sourcesContent":["/**\n * Map of key bindings to handlers.\n *\n * - Combos: `'cmd+k'`, `'ctrl+shift+p'`, `'mod+Home'`.\n * - Timed sequences: `'g$+a'` — press `g`, then `a` within 500ms.\n * Chain as many steps as needed (`'a$+b$+c'`); the last step has no `$`.\n * A sequence prefix takes precedence over a plain combo on the same key, and an\n * unexpected key resets the sequence before being evaluated normally.\n */\nexport type UseKeydownArgs = {\n [keySet: string]: () => void;\n};\n\nexport type ParsedKeyCombo = {\n meta: boolean;\n ctrl: boolean;\n shift: boolean;\n alt: boolean;\n key: string;\n};\n\nconst isMacPlatform = () =>\n typeof navigator !== 'undefined' && /mac/i.test(navigator.platform || navigator.userAgent || '');\n\nexport const parseKeyCombo = (combo: string): ParsedKeyCombo => {\n const parsed: ParsedKeyCombo = { meta: false, ctrl: false, shift: false, alt: false, key: '' };\n\n for (const token of combo.split('+')) {\n switch (token.toLowerCase()) {\n case 'cmd':\n case 'meta':\n parsed.meta = true;\n break;\n case 'ctrl':\n case 'control':\n parsed.ctrl = true;\n break;\n case 'shift':\n parsed.shift = true;\n break;\n case 'alt':\n case 'option':\n parsed.alt = true;\n break;\n case 'mod':\n if (isMacPlatform()) parsed.meta = true;\n else parsed.ctrl = true;\n break;\n default:\n parsed.key = token.toLowerCase();\n }\n }\n\n return parsed;\n};\n\nexport type KeyStep = ParsedKeyCombo;\n\n/** A binding is a sequence of steps; a plain combo is a sequence of length 1. */\nexport type ParsedKeyBinding = KeyStep[];\n\nconst SEQUENCE_TIMEOUT_MS = 500;\nconst SEQUENCE_TOKEN = /^(.+)\\$$/;\n\n/**\n * Parses `cmd+k` (single step) or `g$+a` (sequence: `g`, then `a` within 500ms).\n * A `key$` token closes a step; the modifiers before it belong to that step.\n */\nexport const parseKeyBinding = (binding: string): ParsedKeyBinding => {\n const steps: KeyStep[] = [];\n let tokens: string[] = [];\n\n for (const token of binding.split('+')) {\n const [, sequenceKey] = SEQUENCE_TOKEN.exec(token) ?? [];\n if (sequenceKey) {\n steps.push(parseKeyCombo([...tokens, sequenceKey].join('+')));\n tokens = [];\n } else {\n tokens.push(token);\n }\n }\n\n if (tokens.length === 0) {\n throw new Error(`Invalid key binding \"${binding}\": the last step cannot end with $`);\n }\n steps.push(parseKeyCombo(tokens.join('+')));\n\n for (const step of steps) {\n if (!step.key) throw new Error(`Invalid key binding \"${binding}\": every step needs a key`);\n }\n\n return steps;\n};\n\n/**\n * Printable symbols like `?`, `!` or `:` are typed with Shift on most layouts, and\n * `event.key` already reflects the resulting character. For those, the Shift state\n * is irrelevant unless the binding asks for it explicitly.\n */\nconst isShiftedSymbol = (key: string) => key.length === 1 && !/[a-z0-9]/i.test(key);\n\nexport const matchesCombo = (event: KeyboardEvent, combo: ParsedKeyCombo): boolean =>\n event.metaKey === combo.meta &&\n event.ctrlKey === combo.ctrl &&\n (event.shiftKey === combo.shift || (!combo.shift && isShiftedSymbol(combo.key))) &&\n event.altKey === combo.alt &&\n event.key.toLowerCase() === combo.key;\n\nconst KEYBOARD_CONSUMER_SELECTOR = [\n 'input',\n 'textarea',\n 'select',\n '[contenteditable=\"\"]',\n '[contenteditable=\"true\" i]',\n '[contenteditable=\"plaintext-only\" i]',\n '[role=\"combobox\"]',\n '[role=\"listbox\"]',\n '[role=\"menu\"]',\n '[role=\"menuitem\"]',\n '[role=\"option\"]',\n '[role=\"dialog\"]',\n '[role=\"alertdialog\"]',\n '[data-radix-popper-content-wrapper]',\n].join(', ');\n\nexport const isKeyboardConsumer = (target: EventTarget | null): boolean =>\n target instanceof Element && target.closest(KEYBOARD_CONSUMER_SELECTOR) !== null;\n\n/**\n * Keys without meta/ctrl/alt (`?`, `g`, `Escape`, arrows…) belong to the\n * focused field or widget, so they must keep typing/navigating there. Combos\n * like `mod+k` are safe to intercept from anywhere.\n */\nconst isTypingInConsumer = (event: KeyboardEvent) =>\n !event.metaKey && !event.ctrlKey && !event.altKey && isKeyboardConsumer(event.target);\n\nconst sameCombo = (a: ParsedKeyCombo, b: ParsedKeyCombo) =>\n a.key === b.key && a.meta === b.meta && a.ctrl === b.ctrl && a.shift === b.shift && a.alt === b.alt;\n\nconst hasPrefix = (steps: KeyStep[], prefix: KeyStep[]) =>\n steps.length > prefix.length && prefix.every((step, i) => steps[i] !== undefined && sameCombo(steps[i], step));\n\nconst canonicalCombo = (combo: ParsedKeyCombo) =>\n `${combo.meta ? 'meta+' : ''}${combo.ctrl ? 'ctrl+' : ''}${combo.alt ? 'alt+' : ''}${combo.shift ? 'shift+' : ''}${combo.key}`;\n\n/** Stable identity for a binding, so `cmd+k` and `meta+k` shadow each other. */\nconst canonicalBinding = (steps: KeyStep[]) => steps.map(canonicalCombo).join(' ');\n\n/**\n * A set of bindings registered by one `useKeydown` call. `depth` comes from the\n * nearest `KeyboardScope`; deeper layers shadow shallower ones binding by binding.\n */\nexport type KeyboardLayer = {\n depth: number;\n bindings: UseKeydownArgs;\n shouldHandle?: (event: KeyboardEvent) => boolean;\n /** When `false`, auto-repeated keydowns from a held key don't fire handlers. */\n repeat?: boolean;\n};\n\ntype ResolvedBinding = {\n steps: KeyStep[];\n handler: () => void;\n layer: KeyboardLayer;\n};\n\ntype PendingSequence = {\n /** Steps already matched, as parsed combos (several bindings may share a prefix). */\n matched: KeyStep[];\n candidates: ResolvedBinding[];\n expiresAt: number;\n};\n\nexport type KeyboardDispatcher = {\n /** Registers a layer and returns its unregister function. */\n register: (layer: KeyboardLayer) => () => void;\n handleKeydown: (event: KeyboardEvent) => void;\n /** Forgets any armed sequence and clears its timer. */\n reset: () => void;\n};\n\n/**\n * Owns the layer registry and the single pending-sequence state for one event\n * target. Deeper layers win; on equal depth, the most recently registered wins.\n */\nexport const createKeyboardDispatcher = (): KeyboardDispatcher => {\n const layers = new Map<KeyboardLayer, number>();\n let nextOrder = 0;\n let pending: PendingSequence | undefined;\n let expiryTimer: ReturnType<typeof setTimeout> | undefined;\n\n const reset = () => {\n pending = undefined;\n if (expiryTimer !== undefined) {\n clearTimeout(expiryTimer);\n expiryTimer = undefined;\n }\n };\n\n const arm = (matched: KeyStep[], candidates: ResolvedBinding[], now: number) => {\n reset();\n pending = { matched, candidates, expiresAt: now + SEQUENCE_TIMEOUT_MS };\n expiryTimer = setTimeout(reset, SEQUENCE_TIMEOUT_MS);\n };\n\n const resolveBindings = (): ResolvedBinding[] => {\n const ranked = [...layers.entries()].sort(([a, orderA], [b, orderB]) =>\n b.depth !== a.depth ? b.depth - a.depth : orderB - orderA,\n );\n const resolved = new Map<string, ResolvedBinding>();\n for (const [layer] of ranked) {\n for (const [binding, handler] of Object.entries(layer.bindings)) {\n const steps = parseKeyBinding(binding);\n const key = canonicalBinding(steps);\n if (!resolved.has(key)) resolved.set(key, { steps, handler, layer });\n }\n }\n return [...resolved.values()];\n };\n\n const accepts = (layer: KeyboardLayer, event: KeyboardEvent) => !layer.shouldHandle || layer.shouldHandle(event);\n\n const handleKeydown = (event: KeyboardEvent) => {\n // IME boundary events can report 229 while isComposing is false.\n const isImeComposition = event.isComposing || event.keyCode === 229;\n if (event.defaultPrevented || isImeComposition) {\n reset();\n return;\n }\n const isAncestorShortcut = event.target !== event.currentTarget;\n if (isAncestorShortcut && isTypingInConsumer(event)) return;\n\n const bindings = resolveBindings();\n const now = Date.now();\n\n if (pending) {\n if (now < pending.expiresAt) {\n const stepIndex = pending.matched.length;\n const candidates = bindings.filter(binding =>\n pending?.candidates.some(\n candidate =>\n candidate.layer === binding.layer &&\n canonicalBinding(candidate.steps) === canonicalBinding(binding.steps),\n ),\n );\n for (const { steps, handler, layer } of candidates) {\n const step = steps[stepIndex];\n if (!step || !hasPrefix(steps, pending.matched) || !matchesCombo(event, step)) continue;\n if (!accepts(layer, event)) return;\n event.preventDefault();\n // A held key neither advances nor completes a `repeat: false` sequence.\n if (event.repeat && layer.repeat === false) return;\n if (stepIndex === steps.length - 1) {\n reset();\n handler();\n } else {\n arm([...pending.matched, step], candidates, now);\n }\n return;\n }\n }\n // Expired or unexpected key: reset and evaluate the event normally below.\n reset();\n }\n\n // Sequence prefixes win over plain combos on the same key.\n const candidates = bindings.filter(({ steps, layer }) => {\n const [first] = steps;\n return steps.length > 1 && first && matchesCombo(event, first) && accepts(layer, event);\n });\n const first = candidates[0]?.steps[0];\n if (first) {\n event.preventDefault();\n arm([first], candidates, now);\n return;\n }\n\n for (const { steps, handler, layer } of bindings) {\n const [first] = steps;\n if (steps.length === 1 && first && matchesCombo(event, first)) {\n if (!accepts(layer, event)) return;\n event.preventDefault();\n if (event.repeat && layer.repeat === false) return;\n handler();\n return;\n }\n }\n };\n\n const register = (layer: KeyboardLayer) => {\n layers.set(layer, nextOrder++);\n return () => {\n layers.delete(layer);\n if (pending) {\n pending.candidates = pending.candidates.filter(candidate => candidate.layer !== layer);\n if (pending.candidates.length === 0) reset();\n }\n };\n };\n\n return { register, handleKeydown, reset };\n};\n"],"names":["candidates","first"],"mappings":"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"}
|
|
@@ -10,9 +10,15 @@ const useKeydown = (opts, options = {}) => {
|
|
|
10
10
|
const { enabled = true, target } = options;
|
|
11
11
|
const shortcuts = keyboard_keyboardShortcutsContext.useKeyboardShortcutsContext();
|
|
12
12
|
const depth = keyboard_keyboardShortcutsContext.useKeyboardScopeDepth();
|
|
13
|
-
const layerRef = React.useRef({
|
|
13
|
+
const layerRef = React.useRef({
|
|
14
|
+
depth,
|
|
15
|
+
bindings: opts,
|
|
16
|
+
shouldHandle: options.shouldHandle,
|
|
17
|
+
repeat: options.repeat
|
|
18
|
+
});
|
|
14
19
|
layerRef.current.bindings = opts;
|
|
15
20
|
layerRef.current.shouldHandle = options.shouldHandle;
|
|
21
|
+
layerRef.current.repeat = options.repeat;
|
|
16
22
|
layerRef.current.depth = depth;
|
|
17
23
|
const shared = !target && shortcuts.status === "ready" ? shortcuts.dispatcher : void 0;
|
|
18
24
|
React.useEffect(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-keydown.cjs.js","sources":["../../src/lib/keyboard/use-keydown.ts"],"sourcesContent":["import { useEffect, useRef, useState, type RefObject } from 'react';\n\nimport {\n createKeyboardDispatcher,\n isKeyboardConsumer,\n matchesCombo,\n parseKeyCombo,\n type KeyboardLayer,\n type ParsedKeyCombo,\n type UseKeydownArgs,\n} from './keyboard-dispatcher';\nimport { useKeyboardScopeDepth, useKeyboardShortcutsContext } from './keyboard-shortcuts-context';\n\nexport { parseKeyCombo, parseKeyBinding, matchesCombo } from './keyboard-dispatcher';\nexport type { UseKeydownArgs, KeyStep, ParsedKeyBinding } from './keyboard-dispatcher';\n\nexport type UseKeydownOptions = {\n /** Attach the listener to this element instead of `window`. */\n target?: RefObject<HTMLElement | null>;\n /** When `false`, no listener is attached. Defaults to `true`. */\n enabled?: boolean;\n /**\n * Called before any combo is matched. Return `false` to leave the event\n * untouched (no `preventDefault`, no handler). Runs on top of the built-in\n * rule that leaves unmodified keys to editable fields and keyboard widgets,\n * unless the listener targets that field directly.\n */\n shouldHandle?: (event: KeyboardEvent) => boolean;\n};\n\n/**\n * Binds keyboard shortcuts (see `UseKeydownArgs` for the syntax).\n *\n * Inside a `KeyboardShortcutsProvider`, bindings join a shared registry: the\n * nearest `KeyboardScope` decides which declaration wins when several bind the\n * same keys, and bindings are dropped as soon as the component unmounts.\n * Without a provider, or with a `target`, the hook listens on its own and no\n * shadowing takes place.\n */\nexport const useKeydown = (opts: UseKeydownArgs, options: UseKeydownOptions = {}) => {\n const { enabled = true, target } = options;\n const shortcuts = useKeyboardShortcutsContext();\n const depth = useKeyboardScopeDepth();\n\n // Kept fresh on every render so the dispatcher always calls the latest handlers.\n const layerRef = useRef<KeyboardLayer>({ depth, bindings: opts, shouldHandle: options.shouldHandle });\n layerRef.current.bindings = opts;\n layerRef.current.shouldHandle = options.shouldHandle;\n layerRef.current.depth = depth;\n\n const shared = !target && shortcuts.status === 'ready' ? shortcuts.dispatcher : undefined;\n\n useEffect(() => {\n if (!enabled) return;\n if (shared) return shared.register(layerRef.current);\n\n const element: HTMLElement | Window | null = target ? (target.current ?? null) : window;\n if (!element) return;\n\n const dispatcher = createKeyboardDispatcher();\n const unregister = dispatcher.register(layerRef.current);\n const handleKeyDown = (event: Event) => {\n if (event instanceof KeyboardEvent) dispatcher.handleKeydown(event);\n };\n\n element.addEventListener('keydown', handleKeyDown);\n return () => {\n element.removeEventListener('keydown', handleKeyDown);\n unregister();\n dispatcher.reset();\n };\n }, [enabled, target, shared]);\n};\n\nexport type UseTableKeydownArgs = {\n /** Number of rows in the table. */\n count: number;\n /** The scroll/list container; keyboard shortcuts only fire when focus is inside it. */\n containerRef: RefObject<HTMLElement | null>;\n /** Rows moved by PageUp/PageDown. Defaults to 10. */\n pageSize?: number;\n /** Initially active row index. Defaults to 0. */\n initialIndex?: number;\n /** Called when a row should be activated (for non-interactive rows). */\n onActivate?: (index: number) => void;\n /** Called with the next index before focus moves (e.g. virtualizer.scrollToIndex). */\n onNavigate?: (index: number) => void;\n /**\n * Also listen for ArrowUp/ArrowDown/PageUp/PageDown on `document`, so the\n * list can be navigated before any row has focus. Keys are ignored when the\n * event originates from an editable field, a keyboard widget (combobox, menu,\n * listbox…) or an open dialog/popover. Enable on at most one list per page.\n */\n global?: boolean;\n};\n\nexport const useTableKeydown = ({\n count,\n containerRef,\n pageSize = 10,\n initialIndex = 0,\n onActivate,\n onNavigate,\n global = false,\n}: UseTableKeydownArgs) => {\n const [activeIndex, setActiveIndex] = useState(initialIndex);\n\n const clamp = (index: number) => Math.min(Math.max(index, 0), Math.max(count - 1, 0));\n\n const navigateTo = (index: number) => {\n const next = clamp(index);\n setActiveIndex(next);\n onNavigate?.(next);\n\n const rowElement = containerRef.current?.querySelector<HTMLElement>(`[data-row-index=\"${next}\"]`);\n if (rowElement) {\n rowElement.focus();\n rowElement.scrollIntoView?.({ block: 'nearest' });\n }\n };\n\n const combos: Array<[ParsedKeyCombo, () => void]> = [\n [parseKeyCombo('mod+Home'), () => navigateTo(0)],\n [parseKeyCombo('mod+End'), () => navigateTo(count - 1)],\n [parseKeyCombo('ArrowUp'), () => navigateTo(activeIndex - 1)],\n [parseKeyCombo('ArrowDown'), () => navigateTo(activeIndex + 1)],\n [parseKeyCombo('PageUp'), () => navigateTo(activeIndex - pageSize)],\n [parseKeyCombo('PageDown'), () => navigateTo(activeIndex + pageSize)],\n [parseKeyCombo('Home'), () => navigateTo(0)],\n [parseKeyCombo('End'), () => navigateTo(count - 1)],\n ];\n\n // Handled at row level (not via a container listener) so keyboard nav works\n // even when the list mounts after the hook, e.g. inside a tab panel.\n const handleRowKeyDown = (event: { nativeEvent: KeyboardEvent; preventDefault: () => void }) => {\n for (const [combo, handler] of combos) {\n if (matchesCombo(event.nativeEvent, combo)) {\n event.preventDefault();\n handler();\n return;\n }\n }\n };\n\n // When focus is outside the list, the first ArrowUp/ArrowDown press lands on\n // the current row instead of skipping past it.\n const focusIsInList = () => containerRef.current?.contains(document.activeElement) ?? false;\n const step = (delta: number) => navigateTo(focusIsInList() ? activeIndex + delta : activeIndex);\n\n useKeydown(\n {\n ArrowUp: () => step(-1),\n ArrowDown: () => step(1),\n PageUp: () => navigateTo(activeIndex - pageSize),\n PageDown: () => navigateTo(activeIndex + pageSize),\n },\n {\n enabled: global,\n shouldHandle: event => !event.defaultPrevented && count > 0 && !isKeyboardConsumer(event.target),\n },\n );\n\n useEffect(() => {\n if (activeIndex >= count) {\n setActiveIndex(Math.max(count - 1, 0));\n }\n }, [activeIndex, count]);\n\n const getRowProps = (index: number) => ({\n tabIndex: index === activeIndex ? 0 : -1,\n 'data-row-index': index,\n onFocus: () => setActiveIndex(index),\n onKeyDown: handleRowKeyDown,\n });\n\n const getContainerProps = () => ({});\n\n return {\n activeIndex,\n setActiveIndex,\n activate: (index: number) => onActivate?.(index),\n getRowProps,\n getContainerProps,\n };\n};\n"],"names":["useKeyboardShortcutsContext","useKeyboardScopeDepth","useRef","useEffect","createKeyboardDispatcher","useState","parseKeyCombo","matchesCombo","isKeyboardConsumer"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"use-keydown.cjs.js","sources":["../../src/lib/keyboard/use-keydown.ts"],"sourcesContent":["import { useEffect, useRef, useState, type RefObject } from 'react';\n\nimport {\n createKeyboardDispatcher,\n isKeyboardConsumer,\n matchesCombo,\n parseKeyCombo,\n type KeyboardLayer,\n type ParsedKeyCombo,\n type UseKeydownArgs,\n} from './keyboard-dispatcher';\nimport { useKeyboardScopeDepth, useKeyboardShortcutsContext } from './keyboard-shortcuts-context';\n\nexport { parseKeyCombo, parseKeyBinding, matchesCombo } from './keyboard-dispatcher';\nexport type { UseKeydownArgs, KeyStep, ParsedKeyBinding } from './keyboard-dispatcher';\n\nexport type UseKeydownOptions = {\n /** Attach the listener to this element instead of `window`. */\n target?: RefObject<HTMLElement | null>;\n /** When `false`, no listener is attached. Defaults to `true`. */\n enabled?: boolean;\n /**\n * Called before any combo is matched. Return `false` to leave the event\n * untouched (no `preventDefault`, no handler). Runs on top of the built-in\n * rule that leaves unmodified keys to editable fields and keyboard widgets,\n * unless the listener targets that field directly.\n */\n shouldHandle?: (event: KeyboardEvent) => boolean;\n /**\n * When `false`, holding a key runs its handler once instead of on every\n * auto-repeat (repeats are still default-prevented). Use it for toggles.\n * Defaults to `true`.\n */\n repeat?: boolean;\n};\n\n/**\n * Binds keyboard shortcuts (see `UseKeydownArgs` for the syntax).\n *\n * Inside a `KeyboardShortcutsProvider`, bindings join a shared registry: the\n * nearest `KeyboardScope` decides which declaration wins when several bind the\n * same keys, and bindings are dropped as soon as the component unmounts.\n * Without a provider, or with a `target`, the hook listens on its own and no\n * shadowing takes place.\n */\nexport const useKeydown = (opts: UseKeydownArgs, options: UseKeydownOptions = {}) => {\n const { enabled = true, target } = options;\n const shortcuts = useKeyboardShortcutsContext();\n const depth = useKeyboardScopeDepth();\n\n // Kept fresh on every render so the dispatcher always calls the latest handlers.\n const layerRef = useRef<KeyboardLayer>({\n depth,\n bindings: opts,\n shouldHandle: options.shouldHandle,\n repeat: options.repeat,\n });\n layerRef.current.bindings = opts;\n layerRef.current.shouldHandle = options.shouldHandle;\n layerRef.current.repeat = options.repeat;\n layerRef.current.depth = depth;\n\n const shared = !target && shortcuts.status === 'ready' ? shortcuts.dispatcher : undefined;\n\n useEffect(() => {\n if (!enabled) return;\n if (shared) return shared.register(layerRef.current);\n\n const element: HTMLElement | Window | null = target ? (target.current ?? null) : window;\n if (!element) return;\n\n const dispatcher = createKeyboardDispatcher();\n const unregister = dispatcher.register(layerRef.current);\n const handleKeyDown = (event: Event) => {\n if (event instanceof KeyboardEvent) dispatcher.handleKeydown(event);\n };\n\n element.addEventListener('keydown', handleKeyDown);\n return () => {\n element.removeEventListener('keydown', handleKeyDown);\n unregister();\n dispatcher.reset();\n };\n }, [enabled, target, shared]);\n};\n\nexport type UseTableKeydownArgs = {\n /** Number of rows in the table. */\n count: number;\n /** The scroll/list container; keyboard shortcuts only fire when focus is inside it. */\n containerRef: RefObject<HTMLElement | null>;\n /** Rows moved by PageUp/PageDown. Defaults to 10. */\n pageSize?: number;\n /** Initially active row index. Defaults to 0. */\n initialIndex?: number;\n /** Called when a row should be activated (for non-interactive rows). */\n onActivate?: (index: number) => void;\n /** Called with the next index before focus moves (e.g. virtualizer.scrollToIndex). */\n onNavigate?: (index: number) => void;\n /**\n * Also listen for ArrowUp/ArrowDown/PageUp/PageDown on `document`, so the\n * list can be navigated before any row has focus. Keys are ignored when the\n * event originates from an editable field, a keyboard widget (combobox, menu,\n * listbox…) or an open dialog/popover. Enable on at most one list per page.\n */\n global?: boolean;\n};\n\nexport const useTableKeydown = ({\n count,\n containerRef,\n pageSize = 10,\n initialIndex = 0,\n onActivate,\n onNavigate,\n global = false,\n}: UseTableKeydownArgs) => {\n const [activeIndex, setActiveIndex] = useState(initialIndex);\n\n const clamp = (index: number) => Math.min(Math.max(index, 0), Math.max(count - 1, 0));\n\n const navigateTo = (index: number) => {\n const next = clamp(index);\n setActiveIndex(next);\n onNavigate?.(next);\n\n const rowElement = containerRef.current?.querySelector<HTMLElement>(`[data-row-index=\"${next}\"]`);\n if (rowElement) {\n rowElement.focus();\n rowElement.scrollIntoView?.({ block: 'nearest' });\n }\n };\n\n const combos: Array<[ParsedKeyCombo, () => void]> = [\n [parseKeyCombo('mod+Home'), () => navigateTo(0)],\n [parseKeyCombo('mod+End'), () => navigateTo(count - 1)],\n [parseKeyCombo('ArrowUp'), () => navigateTo(activeIndex - 1)],\n [parseKeyCombo('ArrowDown'), () => navigateTo(activeIndex + 1)],\n [parseKeyCombo('PageUp'), () => navigateTo(activeIndex - pageSize)],\n [parseKeyCombo('PageDown'), () => navigateTo(activeIndex + pageSize)],\n [parseKeyCombo('Home'), () => navigateTo(0)],\n [parseKeyCombo('End'), () => navigateTo(count - 1)],\n ];\n\n // Handled at row level (not via a container listener) so keyboard nav works\n // even when the list mounts after the hook, e.g. inside a tab panel.\n const handleRowKeyDown = (event: { nativeEvent: KeyboardEvent; preventDefault: () => void }) => {\n for (const [combo, handler] of combos) {\n if (matchesCombo(event.nativeEvent, combo)) {\n event.preventDefault();\n handler();\n return;\n }\n }\n };\n\n // When focus is outside the list, the first ArrowUp/ArrowDown press lands on\n // the current row instead of skipping past it.\n const focusIsInList = () => containerRef.current?.contains(document.activeElement) ?? false;\n const step = (delta: number) => navigateTo(focusIsInList() ? activeIndex + delta : activeIndex);\n\n useKeydown(\n {\n ArrowUp: () => step(-1),\n ArrowDown: () => step(1),\n PageUp: () => navigateTo(activeIndex - pageSize),\n PageDown: () => navigateTo(activeIndex + pageSize),\n },\n {\n enabled: global,\n shouldHandle: event => !event.defaultPrevented && count > 0 && !isKeyboardConsumer(event.target),\n },\n );\n\n useEffect(() => {\n if (activeIndex >= count) {\n setActiveIndex(Math.max(count - 1, 0));\n }\n }, [activeIndex, count]);\n\n const getRowProps = (index: number) => ({\n tabIndex: index === activeIndex ? 0 : -1,\n 'data-row-index': index,\n onFocus: () => setActiveIndex(index),\n onKeyDown: handleRowKeyDown,\n });\n\n const getContainerProps = () => ({});\n\n return {\n activeIndex,\n setActiveIndex,\n activate: (index: number) => onActivate?.(index),\n getRowProps,\n getContainerProps,\n };\n};\n"],"names":["useKeyboardShortcutsContext","useKeyboardScopeDepth","useRef","useEffect","createKeyboardDispatcher","useState","parseKeyCombo","matchesCombo","isKeyboardConsumer"],"mappings":"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"}
|
|
@@ -7,9 +7,15 @@ const useKeydown = (opts, options = {}) => {
|
|
|
7
7
|
const { enabled = true, target } = options;
|
|
8
8
|
const shortcuts = useKeyboardShortcutsContext();
|
|
9
9
|
const depth = useKeyboardScopeDepth();
|
|
10
|
-
const layerRef = useRef({
|
|
10
|
+
const layerRef = useRef({
|
|
11
|
+
depth,
|
|
12
|
+
bindings: opts,
|
|
13
|
+
shouldHandle: options.shouldHandle,
|
|
14
|
+
repeat: options.repeat
|
|
15
|
+
});
|
|
11
16
|
layerRef.current.bindings = opts;
|
|
12
17
|
layerRef.current.shouldHandle = options.shouldHandle;
|
|
18
|
+
layerRef.current.repeat = options.repeat;
|
|
13
19
|
layerRef.current.depth = depth;
|
|
14
20
|
const shared = !target && shortcuts.status === "ready" ? shortcuts.dispatcher : void 0;
|
|
15
21
|
useEffect(() => {
|