even-toolkit 1.4.2 → 1.5.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/CHANGELOG.md +27 -0
- package/README.md +7 -5
- package/dist/glasses/action-bar.d.ts +3 -3
- package/dist/glasses/action-bar.js +7 -7
- package/dist/glasses/action-bar.js.map +1 -1
- package/dist/glasses/action-map.js +3 -3
- package/dist/glasses/action-map.js.map +1 -1
- package/dist/glasses/gestures.d.ts +4 -0
- package/dist/glasses/gestures.d.ts.map +1 -1
- package/dist/glasses/gestures.js +44 -0
- package/dist/glasses/gestures.js.map +1 -1
- package/dist/glasses/glass-chat-display.d.ts +43 -0
- package/dist/glasses/glass-chat-display.d.ts.map +1 -0
- package/dist/glasses/glass-chat-display.js +102 -0
- package/dist/glasses/glass-chat-display.js.map +1 -0
- package/dist/glasses/glass-format.d.ts +50 -0
- package/dist/glasses/glass-format.d.ts.map +1 -0
- package/dist/glasses/glass-format.js +65 -0
- package/dist/glasses/glass-format.js.map +1 -0
- package/dist/glasses/index.d.ts +2 -0
- package/dist/glasses/index.d.ts.map +1 -1
- package/dist/glasses/index.js +2 -0
- package/dist/glasses/index.js.map +1 -1
- package/dist/glasses/useGlasses.js +1 -1
- package/dist/glasses/useGlasses.js.map +1 -1
- package/dist/stt/providers/deepgram.d.ts +1 -0
- package/dist/stt/providers/deepgram.d.ts.map +1 -1
- package/dist/stt/providers/deepgram.js +25 -8
- package/dist/stt/providers/deepgram.js.map +1 -1
- package/dist/web/components/dialog.d.ts.map +1 -1
- package/dist/web/components/dialog.js +13 -1
- package/dist/web/components/dialog.js.map +1 -1
- package/dist/web/components/drawer-shell.d.ts.map +1 -1
- package/dist/web/components/drawer-shell.js +11 -1
- package/dist/web/components/drawer-shell.js.map +1 -1
- package/dist/web/components/list-item.d.ts +1 -1
- package/dist/web/components/list-item.d.ts.map +1 -1
- package/dist/web/components/list-item.js +20 -5
- package/dist/web/components/list-item.js.map +1 -1
- package/dist/web/components/multi-select.d.ts +22 -0
- package/dist/web/components/multi-select.d.ts.map +1 -0
- package/dist/web/components/multi-select.js +52 -0
- package/dist/web/components/multi-select.js.map +1 -0
- package/dist/web/components/paged-carousel.d.ts +20 -0
- package/dist/web/components/paged-carousel.d.ts.map +1 -0
- package/dist/web/components/paged-carousel.js +140 -0
- package/dist/web/components/paged-carousel.js.map +1 -0
- package/dist/web/components/select.d.ts +13 -3
- package/dist/web/components/select.d.ts.map +1 -1
- package/dist/web/components/select.js +36 -3
- package/dist/web/components/select.js.map +1 -1
- package/dist/web/icons/svg-icons.js +1 -1
- package/dist/web/icons/svg-icons.js.map +1 -1
- package/dist/web/index.d.ts +4 -0
- package/dist/web/index.d.ts.map +1 -1
- package/dist/web/index.js +2 -0
- package/dist/web/index.js.map +1 -1
- package/glasses/action-bar.ts +7 -7
- package/glasses/action-map.ts +3 -3
- package/glasses/gestures.ts +50 -0
- package/glasses/glass-chat-display.ts +152 -0
- package/glasses/glass-format.ts +75 -0
- package/glasses/index.ts +2 -0
- package/glasses/useGlasses.ts +1 -1
- package/package.json +10 -1
- package/stt/providers/deepgram.ts +23 -7
- package/web/components/dialog.tsx +14 -3
- package/web/components/drawer-shell.tsx +11 -5
- package/web/components/list-item.tsx +25 -10
- package/web/components/multi-select.tsx +118 -0
- package/web/components/paged-carousel.tsx +201 -0
- package/web/components/select.tsx +90 -20
- package/web/icons/svg-icons.tsx +1 -2
- package/web/index.ts +6 -0
- package/web/theme/utilities.css +11 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"deepgram.d.ts","sourceRoot":"","sources":["../../../stt/providers/deepgram.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,iBAAiB,EACjB,OAAO,EACP,QAAQ,EACR,aAAa,EACb,QAAQ,EACT,MAAM,UAAU,CAAC;AAclB,qBAAa,gBAAiB,YAAW,WAAW;IAClD,QAAQ,CAAC,IAAI,aAAuB;IACpC,QAAQ,CAAC,cAAc,EAAE,OAAO,EAAE,CAAiB;IAEnD,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,QAAQ,CAAQ;IACxB,OAAO,CAAC,OAAO,CAAY;IAC3B,OAAO,CAAC,EAAE,CAA0B;
|
|
1
|
+
{"version":3,"file":"deepgram.d.ts","sourceRoot":"","sources":["../../../stt/providers/deepgram.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,iBAAiB,EACjB,OAAO,EACP,QAAQ,EACR,aAAa,EACb,QAAQ,EACT,MAAM,UAAU,CAAC;AAclB,qBAAa,gBAAiB,YAAW,WAAW;IAClD,QAAQ,CAAC,IAAI,aAAuB;IACpC,QAAQ,CAAC,cAAc,EAAE,OAAO,EAAE,CAAiB;IAEnD,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,QAAQ,CAAQ;IACxB,OAAO,CAAC,OAAO,CAAY;IAC3B,OAAO,CAAC,EAAE,CAA0B;IACpC,OAAO,CAAC,oBAAoB,CAAS;IAErC,OAAO,CAAC,aAAa,CAAyC;IAC9D,OAAO,CAAC,QAAQ,CAAoC;IACpD,OAAO,CAAC,QAAQ,CAAoC;IAEpD,IAAI,KAAK,IAAI,QAAQ,CAEpB;IAEK,IAAI,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;IAYpD,KAAK,IAAI,IAAI;IA0Eb,oFAAoF;IACpF,SAAS,CAAC,IAAI,EAAE,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,IAAI;IAkB9D,IAAI,IAAI,IAAI;IAQZ,KAAK,IAAI,IAAI;IAIb,OAAO,IAAI,IAAI;IAOf,YAAY,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,GAAG,MAAM,IAAI;IAKxD,aAAa,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,GAAG,MAAM,IAAI;IAKpD,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,GAAG,MAAM,IAAI;IAO9C,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,SAAS;CAGlB"}
|
|
@@ -8,6 +8,7 @@ export class DeepgramProvider {
|
|
|
8
8
|
this.language = 'en';
|
|
9
9
|
this.modelId = 'nova-2';
|
|
10
10
|
this.ws = null;
|
|
11
|
+
this.suppressSocketEvents = false;
|
|
11
12
|
this.transcriptCbs = [];
|
|
12
13
|
this.stateCbs = [];
|
|
13
14
|
this.errorCbs = [];
|
|
@@ -27,8 +28,9 @@ export class DeepgramProvider {
|
|
|
27
28
|
}
|
|
28
29
|
start() {
|
|
29
30
|
if (this.ws) {
|
|
30
|
-
this.closeSocket();
|
|
31
|
+
this.closeSocket(true);
|
|
31
32
|
}
|
|
33
|
+
this.suppressSocketEvents = false;
|
|
32
34
|
const params = new URLSearchParams({
|
|
33
35
|
model: this.modelId,
|
|
34
36
|
language: this.language,
|
|
@@ -66,6 +68,8 @@ export class DeepgramProvider {
|
|
|
66
68
|
}
|
|
67
69
|
};
|
|
68
70
|
this.ws.onerror = (event) => {
|
|
71
|
+
if (this.suppressSocketEvents)
|
|
72
|
+
return;
|
|
69
73
|
sttLog('deepgram: WebSocket error', event);
|
|
70
74
|
const err = {
|
|
71
75
|
code: 'network',
|
|
@@ -77,6 +81,11 @@ export class DeepgramProvider {
|
|
|
77
81
|
};
|
|
78
82
|
this.ws.onclose = () => {
|
|
79
83
|
this.ws = null;
|
|
84
|
+
if (this.suppressSocketEvents) {
|
|
85
|
+
this.suppressSocketEvents = false;
|
|
86
|
+
this.setState('idle');
|
|
87
|
+
return;
|
|
88
|
+
}
|
|
80
89
|
if (this._state === 'listening') {
|
|
81
90
|
this.setState('idle');
|
|
82
91
|
}
|
|
@@ -107,13 +116,13 @@ export class DeepgramProvider {
|
|
|
107
116
|
// Send close message per Deepgram protocol
|
|
108
117
|
this.ws.send(JSON.stringify({ type: 'CloseStream' }));
|
|
109
118
|
}
|
|
110
|
-
this.closeSocket();
|
|
119
|
+
this.closeSocket(true);
|
|
111
120
|
}
|
|
112
121
|
abort() {
|
|
113
|
-
this.closeSocket();
|
|
122
|
+
this.closeSocket(true);
|
|
114
123
|
}
|
|
115
124
|
dispose() {
|
|
116
|
-
this.closeSocket();
|
|
125
|
+
this.closeSocket(true);
|
|
117
126
|
this.transcriptCbs = [];
|
|
118
127
|
this.stateCbs = [];
|
|
119
128
|
this.errorCbs = [];
|
|
@@ -131,13 +140,21 @@ export class DeepgramProvider {
|
|
|
131
140
|
return () => { this.errorCbs = this.errorCbs.filter((c) => c !== cb); };
|
|
132
141
|
}
|
|
133
142
|
// ── Private ──
|
|
134
|
-
closeSocket() {
|
|
135
|
-
|
|
143
|
+
closeSocket(silent = false) {
|
|
144
|
+
const socket = this.ws;
|
|
145
|
+
if (socket) {
|
|
146
|
+
this.ws = null;
|
|
147
|
+
if (silent) {
|
|
148
|
+
this.suppressSocketEvents = true;
|
|
149
|
+
socket.onopen = null;
|
|
150
|
+
socket.onmessage = null;
|
|
151
|
+
socket.onerror = null;
|
|
152
|
+
socket.onclose = null;
|
|
153
|
+
}
|
|
136
154
|
try {
|
|
137
|
-
|
|
155
|
+
socket.close();
|
|
138
156
|
}
|
|
139
157
|
catch { /* ignore */ }
|
|
140
|
-
this.ws = null;
|
|
141
158
|
}
|
|
142
159
|
this.setState('idle');
|
|
143
160
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"deepgram.js","sourceRoot":"","sources":["../../../stt/providers/deepgram.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAalC,MAAM,OAAO,gBAAgB;IAA7B;QACW,SAAI,GAAG,UAAmB,CAAC;QAC3B,mBAAc,GAAc,CAAC,WAAW,CAAC,CAAC;QAE3C,WAAM,GAAa,MAAM,CAAC;QAC1B,WAAM,GAAG,EAAE,CAAC;QACZ,aAAQ,GAAG,IAAI,CAAC;QAChB,YAAO,GAAG,QAAQ,CAAC;QACnB,OAAE,GAAqB,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"deepgram.js","sourceRoot":"","sources":["../../../stt/providers/deepgram.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../web/components/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAChC;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,MAAM,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../web/components/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAChC;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,MAAM,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,WAAW,kDAiFxF;AAED,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -25,9 +25,21 @@ function Dialog({ open, onClose, title, icon, children, actions, className }) {
|
|
|
25
25
|
document.addEventListener('keydown', handler);
|
|
26
26
|
return () => document.removeEventListener('keydown', handler);
|
|
27
27
|
}, [visible, onClose]);
|
|
28
|
+
React.useEffect(() => {
|
|
29
|
+
if (!visible)
|
|
30
|
+
return;
|
|
31
|
+
const prevBodyOverflow = document.body.style.overflow;
|
|
32
|
+
const prevHtmlOverflow = document.documentElement.style.overflow;
|
|
33
|
+
document.body.style.overflow = 'hidden';
|
|
34
|
+
document.documentElement.style.overflow = 'hidden';
|
|
35
|
+
return () => {
|
|
36
|
+
document.body.style.overflow = prevBodyOverflow;
|
|
37
|
+
document.documentElement.style.overflow = prevHtmlOverflow;
|
|
38
|
+
};
|
|
39
|
+
}, [visible]);
|
|
28
40
|
if (!visible)
|
|
29
41
|
return null;
|
|
30
|
-
return (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center px-6", style: { animation: closing ? 'fadeOut 200ms ease forwards' : 'fadeIn 200ms ease' }, children: [_jsx("div", { className: "absolute inset-0 bg-overlay", onClick: onClose }), _jsxs("div", { className: cn('relative z-10 w-full max-w-[311px] bg-surface rounded-[6px] shadow-[0_4px_24px_rgba(0,0,0,0.16)] p-4', className), style: { animation: closing ? 'fadeOut 200ms ease forwards' : 'fadeIn 250ms ease' }, children: [_jsxs("div", { className: "flex items-start gap-2 mb-2", children: [icon && _jsx("div", { className: "shrink-0 w-5 h-5 text-text mt-0.5", children: icon }), _jsx("h2", { className: "text-[15px] tracking-[-0.15px] font-normal text-text", children: title })] }), children && (_jsx("div", { className: "text-[13px] tracking-[-0.13px] text-text-dim leading-[18px]", children: children })), actions && actions.length > 0 && (_jsx("div", { className: "flex gap-3 mt-4", children: actions.map((action) => (_jsx("button", { type: "button", onClick: action.onClick, className: cn('flex-1 h-10 rounded-[6px] text-[15px] tracking-[-0.15px] font-normal cursor-pointer transition-colors', action.variant === 'danger'
|
|
42
|
+
return (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center px-6 overscroll-contain", style: { animation: closing ? 'fadeOut 200ms ease forwards' : 'fadeIn 200ms ease' }, children: [_jsx("div", { className: "absolute inset-0 bg-overlay", onClick: onClose }), _jsxs("div", { className: cn('relative z-10 w-full max-w-[311px] bg-surface rounded-[6px] shadow-[0_4px_24px_rgba(0,0,0,0.16)] p-4 overscroll-contain', className), style: { animation: closing ? 'fadeOut 200ms ease forwards' : 'fadeIn 250ms ease' }, children: [_jsxs("div", { className: "flex items-start gap-2 mb-2", children: [icon && _jsx("div", { className: "shrink-0 w-5 h-5 text-text mt-0.5", children: icon }), _jsx("h2", { className: "text-[15px] tracking-[-0.15px] font-normal text-text", children: title })] }), children && (_jsx("div", { className: "text-[13px] tracking-[-0.13px] text-text-dim leading-[18px]", children: children })), actions && actions.length > 0 && (_jsx("div", { className: "flex gap-3 mt-4", children: actions.map((action) => (_jsx("button", { type: "button", onClick: action.onClick, className: cn('flex-1 h-10 rounded-[6px] text-[15px] tracking-[-0.15px] font-normal cursor-pointer transition-colors', action.variant === 'danger'
|
|
31
43
|
? 'bg-surface-light text-negative hover:bg-surface-lighter'
|
|
32
44
|
: 'bg-surface-light text-text hover:bg-surface-lighter'), children: action.label }, action.label))) }))] })] }));
|
|
33
45
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../web/components/dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAmBjC,SAAS,MAAM,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAe;IACvF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../web/components/dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-shell.d.ts","sourceRoot":"","sources":["../../../web/components/drawer-shell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,cAAc,EAAsB,MAAM,eAAe,CAAC;AAIxE,UAAU,gBAAgB;IACxB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,WAAW,EACX,KAAK,EACL,MAAM,EACN,KAAK,EACL,YAAY,EACZ,cAAc,EACd,aAAa,EACb,WAAW,EACX,QAA4B,EAC5B,SAAS,GACV,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"drawer-shell.d.ts","sourceRoot":"","sources":["../../../web/components/drawer-shell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,cAAc,EAAsB,MAAM,eAAe,CAAC;AAIxE,UAAU,gBAAgB;IACxB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,WAAW,EACX,KAAK,EACL,MAAM,EACN,KAAK,EACL,YAAY,EACZ,cAAc,EACd,aAAa,EACb,WAAW,EACX,QAA4B,EAC5B,SAAS,GACV,EAAE,gBAAgB,2CAsGlB;AAED,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -29,8 +29,18 @@ function DrawerShell({ items, bottomItems, title, footer, width, getPageTitle, d
|
|
|
29
29
|
// Resolve header values (screen overrides > defaults)
|
|
30
30
|
const headerTitle = headerOverride?.title ?? getPageTitle(pathname);
|
|
31
31
|
const headerHidden = headerOverride?.hidden ?? false;
|
|
32
|
+
const handleBack = useCallback(() => {
|
|
33
|
+
const explicit = headerOverride?.backTo ?? getBackPath?.(pathname);
|
|
34
|
+
if (explicit) {
|
|
35
|
+
navigate(explicit);
|
|
36
|
+
}
|
|
37
|
+
else {
|
|
38
|
+
// Use browser history to go back to the actual previous page
|
|
39
|
+
navigate(-1);
|
|
40
|
+
}
|
|
41
|
+
}, [navigate, headerOverride?.backTo, getBackPath, pathname]);
|
|
32
42
|
const defaultLeft = nested
|
|
33
|
-
? (_jsx(Button, { variant: "ghost", size: "icon", onClick:
|
|
43
|
+
? (_jsx(Button, { variant: "ghost", size: "icon", onClick: handleBack, children: backIcon }))
|
|
34
44
|
: _jsx(DrawerTrigger, { onClick: () => setDrawerOpen(true) });
|
|
35
45
|
const headerLeft = headerOverride?.left ?? (headerOverride?.backTo
|
|
36
46
|
? (_jsx(Button, { variant: "ghost", size: "icon", onClick: () => navigate(headerOverride.backTo), children: backIcon }))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-shell.js","sourceRoot":"","sources":["../../../web/components/drawer-shell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAkB,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAE/E,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAgBlC,MAAM,iBAAiB,GAAG,CACxB,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,YAC5F,eAAM,CAAC,EAAC,wBAAwB,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,GACpH,CACP,CAAC;AAEF,SAAS,WAAW,CAAC,EACnB,KAAK,EACL,WAAW,EACX,KAAK,EACL,MAAM,EACN,KAAK,EACL,YAAY,EACZ,cAAc,EACd,aAAa,EACb,WAAW,EACX,QAAQ,GAAG,iBAAiB,EAC5B,SAAS,GACQ;IACjB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAA4B,IAAI,CAAC,CAAC;IAEtF,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,EAAU,EAAE,EAAE;QAChD,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC5C,IAAI,WAAW;YAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC3D,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAEzB,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC;IACnC,MAAM,QAAQ,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAE1C,qFAAqF;IACrF,MAAM,MAAM,GAAG,aAAa;QAC1B,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC;QACzB,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAE9B,sDAAsD;IACtD,MAAM,WAAW,GAAG,cAAc,EAAE,KAAK,IAAI,YAAY,CAAC,QAAQ,CAAC,CAAC;IACpE,MAAM,YAAY,GAAG,cAAc,EAAE,MAAM,IAAI,KAAK,CAAC;IAErD,MAAM,WAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"drawer-shell.js","sourceRoot":"","sources":["../../../web/components/drawer-shell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ interface ListItemProps {
|
|
|
5
5
|
leading?: ReactNode;
|
|
6
6
|
trailing?: ReactNode;
|
|
7
7
|
onPress?: () => void;
|
|
8
|
-
onDelete?: () => void
|
|
8
|
+
onDelete?: () => void | Promise<void>;
|
|
9
9
|
className?: string;
|
|
10
10
|
}
|
|
11
11
|
declare function ListItem({ title, subtitle, leading, trailing, onPress, onDelete, className }: ListItemProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../web/components/list-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAiC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../web/components/list-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAiC,MAAM,OAAO,CAAC;AAItE,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,iBAAS,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,aAAa,2CAiGpG;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -2,27 +2,29 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { cn } from '../utils/cn';
|
|
3
3
|
import { useRef, useState, useCallback } from 'react';
|
|
4
4
|
import { IcEditTrash } from '../icons/svg-icons';
|
|
5
|
+
import { Loading } from './loading';
|
|
5
6
|
const SWIPE_THRESHOLD = 80;
|
|
6
7
|
const DELETE_WIDTH = 72;
|
|
7
8
|
const DIRECTION_LOCK_PX = 10;
|
|
8
9
|
function ListItem({ title, subtitle, leading, trailing, onPress, onDelete, className }) {
|
|
9
10
|
const [offset, setOffset] = useState(0);
|
|
10
11
|
const [swiping, setSwiping] = useState(false);
|
|
12
|
+
const [deleting, setDeleting] = useState(false);
|
|
11
13
|
const startX = useRef(0);
|
|
12
14
|
const startY = useRef(0);
|
|
13
15
|
const currentOffset = useRef(0);
|
|
14
16
|
const direction = useRef('none');
|
|
15
17
|
const onTouchStart = useCallback((e) => {
|
|
16
|
-
if (!onDelete)
|
|
18
|
+
if (!onDelete || deleting)
|
|
17
19
|
return;
|
|
18
20
|
startX.current = e.touches[0].clientX;
|
|
19
21
|
startY.current = e.touches[0].clientY;
|
|
20
22
|
currentOffset.current = offset;
|
|
21
23
|
direction.current = 'none';
|
|
22
24
|
setSwiping(true);
|
|
23
|
-
}, [onDelete, offset]);
|
|
25
|
+
}, [deleting, onDelete, offset]);
|
|
24
26
|
const onTouchMove = useCallback((e) => {
|
|
25
|
-
if (!swiping)
|
|
27
|
+
if (!swiping || deleting)
|
|
26
28
|
return;
|
|
27
29
|
const dx = e.touches[0].clientX - startX.current;
|
|
28
30
|
const dy = e.touches[0].clientY - startY.current;
|
|
@@ -38,7 +40,7 @@ function ListItem({ title, subtitle, leading, trailing, onPress, onDelete, class
|
|
|
38
40
|
return;
|
|
39
41
|
const next = Math.min(0, Math.max(-DELETE_WIDTH, currentOffset.current + dx));
|
|
40
42
|
setOffset(next);
|
|
41
|
-
}, [swiping]);
|
|
43
|
+
}, [deleting, swiping]);
|
|
42
44
|
const onTouchEnd = useCallback(() => {
|
|
43
45
|
if (!swiping)
|
|
44
46
|
return;
|
|
@@ -47,8 +49,21 @@ function ListItem({ title, subtitle, leading, trailing, onPress, onDelete, class
|
|
|
47
49
|
return;
|
|
48
50
|
setOffset(offset < -SWIPE_THRESHOLD / 2 ? -DELETE_WIDTH : 0);
|
|
49
51
|
}, [swiping, offset]);
|
|
52
|
+
const handleDeleteClick = useCallback(async () => {
|
|
53
|
+
if (!onDelete || deleting)
|
|
54
|
+
return;
|
|
55
|
+
setDeleting(true);
|
|
56
|
+
try {
|
|
57
|
+
await Promise.resolve(onDelete());
|
|
58
|
+
}
|
|
59
|
+
finally {
|
|
60
|
+
setDeleting(false);
|
|
61
|
+
setOffset(0);
|
|
62
|
+
direction.current = 'none';
|
|
63
|
+
}
|
|
64
|
+
}, [deleting, onDelete]);
|
|
50
65
|
const Comp = onPress ? 'button' : 'div';
|
|
51
|
-
return (_jsxs("div", { className: "relative overflow-hidden", children: [onDelete && offset < 0 && (_jsx("button", { type: "button", onClick:
|
|
66
|
+
return (_jsxs("div", { className: "relative overflow-hidden", children: [onDelete && offset < 0 && (_jsx("button", { type: "button", onClick: handleDeleteClick, disabled: deleting, className: "absolute right-0 top-0 bottom-0 flex items-center justify-center bg-negative text-text-highlight cursor-pointer disabled:cursor-default", style: { width: DELETE_WIDTH }, children: deleting ? _jsx(Loading, { size: 18, className: "text-text-highlight" }) : _jsx(IcEditTrash, { width: 20, height: 20 }) })), _jsxs(Comp, { type: onPress ? 'button' : undefined, onClick: deleting ? undefined : onPress, onTouchStart: onTouchStart, onTouchMove: onTouchMove, onTouchEnd: onTouchEnd, className: cn('flex items-center gap-4 w-full bg-surface p-4 text-left transition-colors relative', onPress && !deleting && 'cursor-pointer hover:bg-surface-light', className), style: {
|
|
52
67
|
transform: `translateX(${offset}px)`,
|
|
53
68
|
transition: swiping ? 'none' : 'transform 200ms ease',
|
|
54
69
|
}, children: [leading && _jsx("div", { className: "shrink-0", children: leading }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-[15px] tracking-[-0.15px] font-normal text-text truncate", children: title }), subtitle && _jsx("div", { className: "text-[13px] tracking-[-0.13px] text-text-dim mt-1 truncate", children: subtitle })] }), trailing && _jsx("div", { className: "shrink-0", children: trailing })] })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-item.js","sourceRoot":"","sources":["../../../web/components/list-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"list-item.js","sourceRoot":"","sources":["../../../web/components/list-item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
interface MultiSelectOption {
|
|
2
|
+
value: string;
|
|
3
|
+
label: string;
|
|
4
|
+
}
|
|
5
|
+
interface MultiSelectProps {
|
|
6
|
+
values: string[];
|
|
7
|
+
options: MultiSelectOption[];
|
|
8
|
+
onValuesChange: (values: string[]) => void;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
className?: string;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Custom multi-select dropdown with checkboxes. No native <select>.
|
|
15
|
+
*/
|
|
16
|
+
declare function MultiSelect({ values, options, onValuesChange, placeholder, className, disabled }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare namespace MultiSelect {
|
|
18
|
+
var displayName: string;
|
|
19
|
+
}
|
|
20
|
+
export { MultiSelect };
|
|
21
|
+
export type { MultiSelectProps, MultiSelectOption };
|
|
22
|
+
//# sourceMappingURL=multi-select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../../web/components/multi-select.tsx"],"names":[],"mappings":"AAIA,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,iBAAS,WAAW,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CA2F3G;kBA3FQ,WAAW;;;AA+FpB,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useRef, useEffect, useCallback } from 'react';
|
|
3
|
+
import { cn } from '../utils/cn';
|
|
4
|
+
import { IcStatusCheckbox, IcStatusSelectedBox } from '../icons/svg-icons';
|
|
5
|
+
/**
|
|
6
|
+
* Custom multi-select dropdown with checkboxes. No native <select>.
|
|
7
|
+
*/
|
|
8
|
+
function MultiSelect({ values, options, onValuesChange, placeholder, className, disabled }) {
|
|
9
|
+
const [open, setOpen] = useState(false);
|
|
10
|
+
const ref = useRef(null);
|
|
11
|
+
const selectedLabels = options
|
|
12
|
+
.filter((o) => values.includes(o.value))
|
|
13
|
+
.map((o) => o.label);
|
|
14
|
+
const displayText = selectedLabels.length > 0
|
|
15
|
+
? selectedLabels.join(', ')
|
|
16
|
+
: placeholder ?? 'Select...';
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
if (!open)
|
|
19
|
+
return;
|
|
20
|
+
const handler = (e) => {
|
|
21
|
+
if (ref.current && !ref.current.contains(e.target))
|
|
22
|
+
setOpen(false);
|
|
23
|
+
};
|
|
24
|
+
document.addEventListener('mousedown', handler);
|
|
25
|
+
return () => document.removeEventListener('mousedown', handler);
|
|
26
|
+
}, [open]);
|
|
27
|
+
useEffect(() => {
|
|
28
|
+
if (!open)
|
|
29
|
+
return;
|
|
30
|
+
const handler = (e) => { if (e.key === 'Escape')
|
|
31
|
+
setOpen(false); };
|
|
32
|
+
document.addEventListener('keydown', handler);
|
|
33
|
+
return () => document.removeEventListener('keydown', handler);
|
|
34
|
+
}, [open]);
|
|
35
|
+
const toggleValue = useCallback((v) => {
|
|
36
|
+
if (values.includes(v)) {
|
|
37
|
+
onValuesChange(values.filter((x) => x !== v));
|
|
38
|
+
}
|
|
39
|
+
else {
|
|
40
|
+
onValuesChange([...values, v]);
|
|
41
|
+
}
|
|
42
|
+
}, [values, onValuesChange]);
|
|
43
|
+
return (_jsxs("div", { ref: ref, className: cn('relative', className), style: { minWidth: 0 }, children: [_jsxs("button", { type: "button", disabled: disabled, onClick: () => !disabled && setOpen(!open), className: cn('h-9 w-full bg-input-bg text-text rounded-[6px] pl-3 pr-8 text-[13px] tracking-[-0.13px] text-left cursor-pointer border-none flex items-center', 'transition-colors hover:bg-surface-light', disabled && 'opacity-50 cursor-default', selectedLabels.length === 0 && 'text-text-dim'), children: [_jsx("span", { className: "truncate flex-1", children: displayText }), _jsx("svg", { className: "absolute right-3 top-1/2 text-text-dim shrink-0", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", style: { transform: open ? 'translateY(-50%) rotate(180deg)' : 'translateY(-50%)', transition: 'transform 150ms ease' }, children: _jsx("path", { d: "M2.5 3.75L5 6.25L7.5 3.75", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), open && (_jsx("div", { className: "absolute z-50 top-full left-0 right-0 mt-1 bg-surface rounded-[6px] border border-border overflow-hidden", style: { maxHeight: 200, overflowY: 'auto', boxShadow: '0 4px 12px rgba(0,0,0,0.1)' }, children: options.map((o) => {
|
|
44
|
+
const checked = values.includes(o.value);
|
|
45
|
+
return (_jsxs("button", { type: "button", className: cn('w-full text-left px-3 py-2 text-[13px] tracking-[-0.13px] cursor-pointer border-none transition-colors font-normal flex items-center gap-2', checked ? 'bg-accent/5' : 'bg-transparent hover:bg-surface-light'), onClick: () => toggleValue(o.value), children: [checked
|
|
46
|
+
? _jsx(IcStatusSelectedBox, { width: 18, height: 18, className: "shrink-0" })
|
|
47
|
+
: _jsx(IcStatusCheckbox, { width: 18, height: 18, className: "shrink-0 text-text-dim" }), _jsx("span", { className: "text-text", children: o.label })] }, o.value));
|
|
48
|
+
}) }))] }));
|
|
49
|
+
}
|
|
50
|
+
MultiSelect.displayName = 'MultiSelect';
|
|
51
|
+
export { MultiSelect };
|
|
52
|
+
//# sourceMappingURL=multi-select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"multi-select.js","sourceRoot":"","sources":["../../../web/components/multi-select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
interface PagedCarouselProps {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
currentIndex?: number;
|
|
5
|
+
defaultIndex?: number;
|
|
6
|
+
onIndexChange?: (index: number) => void;
|
|
7
|
+
className?: string;
|
|
8
|
+
viewportClassName?: string;
|
|
9
|
+
trackClassName?: string;
|
|
10
|
+
slideClassName?: string;
|
|
11
|
+
allowWheel?: boolean;
|
|
12
|
+
allowSwipe?: boolean;
|
|
13
|
+
}
|
|
14
|
+
interface CardCarouselProps extends PagedCarouselProps {
|
|
15
|
+
}
|
|
16
|
+
declare function PagedCarousel({ children, currentIndex, defaultIndex, onIndexChange, className, viewportClassName, trackClassName, slideClassName, allowWheel, allowSwipe, }: PagedCarouselProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare function CardCarousel(props: CardCarouselProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export { PagedCarousel, CardCarousel };
|
|
19
|
+
export type { PagedCarouselProps, CardCarouselProps };
|
|
20
|
+
//# sourceMappingURL=paged-carousel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"paged-carousel.d.ts","sourceRoot":"","sources":["../../../web/components/paged-carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,iBAAkB,SAAQ,kBAAkB;CAAG;AAsBzD,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,YAAY,EACZ,YAAgB,EAChB,aAAa,EACb,SAAS,EACT,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,UAAiB,EACjB,UAAiB,GAClB,EAAE,kBAAkB,2CAyIpB;AAED,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAS7C;AAED,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC;AACvC,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { cn } from '../utils/cn';
|
|
4
|
+
function useCarouselIndex(slideCount, currentIndex, defaultIndex, onIndexChange) {
|
|
5
|
+
const [internalIndex, setInternalIndex] = React.useState(defaultIndex ?? 0);
|
|
6
|
+
const controlled = typeof currentIndex === 'number';
|
|
7
|
+
const activeIndex = controlled ? currentIndex : internalIndex;
|
|
8
|
+
const setIndex = React.useCallback((nextIndex) => {
|
|
9
|
+
if (slideCount <= 0)
|
|
10
|
+
return;
|
|
11
|
+
const clamped = Math.max(0, Math.min(nextIndex, slideCount - 1));
|
|
12
|
+
if (!controlled)
|
|
13
|
+
setInternalIndex(clamped);
|
|
14
|
+
onIndexChange?.(clamped);
|
|
15
|
+
}, [controlled, onIndexChange, slideCount]);
|
|
16
|
+
return { activeIndex, setIndex };
|
|
17
|
+
}
|
|
18
|
+
function PagedCarousel({ children, currentIndex, defaultIndex = 0, onIndexChange, className, viewportClassName, trackClassName, slideClassName, allowWheel = true, allowSwipe = true, }) {
|
|
19
|
+
const slides = React.Children.toArray(children);
|
|
20
|
+
const slideCount = slides.length;
|
|
21
|
+
const { activeIndex, setIndex } = useCarouselIndex(slideCount, currentIndex, defaultIndex, onIndexChange);
|
|
22
|
+
const touchStartRef = React.useRef(null);
|
|
23
|
+
const pointerStartRef = React.useRef(null);
|
|
24
|
+
const wheelLockRef = React.useRef(0);
|
|
25
|
+
const moveBy = React.useCallback((delta) => {
|
|
26
|
+
setIndex(activeIndex + delta);
|
|
27
|
+
}, [activeIndex, setIndex]);
|
|
28
|
+
const handleTouchStart = React.useCallback((event) => {
|
|
29
|
+
if (!allowSwipe)
|
|
30
|
+
return;
|
|
31
|
+
const touch = event.touches[0];
|
|
32
|
+
touchStartRef.current = { x: touch.clientX, y: touch.clientY };
|
|
33
|
+
}, [allowSwipe]);
|
|
34
|
+
const handleTouchMove = React.useCallback((event) => {
|
|
35
|
+
if (!allowSwipe)
|
|
36
|
+
return;
|
|
37
|
+
const start = touchStartRef.current;
|
|
38
|
+
const touch = event.touches[0];
|
|
39
|
+
if (!start || !touch)
|
|
40
|
+
return;
|
|
41
|
+
const deltaX = touch.clientX - start.x;
|
|
42
|
+
const deltaY = touch.clientY - start.y;
|
|
43
|
+
if (Math.abs(deltaX) < 32 || Math.abs(deltaX) <= Math.abs(deltaY))
|
|
44
|
+
return;
|
|
45
|
+
touchStartRef.current = null;
|
|
46
|
+
event.preventDefault();
|
|
47
|
+
if (deltaX < 0)
|
|
48
|
+
moveBy(1);
|
|
49
|
+
else
|
|
50
|
+
moveBy(-1);
|
|
51
|
+
}, [allowSwipe, moveBy]);
|
|
52
|
+
const handleTouchEnd = React.useCallback((event) => {
|
|
53
|
+
if (!allowSwipe)
|
|
54
|
+
return;
|
|
55
|
+
const start = touchStartRef.current;
|
|
56
|
+
const touch = event.changedTouches[0];
|
|
57
|
+
touchStartRef.current = null;
|
|
58
|
+
if (!start || !touch)
|
|
59
|
+
return;
|
|
60
|
+
const deltaX = touch.clientX - start.x;
|
|
61
|
+
const deltaY = touch.clientY - start.y;
|
|
62
|
+
if (Math.abs(deltaX) < 32 || Math.abs(deltaX) <= Math.abs(deltaY))
|
|
63
|
+
return;
|
|
64
|
+
if (deltaX < 0)
|
|
65
|
+
moveBy(1);
|
|
66
|
+
else
|
|
67
|
+
moveBy(-1);
|
|
68
|
+
}, [allowSwipe, moveBy]);
|
|
69
|
+
const handlePointerDown = React.useCallback((event) => {
|
|
70
|
+
if (!allowSwipe)
|
|
71
|
+
return;
|
|
72
|
+
if (event.pointerType !== 'mouse' && event.pointerType !== 'pen')
|
|
73
|
+
return;
|
|
74
|
+
event.currentTarget.setPointerCapture?.(event.pointerId);
|
|
75
|
+
pointerStartRef.current = { x: event.clientX, y: event.clientY };
|
|
76
|
+
}, [allowSwipe]);
|
|
77
|
+
const handlePointerMove = React.useCallback((event) => {
|
|
78
|
+
if (!allowSwipe)
|
|
79
|
+
return;
|
|
80
|
+
const start = pointerStartRef.current;
|
|
81
|
+
if (!start)
|
|
82
|
+
return;
|
|
83
|
+
const deltaX = event.clientX - start.x;
|
|
84
|
+
const deltaY = event.clientY - start.y;
|
|
85
|
+
if (Math.abs(deltaX) < 32 || Math.abs(deltaX) <= Math.abs(deltaY))
|
|
86
|
+
return;
|
|
87
|
+
pointerStartRef.current = null;
|
|
88
|
+
if (deltaX < 0)
|
|
89
|
+
moveBy(1);
|
|
90
|
+
else
|
|
91
|
+
moveBy(-1);
|
|
92
|
+
}, [allowSwipe, moveBy]);
|
|
93
|
+
const handlePointerUp = React.useCallback((event) => {
|
|
94
|
+
if (!allowSwipe)
|
|
95
|
+
return;
|
|
96
|
+
const start = pointerStartRef.current;
|
|
97
|
+
pointerStartRef.current = null;
|
|
98
|
+
if (!start)
|
|
99
|
+
return;
|
|
100
|
+
const deltaX = event.clientX - start.x;
|
|
101
|
+
const deltaY = event.clientY - start.y;
|
|
102
|
+
if (Math.abs(deltaX) < 32 || Math.abs(deltaX) <= Math.abs(deltaY))
|
|
103
|
+
return;
|
|
104
|
+
if (deltaX < 0)
|
|
105
|
+
moveBy(1);
|
|
106
|
+
else
|
|
107
|
+
moveBy(-1);
|
|
108
|
+
}, [allowSwipe, moveBy]);
|
|
109
|
+
const handleWheel = React.useCallback((event) => {
|
|
110
|
+
if (!allowWheel)
|
|
111
|
+
return;
|
|
112
|
+
if (Math.abs(event.deltaX) < 18 || Math.abs(event.deltaX) <= Math.abs(event.deltaY))
|
|
113
|
+
return;
|
|
114
|
+
const now = Date.now();
|
|
115
|
+
if (now - wheelLockRef.current < 280)
|
|
116
|
+
return;
|
|
117
|
+
wheelLockRef.current = now;
|
|
118
|
+
event.preventDefault();
|
|
119
|
+
if (event.deltaX > 0)
|
|
120
|
+
moveBy(1);
|
|
121
|
+
else
|
|
122
|
+
moveBy(-1);
|
|
123
|
+
}, [allowWheel, moveBy]);
|
|
124
|
+
const handleKeyDown = React.useCallback((event) => {
|
|
125
|
+
if (event.key === 'ArrowRight') {
|
|
126
|
+
event.preventDefault();
|
|
127
|
+
moveBy(1);
|
|
128
|
+
}
|
|
129
|
+
else if (event.key === 'ArrowLeft') {
|
|
130
|
+
event.preventDefault();
|
|
131
|
+
moveBy(-1);
|
|
132
|
+
}
|
|
133
|
+
}, [moveBy]);
|
|
134
|
+
return (_jsx("div", { className: cn('min-w-0', className), children: _jsx("div", { role: "region", "aria-roledescription": "carousel", tabIndex: 0, onKeyDown: handleKeyDown, onWheel: handleWheel, onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, className: cn('min-w-0 overflow-hidden outline-none', viewportClassName), style: { touchAction: 'none' }, children: _jsx("div", { className: cn('min-w-0', trackClassName), children: _jsx("div", { className: cn('w-full min-w-0', slideClassName), "aria-hidden": false, children: slides[activeIndex] ?? null }, activeIndex) }) }) }));
|
|
135
|
+
}
|
|
136
|
+
function CardCarousel(props) {
|
|
137
|
+
return (_jsx(PagedCarousel, { ...props, className: cn('min-w-0', props.className), viewportClassName: cn('rounded-[6px]', props.viewportClassName), slideClassName: cn('min-w-0', props.slideClassName) }));
|
|
138
|
+
}
|
|
139
|
+
export { PagedCarousel, CardCarousel };
|
|
140
|
+
//# sourceMappingURL=paged-carousel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"paged-carousel.js","sourceRoot":"","sources":["../../../web/components/paged-carousel.tsx"],"names":[],"mappings":"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"}
|