@scaleflex/uploader 0.2.1 → 0.2.3
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/.claude/skills/integrate-uploader/SKILL.md +458 -0
- package/README.md +30 -0
- package/dist/components/drop-zone.d.ts +1 -0
- package/dist/components/drop-zone.d.ts.map +1 -1
- package/dist/components/file-item.d.ts +1 -0
- package/dist/components/file-item.d.ts.map +1 -1
- package/dist/components/file-list.d.ts +13 -0
- package/dist/components/file-list.d.ts.map +1 -1
- package/dist/components/success-card.d.ts +4 -0
- package/dist/components/success-card.d.ts.map +1 -1
- package/dist/define.cjs +1 -1
- package/dist/define.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/{provider-browser-ixqCA0XP.js → provider-browser-CMbbN8PZ.js} +1 -1
- package/dist/{provider-browser-yW3pZFSP.cjs → provider-browser-DbjyF_Ou.cjs} +1 -1
- package/dist/react.cjs +1 -1
- package/dist/react.d.ts +12 -0
- package/dist/react.d.ts.map +1 -1
- package/dist/react.js +95 -60
- package/dist/{search-provider-browser-B5ZWGUl8.js → search-provider-browser-9oZjABnB.js} +1 -1
- package/dist/{search-provider-browser-BrKVwGf_.cjs → search-provider-browser-KQs6JI8u.cjs} +1 -1
- package/dist/{sfx-uploader-CU9IwNC7.js → sfx-uploader-DTfESjzm.js} +3765 -2475
- package/dist/sfx-uploader-DXyLpoIJ.cjs +4407 -0
- package/dist/sfx-uploader.d.ts +39 -4
- package/dist/sfx-uploader.d.ts.map +1 -1
- package/dist/store/store.types.d.ts +2 -0
- package/dist/store/store.types.d.ts.map +1 -1
- package/dist/test-utils.d.ts.map +1 -1
- package/dist/utils/file-utils.d.ts +2 -0
- package/dist/utils/file-utils.d.ts.map +1 -1
- package/package.json +2 -1
- package/dist/sfx-uploader-ziRTzw0k.cjs +0 -3298
package/dist/react.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");typeof customElements<"u"&&Promise.resolve().then(()=>require("./define.cjs"));const ie=n.forwardRef(function({config:H,open:D,onFileAdded:I,onFileRemoved:S,onFileRejected:U,onUploadStarted:k,onUploadProgress:z,onUploadComplete:G,onUploadError:J,onUploadRetry:K,onAllComplete:N,onTotalProgress:O,onOpen:Q,onClose:R,onCancel:T,onBeforeUpload:V,onFilePreview:W,onFillMetadata:X,onCompleteAction:Y,className:le,style:ae},de){const l=n.useRef(null),i=n.useRef(I),f=n.useRef(S),o=n.useRef(U),v=n.useRef(k),p=n.useRef(z),E=n.useRef(G),L=n.useRef(J),x=n.useRef(K),m=n.useRef(N),h=n.useRef(O),g=n.useRef(Q),y=n.useRef(R),F=n.useRef(T),b=n.useRef(V),M=n.useRef(W),j=n.useRef(X),q=n.useRef(Y);return n.useLayoutEffect(()=>{i.current=I,f.current=S,o.current=U,v.current=k,p.current=z,E.current=G,L.current=J,x.current=K,m.current=N,h.current=O,g.current=Q,y.current=R,F.current=T,b.current=V,M.current=W,j.current=X,q.current=Y}),n.useImperativeHandle(de,()=>({get element(){return l.current},open(){var e;(e=l.current)==null||e.open()},close(){var e;(e=l.current)==null||e.close()},upload(){var e;(e=l.current)==null||e.upload()},addFiles(e){var u;(u=l.current)==null||u.addFiles(e)},resumeUpload(e){var u;(u=l.current)==null||u.resumeUpload(e)},cancelUpload(){var e;(e=l.current)==null||e.cancelUpload()},getFiles(){var e;return((e=l.current)==null?void 0:e.getFiles())??[]},getFile(e){var u;return(u=l.current)==null?void 0:u.getFile(e)},updateFileMeta(e,u,w){var a;(a=l.current)==null||a.updateFileMeta(e,u,w)},updateFilesMeta(e){var u;(u=l.current)==null||u.updateFilesMeta(e)}})),n.useLayoutEffect(()=>{const e=l.current;e&&(e.config=H)},[H]),n.useEffect(()=>{const e=l.current;e&&(D===!0?e.open():D===!1&&e.close())},[D]),n.useEffect(()=>{const e=l.current;if(!e)return;const u=t=>{var r;const{file:s}=t.detail;(r=i.current)==null||r.call(i,s)},w=t=>{var r;const{file:s}=t.detail;(r=f.current)==null||r.call(f,s)},a=t=>{var c;const{file:s,reason:r}=t.detail;(c=o.current)==null||c.call(o,s,r)},Z=t=>{var r;const{files:s}=t.detail;(r=v.current)==null||r.call(v,s)},_=t=>{var d;const{file:s,progress:r,speed:c}=t.detail;(d=p.current)==null||d.call(p,s,r,c)},$=t=>{var c;const{file:s,response:r}=t.detail;(c=E.current)==null||c.call(E,s,r)},B=t=>{var c;const{file:s,error:r}=t.detail;(c=L.current)==null||c.call(L,s,r)},P=t=>{var c;const{successful:s,failed:r}=t.detail;(c=m.current)==null||c.call(m,s,r)},A=t=>{var c;const{file:s,attempt:r}=t.detail;(c=x.current)==null||c.call(x,s,r)},C=t=>{var d;const{percentage:s,speed:r,eta:c}=t.detail;(d=h.current)==null||d.call(h,s,r,c)},ee=()=>{var t;(t=g.current)==null||t.call(g)},te=()=>{var t;(t=y.current)==null||t.call(y)},re=()=>{var t;(t=F.current)==null||t.call(F)},se=t=>{var c;const{files:s}=t.detail;((c=b.current)==null?void 0:c.call(b,s))===!1&&t.preventDefault()},ne=t=>{var r;const{file:s}=t.detail;(r=M.current)==null||r.call(M,s)},ce=t=>{var r;const{files:s}=t.detail;(r=j.current)==null||r.call(j,s)},ue=()=>{var t;(t=q.current)==null||t.call(q)};return e.addEventListener("sfx-file-added",u),e.addEventListener("sfx-file-removed",w),e.addEventListener("sfx-file-rejected",a),e.addEventListener("sfx-upload-started",Z),e.addEventListener("sfx-upload-progress",_),e.addEventListener("sfx-upload-complete",$),e.addEventListener("sfx-upload-error",B),e.addEventListener("sfx-upload-retry",A),e.addEventListener("sfx-all-complete",P),e.addEventListener("sfx-total-progress",C),e.addEventListener("sfx-open",ee),e.addEventListener("sfx-close",te),e.addEventListener("sfx-cancel",re),e.addEventListener("sfx-before-upload",se),e.addEventListener("sfx-file-preview",ne),e.addEventListener("sfx-fill-metadata",ce),e.addEventListener("sfx-complete-action",ue),()=>{e.removeEventListener("sfx-file-added",u),e.removeEventListener("sfx-file-removed",w),e.removeEventListener("sfx-file-rejected",a),e.removeEventListener("sfx-upload-started",Z),e.removeEventListener("sfx-upload-progress",_),e.removeEventListener("sfx-upload-complete",$),e.removeEventListener("sfx-upload-error",B),e.removeEventListener("sfx-upload-retry",A),e.removeEventListener("sfx-all-complete",P),e.removeEventListener("sfx-total-progress",C),e.removeEventListener("sfx-open",ee),e.removeEventListener("sfx-close",te),e.removeEventListener("sfx-cancel",re),e.removeEventListener("sfx-before-upload",se),e.removeEventListener("sfx-file-preview",ne),e.removeEventListener("sfx-fill-metadata",ce),e.removeEventListener("sfx-complete-action",ue)}},[]),n.createElement("sfx-uploader",{ref:l,className:le,style:ae})});exports.Uploader=ie;
|
package/dist/react.d.ts
CHANGED
|
@@ -9,6 +9,14 @@ export interface UploaderRef {
|
|
|
9
9
|
addFiles(files: File[]): void;
|
|
10
10
|
resumeUpload(files?: UploadFile[]): void;
|
|
11
11
|
cancelUpload(): void;
|
|
12
|
+
getFiles(): UploadFile[];
|
|
13
|
+
getFile(fileId: string): UploadFile | undefined;
|
|
14
|
+
updateFileMeta(fileId: string, meta?: Record<string, unknown>, tags?: string[]): void;
|
|
15
|
+
updateFilesMeta(updates: Array<{
|
|
16
|
+
fileId: string;
|
|
17
|
+
meta?: Record<string, unknown>;
|
|
18
|
+
tags?: string[];
|
|
19
|
+
}>): void;
|
|
12
20
|
}
|
|
13
21
|
export interface UploaderProps {
|
|
14
22
|
config: UploaderConfig;
|
|
@@ -26,6 +34,10 @@ export interface UploaderProps {
|
|
|
26
34
|
onOpen?: () => void;
|
|
27
35
|
onClose?: () => void;
|
|
28
36
|
onCancel?: () => void;
|
|
37
|
+
onBeforeUpload?: (files: UploadFile[]) => boolean | void;
|
|
38
|
+
onFilePreview?: (file: UploadFile) => void;
|
|
39
|
+
onFillMetadata?: (files: UploadFile[]) => void;
|
|
40
|
+
onCompleteAction?: () => void;
|
|
29
41
|
className?: string;
|
|
30
42
|
style?: CSSProperties;
|
|
31
43
|
}
|
package/dist/react.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,WAAW,IAAI,kBAAkB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACxF,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAOtE,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACnC,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;IACd,MAAM,IAAI,IAAI,CAAC;IACf,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IACzC,YAAY,IAAI,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"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"}
|
package/dist/react.js
CHANGED
|
@@ -1,29 +1,33 @@
|
|
|
1
|
-
import { forwardRef as
|
|
1
|
+
import { forwardRef as fe, useRef as c, useLayoutEffect as de, useImperativeHandle as ve, useEffect as ae, createElement as pe } from "react";
|
|
2
2
|
typeof customElements < "u" && import("./define.js");
|
|
3
|
-
const
|
|
3
|
+
const Le = fe(
|
|
4
4
|
function({
|
|
5
|
-
config:
|
|
6
|
-
open:
|
|
7
|
-
onFileAdded:
|
|
8
|
-
onFileRemoved:
|
|
9
|
-
onFileRejected:
|
|
10
|
-
onUploadStarted:
|
|
11
|
-
onUploadProgress:
|
|
12
|
-
onUploadComplete:
|
|
13
|
-
onUploadError:
|
|
14
|
-
onUploadRetry:
|
|
15
|
-
onAllComplete:
|
|
16
|
-
onTotalProgress:
|
|
17
|
-
onOpen:
|
|
18
|
-
onClose:
|
|
19
|
-
onCancel:
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
5
|
+
config: I,
|
|
6
|
+
open: H,
|
|
7
|
+
onFileAdded: k,
|
|
8
|
+
onFileRemoved: q,
|
|
9
|
+
onFileRejected: z,
|
|
10
|
+
onUploadStarted: G,
|
|
11
|
+
onUploadProgress: J,
|
|
12
|
+
onUploadComplete: K,
|
|
13
|
+
onUploadError: N,
|
|
14
|
+
onUploadRetry: Q,
|
|
15
|
+
onAllComplete: U,
|
|
16
|
+
onTotalProgress: V,
|
|
17
|
+
onOpen: W,
|
|
18
|
+
onClose: X,
|
|
19
|
+
onCancel: Y,
|
|
20
|
+
onBeforeUpload: Z,
|
|
21
|
+
onFilePreview: _,
|
|
22
|
+
onFillMetadata: $,
|
|
23
|
+
onCompleteAction: B,
|
|
24
|
+
className: ue,
|
|
25
|
+
style: ie
|
|
26
|
+
}, oe) {
|
|
27
|
+
const d = c(null), i = c(k), o = c(q), f = c(z), v = c(G), p = c(J), E = c(K), x = c(N), L = c(Q), m = c(U), h = c(V), g = c(W), F = c(X), y = c(Y), M = c(Z), b = c(_), w = c($), j = c(B);
|
|
28
|
+
return de(() => {
|
|
29
|
+
i.current = k, o.current = q, f.current = z, v.current = G, p.current = J, E.current = K, x.current = N, L.current = Q, m.current = U, h.current = V, g.current = W, F.current = X, y.current = Y, M.current = Z, b.current = _, w.current = $, j.current = B;
|
|
30
|
+
}), ve(oe, () => ({
|
|
27
31
|
get element() {
|
|
28
32
|
return d.current;
|
|
29
33
|
},
|
|
@@ -50,76 +54,107 @@ const ce = ee(
|
|
|
50
54
|
cancelUpload() {
|
|
51
55
|
var e;
|
|
52
56
|
(e = d.current) == null || e.cancelUpload();
|
|
57
|
+
},
|
|
58
|
+
getFiles() {
|
|
59
|
+
var e;
|
|
60
|
+
return ((e = d.current) == null ? void 0 : e.getFiles()) ?? [];
|
|
61
|
+
},
|
|
62
|
+
getFile(e) {
|
|
63
|
+
var l;
|
|
64
|
+
return (l = d.current) == null ? void 0 : l.getFile(e);
|
|
65
|
+
},
|
|
66
|
+
updateFileMeta(e, l, D) {
|
|
67
|
+
var a;
|
|
68
|
+
(a = d.current) == null || a.updateFileMeta(e, l, D);
|
|
69
|
+
},
|
|
70
|
+
updateFilesMeta(e) {
|
|
71
|
+
var l;
|
|
72
|
+
(l = d.current) == null || l.updateFilesMeta(e);
|
|
53
73
|
}
|
|
54
|
-
})),
|
|
74
|
+
})), de(() => {
|
|
55
75
|
const e = d.current;
|
|
56
|
-
e && (e.config =
|
|
57
|
-
}, [
|
|
76
|
+
e && (e.config = I);
|
|
77
|
+
}, [I]), ae(() => {
|
|
58
78
|
const e = d.current;
|
|
59
|
-
e && (
|
|
60
|
-
}, [
|
|
79
|
+
e && (H === !0 ? e.open() : H === !1 && e.close());
|
|
80
|
+
}, [H]), ae(() => {
|
|
61
81
|
const e = d.current;
|
|
62
82
|
if (!e) return;
|
|
63
83
|
const l = (t) => {
|
|
64
84
|
var r;
|
|
65
85
|
const { file: n } = t.detail;
|
|
66
|
-
(r =
|
|
67
|
-
},
|
|
86
|
+
(r = i.current) == null || r.call(i, n);
|
|
87
|
+
}, D = (t) => {
|
|
68
88
|
var r;
|
|
69
89
|
const { file: n } = t.detail;
|
|
70
|
-
(r =
|
|
71
|
-
},
|
|
90
|
+
(r = o.current) == null || r.call(o, n);
|
|
91
|
+
}, a = (t) => {
|
|
72
92
|
var s;
|
|
73
93
|
const { file: n, reason: r } = t.detail;
|
|
74
|
-
(s =
|
|
75
|
-
},
|
|
94
|
+
(s = f.current) == null || s.call(f, n, r);
|
|
95
|
+
}, O = (t) => {
|
|
76
96
|
var r;
|
|
77
97
|
const { files: n } = t.detail;
|
|
78
|
-
(r =
|
|
79
|
-
},
|
|
80
|
-
var
|
|
98
|
+
(r = v.current) == null || r.call(v, n);
|
|
99
|
+
}, S = (t) => {
|
|
100
|
+
var u;
|
|
81
101
|
const { file: n, progress: r, speed: s } = t.detail;
|
|
82
|
-
(
|
|
83
|
-
},
|
|
102
|
+
(u = p.current) == null || u.call(p, n, r, s);
|
|
103
|
+
}, T = (t) => {
|
|
84
104
|
var s;
|
|
85
105
|
const { file: n, response: r } = t.detail;
|
|
86
|
-
(s =
|
|
87
|
-
},
|
|
106
|
+
(s = E.current) == null || s.call(E, n, r);
|
|
107
|
+
}, A = (t) => {
|
|
88
108
|
var s;
|
|
89
109
|
const { file: n, error: r } = t.detail;
|
|
90
|
-
(s =
|
|
91
|
-
},
|
|
110
|
+
(s = x.current) == null || s.call(x, n, r);
|
|
111
|
+
}, P = (t) => {
|
|
92
112
|
var s;
|
|
93
113
|
const { successful: n, failed: r } = t.detail;
|
|
94
114
|
(s = m.current) == null || s.call(m, n, r);
|
|
95
|
-
},
|
|
115
|
+
}, C = (t) => {
|
|
96
116
|
var s;
|
|
97
117
|
const { file: n, attempt: r } = t.detail;
|
|
98
|
-
(s =
|
|
99
|
-
},
|
|
100
|
-
var
|
|
118
|
+
(s = L.current) == null || s.call(L, n, r);
|
|
119
|
+
}, R = (t) => {
|
|
120
|
+
var u;
|
|
101
121
|
const { percentage: n, speed: r, eta: s } = t.detail;
|
|
102
|
-
(
|
|
103
|
-
},
|
|
104
|
-
var t;
|
|
105
|
-
(t = h.current) == null || t.call(h);
|
|
106
|
-
}, O = () => {
|
|
122
|
+
(u = h.current) == null || u.call(h, n, r, s);
|
|
123
|
+
}, ee = () => {
|
|
107
124
|
var t;
|
|
108
125
|
(t = g.current) == null || t.call(g);
|
|
109
|
-
},
|
|
126
|
+
}, te = () => {
|
|
127
|
+
var t;
|
|
128
|
+
(t = F.current) == null || t.call(F);
|
|
129
|
+
}, re = () => {
|
|
110
130
|
var t;
|
|
111
131
|
(t = y.current) == null || t.call(y);
|
|
132
|
+
}, ne = (t) => {
|
|
133
|
+
var s;
|
|
134
|
+
const { files: n } = t.detail;
|
|
135
|
+
((s = M.current) == null ? void 0 : s.call(M, n)) === !1 && t.preventDefault();
|
|
136
|
+
}, se = (t) => {
|
|
137
|
+
var r;
|
|
138
|
+
const { file: n } = t.detail;
|
|
139
|
+
(r = b.current) == null || r.call(b, n);
|
|
140
|
+
}, ce = (t) => {
|
|
141
|
+
var r;
|
|
142
|
+
const { files: n } = t.detail;
|
|
143
|
+
(r = w.current) == null || r.call(w, n);
|
|
144
|
+
}, le = () => {
|
|
145
|
+
var t;
|
|
146
|
+
(t = j.current) == null || t.call(j);
|
|
112
147
|
};
|
|
113
|
-
return e.addEventListener("sfx-file-added", l), e.addEventListener("sfx-file-removed",
|
|
114
|
-
e.removeEventListener("sfx-file-added", l), e.removeEventListener("sfx-file-removed",
|
|
148
|
+
return e.addEventListener("sfx-file-added", l), e.addEventListener("sfx-file-removed", D), e.addEventListener("sfx-file-rejected", a), e.addEventListener("sfx-upload-started", O), e.addEventListener("sfx-upload-progress", S), e.addEventListener("sfx-upload-complete", T), e.addEventListener("sfx-upload-error", A), e.addEventListener("sfx-upload-retry", C), e.addEventListener("sfx-all-complete", P), e.addEventListener("sfx-total-progress", R), e.addEventListener("sfx-open", ee), e.addEventListener("sfx-close", te), e.addEventListener("sfx-cancel", re), e.addEventListener("sfx-before-upload", ne), e.addEventListener("sfx-file-preview", se), e.addEventListener("sfx-fill-metadata", ce), e.addEventListener("sfx-complete-action", le), () => {
|
|
149
|
+
e.removeEventListener("sfx-file-added", l), e.removeEventListener("sfx-file-removed", D), e.removeEventListener("sfx-file-rejected", a), e.removeEventListener("sfx-upload-started", O), e.removeEventListener("sfx-upload-progress", S), e.removeEventListener("sfx-upload-complete", T), e.removeEventListener("sfx-upload-error", A), e.removeEventListener("sfx-upload-retry", C), e.removeEventListener("sfx-all-complete", P), e.removeEventListener("sfx-total-progress", R), e.removeEventListener("sfx-open", ee), e.removeEventListener("sfx-close", te), e.removeEventListener("sfx-cancel", re), e.removeEventListener("sfx-before-upload", ne), e.removeEventListener("sfx-file-preview", se), e.removeEventListener("sfx-fill-metadata", ce), e.removeEventListener("sfx-complete-action", le);
|
|
115
150
|
};
|
|
116
|
-
}, []),
|
|
151
|
+
}, []), pe("sfx-uploader", {
|
|
117
152
|
ref: d,
|
|
118
|
-
className:
|
|
119
|
-
style:
|
|
153
|
+
className: ue,
|
|
154
|
+
style: ie
|
|
120
155
|
});
|
|
121
156
|
}
|
|
122
157
|
);
|
|
123
158
|
export {
|
|
124
|
-
|
|
159
|
+
Le as Uploader
|
|
125
160
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { LitElement as x, css as g, html as s, nothing as d } from "lit";
|
|
2
2
|
import { property as f, state as n } from "lit/decorators.js";
|
|
3
|
-
import { m as b, s as u } from "./sfx-uploader-
|
|
3
|
+
import { m as b, s as u } from "./sfx-uploader-DTfESjzm.js";
|
|
4
4
|
var m = Object.defineProperty, a = (c, r, e, t) => {
|
|
5
5
|
for (var i = void 0, l = c.length - 1, h; l >= 0; l--)
|
|
6
6
|
(h = c[l]) && (i = h(r, e, i) || i);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("lit"),a=require("lit/decorators.js"),l=require("./sfx-uploader-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("lit"),a=require("lit/decorators.js"),l=require("./sfx-uploader-DXyLpoIJ.cjs");var u=Object.defineProperty,n=(c,r,e,s)=>{for(var i=void 0,d=c.length-1,h;d>=0;d--)(h=c[d])&&(i=h(r,e,i)||i);return i&&u(r,e,i),i};const p=class p extends t.LitElement{constructor(){super(...arguments),this.provider="unsplash",this.companionUrl="",this._loading=!1,this._loadingMore=!1,this._items=[],this._selectedIds=new Set,this._error=null,this._searchQuery="",this._nextPageQuery=null,this._searched=!1,this._onResultsScroll=r=>{if(!this._nextPageQuery||this._loadingMore)return;const e=r.target;e.scrollHeight-e.scrollTop-e.clientHeight<200&&this._onLoadMore()},this._onSearchInput=r=>{this._searchQuery=r.target.value},this._onSearchKeydown=r=>{r.key==="Enter"&&this._doSearch()},this._onAddSelected=()=>{const e=this._items.filter(s=>this._selectedIds.has(s.id)).map(s=>({companionUrl:this.companionUrl,provider:this.provider,token:"",requestPath:s.requestPath,fileId:s.id,name:s.name||s.id,mimeType:s.mimeType,size:s.size,thumbnail:s.thumbnail}));this.dispatchEvent(new CustomEvent("connector-files-selected",{detail:{files:e},bubbles:!0,composed:!0}))},this._onClose=()=>{this.dispatchEvent(new CustomEvent("connector-close",{bubbles:!0,composed:!0}))}}get _providerLabel(){var e;return((e=l.getProviderSources([this.provider])[0])==null?void 0:e.label)??this.provider}async _doSearch(){const r=this._searchQuery.trim();if(r){this._loading=!0,this._error=null,this._items=[],this._selectedIds=new Set,this._nextPageQuery=null,this._searched=!0;try{const e=await l.searchProvider(this.companionUrl,this.provider,r),s=new Set;this._items=e.items.filter(i=>s.has(i.id)?!1:(s.add(i.id),!0)),this._nextPageQuery=e.nextPageQuery}catch(e){this._error=e instanceof Error?e.message:"Search failed"}finally{this._loading=!1}}}async _onLoadMore(){if(!(!this._nextPageQuery||this._loadingMore)){this._loadingMore=!0;try{const r=await l.searchProvider(this.companionUrl,this.provider,this._searchQuery.trim(),this._nextPageQuery),e=new Set(this._items.map(i=>i.id)),s=r.items.filter(i=>!e.has(i.id));this._items=[...this._items,...s],this._nextPageQuery=r.nextPageQuery}catch{}finally{this._loadingMore=!1}}}_toggleSelect(r){const e=new Set(this._selectedIds);e.has(r.id)?e.delete(r.id):e.add(r.id),this._selectedIds=e}render(){return t.html`
|
|
2
2
|
${this._renderHeader()}
|
|
3
3
|
${this._renderSearchBar()}
|
|
4
4
|
${this._loading?this._renderLoading():this._error?this._renderError():this._renderResults()}
|