@deck.gl-community/widgets 9.2.5 → 9.3.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +11 -1
- package/dist/graph-widgets/_deprecate/long-press-button.d.ts.map +1 -0
- package/dist/graph-widgets/_deprecate/long-press-button.js.map +1 -0
- package/dist/graph-widgets/_deprecate/view-control-widget.d.ts.map +1 -0
- package/dist/graph-widgets/_deprecate/view-control-widget.js.map +1 -0
- package/dist/{widgets → graph-widgets}/long-press-button.d.ts +1 -0
- package/dist/graph-widgets/long-press-button.d.ts.map +1 -0
- package/dist/{widgets → graph-widgets}/long-press-button.js +1 -0
- package/dist/graph-widgets/long-press-button.js.map +1 -0
- package/dist/graph-widgets/long-press-controller.d.ts.map +1 -0
- package/dist/graph-widgets/long-press-controller.js.map +1 -0
- package/dist/{widgets → graph-widgets}/pan-widget.d.ts +3 -2
- package/dist/graph-widgets/pan-widget.d.ts.map +1 -0
- package/dist/{widgets → graph-widgets}/pan-widget.js +19 -15
- package/dist/graph-widgets/pan-widget.js.map +1 -0
- package/dist/{widgets → graph-widgets}/zoom-range-widget.d.ts +3 -3
- package/dist/graph-widgets/zoom-range-widget.d.ts.map +1 -0
- package/dist/{widgets → graph-widgets}/zoom-range-widget.js +24 -23
- package/dist/graph-widgets/zoom-range-widget.js.map +1 -0
- package/dist/html-overlay-widgets/html-cluster-widget.d.ts.map +1 -0
- package/dist/html-overlay-widgets/html-cluster-widget.js.map +1 -0
- package/dist/{widgets → html-overlay-widgets}/html-overlay-item.d.ts +1 -0
- package/dist/html-overlay-widgets/html-overlay-item.d.ts.map +1 -0
- package/dist/html-overlay-widgets/html-overlay-item.js.map +1 -0
- package/dist/{widgets → html-overlay-widgets}/html-overlay-widget.d.ts +8 -2
- package/dist/html-overlay-widgets/html-overlay-widget.d.ts.map +1 -0
- package/dist/{widgets → html-overlay-widgets}/html-overlay-widget.js +21 -7
- package/dist/html-overlay-widgets/html-overlay-widget.js.map +1 -0
- package/dist/{widgets → html-overlay-widgets}/html-tooltip-widget.d.ts +1 -0
- package/dist/html-overlay-widgets/html-tooltip-widget.d.ts.map +1 -0
- package/dist/html-overlay-widgets/html-tooltip-widget.js.map +1 -0
- package/dist/index.cjs +5119 -87
- package/dist/index.cjs.map +4 -4
- package/dist/index.d.ts +33 -12
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +27 -6
- package/dist/index.js.map +1 -1
- package/dist/keyboard-shortcuts/keyboard-shortcuts-manager.d.ts +18 -0
- package/dist/keyboard-shortcuts/keyboard-shortcuts-manager.d.ts.map +1 -0
- package/dist/keyboard-shortcuts/keyboard-shortcuts-manager.js +47 -0
- package/dist/keyboard-shortcuts/keyboard-shortcuts-manager.js.map +1 -0
- package/dist/keyboard-shortcuts/keyboard-shortcuts.d.ts +22 -0
- package/dist/keyboard-shortcuts/keyboard-shortcuts.d.ts.map +1 -0
- package/dist/keyboard-shortcuts/keyboard-shortcuts.js +83 -0
- package/dist/keyboard-shortcuts/keyboard-shortcuts.js.map +1 -0
- package/dist/lib/settings/settings.d.ts +17 -0
- package/dist/lib/settings/settings.d.ts.map +1 -0
- package/dist/lib/settings/settings.js +140 -0
- package/dist/lib/settings/settings.js.map +1 -0
- package/dist/ready-to-upstream-widgets/reset-view-widget.d.ts +21 -0
- package/dist/ready-to-upstream-widgets/reset-view-widget.d.ts.map +1 -0
- package/dist/ready-to-upstream-widgets/reset-view-widget.js +29 -0
- package/dist/ready-to-upstream-widgets/reset-view-widget.js.map +1 -0
- package/dist/widget-components/icon-button.d.ts +12 -0
- package/dist/widget-components/icon-button.d.ts.map +1 -0
- package/dist/widget-components/icon-button.js +12 -0
- package/dist/widget-components/icon-button.js.map +1 -0
- package/dist/widget-components/select-widget-component.d.ts +15 -0
- package/dist/widget-components/select-widget-component.d.ts.map +1 -0
- package/dist/widget-components/select-widget-component.js +229 -0
- package/dist/widget-components/select-widget-component.js.map +1 -0
- package/dist/widget-panels/box-widget.d.ts +43 -0
- package/dist/widget-panels/box-widget.d.ts.map +1 -0
- package/dist/widget-panels/box-widget.js +191 -0
- package/dist/widget-panels/box-widget.js.map +1 -0
- package/dist/widget-panels/box-widget.test.d.ts +2 -0
- package/dist/widget-panels/box-widget.test.d.ts.map +1 -0
- package/dist/widget-panels/box-widget.test.js +41 -0
- package/dist/widget-panels/box-widget.test.js.map +1 -0
- package/dist/widget-panels/full-screen-panel-widget.d.ts +33 -0
- package/dist/widget-panels/full-screen-panel-widget.d.ts.map +1 -0
- package/dist/widget-panels/full-screen-panel-widget.js +153 -0
- package/dist/widget-panels/full-screen-panel-widget.js.map +1 -0
- package/dist/widget-panels/full-screen-panel-widget.test.d.ts +2 -0
- package/dist/widget-panels/full-screen-panel-widget.test.d.ts.map +1 -0
- package/dist/widget-panels/full-screen-panel-widget.test.js +40 -0
- package/dist/widget-panels/full-screen-panel-widget.test.js.map +1 -0
- package/dist/widget-panels/heap-memory-widget.d.ts +26 -0
- package/dist/widget-panels/heap-memory-widget.d.ts.map +1 -0
- package/dist/widget-panels/heap-memory-widget.js +156 -0
- package/dist/widget-panels/heap-memory-widget.js.map +1 -0
- package/dist/widget-panels/keyboard-shortcuts-widget.d.ts +46 -0
- package/dist/widget-panels/keyboard-shortcuts-widget.d.ts.map +1 -0
- package/dist/widget-panels/keyboard-shortcuts-widget.js +301 -0
- package/dist/widget-panels/keyboard-shortcuts-widget.js.map +1 -0
- package/dist/widget-panels/modal-widget.d.ts +62 -0
- package/dist/widget-panels/modal-widget.d.ts.map +1 -0
- package/dist/widget-panels/modal-widget.js +309 -0
- package/dist/widget-panels/modal-widget.js.map +1 -0
- package/dist/widget-panels/modal-widget.test.d.ts +2 -0
- package/dist/widget-panels/modal-widget.test.d.ts.map +1 -0
- package/dist/widget-panels/modal-widget.test.js +103 -0
- package/dist/widget-panels/modal-widget.test.js.map +1 -0
- package/dist/widget-panels/omni-box-widget.d.ts +59 -0
- package/dist/widget-panels/omni-box-widget.d.ts.map +1 -0
- package/dist/widget-panels/omni-box-widget.js +562 -0
- package/dist/widget-panels/omni-box-widget.js.map +1 -0
- package/dist/widget-panels/omni-box-widget.test.d.ts +2 -0
- package/dist/widget-panels/omni-box-widget.test.d.ts.map +1 -0
- package/dist/widget-panels/omni-box-widget.test.js +49 -0
- package/dist/widget-panels/omni-box-widget.test.js.map +1 -0
- package/dist/widget-panels/reset-view-widget.d.ts +20 -0
- package/dist/widget-panels/reset-view-widget.d.ts.map +1 -0
- package/dist/widget-panels/reset-view-widget.js +28 -0
- package/dist/widget-panels/reset-view-widget.js.map +1 -0
- package/dist/widget-panels/settings-panel.d.ts +49 -0
- package/dist/widget-panels/settings-panel.d.ts.map +1 -0
- package/dist/widget-panels/settings-panel.js +263 -0
- package/dist/widget-panels/settings-panel.js.map +1 -0
- package/dist/widget-panels/settings-panel.test.d.ts +2 -0
- package/dist/widget-panels/settings-panel.test.d.ts.map +1 -0
- package/dist/widget-panels/settings-panel.test.js +217 -0
- package/dist/widget-panels/settings-panel.test.js.map +1 -0
- package/dist/widget-panels/sidebar-widget.d.ts +65 -0
- package/dist/widget-panels/sidebar-widget.d.ts.map +1 -0
- package/dist/widget-panels/sidebar-widget.js +339 -0
- package/dist/widget-panels/sidebar-widget.js.map +1 -0
- package/dist/widget-panels/sidebar-widget.test.d.ts +2 -0
- package/dist/widget-panels/sidebar-widget.test.d.ts.map +1 -0
- package/dist/widget-panels/sidebar-widget.test.js +175 -0
- package/dist/widget-panels/sidebar-widget.test.js.map +1 -0
- package/dist/widget-panels/stats-panel.d.ts +34 -0
- package/dist/widget-panels/stats-panel.d.ts.map +1 -0
- package/dist/widget-panels/stats-panel.js +61 -0
- package/dist/widget-panels/stats-panel.js.map +1 -0
- package/dist/widget-panels/stats-panel.test.d.ts +2 -0
- package/dist/widget-panels/stats-panel.test.d.ts.map +1 -0
- package/dist/widget-panels/stats-panel.test.js +36 -0
- package/dist/widget-panels/stats-panel.test.js.map +1 -0
- package/dist/widget-panels/text-editor-panel-monaco-runtime.d.ts +17 -0
- package/dist/widget-panels/text-editor-panel-monaco-runtime.d.ts.map +1 -0
- package/dist/widget-panels/text-editor-panel-monaco-runtime.js +69 -0
- package/dist/widget-panels/text-editor-panel-monaco-runtime.js.map +1 -0
- package/dist/widget-panels/text-editor-panel.d.ts +42 -0
- package/dist/widget-panels/text-editor-panel.d.ts.map +1 -0
- package/dist/widget-panels/text-editor-panel.js +249 -0
- package/dist/widget-panels/text-editor-panel.js.map +1 -0
- package/dist/widget-panels/text-editor-panel.test.d.ts +2 -0
- package/dist/widget-panels/text-editor-panel.test.d.ts.map +1 -0
- package/dist/widget-panels/text-editor-panel.test.js +393 -0
- package/dist/widget-panels/text-editor-panel.test.js.map +1 -0
- package/dist/widget-panels/time-measure-widget.d.ts +49 -0
- package/dist/widget-panels/time-measure-widget.d.ts.map +1 -0
- package/dist/widget-panels/time-measure-widget.js +351 -0
- package/dist/widget-panels/time-measure-widget.js.map +1 -0
- package/dist/widget-panels/toast-manager.d.ts +24 -0
- package/dist/widget-panels/toast-manager.d.ts.map +1 -0
- package/dist/widget-panels/toast-manager.js +96 -0
- package/dist/widget-panels/toast-manager.js.map +1 -0
- package/dist/widget-panels/toast-manager.test.d.ts +2 -0
- package/dist/widget-panels/toast-manager.test.d.ts.map +1 -0
- package/dist/widget-panels/toast-manager.test.js +75 -0
- package/dist/widget-panels/toast-manager.test.js.map +1 -0
- package/dist/widget-panels/toast-widget.d.ts +20 -0
- package/dist/widget-panels/toast-widget.d.ts.map +1 -0
- package/dist/widget-panels/toast-widget.js +207 -0
- package/dist/widget-panels/toast-widget.js.map +1 -0
- package/dist/widget-panels/toast-widget.test.d.ts +2 -0
- package/dist/widget-panels/toast-widget.test.d.ts.map +1 -0
- package/dist/widget-panels/toast-widget.test.js +81 -0
- package/dist/widget-panels/toast-widget.test.js.map +1 -0
- package/dist/widget-panels/toggle-widget.d.ts +34 -0
- package/dist/widget-panels/toggle-widget.d.ts.map +1 -0
- package/dist/widget-panels/toggle-widget.js +46 -0
- package/dist/widget-panels/toggle-widget.js.map +1 -0
- package/dist/widget-panels/toolbar-widget.d.ts +53 -0
- package/dist/widget-panels/toolbar-widget.d.ts.map +1 -0
- package/dist/widget-panels/toolbar-widget.js +160 -0
- package/dist/widget-panels/toolbar-widget.js.map +1 -0
- package/dist/widget-panels/toolbar-widget.test.d.ts +2 -0
- package/dist/widget-panels/toolbar-widget.test.d.ts.map +1 -0
- package/dist/widget-panels/toolbar-widget.test.js +105 -0
- package/dist/widget-panels/toolbar-widget.test.js.map +1 -0
- package/dist/widget-panels/widget-containers.d.ts +275 -0
- package/dist/widget-panels/widget-containers.d.ts.map +1 -0
- package/dist/widget-panels/widget-containers.js +761 -0
- package/dist/widget-panels/widget-containers.js.map +1 -0
- package/dist/widget-panels/widget-containers.test.d.ts +2 -0
- package/dist/widget-panels/widget-containers.test.d.ts.map +1 -0
- package/dist/widget-panels/widget-containers.test.js +337 -0
- package/dist/widget-panels/widget-containers.test.js.map +1 -0
- package/dist/widget-panels/y-zoom-widget.d.ts +66 -0
- package/dist/widget-panels/y-zoom-widget.d.ts.map +1 -0
- package/dist/widget-panels/y-zoom-widget.js +264 -0
- package/dist/widget-panels/y-zoom-widget.js.map +1 -0
- package/dist/widget-panels/y-zoom-widget.test.d.ts +2 -0
- package/dist/widget-panels/y-zoom-widget.test.d.ts.map +1 -0
- package/dist/widget-panels/y-zoom-widget.test.js +71 -0
- package/dist/widget-panels/y-zoom-widget.test.js.map +1 -0
- package/dist/widgets/heap-memory-widget.d.ts +26 -0
- package/dist/widgets/heap-memory-widget.d.ts.map +1 -0
- package/dist/widgets/heap-memory-widget.js +158 -0
- package/dist/widgets/heap-memory-widget.js.map +1 -0
- package/dist/widgets/keyboard-shortcuts-widget.d.ts +28 -0
- package/dist/widgets/keyboard-shortcuts-widget.d.ts.map +1 -0
- package/dist/widgets/keyboard-shortcuts-widget.js +125 -0
- package/dist/widgets/keyboard-shortcuts-widget.js.map +1 -0
- package/dist/widgets/omni-box-widget.d.ts +59 -0
- package/dist/widgets/omni-box-widget.d.ts.map +1 -0
- package/dist/widgets/omni-box-widget.js +493 -0
- package/dist/widgets/omni-box-widget.js.map +1 -0
- package/dist/widgets/settings-widget.d.ts +64 -0
- package/dist/widgets/settings-widget.d.ts.map +1 -0
- package/dist/widgets/settings-widget.js +148 -0
- package/dist/widgets/settings-widget.js.map +1 -0
- package/dist/widgets/view-manager-utils.d.ts +1 -1
- package/dist/widgets/view-manager-utils.d.ts.map +1 -1
- package/dist/widgets/view-manager-utils.js.map +1 -1
- package/package.json +4 -3
- package/src/{widgets → graph-widgets}/long-press-button.tsx +1 -0
- package/src/{widgets → graph-widgets}/pan-widget.tsx +30 -23
- package/src/{widgets → graph-widgets}/zoom-range-widget.tsx +36 -34
- package/src/{widgets → html-overlay-widgets}/html-overlay-item.tsx +1 -0
- package/src/{widgets → html-overlay-widgets}/html-overlay-widget.tsx +32 -9
- package/src/{widgets → html-overlay-widgets}/html-tooltip-widget.tsx +1 -0
- package/src/index.ts +109 -12
- package/src/keyboard-shortcuts/keyboard-shortcuts-manager.ts +58 -0
- package/src/keyboard-shortcuts/keyboard-shortcuts.ts +113 -0
- package/src/keyboard-shortcuts/keyboard-shortcuts.ts.disabled +107 -0
- package/src/lib/settings/settings.ts +203 -0
- package/src/ready-to-upstream-widgets/reset-view-widget.tsx +57 -0
- package/src/widget-components/icon-button.tsx +38 -0
- package/src/widget-components/select-widget-component.tsx +354 -0
- package/src/widget-panels/box-widget.test.tsx +50 -0
- package/src/widget-panels/box-widget.tsx +284 -0
- package/src/widget-panels/full-screen-panel-widget.test.tsx +49 -0
- package/src/widget-panels/full-screen-panel-widget.tsx +223 -0
- package/src/widget-panels/heap-memory-widget.tsx +221 -0
- package/src/widget-panels/keyboard-shortcuts-widget.tsx +511 -0
- package/src/widget-panels/modal-widget.test.tsx +124 -0
- package/src/widget-panels/modal-widget.tsx +464 -0
- package/src/widget-panels/omni-box-widget.test.tsx +59 -0
- package/src/widget-panels/omni-box-widget.tsx +849 -0
- package/src/widget-panels/reset-view-widget.tsx +56 -0
- package/src/widget-panels/settings-panel.test.tsx +286 -0
- package/src/widget-panels/settings-panel.tsx +619 -0
- package/src/widget-panels/sidebar-widget.test.tsx +215 -0
- package/src/widget-panels/sidebar-widget.tsx +525 -0
- package/src/widget-panels/stats-panel.test.tsx +41 -0
- package/src/widget-panels/stats-panel.tsx +108 -0
- package/src/widget-panels/text-editor-panel-monaco-runtime.ts +97 -0
- package/src/widget-panels/text-editor-panel.test.tsx +618 -0
- package/src/widget-panels/text-editor-panel.tsx +375 -0
- package/src/widget-panels/time-measure-widget.tsx +445 -0
- package/src/widget-panels/toast-manager.test.ts +98 -0
- package/src/widget-panels/toast-manager.ts +134 -0
- package/src/widget-panels/toast-widget.test.tsx +105 -0
- package/src/widget-panels/toast-widget.tsx +293 -0
- package/src/widget-panels/toggle-widget.tsx +93 -0
- package/src/widget-panels/toolbar-widget.test.ts +129 -0
- package/src/widget-panels/toolbar-widget.tsx +293 -0
- package/src/widget-panels/widget-containers.test.tsx +453 -0
- package/src/widget-panels/widget-containers.tsx +1330 -0
- package/src/widget-panels/worker-modules.d.ts +7 -0
- package/src/widget-panels/y-zoom-widget.test.tsx +101 -0
- package/src/widget-panels/y-zoom-widget.tsx +376 -0
- package/src/widgets/heap-memory-widget.tsx +223 -0
- package/src/widgets/keyboard-shortcuts-widget.tsx +245 -0
- package/src/widgets/omni-box-widget.tsx +768 -0
- package/src/widgets/settings-widget.tsx +277 -0
- package/src/widgets/view-manager-utils.ts +1 -1
- package/dist/_deprecate/long-press-button.d.ts.map +0 -1
- package/dist/_deprecate/long-press-button.js.map +0 -1
- package/dist/_deprecate/view-control-widget.d.ts.map +0 -1
- package/dist/_deprecate/view-control-widget.js.map +0 -1
- package/dist/widgets/html-cluster-widget.d.ts.map +0 -1
- package/dist/widgets/html-cluster-widget.js.map +0 -1
- package/dist/widgets/html-overlay-item.d.ts.map +0 -1
- package/dist/widgets/html-overlay-item.js.map +0 -1
- package/dist/widgets/html-overlay-widget.d.ts.map +0 -1
- package/dist/widgets/html-overlay-widget.js.map +0 -1
- package/dist/widgets/html-tooltip-widget.d.ts.map +0 -1
- package/dist/widgets/html-tooltip-widget.js.map +0 -1
- package/dist/widgets/long-press-button.d.ts.map +0 -1
- package/dist/widgets/long-press-button.js.map +0 -1
- package/dist/widgets/long-press-controller.d.ts.map +0 -1
- package/dist/widgets/long-press-controller.js.map +0 -1
- package/dist/widgets/pan-widget.d.ts.map +0 -1
- package/dist/widgets/pan-widget.js.map +0 -1
- package/dist/widgets/zoom-range-widget.d.ts.map +0 -1
- package/dist/widgets/zoom-range-widget.js.map +0 -1
- /package/dist/{_deprecate → graph-widgets/_deprecate}/long-press-button.d.ts +0 -0
- /package/dist/{_deprecate → graph-widgets/_deprecate}/long-press-button.js +0 -0
- /package/dist/{_deprecate → graph-widgets/_deprecate}/view-control-widget.d.ts +0 -0
- /package/dist/{_deprecate → graph-widgets/_deprecate}/view-control-widget.js +0 -0
- /package/dist/{widgets → graph-widgets}/long-press-controller.d.ts +0 -0
- /package/dist/{widgets → graph-widgets}/long-press-controller.js +0 -0
- /package/dist/{widgets → html-overlay-widgets}/html-cluster-widget.d.ts +0 -0
- /package/dist/{widgets → html-overlay-widgets}/html-cluster-widget.js +0 -0
- /package/dist/{widgets → html-overlay-widgets}/html-overlay-item.js +0 -0
- /package/dist/{widgets → html-overlay-widgets}/html-tooltip-widget.js +0 -0
- /package/src/{_deprecate → graph-widgets/_deprecate}/long-press-button.tsx +0 -0
- /package/src/{_deprecate → graph-widgets/_deprecate}/view-control-widget.tsx +0 -0
- /package/src/{widgets → graph-widgets}/long-press-controller.ts +0 -0
- /package/src/{widgets → html-overlay-widgets}/html-cluster-widget.ts +0 -0
|
@@ -0,0 +1,562 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
|
|
2
|
+
/** @jsxImportSource preact */
|
|
3
|
+
import { Widget } from '@deck.gl/core';
|
|
4
|
+
import { render } from 'preact';
|
|
5
|
+
import { useCallback, useEffect, useRef, useState } from 'preact/hooks';
|
|
6
|
+
const OPTION_ROW_HEIGHT_PX = 32;
|
|
7
|
+
const MAX_VISIBLE_OPTION_COUNT = 4;
|
|
8
|
+
const BLUR_CLOSE_DELAY_MS = 100;
|
|
9
|
+
const OMNIBOX_MAX_WIDTH_PX = 520;
|
|
10
|
+
const OMNIBOX_HORIZONTAL_MARGIN_PX = 12;
|
|
11
|
+
const FALLBACK_WIDGET_MARGIN_PX = 8;
|
|
12
|
+
const WIDGET_FONT_FAMILY = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
|
|
13
|
+
const OMNIBOX_CONTROL_HEIGHT = 'max(32px, calc(var(--button-size, 28px) - 2px))';
|
|
14
|
+
const OMNIBOX_INPUT_CLASS = 'deck-widget-omni-box-input';
|
|
15
|
+
const OMNIBOX_BUTTON_CLASS = 'deck-widget-omni-box-button';
|
|
16
|
+
const OMNIBOX_OPTION_CLASS = 'deck-widget-omni-box-option';
|
|
17
|
+
const OMNIBOX_OPTION_ACTIVE_CLASS = 'deck-widget-omni-box-option-active';
|
|
18
|
+
const ROOT_STYLE = {
|
|
19
|
+
position: 'fixed',
|
|
20
|
+
transform: 'translateX(-50%)',
|
|
21
|
+
margin: '0',
|
|
22
|
+
zIndex: '2',
|
|
23
|
+
pointerEvents: 'auto'
|
|
24
|
+
};
|
|
25
|
+
const WRAPPER_STYLE = {
|
|
26
|
+
width: '100%',
|
|
27
|
+
display: 'flex',
|
|
28
|
+
flexDirection: 'column',
|
|
29
|
+
gap: 'var(--menu-gap, 4px)'
|
|
30
|
+
};
|
|
31
|
+
const INPUT_ROW_STYLE = {
|
|
32
|
+
width: '100%',
|
|
33
|
+
display: 'grid',
|
|
34
|
+
gridTemplateColumns: '1fr auto auto auto',
|
|
35
|
+
gap: '1px',
|
|
36
|
+
padding: '1px',
|
|
37
|
+
overflow: 'hidden',
|
|
38
|
+
backgroundColor: 'var(--button-stroke, rgba(255, 255, 255, 0.3))',
|
|
39
|
+
borderRadius: 'var(--button-corner-radius, 8px)',
|
|
40
|
+
boxShadow: 'var(--button-shadow, 0px 0px 8px 0px rgba(0, 0, 0, 0.25))'
|
|
41
|
+
};
|
|
42
|
+
const CONTROL_SURFACE_STYLE = {
|
|
43
|
+
height: OMNIBOX_CONTROL_HEIGHT,
|
|
44
|
+
backgroundColor: 'var(--button-background, #fff)',
|
|
45
|
+
backdropFilter: 'var(--button-backdrop-filter, unset)',
|
|
46
|
+
WebkitBackdropFilter: 'var(--button-backdrop-filter, unset)',
|
|
47
|
+
border: 'var(--button-inner-stroke, unset)'
|
|
48
|
+
};
|
|
49
|
+
const INPUT_STYLE = {
|
|
50
|
+
...CONTROL_SURFACE_STYLE,
|
|
51
|
+
width: '100%',
|
|
52
|
+
minWidth: 0,
|
|
53
|
+
boxSizing: 'border-box',
|
|
54
|
+
padding: '0 12px',
|
|
55
|
+
borderRadius: 'calc(var(--button-corner-radius, 8px) - 1px)',
|
|
56
|
+
borderTopRightRadius: 0,
|
|
57
|
+
borderBottomRightRadius: 0,
|
|
58
|
+
color: 'var(--button-text, rgb(24, 24, 26))',
|
|
59
|
+
fontSize: '13px',
|
|
60
|
+
lineHeight: 1.2,
|
|
61
|
+
fontFamily: WIDGET_FONT_FAMILY
|
|
62
|
+
};
|
|
63
|
+
const NAV_BUTTON_STYLE = {
|
|
64
|
+
...CONTROL_SURFACE_STYLE,
|
|
65
|
+
minWidth: 'calc(var(--button-size, 28px) - 2px)',
|
|
66
|
+
padding: '0 10px',
|
|
67
|
+
borderRadius: 0,
|
|
68
|
+
color: 'var(--button-icon-idle, rgba(97, 97, 102, 1))',
|
|
69
|
+
fontSize: '13px',
|
|
70
|
+
fontWeight: 600,
|
|
71
|
+
fontFamily: WIDGET_FONT_FAMILY,
|
|
72
|
+
cursor: 'pointer',
|
|
73
|
+
userSelect: 'none',
|
|
74
|
+
display: 'flex',
|
|
75
|
+
alignItems: 'center',
|
|
76
|
+
justifyContent: 'center'
|
|
77
|
+
};
|
|
78
|
+
const NAV_BUTTON_DISABLED_STYLE = {
|
|
79
|
+
opacity: 0.45,
|
|
80
|
+
cursor: 'not-allowed'
|
|
81
|
+
};
|
|
82
|
+
const LAST_NAV_BUTTON_STYLE = {
|
|
83
|
+
borderTopRightRadius: 'calc(var(--button-corner-radius, 8px) - 1px)',
|
|
84
|
+
borderBottomRightRadius: 'calc(var(--button-corner-radius, 8px) - 1px)'
|
|
85
|
+
};
|
|
86
|
+
const DROPDOWN_STYLE = {
|
|
87
|
+
borderRadius: 'var(--button-corner-radius, 8px)',
|
|
88
|
+
border: 'var(--menu-border, unset)',
|
|
89
|
+
backgroundColor: 'var(--menu-background, #fff)',
|
|
90
|
+
backdropFilter: 'var(--menu-backdrop-filter, unset)',
|
|
91
|
+
WebkitBackdropFilter: 'var(--menu-backdrop-filter, unset)',
|
|
92
|
+
boxShadow: 'var(--menu-shadow, 0px 0px 8px 0px rgba(0, 0, 0, 0.25))',
|
|
93
|
+
color: 'var(--menu-text, rgb(24, 24, 26))',
|
|
94
|
+
overflowY: 'auto',
|
|
95
|
+
maxHeight: `${OPTION_ROW_HEIGHT_PX * MAX_VISIBLE_OPTION_COUNT}px`,
|
|
96
|
+
padding: '4px 0'
|
|
97
|
+
};
|
|
98
|
+
const DEFAULT_OPTION_CONTENT_STYLE = {
|
|
99
|
+
width: '100%',
|
|
100
|
+
height: '100%',
|
|
101
|
+
display: 'flex',
|
|
102
|
+
alignItems: 'center',
|
|
103
|
+
justifyContent: 'space-between',
|
|
104
|
+
gap: '10px'
|
|
105
|
+
};
|
|
106
|
+
function stopEventPropagation(event) {
|
|
107
|
+
event.stopPropagation();
|
|
108
|
+
if (typeof event.stopImmediatePropagation ===
|
|
109
|
+
'function') {
|
|
110
|
+
event.stopImmediatePropagation();
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
function isEditableTarget(target) {
|
|
114
|
+
if (!(target instanceof Element)) {
|
|
115
|
+
return false;
|
|
116
|
+
}
|
|
117
|
+
if (target instanceof HTMLInputElement) {
|
|
118
|
+
return target.type !== 'button' && target.type !== 'checkbox' && target.type !== 'radio';
|
|
119
|
+
}
|
|
120
|
+
if (target instanceof HTMLTextAreaElement || target instanceof HTMLSelectElement) {
|
|
121
|
+
return true;
|
|
122
|
+
}
|
|
123
|
+
return target instanceof HTMLElement ? target.isContentEditable : false;
|
|
124
|
+
}
|
|
125
|
+
function getWidgetMarginPx(element) {
|
|
126
|
+
const value = window.getComputedStyle(element).getPropertyValue('--widget-margin').trim();
|
|
127
|
+
const parsed = Number.parseFloat(value);
|
|
128
|
+
return Number.isFinite(parsed) ? parsed : FALLBACK_WIDGET_MARGIN_PX;
|
|
129
|
+
}
|
|
130
|
+
function getDeckCanvasRect(deck) {
|
|
131
|
+
const canvas = deck?.canvas;
|
|
132
|
+
if (!canvas) {
|
|
133
|
+
return null;
|
|
134
|
+
}
|
|
135
|
+
return canvas.getBoundingClientRect();
|
|
136
|
+
}
|
|
137
|
+
function DefaultOptionContent({ option }) {
|
|
138
|
+
return (_jsxs("div", { style: DEFAULT_OPTION_CONTENT_STYLE, children: [_jsx("span", { style: {
|
|
139
|
+
fontSize: '12px',
|
|
140
|
+
color: 'var(--menu-text, rgb(24, 24, 26))',
|
|
141
|
+
overflow: 'hidden',
|
|
142
|
+
textOverflow: 'ellipsis',
|
|
143
|
+
whiteSpace: 'nowrap'
|
|
144
|
+
}, children: option.label }), option.description && (_jsx("span", { style: {
|
|
145
|
+
fontSize: '11px',
|
|
146
|
+
color: 'var(--menu-text, rgb(24, 24, 26))',
|
|
147
|
+
opacity: 0.7,
|
|
148
|
+
overflow: 'hidden',
|
|
149
|
+
textOverflow: 'ellipsis',
|
|
150
|
+
whiteSpace: 'nowrap'
|
|
151
|
+
}, children: option.description }))] }));
|
|
152
|
+
}
|
|
153
|
+
function OmniBoxWidgetStyles() {
|
|
154
|
+
return (_jsx("style", { children: `
|
|
155
|
+
.deck-widget-omni-box .${OMNIBOX_INPUT_CLASS}:focus,
|
|
156
|
+
.deck-widget-omni-box .${OMNIBOX_BUTTON_CLASS}:focus,
|
|
157
|
+
.deck-widget-omni-box .${OMNIBOX_OPTION_CLASS}:focus {
|
|
158
|
+
outline: none;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
.deck-widget-omni-box [data-omni-box-controls='true'] {
|
|
162
|
+
background-color: var(--button-stroke, rgba(255, 255, 255, 0.3));
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.deck-widget-omni-box [data-omni-box-dropdown='true'] {
|
|
166
|
+
background-color: var(--menu-background, #fff);
|
|
167
|
+
backdrop-filter: var(--menu-backdrop-filter, unset);
|
|
168
|
+
-webkit-backdrop-filter: var(--menu-backdrop-filter, unset);
|
|
169
|
+
box-shadow: var(--menu-shadow, 0px 0px 8px 0px rgba(0, 0, 0, 0.25));
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.deck-widget-omni-box .${OMNIBOX_INPUT_CLASS}::placeholder {
|
|
173
|
+
color: var(--button-icon-idle, rgba(97, 97, 102, 1));
|
|
174
|
+
opacity: 1;
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
.deck-widget-omni-box .${OMNIBOX_BUTTON_CLASS}:not(:disabled):hover {
|
|
178
|
+
color: var(--button-icon-hover, rgba(24, 24, 26, 1));
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.deck-widget-omni-box .${OMNIBOX_OPTION_CLASS}:not(.${OMNIBOX_OPTION_ACTIVE_CLASS}):hover {
|
|
182
|
+
background: var(--menu-item-hover, rgba(0, 0, 0, 0.08));
|
|
183
|
+
}
|
|
184
|
+
` }));
|
|
185
|
+
}
|
|
186
|
+
// eslint-disable-next-line max-statements
|
|
187
|
+
function OmniBoxWidgetView({ placeholder, minQueryLength, defaultOpen, getOptions, renderOption, onSelectOption, onActiveOptionChange, onNavigateOption, onQueryChange }) {
|
|
188
|
+
const [query, setQuery] = useState('');
|
|
189
|
+
const [options, setOptions] = useState([]);
|
|
190
|
+
const [activeOptionIndex, setActiveOptionIndex] = useState(-1);
|
|
191
|
+
const [isLoading, setIsLoading] = useState(false);
|
|
192
|
+
const [isFocused, setIsFocused] = useState(false);
|
|
193
|
+
const [isHidden, setIsHidden] = useState(() => !defaultOpen);
|
|
194
|
+
const inputRef = useRef(null);
|
|
195
|
+
const dropdownRef = useRef(null);
|
|
196
|
+
const optionElementRefs = useRef([]);
|
|
197
|
+
const requestVersionRef = useRef(0);
|
|
198
|
+
const blurTimeoutRef = useRef(null);
|
|
199
|
+
const clearBlurTimeout = useCallback(() => {
|
|
200
|
+
if (blurTimeoutRef.current !== null) {
|
|
201
|
+
window.clearTimeout(blurTimeoutRef.current);
|
|
202
|
+
blurTimeoutRef.current = null;
|
|
203
|
+
}
|
|
204
|
+
}, []);
|
|
205
|
+
useEffect(() => {
|
|
206
|
+
return () => {
|
|
207
|
+
clearBlurTimeout();
|
|
208
|
+
};
|
|
209
|
+
}, [clearBlurTimeout]);
|
|
210
|
+
useEffect(() => {
|
|
211
|
+
const handleWindowKeyDown = (event) => {
|
|
212
|
+
if (event.key !== '/' || event.altKey || event.ctrlKey || event.metaKey) {
|
|
213
|
+
return;
|
|
214
|
+
}
|
|
215
|
+
if (isEditableTarget(event.target)) {
|
|
216
|
+
return;
|
|
217
|
+
}
|
|
218
|
+
event.preventDefault();
|
|
219
|
+
stopEventPropagation(event);
|
|
220
|
+
clearBlurTimeout();
|
|
221
|
+
setIsHidden(false);
|
|
222
|
+
setIsFocused(true);
|
|
223
|
+
window.requestAnimationFrame(() => {
|
|
224
|
+
inputRef.current?.focus();
|
|
225
|
+
});
|
|
226
|
+
};
|
|
227
|
+
window.addEventListener('keydown', handleWindowKeyDown, true);
|
|
228
|
+
return () => {
|
|
229
|
+
window.removeEventListener('keydown', handleWindowKeyDown, true);
|
|
230
|
+
};
|
|
231
|
+
}, [clearBlurTimeout]);
|
|
232
|
+
useEffect(() => {
|
|
233
|
+
setIsHidden(!defaultOpen);
|
|
234
|
+
}, [defaultOpen]);
|
|
235
|
+
useEffect(() => {
|
|
236
|
+
onQueryChange?.(query);
|
|
237
|
+
const normalizedQuery = query.trim();
|
|
238
|
+
if (normalizedQuery.length < minQueryLength) {
|
|
239
|
+
setOptions([]);
|
|
240
|
+
setActiveOptionIndex(-1);
|
|
241
|
+
setIsLoading(false);
|
|
242
|
+
return;
|
|
243
|
+
}
|
|
244
|
+
const requestVersion = requestVersionRef.current + 1;
|
|
245
|
+
requestVersionRef.current = requestVersion;
|
|
246
|
+
setIsLoading(true);
|
|
247
|
+
Promise.resolve(getOptions(normalizedQuery))
|
|
248
|
+
.then((nextOptions) => {
|
|
249
|
+
if (requestVersionRef.current !== requestVersion) {
|
|
250
|
+
return;
|
|
251
|
+
}
|
|
252
|
+
setOptions(nextOptions);
|
|
253
|
+
setActiveOptionIndex(nextOptions.length > 0 ? 0 : -1);
|
|
254
|
+
})
|
|
255
|
+
.catch(() => {
|
|
256
|
+
if (requestVersionRef.current !== requestVersion) {
|
|
257
|
+
return;
|
|
258
|
+
}
|
|
259
|
+
setOptions([]);
|
|
260
|
+
setActiveOptionIndex(-1);
|
|
261
|
+
})
|
|
262
|
+
.finally(() => {
|
|
263
|
+
if (requestVersionRef.current === requestVersion) {
|
|
264
|
+
setIsLoading(false);
|
|
265
|
+
}
|
|
266
|
+
});
|
|
267
|
+
}, [getOptions, minQueryLength, onQueryChange, query]);
|
|
268
|
+
useEffect(() => {
|
|
269
|
+
if (activeOptionIndex < 0 || activeOptionIndex >= options.length) {
|
|
270
|
+
onActiveOptionChange?.(null);
|
|
271
|
+
return;
|
|
272
|
+
}
|
|
273
|
+
onActiveOptionChange?.(options[activeOptionIndex] ?? null);
|
|
274
|
+
}, [activeOptionIndex, onActiveOptionChange, options]);
|
|
275
|
+
useEffect(() => {
|
|
276
|
+
optionElementRefs.current = optionElementRefs.current.slice(0, options.length);
|
|
277
|
+
}, [options.length]);
|
|
278
|
+
useEffect(() => {
|
|
279
|
+
if (!isFocused || activeOptionIndex < 0 || activeOptionIndex >= options.length) {
|
|
280
|
+
return;
|
|
281
|
+
}
|
|
282
|
+
const dropdownElement = dropdownRef.current;
|
|
283
|
+
const optionElement = optionElementRefs.current[activeOptionIndex];
|
|
284
|
+
if (!dropdownElement || !optionElement) {
|
|
285
|
+
return;
|
|
286
|
+
}
|
|
287
|
+
const optionTop = optionElement.offsetTop;
|
|
288
|
+
const optionBottom = optionTop + optionElement.offsetHeight;
|
|
289
|
+
const viewportTop = dropdownElement.scrollTop;
|
|
290
|
+
const viewportBottom = viewportTop + dropdownElement.clientHeight;
|
|
291
|
+
if (optionTop < viewportTop) {
|
|
292
|
+
dropdownElement.scrollTop = optionTop;
|
|
293
|
+
return;
|
|
294
|
+
}
|
|
295
|
+
if (optionBottom > viewportBottom) {
|
|
296
|
+
dropdownElement.scrollTop = optionBottom - dropdownElement.clientHeight;
|
|
297
|
+
}
|
|
298
|
+
}, [activeOptionIndex, isFocused, options.length]);
|
|
299
|
+
const selectOption = useCallback((option) => {
|
|
300
|
+
setQuery(option.value ?? option.label);
|
|
301
|
+
setIsFocused(false);
|
|
302
|
+
setOptions([]);
|
|
303
|
+
setActiveOptionIndex(-1);
|
|
304
|
+
onSelectOption?.(option);
|
|
305
|
+
}, [onSelectOption]);
|
|
306
|
+
const moveActiveOptionBy = useCallback((delta, { navigate = false } = {}) => {
|
|
307
|
+
if (!options.length) {
|
|
308
|
+
return;
|
|
309
|
+
}
|
|
310
|
+
const currentIndex = activeOptionIndex >= 0 ? activeOptionIndex : 0;
|
|
311
|
+
const nextIndex = (currentIndex + delta + options.length) % options.length;
|
|
312
|
+
const nextOption = options[nextIndex];
|
|
313
|
+
if (!nextOption) {
|
|
314
|
+
return;
|
|
315
|
+
}
|
|
316
|
+
setActiveOptionIndex(nextIndex);
|
|
317
|
+
setIsFocused(true);
|
|
318
|
+
if (navigate) {
|
|
319
|
+
onNavigateOption?.(nextOption);
|
|
320
|
+
}
|
|
321
|
+
}, [activeOptionIndex, onNavigateOption, options]);
|
|
322
|
+
const handleHide = useCallback((event) => {
|
|
323
|
+
if (event) {
|
|
324
|
+
stopEventPropagation(event);
|
|
325
|
+
}
|
|
326
|
+
clearBlurTimeout();
|
|
327
|
+
requestVersionRef.current += 1;
|
|
328
|
+
setQuery('');
|
|
329
|
+
setOptions([]);
|
|
330
|
+
setActiveOptionIndex(-1);
|
|
331
|
+
setIsLoading(false);
|
|
332
|
+
setIsFocused(false);
|
|
333
|
+
setIsHidden(true);
|
|
334
|
+
}, [clearBlurTimeout]);
|
|
335
|
+
const handleInput = useCallback((event) => {
|
|
336
|
+
stopEventPropagation(event);
|
|
337
|
+
setQuery(event.currentTarget.value);
|
|
338
|
+
setIsFocused(true);
|
|
339
|
+
}, []);
|
|
340
|
+
const handleFocus = useCallback(() => {
|
|
341
|
+
clearBlurTimeout();
|
|
342
|
+
setIsFocused(true);
|
|
343
|
+
}, [clearBlurTimeout]);
|
|
344
|
+
const handleBlur = useCallback(() => {
|
|
345
|
+
clearBlurTimeout();
|
|
346
|
+
blurTimeoutRef.current = window.setTimeout(() => {
|
|
347
|
+
setIsFocused(false);
|
|
348
|
+
setActiveOptionIndex(-1);
|
|
349
|
+
}, BLUR_CLOSE_DELAY_MS);
|
|
350
|
+
}, [clearBlurTimeout]);
|
|
351
|
+
const handleKeyDown = useCallback((event) => {
|
|
352
|
+
stopEventPropagation(event);
|
|
353
|
+
if (event.key === 'ArrowDown') {
|
|
354
|
+
event.preventDefault();
|
|
355
|
+
moveActiveOptionBy(1);
|
|
356
|
+
return;
|
|
357
|
+
}
|
|
358
|
+
if (event.key === 'ArrowUp') {
|
|
359
|
+
event.preventDefault();
|
|
360
|
+
moveActiveOptionBy(-1);
|
|
361
|
+
return;
|
|
362
|
+
}
|
|
363
|
+
if (event.key === 'Enter') {
|
|
364
|
+
if (activeOptionIndex >= 0 && activeOptionIndex < options.length) {
|
|
365
|
+
event.preventDefault();
|
|
366
|
+
const option = options[activeOptionIndex];
|
|
367
|
+
if (option) {
|
|
368
|
+
selectOption(option);
|
|
369
|
+
}
|
|
370
|
+
}
|
|
371
|
+
return;
|
|
372
|
+
}
|
|
373
|
+
if (event.key === 'Escape') {
|
|
374
|
+
event.preventDefault();
|
|
375
|
+
handleHide(event);
|
|
376
|
+
}
|
|
377
|
+
}, [activeOptionIndex, handleHide, moveActiveOptionBy, options, selectOption]);
|
|
378
|
+
const handlePointerEvent = useCallback((event) => {
|
|
379
|
+
stopEventPropagation(event);
|
|
380
|
+
}, []);
|
|
381
|
+
const handleMouseEvent = useCallback((event) => {
|
|
382
|
+
stopEventPropagation(event);
|
|
383
|
+
}, []);
|
|
384
|
+
const handleWheelEvent = useCallback((event) => {
|
|
385
|
+
stopEventPropagation(event);
|
|
386
|
+
}, []);
|
|
387
|
+
const hasMatches = options.length > 0;
|
|
388
|
+
const normalizedQuery = query.trim();
|
|
389
|
+
const shouldShowDropdown = !isHidden &&
|
|
390
|
+
isFocused &&
|
|
391
|
+
normalizedQuery.length >= minQueryLength &&
|
|
392
|
+
(isLoading || options.length > 0);
|
|
393
|
+
if (isHidden) {
|
|
394
|
+
return null;
|
|
395
|
+
}
|
|
396
|
+
return (_jsxs("div", { style: WRAPPER_STYLE, onPointerDown: handlePointerEvent, onPointerMove: handlePointerEvent, onPointerUp: handlePointerEvent, onMouseDown: handleMouseEvent, onMouseMove: handleMouseEvent, onMouseUp: handleMouseEvent, onWheel: handleWheelEvent, children: [_jsx(OmniBoxWidgetStyles, {}), _jsxs("div", { "data-omni-box-controls": "true", style: INPUT_ROW_STYLE, children: [_jsx("input", { className: OMNIBOX_INPUT_CLASS, ref: inputRef, type: "text", value: query, placeholder: placeholder, style: INPUT_STYLE, onInput: handleInput, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown, "aria-label": "OmniBox" }), _jsx("button", { className: OMNIBOX_BUTTON_CLASS, type: "button", title: "Previous match", "aria-label": "Previous match", disabled: !hasMatches, style: {
|
|
397
|
+
...NAV_BUTTON_STYLE,
|
|
398
|
+
...(hasMatches ? {} : NAV_BUTTON_DISABLED_STYLE)
|
|
399
|
+
}, onMouseDown: (event) => {
|
|
400
|
+
event.preventDefault();
|
|
401
|
+
stopEventPropagation(event);
|
|
402
|
+
}, onClick: (event) => {
|
|
403
|
+
stopEventPropagation(event);
|
|
404
|
+
moveActiveOptionBy(-1, { navigate: true });
|
|
405
|
+
}, children: '<' }), _jsx("button", { className: OMNIBOX_BUTTON_CLASS, type: "button", title: "Next match", "aria-label": "Next match", disabled: !hasMatches, style: {
|
|
406
|
+
...NAV_BUTTON_STYLE,
|
|
407
|
+
...(hasMatches ? {} : NAV_BUTTON_DISABLED_STYLE)
|
|
408
|
+
}, onMouseDown: (event) => {
|
|
409
|
+
event.preventDefault();
|
|
410
|
+
stopEventPropagation(event);
|
|
411
|
+
}, onClick: (event) => {
|
|
412
|
+
stopEventPropagation(event);
|
|
413
|
+
moveActiveOptionBy(1, { navigate: true });
|
|
414
|
+
}, children: '>' }), _jsx("button", { className: OMNIBOX_BUTTON_CLASS, type: "button", title: "Hide OmniBox", "aria-label": "Hide OmniBox", style: {
|
|
415
|
+
...NAV_BUTTON_STYLE,
|
|
416
|
+
...LAST_NAV_BUTTON_STYLE
|
|
417
|
+
}, onMouseDown: (event) => {
|
|
418
|
+
event.preventDefault();
|
|
419
|
+
stopEventPropagation(event);
|
|
420
|
+
}, onClick: (event) => {
|
|
421
|
+
handleHide(event);
|
|
422
|
+
}, children: "\u00D7" })] }), shouldShowDropdown && (_jsxs("div", { ref: dropdownRef, role: "listbox", "data-omni-box-dropdown": "true", style: DROPDOWN_STYLE, "aria-label": "OmniBox suggestions", children: [isLoading && (_jsx("div", { style: {
|
|
423
|
+
height: `${OPTION_ROW_HEIGHT_PX}px`,
|
|
424
|
+
display: 'flex',
|
|
425
|
+
alignItems: 'center',
|
|
426
|
+
padding: '0 12px',
|
|
427
|
+
fontSize: '12px',
|
|
428
|
+
color: 'var(--menu-text, rgb(24, 24, 26))',
|
|
429
|
+
opacity: 0.7,
|
|
430
|
+
fontFamily: WIDGET_FONT_FAMILY
|
|
431
|
+
}, children: "Searching\u2026" })), !isLoading &&
|
|
432
|
+
options.map((option, index) => {
|
|
433
|
+
const isActive = index === activeOptionIndex;
|
|
434
|
+
const content = renderOption?.({
|
|
435
|
+
option,
|
|
436
|
+
index,
|
|
437
|
+
isActive,
|
|
438
|
+
query
|
|
439
|
+
}) ?? _jsx(DefaultOptionContent, { option: option });
|
|
440
|
+
return (_jsx("button", { className: [OMNIBOX_OPTION_CLASS, isActive ? OMNIBOX_OPTION_ACTIVE_CLASS : '']
|
|
441
|
+
.filter(Boolean)
|
|
442
|
+
.join(' '), ref: (element) => {
|
|
443
|
+
optionElementRefs.current[index] = element;
|
|
444
|
+
}, type: "button", role: "option", "aria-selected": isActive, onMouseDown: (event) => {
|
|
445
|
+
event.preventDefault();
|
|
446
|
+
stopEventPropagation(event);
|
|
447
|
+
}, onClick: (event) => {
|
|
448
|
+
stopEventPropagation(event);
|
|
449
|
+
selectOption(option);
|
|
450
|
+
}, style: {
|
|
451
|
+
width: '100%',
|
|
452
|
+
border: 0,
|
|
453
|
+
height: `${OPTION_ROW_HEIGHT_PX}px`,
|
|
454
|
+
display: 'flex',
|
|
455
|
+
alignItems: 'stretch',
|
|
456
|
+
textAlign: 'left',
|
|
457
|
+
padding: '0 12px',
|
|
458
|
+
cursor: 'pointer',
|
|
459
|
+
backgroundColor: isActive
|
|
460
|
+
? 'var(--menu-item-hover, rgba(0, 0, 0, 0.08))'
|
|
461
|
+
: 'transparent',
|
|
462
|
+
color: 'var(--menu-text, rgb(24, 24, 26))',
|
|
463
|
+
fontFamily: WIDGET_FONT_FAMILY
|
|
464
|
+
}, children: content }, option.id));
|
|
465
|
+
})] }))] }));
|
|
466
|
+
}
|
|
467
|
+
export class OmniBoxWidget extends Widget {
|
|
468
|
+
static defaultProps = {
|
|
469
|
+
...Widget.defaultProps,
|
|
470
|
+
id: 'omni-box',
|
|
471
|
+
placement: 'top-left',
|
|
472
|
+
placeholder: 'Search trace blocks…',
|
|
473
|
+
minQueryLength: 1,
|
|
474
|
+
defaultOpen: false,
|
|
475
|
+
topOffsetPx: undefined,
|
|
476
|
+
getOptions: (() => []),
|
|
477
|
+
renderOption: undefined,
|
|
478
|
+
onSelectOption: undefined,
|
|
479
|
+
onActiveOptionChange: undefined,
|
|
480
|
+
onNavigateOption: undefined,
|
|
481
|
+
onQueryChange: undefined
|
|
482
|
+
};
|
|
483
|
+
placement = OmniBoxWidget.defaultProps.placement;
|
|
484
|
+
className = 'deck-widget-omni-box';
|
|
485
|
+
#rootElement = null;
|
|
486
|
+
#hasLayoutListeners = false;
|
|
487
|
+
#handleWindowLayoutChange = () => {
|
|
488
|
+
this.#updateRootLayout();
|
|
489
|
+
};
|
|
490
|
+
constructor(props = {}) {
|
|
491
|
+
super({ ...OmniBoxWidget.defaultProps, ...props });
|
|
492
|
+
if (props.placement !== undefined) {
|
|
493
|
+
this.placement = props.placement;
|
|
494
|
+
}
|
|
495
|
+
}
|
|
496
|
+
setProps(props) {
|
|
497
|
+
if (props.placement !== undefined) {
|
|
498
|
+
this.placement = props.placement;
|
|
499
|
+
}
|
|
500
|
+
super.setProps(props);
|
|
501
|
+
}
|
|
502
|
+
onRenderHTML(rootElement) {
|
|
503
|
+
this.#rootElement = rootElement;
|
|
504
|
+
rootElement.className = ['deck-widget', this.className, this.props.className]
|
|
505
|
+
.filter(Boolean)
|
|
506
|
+
.join(' ');
|
|
507
|
+
Object.assign(rootElement.style, ROOT_STYLE);
|
|
508
|
+
this.#attachLayoutListeners();
|
|
509
|
+
this.#updateRootLayout();
|
|
510
|
+
render(_jsx(OmniBoxWidgetView, { placeholder: this.props.placeholder ?? OmniBoxWidget.defaultProps.placeholder, minQueryLength: this.props.minQueryLength ?? OmniBoxWidget.defaultProps.minQueryLength, defaultOpen: this.props.defaultOpen ?? OmniBoxWidget.defaultProps.defaultOpen, getOptions: this.props.getOptions ?? OmniBoxWidget.defaultProps.getOptions, renderOption: this.props.renderOption, onSelectOption: this.props.onSelectOption, onActiveOptionChange: this.props.onActiveOptionChange, onNavigateOption: this.props.onNavigateOption, onQueryChange: this.props.onQueryChange }), rootElement);
|
|
511
|
+
}
|
|
512
|
+
onViewportChange(_viewport) {
|
|
513
|
+
this.#updateRootLayout();
|
|
514
|
+
}
|
|
515
|
+
onRemove() {
|
|
516
|
+
this.#detachLayoutListeners();
|
|
517
|
+
if (this.#rootElement) {
|
|
518
|
+
render(null, this.#rootElement);
|
|
519
|
+
}
|
|
520
|
+
}
|
|
521
|
+
#attachLayoutListeners() {
|
|
522
|
+
if (this.#hasLayoutListeners || typeof window === 'undefined') {
|
|
523
|
+
return;
|
|
524
|
+
}
|
|
525
|
+
window.addEventListener('resize', this.#handleWindowLayoutChange);
|
|
526
|
+
window.addEventListener('scroll', this.#handleWindowLayoutChange, true);
|
|
527
|
+
this.#hasLayoutListeners = true;
|
|
528
|
+
}
|
|
529
|
+
#detachLayoutListeners() {
|
|
530
|
+
if (!this.#hasLayoutListeners || typeof window === 'undefined') {
|
|
531
|
+
return;
|
|
532
|
+
}
|
|
533
|
+
window.removeEventListener('resize', this.#handleWindowLayoutChange);
|
|
534
|
+
window.removeEventListener('scroll', this.#handleWindowLayoutChange, true);
|
|
535
|
+
this.#hasLayoutListeners = false;
|
|
536
|
+
}
|
|
537
|
+
#updateRootLayout() {
|
|
538
|
+
if (!this.#rootElement || typeof window === 'undefined') {
|
|
539
|
+
return;
|
|
540
|
+
}
|
|
541
|
+
const fallbackTopOffsetPx = getWidgetMarginPx(this.#rootElement);
|
|
542
|
+
const configuredTopOffsetPx = this.props.topOffsetPx;
|
|
543
|
+
const topOffsetPx = configuredTopOffsetPx !== undefined && Number.isFinite(configuredTopOffsetPx)
|
|
544
|
+
? configuredTopOffsetPx
|
|
545
|
+
: fallbackTopOffsetPx;
|
|
546
|
+
const canvasRect = getDeckCanvasRect(this.deck);
|
|
547
|
+
if (canvasRect) {
|
|
548
|
+
const availableWidthPx = Math.max(0, canvasRect.width - OMNIBOX_HORIZONTAL_MARGIN_PX * 2);
|
|
549
|
+
const resolvedWidthPx = availableWidthPx > 0
|
|
550
|
+
? Math.min(OMNIBOX_MAX_WIDTH_PX, availableWidthPx)
|
|
551
|
+
: OMNIBOX_MAX_WIDTH_PX;
|
|
552
|
+
this.#rootElement.style.left = `${canvasRect.left + canvasRect.width / 2}px`;
|
|
553
|
+
this.#rootElement.style.top = `${canvasRect.top + topOffsetPx}px`;
|
|
554
|
+
this.#rootElement.style.width = `${resolvedWidthPx}px`;
|
|
555
|
+
return;
|
|
556
|
+
}
|
|
557
|
+
this.#rootElement.style.left = '50%';
|
|
558
|
+
this.#rootElement.style.top = `${topOffsetPx}px`;
|
|
559
|
+
this.#rootElement.style.width = `min(${OMNIBOX_MAX_WIDTH_PX}px, calc(100vw - ${OMNIBOX_HORIZONTAL_MARGIN_PX * 2}px))`;
|
|
560
|
+
}
|
|
561
|
+
}
|
|
562
|
+
//# sourceMappingURL=omni-box-widget.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"omni-box-widget.js","sourceRoot":"","sources":["../../src/widget-panels/omni-box-widget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"omni-box-widget.test.d.ts","sourceRoot":"","sources":["../../src/widget-panels/omni-box-widget.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { afterEach, describe, expect, it } from 'vitest';
|
|
2
|
+
import { OmniBoxWidget } from "./omni-box-widget.js";
|
|
3
|
+
function renderWidget() {
|
|
4
|
+
const root = document.createElement('div');
|
|
5
|
+
document.body.appendChild(root);
|
|
6
|
+
const widget = new OmniBoxWidget({
|
|
7
|
+
defaultOpen: true,
|
|
8
|
+
getOptions: () => [
|
|
9
|
+
{
|
|
10
|
+
id: 'alpha',
|
|
11
|
+
label: 'Alpha block',
|
|
12
|
+
description: 'First result'
|
|
13
|
+
}
|
|
14
|
+
]
|
|
15
|
+
});
|
|
16
|
+
widget.onRenderHTML(root);
|
|
17
|
+
const cleanup = () => {
|
|
18
|
+
widget.onRemove();
|
|
19
|
+
root.remove();
|
|
20
|
+
};
|
|
21
|
+
return {
|
|
22
|
+
root,
|
|
23
|
+
widget,
|
|
24
|
+
cleanup
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
afterEach(() => {
|
|
28
|
+
document.body.innerHTML = '';
|
|
29
|
+
});
|
|
30
|
+
describe('OmniBoxWidget', () => {
|
|
31
|
+
it('uses deck widget theme CSS variables for the control row and dropdown', async () => {
|
|
32
|
+
const { root, cleanup } = renderWidget();
|
|
33
|
+
const styles = root.querySelector('style');
|
|
34
|
+
expect(styles?.textContent).toContain('var(--button-stroke');
|
|
35
|
+
expect(styles?.textContent).toContain('var(--button-icon-hover');
|
|
36
|
+
expect(styles?.textContent).toContain('var(--button-icon-idle');
|
|
37
|
+
expect(styles?.textContent).toContain('var(--menu-background');
|
|
38
|
+
expect(styles?.textContent).toContain('var(--menu-backdrop-filter');
|
|
39
|
+
expect(styles?.textContent).toContain('var(--menu-shadow');
|
|
40
|
+
expect(styles?.textContent).toContain('var(--menu-item-hover');
|
|
41
|
+
const controls = root.querySelector('[data-omni-box-controls="true"]');
|
|
42
|
+
expect(controls.getAttribute('style') || '').toContain('var(--button-shadow');
|
|
43
|
+
const input = root.querySelector('input[aria-label="OmniBox"]');
|
|
44
|
+
expect(input.getAttribute('style') || '').toContain('var(--button-backdrop-filter');
|
|
45
|
+
expect(input.getAttribute('style') || '').toContain('var(--button-inner-stroke');
|
|
46
|
+
cleanup();
|
|
47
|
+
});
|
|
48
|
+
});
|
|
49
|
+
//# sourceMappingURL=omni-box-widget.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"omni-box-widget.test.js","sourceRoot":"","sources":["../../src/widget-panels/omni-box-widget.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAC,MAAM,QAAQ,CAAC;AAEvD,OAAO,EAAC,aAAa,EAAC,6BAA0B;AAEhD,SAAS,YAAY;IACnB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEhC,MAAM,MAAM,GAAG,IAAI,aAAa,CAAC;QAC/B,WAAW,EAAE,IAAI;QACjB,UAAU,EAAE,GAAG,EAAE,CAAC;YAChB;gBACE,EAAE,EAAE,OAAO;gBACX,KAAK,EAAE,aAAa;gBACpB,WAAW,EAAE,cAAc;aAC5B;SACF;KACF,CAAC,CAAC;IAEH,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IAC1B,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,MAAM,CAAC,QAAQ,EAAE,CAAC;QAClB,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO;QACL,IAAI;QACJ,MAAM;QACN,OAAO;KACR,CAAC;AACJ,CAAC;AAED,SAAS,CAAC,GAAG,EAAE;IACb,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;AAC/B,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,uEAAuE,EAAE,KAAK,IAAI,EAAE;QACrF,MAAM,EAAC,IAAI,EAAE,OAAO,EAAC,GAAG,YAAY,EAAE,CAAC;QAEvC,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC3C,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC;QAC7D,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,SAAS,CAAC,yBAAyB,CAAC,CAAC;QACjE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC;QAChE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC;QAC/D,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,SAAS,CAAC,4BAA4B,CAAC,CAAC;QACpE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;QAC3D,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC;QAE/D,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,iCAAiC,CAAC,CAAC;QACvE,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC;QAE9E,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,6BAA6B,CAAC,CAAC;QAChE,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,8BAA8B,CAAC,CAAC;QACpF,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,2BAA2B,CAAC,CAAC;QAEjF,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|