@uploadcare/file-uploader 1.1.1 → 1.3.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -7
- package/abstract/ActivityBlock.d.ts +1 -1
- package/abstract/ActivityBlock.d.ts.map +1 -1
- package/abstract/ActivityBlock.js +2 -0
- package/abstract/Block.d.ts +6 -11
- package/abstract/Block.d.ts.map +1 -1
- package/abstract/Block.js +37 -18
- package/abstract/CTX.d.ts +6 -6
- package/abstract/CTX.d.ts.map +1 -1
- package/abstract/LocaleManager.d.ts +3 -3
- package/abstract/SecureUploadsManager.d.ts +2 -2
- package/abstract/SecureUploadsManager.d.ts.map +1 -1
- package/abstract/SolutionBlock.d.ts +2 -2
- package/abstract/SolutionBlock.d.ts.map +1 -1
- package/abstract/TypedCollection.d.ts +1 -1
- package/abstract/TypedCollection.d.ts.map +1 -1
- package/abstract/TypedCollection.js +4 -4
- package/abstract/TypedData.d.ts +2 -2
- package/abstract/TypedData.d.ts.map +1 -1
- package/abstract/TypedData.js +4 -4
- package/abstract/UploaderBlock.d.ts +5 -5
- package/abstract/UploaderBlock.d.ts.map +1 -1
- package/abstract/UploaderBlock.js +5 -5
- package/abstract/UploaderPublicApi.d.ts +22 -21
- package/abstract/UploaderPublicApi.d.ts.map +1 -1
- package/abstract/UploaderPublicApi.js +3 -3
- package/abstract/ValidationManager.d.ts +3 -3
- package/abstract/ValidationManager.d.ts.map +1 -1
- package/abstract/a11y.d.ts +2 -2
- package/abstract/a11y.d.ts.map +1 -1
- package/abstract/bindCompatibilityFallbackProcessor.d.ts +3 -0
- package/abstract/bindCompatibilityFallbackProcessor.d.ts.map +1 -0
- package/abstract/bindCompatibilityFallbackProcessor.js +16 -0
- package/abstract/buildOutputCollectionState.d.ts +1 -1
- package/abstract/buildOutputCollectionState.d.ts.map +1 -1
- package/abstract/defineComponents.d.ts +5 -0
- package/abstract/defineComponents.d.ts.map +1 -0
- package/abstract/{registerBlocks.js → defineComponents.js} +6 -1
- package/abstract/l10nProcessor.d.ts.map +1 -1
- package/abstract/l10nProcessor.js +3 -3
- package/abstract/loadFileUploaderFrom.d.ts +8 -0
- package/abstract/loadFileUploaderFrom.d.ts.map +1 -0
- package/abstract/{connectBlocksFrom.js → loadFileUploaderFrom.js} +4 -4
- package/abstract/localeRegistry.d.ts.map +1 -1
- package/abstract/sharedConfigKey.d.ts.map +1 -1
- package/abstract/uploadEntrySchema.d.ts +2 -2
- package/abstract/uploadEntrySchema.d.ts.map +1 -1
- package/abstract/uploadEntrySchema.js +1 -1
- package/blocks/CameraSource/CameraSource.d.ts.map +1 -1
- package/blocks/CameraSource/CameraSource.js +12 -11
- package/blocks/CloudImageEditor/src/CloudImageEditorBlock.d.ts.map +1 -1
- package/blocks/CloudImageEditor/src/CropFrame.d.ts +11 -11
- package/blocks/CloudImageEditor/src/CropFrame.d.ts.map +1 -1
- package/blocks/CloudImageEditor/src/CropFrame.js +2 -1
- package/blocks/CloudImageEditor/src/EditorButtonControl.d.ts.map +1 -1
- package/blocks/CloudImageEditor/src/EditorButtonControl.js +3 -2
- package/blocks/CloudImageEditor/src/EditorCropButtonControl.js +1 -1
- package/blocks/CloudImageEditor/src/EditorFilterControl.d.ts.map +1 -1
- package/blocks/CloudImageEditor/src/EditorFilterControl.js +4 -3
- package/blocks/CloudImageEditor/src/EditorImageCropper.d.ts +3 -3
- package/blocks/CloudImageEditor/src/EditorImageCropper.js +2 -2
- package/blocks/CloudImageEditor/src/EditorImageFader.d.ts +1 -1
- package/blocks/CloudImageEditor/src/EditorImageFader.d.ts.map +1 -1
- package/blocks/CloudImageEditor/src/EditorOperationControl.js +1 -1
- package/blocks/CloudImageEditor/src/EditorScroller.d.ts.map +1 -1
- package/blocks/CloudImageEditor/src/EditorScroller.js +2 -1
- package/blocks/CloudImageEditor/src/EditorSlider.d.ts.map +1 -1
- package/blocks/CloudImageEditor/src/EditorSlider.js +3 -2
- package/blocks/CloudImageEditor/src/EditorToolbar.d.ts +1 -1
- package/blocks/CloudImageEditor/src/EditorToolbar.d.ts.map +1 -1
- package/blocks/CloudImageEditor/src/EditorToolbar.js +15 -14
- package/blocks/CloudImageEditor/src/crop-utils.d.ts +14 -14
- package/blocks/CloudImageEditor/src/crop-utils.d.ts.map +1 -1
- package/blocks/CloudImageEditor/src/elements/button/BtnUi.d.ts.map +1 -1
- package/blocks/CloudImageEditor/src/elements/button/BtnUi.js +5 -5
- package/blocks/CloudImageEditor/src/elements/line-loader/LineLoaderUi.d.ts.map +1 -1
- package/blocks/CloudImageEditor/src/elements/line-loader/LineLoaderUi.js +2 -1
- package/blocks/CloudImageEditor/src/elements/presence-toggle/PresenceToggle.d.ts.map +1 -1
- package/blocks/CloudImageEditor/src/elements/presence-toggle/PresenceToggle.js +3 -2
- package/blocks/CloudImageEditor/src/elements/slider/SliderUi.d.ts.map +1 -1
- package/blocks/CloudImageEditor/src/elements/slider/SliderUi.js +3 -2
- package/blocks/CloudImageEditor/src/lib/parseCropPreset.d.ts +1 -1
- package/blocks/CloudImageEditor/src/lib/transformationUtils.d.ts +3 -3
- package/blocks/CloudImageEditor/src/lib/transformationUtils.d.ts.map +1 -1
- package/blocks/CloudImageEditor/src/state.d.ts +4 -4
- package/blocks/CloudImageEditor/src/svg-sprite.d.ts +1 -1
- package/blocks/CloudImageEditor/src/svg-sprite.js +1 -1
- package/blocks/CloudImageEditor/src/template.d.ts.map +1 -1
- package/blocks/CloudImageEditor/src/template.js +5 -4
- package/blocks/CloudImageEditor/src/types.d.ts +2 -2
- package/blocks/CloudImageEditor/src/types.d.ts.map +1 -1
- package/blocks/CloudImageEditorActivity/CloudImageEditorActivity.d.ts +3 -3
- package/blocks/CloudImageEditorActivity/CloudImageEditorActivity.d.ts.map +1 -1
- package/blocks/CloudImageEditorActivity/CloudImageEditorActivity.js +2 -1
- package/blocks/CloudImageEditorActivity/test.js +1 -1
- package/blocks/Config/Config.d.ts +3 -11
- package/blocks/Config/Config.d.ts.map +1 -1
- package/blocks/Config/initialConfig.d.ts +1 -1
- package/blocks/Config/normalizeConfigValue.d.ts.map +1 -1
- package/blocks/Copyright/Copyright.d.ts.map +1 -1
- package/blocks/Copyright/Copyright.js +2 -1
- package/blocks/DropArea/DropArea.d.ts +2 -2
- package/blocks/DropArea/DropArea.d.ts.map +1 -1
- package/blocks/DropArea/DropArea.js +5 -5
- package/blocks/DropArea/addDropzone.d.ts.map +1 -1
- package/blocks/DropArea/getDropItems.d.ts +2 -2
- package/blocks/DropArea/getDropItems.d.ts.map +1 -1
- package/blocks/ExternalSource/ExternalSource.d.ts +5 -5
- package/blocks/ExternalSource/ExternalSource.d.ts.map +1 -1
- package/blocks/ExternalSource/ExternalSource.js +9 -9
- package/blocks/ExternalSource/buildStyles.js +2 -2
- package/blocks/ExternalSource/query-string.d.ts.map +1 -1
- package/blocks/FileItem/FileItem.d.ts +3 -3
- package/blocks/FileItem/FileItem.d.ts.map +1 -1
- package/blocks/FileItem/FileItem.js +12 -11
- package/blocks/Icon/Icon.d.ts.map +1 -1
- package/blocks/Icon/Icon.js +3 -2
- package/blocks/Img/ImgBase.js +9 -9
- package/blocks/Img/ImgConfig.d.ts +2 -2
- package/blocks/Img/ImgConfig.d.ts.map +1 -1
- package/blocks/Img/ImgConfig.js +3 -3
- package/blocks/Img/utils/parseObjectToString.js +1 -1
- package/blocks/Modal/Modal.d.ts.map +1 -1
- package/blocks/Modal/Modal.js +2 -1
- package/blocks/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/blocks/ProgressBar/ProgressBar.js +2 -1
- package/blocks/ProgressBarCommon/ProgressBarCommon.d.ts.map +1 -1
- package/blocks/ProgressBarCommon/ProgressBarCommon.js +2 -1
- package/blocks/Select/Select.d.ts.map +1 -1
- package/blocks/Select/Select.js +14 -9
- package/blocks/SimpleBtn/SimpleBtn.d.ts +2 -2
- package/blocks/SimpleBtn/SimpleBtn.d.ts.map +1 -1
- package/blocks/SimpleBtn/SimpleBtn.js +4 -3
- package/blocks/SourceBtn/SourceBtn.d.ts +2 -2
- package/blocks/SourceBtn/SourceBtn.d.ts.map +1 -1
- package/blocks/SourceBtn/SourceBtn.js +4 -4
- package/blocks/SourceList/SourceList.d.ts.map +1 -1
- package/blocks/SourceList/SourceList.js +5 -4
- package/blocks/StartFrom/StartFrom.d.ts.map +1 -1
- package/blocks/StartFrom/StartFrom.js +2 -1
- package/blocks/UploadCtxProvider/EventEmitter.d.ts +19 -19
- package/blocks/UploadCtxProvider/EventEmitter.d.ts.map +1 -1
- package/blocks/UploadCtxProvider/UploadCtxProvider.d.ts +4 -4
- package/blocks/UploadCtxProvider/UploadCtxProvider.d.ts.map +1 -1
- package/blocks/UploadList/UploadList.d.ts +2 -2
- package/blocks/UploadList/UploadList.d.ts.map +1 -1
- package/blocks/UploadList/UploadList.js +10 -11
- package/blocks/UrlSource/UrlSource.d.ts.map +1 -1
- package/blocks/UrlSource/UrlSource.js +7 -6
- package/blocks/themes/uc-basic/index.css +0 -1
- package/blocks/themes/uc-basic/svg-sprite.d.ts +1 -1
- package/blocks/themes/uc-basic/svg-sprite.js +1 -1
- package/blocks/utils/debounce.d.ts +3 -1
- package/blocks/utils/debounce.d.ts.map +1 -1
- package/blocks/utils/throttle.d.ts +3 -1
- package/blocks/utils/throttle.d.ts.map +1 -1
- package/blocks/utils/userAgent.d.ts +1 -1
- package/blocks/utils/userAgent.d.ts.map +1 -1
- package/env.d.ts +1 -1
- package/env.js +1 -1
- package/index.d.ts +3 -3
- package/index.js +3 -3
- package/index.ssr.d.ts +118 -4
- package/index.ssr.d.ts.map +1 -1
- package/index.ssr.js +193 -81
- package/package.json +10 -8
- package/solutions/cloud-image-editor/index.d.ts +1 -1
- package/solutions/cloud-image-editor/index.js +1 -1
- package/solutions/file-uploader/inline/FileUploaderInline.d.ts +2 -2
- package/solutions/file-uploader/inline/FileUploaderInline.d.ts.map +1 -1
- package/solutions/file-uploader/inline/FileUploaderInline.js +3 -2
- package/solutions/file-uploader/minimal/FileUploaderMinimal.d.ts.map +1 -1
- package/solutions/file-uploader/minimal/FileUploaderMinimal.js +2 -1
- package/solutions/file-uploader/minimal/index.d.ts +1 -1
- package/solutions/file-uploader/minimal/index.js +1 -1
- package/solutions/file-uploader/regular/FileUploaderRegular.d.ts +2 -2
- package/solutions/file-uploader/regular/FileUploaderRegular.d.ts.map +1 -1
- package/solutions/file-uploader/regular/FileUploaderRegular.js +4 -3
- package/types/global.d.ts +1 -1
- package/types/jsx.d.ts +1 -1
- package/utils/getPluralForm.d.ts.map +1 -1
- package/utils/isSecureTokenExpired.d.ts +1 -1
- package/utils/memoize.d.ts.map +1 -1
- package/utils/mixinClass.d.ts +3 -1
- package/utils/mixinClass.d.ts.map +1 -1
- package/utils/prettyBytes.d.ts.map +1 -1
- package/utils/template-utils.d.ts.map +1 -1
- package/utils/toKebabCase.d.ts.map +1 -1
- package/utils/uniqueArray.d.ts.map +1 -1
- package/utils/validators/collection/validateCollectionUploadError.d.ts +1 -1
- package/utils/validators/collection/validateMultiple.d.ts +1 -1
- package/utils/validators/file/validateFileType.d.ts +1 -1
- package/utils/validators/file/validateIsImage.d.ts +1 -1
- package/utils/validators/file/validateMaxSizeLimit.d.ts +1 -1
- package/utils/validators/file/validateUploadError.d.ts +1 -1
- package/utils/waitForAttribute.d.ts +12 -6
- package/utils/waitForAttribute.d.ts.map +1 -1
- package/utils/waitForAttribute.js +38 -8
- package/utils/waitForAttribute.test.js +10 -47
- package/utils/withResolvers.d.ts +7 -0
- package/utils/withResolvers.d.ts.map +1 -0
- package/utils/withResolvers.js +17 -0
- package/utils/withResolvers.test.d.ts +2 -0
- package/utils/withResolvers.test.d.ts.map +1 -0
- package/utils/withResolvers.test.js +27 -0
- package/web/file-uploader.iife.min.js +29 -0
- package/web/file-uploader.min.js +29 -0
- package/web/uc-basic.min.css +1 -1
- package/web/uc-cloud-image-editor.min.js +4 -4
- package/web/uc-file-uploader-inline.min.css +1 -1
- package/web/uc-file-uploader-inline.min.js +4 -4
- package/web/uc-file-uploader-minimal.min.js +3 -3
- package/web/uc-file-uploader-regular.min.css +1 -1
- package/web/uc-file-uploader-regular.min.js +4 -4
- package/web/uc-img.min.js +3 -3
- package/abstract/connectBlocksFrom.d.ts +0 -8
- package/abstract/connectBlocksFrom.d.ts.map +0 -1
- package/abstract/registerBlocks.d.ts +0 -5
- package/abstract/registerBlocks.d.ts.map +0 -1
- package/blocks/CloudImageEditor/src/lib/FocusVisible.d.ts +0 -15
- package/blocks/CloudImageEditor/src/lib/FocusVisible.d.ts.map +0 -1
- package/blocks/CloudImageEditor/src/lib/FocusVisible.js +0 -33
- package/blocks/CloudImageEditor/src/lib/applyFocusVisiblePolyfill.d.ts +0 -10
- package/blocks/CloudImageEditor/src/lib/applyFocusVisiblePolyfill.d.ts.map +0 -1
- package/blocks/CloudImageEditor/src/lib/applyFocusVisiblePolyfill.js +0 -256
- package/blocks/Range/Range.d.ts +0 -16
- package/blocks/Range/Range.d.ts.map +0 -1
- package/blocks/Range/Range.js +0 -44
- package/blocks/Range/range.css +0 -65
- package/web/blocks.iife.min.js +0 -29
- package/web/blocks.min.js +0 -29
package/README.md
CHANGED
|
@@ -71,9 +71,9 @@ We use [JSDoc type annotations](https://www.typescriptlang.org/docs/handbook/int
|
|
|
71
71
|
|
|
72
72
|
```html
|
|
73
73
|
<script type="module">
|
|
74
|
-
import * as UC from 'https://cdn.jsdelivr.net/npm/@uploadcare/file-uploader@1/web/
|
|
74
|
+
import * as UC from 'https://cdn.jsdelivr.net/npm/@uploadcare/file-uploader@1/web/file-uploader.min.js';
|
|
75
75
|
|
|
76
|
-
UC.
|
|
76
|
+
UC.defineComponents(UC);
|
|
77
77
|
</script>
|
|
78
78
|
```
|
|
79
79
|
|
|
@@ -85,7 +85,7 @@ We use [JSDoc type annotations](https://www.typescriptlang.org/docs/handbook/int
|
|
|
85
85
|
href="https://cdn.jsdelivr.net/npm/@uploadcare/file-uploader@1/web/uc-file-uploader-regular.min.css"
|
|
86
86
|
/>
|
|
87
87
|
|
|
88
|
-
<uc-file-uploader-regular ctx
|
|
88
|
+
<uc-file-uploader-regular ctx="my-uploader"> </uc-file-uploader-regular>
|
|
89
89
|
```
|
|
90
90
|
|
|
91
91
|
3. Configure Uploadcare File Uploader and add your personal public key to the project. Discover the instructions in the [following section](#configuration).
|
|
@@ -98,7 +98,7 @@ We use [JSDoc type annotations](https://www.typescriptlang.org/docs/handbook/int
|
|
|
98
98
|
```js
|
|
99
99
|
import * as UC from '@uploadcare/file-uploader';
|
|
100
100
|
|
|
101
|
-
UC.
|
|
101
|
+
UC.defineComponents(UC);
|
|
102
102
|
```
|
|
103
103
|
|
|
104
104
|
3. Start using Uploadcare File Uploader in your application markup:
|
|
@@ -109,7 +109,7 @@ UC.registerBlocks(UC);
|
|
|
109
109
|
href="https://cdn.jsdelivr.net/npm/@uploadcare/file-uploader@1/web/uc-file-uploader-regular.min.css"
|
|
110
110
|
/>
|
|
111
111
|
|
|
112
|
-
<uc-file-uploader-inline ctx
|
|
112
|
+
<uc-file-uploader-inline ctx="my-uploader"> </uc-file-uploader-inline>
|
|
113
113
|
```
|
|
114
114
|
|
|
115
115
|
4. Configure Uploadcare File Uploader and add your personal public key to the project. Discover the instructions in the [following section](#configuration).
|
|
@@ -123,10 +123,10 @@ All configurations in Uploadcare File Uploader are managed from `uc-config` bloc
|
|
|
123
123
|
3. Add a `uc-config` block to your markup and replace `YOUR_PUBLIC_KEY` with your own public key:
|
|
124
124
|
|
|
125
125
|
```html
|
|
126
|
-
<uc-config ctx
|
|
126
|
+
<uc-config ctx="my-uploader" pubkey="YOUR_PUBLIC_KEY"></uc-config>
|
|
127
127
|
```
|
|
128
128
|
|
|
129
|
-
4. Make sure that your config block uses the same `ctx
|
|
129
|
+
4. Make sure that your config block uses the same `ctx` attribute value as your solution block.
|
|
130
130
|
|
|
131
131
|
Discover more about Uploadcare File Uploader configuration in [our documentation](https://uploadcare.com/docs/file-uploader/configuration/?ref=github-readme).
|
|
132
132
|
|
|
@@ -63,6 +63,6 @@ export namespace ActivityBlock {
|
|
|
63
63
|
DETAILS: "details";
|
|
64
64
|
}>;
|
|
65
65
|
}
|
|
66
|
-
export type ActivityType = (typeof ActivityBlock)[
|
|
66
|
+
export type ActivityType = (typeof ActivityBlock)["activities"][keyof (typeof ActivityBlock)["activities"]] | (string & {}) | null;
|
|
67
67
|
import { Block } from './Block.js';
|
|
68
68
|
//# sourceMappingURL=ActivityBlock.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActivityBlock.d.ts","sourceRoot":"","sources":["ActivityBlock.js"],"names":[],"mappings":"AASA;
|
|
1
|
+
{"version":3,"file":"ActivityBlock.d.ts","sourceRoot":"","sources":["ActivityBlock.js"],"names":[],"mappings":"AASA;IAyFE;;;;;;OAMG;IACH,kCAAsC;IA/FtC,iBAAiB;IACjB,kCAAuB;IAEvB;;;;;;MAA+B;IAE/B;;MAAqE;IAErE,eAAe;IACf,oBAKC;IAED,eAAe;IACf,kBAaC;IAwCD,eAAe;IACf,sBAWC;IAED,eAAe;IACf,8BAEC;IAWD,4CAEC;IAED,iCAEC;IAED;;;;;;;OAOG;IACH;4BAHiB,IAAI;8BACJ,IAAI;yBAQpB;IAED,2BAKC;IAoBD,0BAEC;IAED,0BAEC;IAED,qBAAqB;IACrB,2BAEC;IAED,qBAAqB;IACrB,2BAEC;IAED,oBAoBC;IA9KC,8CAAyB;CA+K5B;;;;;;;;;;;;;2BAaa,CAAC,OAAO,aAAa,EAAE,YAAY,CAAC,CAAC,MAAM,CAAC,OAAO,aAAa,EAAE,YAAY,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,IAAI;sBA7M/F,YAAY"}
|
|
@@ -54,6 +54,8 @@ export class ActivityBlock extends Block {
|
|
|
54
54
|
this.setAttribute('activity', this.activityType);
|
|
55
55
|
}
|
|
56
56
|
this.sub('*currentActivity', (/** @type {String} */ val) => {
|
|
57
|
+
if (this.activityType === 'url') {
|
|
58
|
+
}
|
|
57
59
|
if (this.activityType !== val && this[ACTIVE_PROP]) {
|
|
58
60
|
this._deactivate();
|
|
59
61
|
} else if (this.activityType === val && !this[ACTIVE_PROP]) {
|
package/abstract/Block.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export class Block extends
|
|
1
|
+
export class Block extends Symbiote<any> {
|
|
2
2
|
/** @type {string | null} */
|
|
3
3
|
static StateConsumerScope: string | null;
|
|
4
4
|
/** @type {string[]} */
|
|
@@ -9,7 +9,7 @@ export class Block extends BaseComponent<any> {
|
|
|
9
9
|
/** @protected */
|
|
10
10
|
protected requireCtxName: boolean;
|
|
11
11
|
/** @type {import('./ActivityBlock.js').ActivityType} */
|
|
12
|
-
activityType: import(
|
|
12
|
+
activityType: import("./ActivityBlock.js").ActivityType;
|
|
13
13
|
init$: {};
|
|
14
14
|
/**
|
|
15
15
|
* @param {String} str
|
|
@@ -36,18 +36,13 @@ export class Block extends BaseComponent<any> {
|
|
|
36
36
|
l10nProcessorSubs: Map<string, Set<{
|
|
37
37
|
remove: () => void;
|
|
38
38
|
}>>;
|
|
39
|
+
tplProcessors: Set<((fr: DocumentFragment | Symbiote<any>, fnCtx: unknown) => void) | typeof bindCompatibilityFallbackProcessor>;
|
|
39
40
|
/**
|
|
40
41
|
* @param {Parameters<import('../blocks/UploadCtxProvider/EventEmitter.js').EventEmitter['emit']>[0]} type
|
|
41
42
|
* @param {Parameters<import('../blocks/UploadCtxProvider/EventEmitter.js').EventEmitter['emit']>[1]} [payload]
|
|
42
43
|
* @param {Parameters<import('../blocks/UploadCtxProvider/EventEmitter.js').EventEmitter['emit']>[2]} [options]
|
|
43
44
|
*/
|
|
44
|
-
emit(type:
|
|
45
|
-
debounce?: number | boolean | undefined;
|
|
46
|
-
} | undefined)?][0], payload?: [type: "change" | "file-added" | "file-removed" | "file-upload-start" | "file-upload-progress" | "file-upload-success" | "file-upload-failed" | "file-url-changed" | "modal-open" | "modal-close" | "done-click" | "upload-click" | "activity-change" | "common-upload-start" | "common-upload-progress" | "common-upload-success" | "common-upload-failed" | "group-created", payload?: unknown, ({
|
|
47
|
-
debounce?: number | boolean | undefined;
|
|
48
|
-
} | undefined)?][1], options?: [type: "change" | "file-added" | "file-removed" | "file-upload-start" | "file-upload-progress" | "file-upload-success" | "file-upload-failed" | "file-url-changed" | "modal-open" | "modal-close" | "done-click" | "upload-click" | "activity-change" | "common-upload-start" | "common-upload-progress" | "common-upload-success" | "common-upload-failed" | "group-created", payload?: unknown, ({
|
|
49
|
-
debounce?: number | boolean | undefined;
|
|
50
|
-
} | undefined)?][2]): void;
|
|
45
|
+
emit(type: Parameters<import("../blocks/UploadCtxProvider/EventEmitter.js").EventEmitter["emit"]>[0], payload?: Parameters<import("../blocks/UploadCtxProvider/EventEmitter.js").EventEmitter["emit"]>[1], options?: Parameters<import("../blocks/UploadCtxProvider/EventEmitter.js").EventEmitter["emit"]>[2]): void;
|
|
51
46
|
/**
|
|
52
47
|
* @param {(block: Block) => boolean} callback
|
|
53
48
|
* @returns {Boolean}
|
|
@@ -95,7 +90,7 @@ export class Block extends BaseComponent<any> {
|
|
|
95
90
|
/** @param {unknown[]} args */
|
|
96
91
|
debugPrint(...args: unknown[]): void;
|
|
97
92
|
}
|
|
98
|
-
|
|
99
|
-
import {
|
|
93
|
+
import { Symbiote } from '@symbiotejs/symbiote';
|
|
94
|
+
import { bindCompatibilityFallbackProcessor } from './bindCompatibilityFallbackProcessor.js';
|
|
100
95
|
import { A11y } from './a11y.js';
|
|
101
96
|
//# sourceMappingURL=Block.d.ts.map
|
package/abstract/Block.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["Block.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["Block.js"],"names":[],"mappings":"AAuBA;IACE,4BAA4B;IAC5B,2BADW,MAAM,GAAG,IAAI,CACS;IAEjC,uBAAuB;IACvB,mBADW,MAAM,EAAE,CACI;IAqUvB,6BAA6B;IAC7B,4CAQC;IA1RD,cAUC;IA5DD,iBAAiB;IACjB,kCAAuB;IAEvB,wDAAwD;IACxD,cADW,OAAO,oBAAoB,EAAE,YAAY,CAChC;IAEpB,UAAmB;IAEnB;;;;OAIG;IACH,8BAHW;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;KAAE,UAiB5C;IAED;;;;;OAKG;IACH,kBAIC;IAED;;;;OAIG;IACH,wBAJW,MAAM,YACN,MAAM,IAAI,QAKpB;IAIC,uDAAuD;IACvD,mBADW,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;QAAE,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC,CACjB;IAMlC,iIAAyF;IAG3F;;;;OAIG;IACH,WAJW,UAAU,CAAC,OAAO,6CAA6C,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,YACzF,UAAU,CAAC,OAAO,6CAA6C,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,YACzF,UAAU,CAAC,OAAO,6CAA6C,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,QASnG;IAED;;;OAGG;IACH,wBAHW,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,WAUnC;IAED;;;OAGG;IACH,oCAFW,GAAG,QASb;IA8ED;;;OAGG;IACH,4BAEC;IAED;;;OAGG;IACH,kCAEC;IAED,yBAAyB;IACzB,iCAEC;IAsBD;;;;OAIG;IACH,qCAIC;IAED;;;;OAIG;IACH,iCAHa,OAAO,QAAQ,CA6B3B;IAED,iDAAiD;IACjD,yCA8BC;IA3BG,eAAe;IACf,mBAuBE;IAKN;;;;OAIG;IACH,eAJmD,CAAC,SAAvC,MAAO,OAAO,UAAU,EAAE,UAAW,OACvC,CAAC,YACD,CAAC,KAAK,EAAE,OAAO,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,QAQ3D;IAED,8BAA8B;IAC9B,oBADY,OAAO,EAAE,QAYpB;CAYF;yBA1WsC,sBAAsB;mDAgBV,yCAAyC;qBAHvE,WAAW"}
|
package/abstract/Block.js
CHANGED
|
@@ -1,23 +1,27 @@
|
|
|
1
1
|
// @ts-check
|
|
2
|
-
import {
|
|
2
|
+
import { DICT, PubSub, Symbiote } from '@symbiotejs/symbiote';
|
|
3
|
+
// @ts-ignore - something wrong with the tsd
|
|
4
|
+
import { slotProcessor } from '@symbiotejs/symbiote/core/slotProcessor.js';
|
|
3
5
|
import { initialConfig } from '../blocks/Config/initialConfig.js';
|
|
4
6
|
import { EventEmitter } from '../blocks/UploadCtxProvider/EventEmitter.js';
|
|
5
7
|
import { WindowHeightTracker } from '../utils/WindowHeightTracker.js';
|
|
6
|
-
import {
|
|
8
|
+
import { extractCdnUrlModifiers, extractFilename, extractUuid } from '../utils/cdn-utils.js';
|
|
7
9
|
import { getLocaleDirection } from '../utils/getLocaleDirection.js';
|
|
8
10
|
import { getPluralForm } from '../utils/getPluralForm.js';
|
|
9
11
|
import { applyTemplateData, getPluralObjects } from '../utils/template-utils.js';
|
|
10
12
|
import { waitForAttribute } from '../utils/waitForAttribute.js';
|
|
11
13
|
import { blockCtx } from './CTX.js';
|
|
12
14
|
import { LocaleManager, localeStateKey } from './LocaleManager.js';
|
|
15
|
+
import { A11y } from './a11y.js';
|
|
13
16
|
import { l10nProcessor } from './l10nProcessor.js';
|
|
14
17
|
import { sharedConfigKey } from './sharedConfigKey.js';
|
|
15
|
-
import {
|
|
18
|
+
import { bindCompatibilityFallbackProcessor } from './bindCompatibilityFallbackProcessor.js';
|
|
16
19
|
|
|
17
20
|
const TAG_PREFIX = 'uc-';
|
|
21
|
+
const CTX_NAME_FALLBACK_ATTR = 'ctx-name';
|
|
18
22
|
|
|
19
23
|
// @ts-ignore TODO: fix this
|
|
20
|
-
export class Block extends
|
|
24
|
+
export class Block extends Symbiote {
|
|
21
25
|
/** @type {string | null} */
|
|
22
26
|
static StateConsumerScope = null;
|
|
23
27
|
|
|
@@ -78,8 +82,12 @@ export class Block extends BaseComponent {
|
|
|
78
82
|
super();
|
|
79
83
|
/** @type {Map<string, Set<{ remove: () => void }>>} */
|
|
80
84
|
this.l10nProcessorSubs = new Map();
|
|
81
|
-
// @ts-
|
|
85
|
+
// @ts-expect-error TODO: fix this
|
|
82
86
|
this.addTemplateProcessor(l10nProcessor);
|
|
87
|
+
this.addTemplateProcessor(slotProcessor);
|
|
88
|
+
|
|
89
|
+
// Prepend tpl processors with bind compatibility fallback processor
|
|
90
|
+
this.tplProcessors = new Set([bindCompatibilityFallbackProcessor, ...this.tplProcessors]);
|
|
83
91
|
}
|
|
84
92
|
|
|
85
93
|
/**
|
|
@@ -135,17 +143,29 @@ export class Block extends BaseComponent {
|
|
|
135
143
|
this.processInnerHtml = true;
|
|
136
144
|
}
|
|
137
145
|
if (this.requireCtxName) {
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
146
|
+
Promise.race([
|
|
147
|
+
waitForAttribute({
|
|
148
|
+
element: this,
|
|
149
|
+
attribute: DICT.CTX_NAME_ATTR,
|
|
150
|
+
}),
|
|
151
|
+
waitForAttribute({
|
|
152
|
+
element: this,
|
|
153
|
+
attribute: CTX_NAME_FALLBACK_ATTR,
|
|
154
|
+
}),
|
|
155
|
+
]).then((result) => {
|
|
156
|
+
if (result.success) {
|
|
157
|
+
if (result.attribute === CTX_NAME_FALLBACK_ATTR) {
|
|
158
|
+
const ctxName = result.value;
|
|
159
|
+
this.style.setProperty(DICT.CSS_CTX_PROP, `'${ctxName}'`);
|
|
160
|
+
}
|
|
161
|
+
// async wait for ctx attribute to be set, needed for Angular because it sets attributes after mount
|
|
143
162
|
// TODO: should be moved to the symbiote core
|
|
144
163
|
super.connectedCallback();
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
164
|
+
} else {
|
|
165
|
+
console.error(
|
|
166
|
+
`Attribute "${DICT.CTX_NAME_ATTR}" or "${CTX_NAME_FALLBACK_ATTR}" is required and it is not set.`,
|
|
167
|
+
);
|
|
168
|
+
}
|
|
149
169
|
});
|
|
150
170
|
} else {
|
|
151
171
|
super.connectedCallback();
|
|
@@ -217,7 +237,7 @@ export class Block extends BaseComponent {
|
|
|
217
237
|
|
|
218
238
|
// Destroy local context
|
|
219
239
|
// TODO: this should be done inside symbiote
|
|
220
|
-
|
|
240
|
+
PubSub.deleteCtx(this.localCtx.uid);
|
|
221
241
|
|
|
222
242
|
if (blocksRegistry?.size === 0) {
|
|
223
243
|
setTimeout(() => {
|
|
@@ -233,7 +253,7 @@ export class Block extends BaseComponent {
|
|
|
233
253
|
* @protected
|
|
234
254
|
*/
|
|
235
255
|
destroyCtxCallback() {
|
|
236
|
-
|
|
256
|
+
PubSub.deleteCtx(this.ctxName);
|
|
237
257
|
|
|
238
258
|
this.localeManager?.destroy();
|
|
239
259
|
}
|
|
@@ -327,6 +347,7 @@ export class Block extends BaseComponent {
|
|
|
327
347
|
const resolver = args[0];
|
|
328
348
|
consoleArgs = resolver();
|
|
329
349
|
}
|
|
350
|
+
|
|
330
351
|
console.log(`[${this.ctxName}]`, ...consoleArgs);
|
|
331
352
|
}
|
|
332
353
|
|
|
@@ -341,5 +362,3 @@ export class Block extends BaseComponent {
|
|
|
341
362
|
}
|
|
342
363
|
}
|
|
343
364
|
}
|
|
344
|
-
|
|
345
|
-
export { BaseComponent };
|
package/abstract/CTX.d.ts
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
export function blockCtx(): {};
|
|
2
|
-
export function activityBlockCtx(fnCtx: import(
|
|
2
|
+
export function activityBlockCtx(fnCtx: import("./Block").Block): {
|
|
3
3
|
'*currentActivity': null;
|
|
4
4
|
'*currentActivityParams': {};
|
|
5
5
|
'*history': never[];
|
|
6
6
|
'*historyBack': null;
|
|
7
7
|
'*closeModal': () => void;
|
|
8
8
|
};
|
|
9
|
-
export function uploaderBlockCtx(fnCtx: import(
|
|
9
|
+
export function uploaderBlockCtx(fnCtx: import("./Block").Block): {
|
|
10
10
|
'*commonProgress': number;
|
|
11
11
|
'*uploadList': never[];
|
|
12
12
|
'*focusedEntry': null;
|
|
13
13
|
'*uploadQueue': Queue;
|
|
14
14
|
/** @type {ReturnType<import('../types').OutputErrorCollection>[]} */
|
|
15
|
-
'*collectionErrors': ReturnType<import(
|
|
15
|
+
'*collectionErrors': ReturnType<import("../types").OutputErrorCollection>[];
|
|
16
16
|
/** @type {import('../types').OutputCollectionState | null} */
|
|
17
|
-
'*collectionState': import(
|
|
17
|
+
'*collectionState': import("../types").OutputCollectionState | null;
|
|
18
18
|
/** @type {import('@uploadcare/upload-client').UploadcareGroup | null} */
|
|
19
|
-
'*groupInfo': import(
|
|
19
|
+
'*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
|
|
20
20
|
/** @type {Set<string>} */
|
|
21
21
|
'*uploadTrigger': Set<string>;
|
|
22
22
|
/** @type {import('./SecureUploadsManager.js').SecureUploadsManager | null} */
|
|
23
|
-
'*secureUploadsManager': import(
|
|
23
|
+
'*secureUploadsManager': import("./SecureUploadsManager.js").SecureUploadsManager | null;
|
|
24
24
|
'*currentActivity': null;
|
|
25
25
|
'*currentActivityParams': {};
|
|
26
26
|
'*history': never[];
|
package/abstract/CTX.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CTX.d.ts","sourceRoot":"","sources":["CTX.js"],"names":[],"mappings":"AAGO,+BAA2B;AAG3B,wCADK,OAAO,SAAS,EAAE,KAAK;;;;;;EAajC;AAGK,wCADK,OAAO,SAAS,EAAE,KAAK;;;;;IAOjC,qEAAqE;yBAA1D,
|
|
1
|
+
{"version":3,"file":"CTX.d.ts","sourceRoot":"","sources":["CTX.js"],"names":[],"mappings":"AAGO,+BAA2B;AAG3B,wCADK,OAAO,SAAS,EAAE,KAAK;;;;;;EAajC;AAGK,wCADK,OAAO,SAAS,EAAE,KAAK;;;;;IAOjC,qEAAqE;yBAA1D,UAAU,CAAC,OAAO,UAAU,EAAE,qBAAqB,CAAC,EAAE;IAEjE,8DAA8D;wBAAnD,OAAO,UAAU,EAAE,qBAAqB,GAAG,IAAI;IAE1D,yEAAyE;kBAA9D,OAAO,2BAA2B,EAAE,eAAe,GAAG,IAAI;IAErE,0BAA0B;sBAAf,GAAG,CAAC,MAAM,CAAC;IAEtB,8EAA8E;6BAAnE,OAAO,2BAA2B,EAAE,oBAAoB,GAAG,IAAI;;;;;;EAE1E;sBApCoB,2BAA2B"}
|
|
@@ -2,7 +2,7 @@ export function localeStateKey(key: string): string;
|
|
|
2
2
|
export const DEFAULT_LOCALE: "en";
|
|
3
3
|
export class LocaleManager {
|
|
4
4
|
/** @param {import('./Block.js').Block} blockInstance */
|
|
5
|
-
constructor(blockInstance: import(
|
|
5
|
+
constructor(blockInstance: import("./Block.js").Block);
|
|
6
6
|
/**
|
|
7
7
|
* @private
|
|
8
8
|
* @type {import('./Block.js').Block | null}
|
|
@@ -30,9 +30,9 @@ export class LocaleManager {
|
|
|
30
30
|
* @param {string} key
|
|
31
31
|
* @param {() => void} resolver
|
|
32
32
|
*/
|
|
33
|
-
bindL10n(block: import(
|
|
33
|
+
bindL10n(block: import("./Block.js").Block, key: string, resolver: () => void): void;
|
|
34
34
|
/** @param {import('./Block.js').Block} block */
|
|
35
|
-
destroyL10nBindings(block: import(
|
|
35
|
+
destroyL10nBindings(block: import("./Block.js").Block): void;
|
|
36
36
|
destroy(): void;
|
|
37
37
|
}
|
|
38
38
|
//# sourceMappingURL=LocaleManager.d.ts.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export class SecureUploadsManager {
|
|
2
2
|
/** @param {import('./UploaderBlock.js').UploaderBlock} block */
|
|
3
|
-
constructor(block: import(
|
|
3
|
+
constructor(block: import("./UploaderBlock.js").UploaderBlock);
|
|
4
4
|
/**
|
|
5
5
|
* @private
|
|
6
6
|
* @type {import('./UploaderBlock.js').UploaderBlock}
|
|
@@ -17,6 +17,6 @@ export class SecureUploadsManager {
|
|
|
17
17
|
*/
|
|
18
18
|
private _debugPrint;
|
|
19
19
|
/** @returns {Promise<import('../types').SecureUploadsSignatureAndExpire | null>} */
|
|
20
|
-
getSecureToken(): Promise<import(
|
|
20
|
+
getSecureToken(): Promise<import("../types").SecureUploadsSignatureAndExpire | null>;
|
|
21
21
|
}
|
|
22
22
|
//# sourceMappingURL=SecureUploadsManager.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SecureUploadsManager.d.ts","sourceRoot":"","sources":["SecureUploadsManager.js"],"names":[],"mappings":"AAIA;IAYE,gEAAgE;IAChE,mBADY,OAAO,oBAAoB,EAAE,aAAa,EAGrD;IAdD;;;OAGG;IACH,eAAO;IACP;;;OAGG;IACH,qBAAoB;IAOpB;;;OAGG;IACH,oBAEC;IAED,oFAAoF;IACpF,kBADc,
|
|
1
|
+
{"version":3,"file":"SecureUploadsManager.d.ts","sourceRoot":"","sources":["SecureUploadsManager.js"],"names":[],"mappings":"AAIA;IAYE,gEAAgE;IAChE,mBADY,OAAO,oBAAoB,EAAE,aAAa,EAGrD;IAdD;;;OAGG;IACH,eAAO;IACP;;;OAGG;IACH,qBAAoB;IAOpB;;;OAGG;IACH,oBAEC;IAED,oFAAoF;IACpF,kBADc,OAAO,CAAC,OAAO,UAAU,EAAE,+BAA+B,GAAG,IAAI,CAAC,CAwD/E;CACF"}
|
|
@@ -6,8 +6,8 @@ export class SolutionBlock extends Block {
|
|
|
6
6
|
'*uploadList': never[];
|
|
7
7
|
'*focusedEntry': null;
|
|
8
8
|
'*uploadQueue': import("@uploadcare/upload-client").Queue;
|
|
9
|
-
'*collectionErrors':
|
|
10
|
-
'*collectionState': import("../index.js").OutputCollectionState
|
|
9
|
+
'*collectionErrors': ReturnType<import("../index.js").OutputErrorCollection>[];
|
|
10
|
+
'*collectionState': import("../index.js").OutputCollectionState | null;
|
|
11
11
|
'*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
|
|
12
12
|
'*uploadTrigger': Set<string>;
|
|
13
13
|
'*secureUploadsManager': import("./SecureUploadsManager.js").SecureUploadsManager | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SolutionBlock.d.ts","sourceRoot":"","sources":["SolutionBlock.js"],"names":[],"mappings":"AAIA;IAWE,gCAEC;IAED,2BAEC;IAdD
|
|
1
|
+
{"version":3,"file":"SolutionBlock.d.ts","sourceRoot":"","sources":["SolutionBlock.js"],"names":[],"mappings":"AAIA;IAWE,gCAEC;IAED,2BAEC;IAdD;;;;;+CAgBmH,aAAU;mCAA8E,aAAU;6BAAmF,2BAA2B;;wCAAmI,2BAA2B;;;;;;MAhBlc;IAC/B,gBAAiB;CAclB;sBArBqB,YAAY"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TypedCollection.d.ts","sourceRoot":"","sources":["TypedCollection.js"],"names":[],"mappings":"AAGA;IACE;;;;;;OAMG;IACH;
|
|
1
|
+
{"version":3,"file":"TypedCollection.d.ts","sourceRoot":"","sources":["TypedCollection.js"],"names":[],"mappings":"AAGA;IACE;;;;;;OAMG;IACH,qBALG;QAA2D,WAAW,EAA9D;gBAAO,MAAM,GAAE;gBAAE,IAAI,EAAE,GAAG,CAAC;gBAAC,KAAK,EAAE,GAAG,CAAA;aAAE;SAAC;QACtB,SAAS;QAC2C,OAAO,WAAvE,MAAM,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC,WAAW,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI;QAC3C,OAAO;KAAC,EAgFnC;IA7EC;;;OAGG;IACH,sBAAwC;IACxC;;;OAGG;IACH,gBAAgD;IAChD;;;OAGG;IACH,eAAkD;IAClD;;;OAGG;IACH,oBAA0C;IAC1C;;;OAGG;IACH,kBAAoC;IACpC;;;OAGG;IACH,4BAAoC;IACpC;;;OAGG;IACH,8BAAsC;IACtC;;;OAGG;IACH,gBAAwB;IACxB;;;OAGG;IACH,kBAA0B;IAC1B;;;OAGG;IACH,gBAAwB;IAIxB;;;;OAIG;IACH,0BAkBC;IAVC,eAAe;IACf,yBAQE;IAIN,eAcC;IAVC,eAAe;IACf,wBAQE;IAGJ,oFAAoF;IACpF,2BADY,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,cAWvE;IAED,gCAAgC;IAChC,6CAEC;IAED;;;OAGG;IACH,UAHW;YAAO,MAAM,GAAE,GAAG;KAAC,GACjB,MAAM,CAuBlB;IAED;;;OAGG;IACH,kBAFa,SAAS,CAIrB;IAED;;;;OAIG;IACH,wCAFa,GAAG,CAKf;IAED;;;;;OAKG;IACH,YALa,CAAC,uCAGH,CAAC,QAKX;IAED,yBAAyB;IACzB,yBAMC;IAED,iBAIC;IAED,gCAAgC;IAChC,iDAMC;IAED,gCAAgC;IAChC,6CAEC;IAED;;;OAGG;IACH,mBAHW,CAAC,IAAI,EAAE,SAAS,YAAY,GAC1B,QAAQ,CAWpB;IAED,kBAEC;IAED,mBAEC;IAED,gBAUC;CACF;0BAnPyB,gBAAgB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PubSub, UID } from '@symbiotejs/symbiote';
|
|
2
2
|
import { TypedData } from './TypedData.js';
|
|
3
3
|
|
|
4
4
|
export class TypedCollection {
|
|
@@ -22,9 +22,9 @@ export class TypedCollection {
|
|
|
22
22
|
this.__ctxId = options.ctxName || UID.generate();
|
|
23
23
|
/**
|
|
24
24
|
* @private
|
|
25
|
-
* @type {
|
|
25
|
+
* @type {PubSub}
|
|
26
26
|
*/
|
|
27
|
-
this.__data =
|
|
27
|
+
this.__data = PubSub.registerCtx({}, this.__ctxId);
|
|
28
28
|
/**
|
|
29
29
|
* @private
|
|
30
30
|
* @type {string[]}
|
|
@@ -232,7 +232,7 @@ export class TypedCollection {
|
|
|
232
232
|
}
|
|
233
233
|
|
|
234
234
|
destroy() {
|
|
235
|
-
|
|
235
|
+
PubSub.deleteCtx(this.__ctxId);
|
|
236
236
|
this.__propertyObservers = null;
|
|
237
237
|
this.__collectionObservers = null;
|
|
238
238
|
for (let id in this.__subsMap) {
|
package/abstract/TypedData.d.ts
CHANGED
|
@@ -18,7 +18,7 @@ export class TypedData {
|
|
|
18
18
|
private __schema;
|
|
19
19
|
/**
|
|
20
20
|
* @private
|
|
21
|
-
* @type {
|
|
21
|
+
* @type {PubSub}
|
|
22
22
|
*/
|
|
23
23
|
private __data;
|
|
24
24
|
/** @returns {String} */
|
|
@@ -40,7 +40,7 @@ export class TypedData {
|
|
|
40
40
|
*/
|
|
41
41
|
subscribe(prop: string, handler: (newVal: any) => void): {
|
|
42
42
|
remove: () => void;
|
|
43
|
-
callback:
|
|
43
|
+
callback: (val: unknown) => void;
|
|
44
44
|
};
|
|
45
45
|
remove(): void;
|
|
46
46
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TypedData.d.ts","sourceRoot":"","sources":["TypedData.js"],"names":[],"mappings":"AAKA;IACE;;;OAGG;IACH;
|
|
1
|
+
{"version":3,"file":"TypedData.d.ts","sourceRoot":"","sources":["TypedData.js"],"names":[],"mappings":"AAKA;IACE;;;OAGG;IACH,yBAHW;YAAO,MAAM,GAAE;YAAE,IAAI,EAAE,GAAG,CAAC;YAAC,KAAK,EAAE,GAAG,CAAC;YAAC,QAAQ,CAAC,UAAS;SAAE;KAAC,gCAkBvE;IAdC,eAAe;IACf,sBAAgC;IAChC,eAAe;IACf,gBAAwC;IACxC,eAAe;IACf,iBAGM;IACN;;;OAGG;IACH,eAA6D;IAG/D,wBAAwB;IACxB,kBAEC;IAED;;;OAGG;IACH,8BAFW,GAAG,QAab;IAED,0CAA0C;IAC1C,0BADY;YAAO,MAAM,GAAE,GAAG;KAAC,QAK9B;IAED,2BAA2B;IAC3B,4BAMC;IAED;;;OAGG;IACH,iCAFW,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI;;;MAI/B;IAED,eAEC;CACF"}
|
package/abstract/TypedData.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PubSub, UID } from '@symbiotejs/symbiote';
|
|
2
2
|
|
|
3
3
|
const MSG_NAME = '[Typed State] Wrong property name: ';
|
|
4
4
|
const MSG_TYPE = '[Typed State] Wrong property type: ';
|
|
@@ -20,9 +20,9 @@ export class TypedData {
|
|
|
20
20
|
}, {});
|
|
21
21
|
/**
|
|
22
22
|
* @private
|
|
23
|
-
* @type {
|
|
23
|
+
* @type {PubSub}
|
|
24
24
|
*/
|
|
25
|
-
this.__data =
|
|
25
|
+
this.__data = PubSub.registerCtx(this.__schema, this.__ctxId);
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
/** @returns {String} */
|
|
@@ -72,6 +72,6 @@ export class TypedData {
|
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
remove() {
|
|
75
|
-
|
|
75
|
+
PubSub.deleteCtx(this.__ctxId);
|
|
76
76
|
}
|
|
77
77
|
}
|
|
@@ -8,11 +8,11 @@ export class UploaderBlock extends ActivityBlock {
|
|
|
8
8
|
'*uploadList': never[];
|
|
9
9
|
'*focusedEntry': null;
|
|
10
10
|
'*uploadQueue': import("@uploadcare/upload-client").Queue;
|
|
11
|
-
'*collectionErrors':
|
|
12
|
-
'*collectionState': import("../types").OutputCollectionState
|
|
11
|
+
'*collectionErrors': ReturnType<import("../types").OutputErrorCollection>[];
|
|
12
|
+
'*collectionState': import("../types").OutputCollectionState | null;
|
|
13
13
|
'*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
|
|
14
14
|
'*uploadTrigger': Set<string>;
|
|
15
|
-
'*secureUploadsManager': SecureUploadsManager | null;
|
|
15
|
+
'*secureUploadsManager': import("./SecureUploadsManager.js").SecureUploadsManager | null;
|
|
16
16
|
'*currentActivity': null;
|
|
17
17
|
'*currentActivityParams': {};
|
|
18
18
|
'*history': never[];
|
|
@@ -68,9 +68,9 @@ export class UploaderBlock extends ActivityBlock {
|
|
|
68
68
|
* @returns {Promise<import('@uploadcare/upload-client').FileFromOptions>}
|
|
69
69
|
* @protected
|
|
70
70
|
*/
|
|
71
|
-
protected getUploadClientOptions(): Promise<import(
|
|
71
|
+
protected getUploadClientOptions(): Promise<import("@uploadcare/upload-client").FileFromOptions>;
|
|
72
72
|
/** @returns {import('../types/exported.js').OutputFileEntry[]} */
|
|
73
|
-
getOutputData(): import(
|
|
73
|
+
getOutputData(): import("../types/exported.js").OutputFileEntry[];
|
|
74
74
|
}
|
|
75
75
|
export namespace UploaderBlock {
|
|
76
76
|
type extSrcList = string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploaderBlock.d.ts","sourceRoot":"","sources":["UploaderBlock.js"],"names":[],"mappings":"AAkBA;IACE,iBAAiB;IACjB,mCAAwB;IAExB,eAAe;IACf,mBAAmB;IAEnB
|
|
1
|
+
{"version":3,"file":"UploaderBlock.d.ts","sourceRoot":"","sources":["UploaderBlock.js"],"names":[],"mappings":"AAkBA;IACE,iBAAiB;IACjB,mCAAwB;IAExB,eAAe;IACf,mBAAmB;IAEnB;;;;;+CAbe,UAAU;mCACY,UAAU;6BAEjC,2BAA2B;;wCAKzC,2BAAO;;;;;;MAKwB;IAE/B,eAAe;IACf,0BAOC;IA2BD;;;OAGG;IACH,qDAKC;IAED,mCAAmC;IACnC,6BAKC;IAED,4BAEC;IAED,iCAAiC;IACjC,wCAKC;IAYD,eAAe;IACf,qBA0BC;IAvBC,eAAe;IACf,6BAAiG;IAEjG,eAAe;IACf,uCAEC;IAmBH;;;OAGG;IACH,qBAkBC;IAED,eAAe;IACf,0BAYQ;IAER;;;;OAIG;IACH,gCAiCE;IAEF;;;OAGG;IACH,0CAyFE;IAEF,eAAe;IACf,mCAoBE;IAEF,eAAe;IACf,uBAqCC;IAED;;;OAGG;IACH,kCAHW,MAAM,qEAWhB;IAED;;;OAGG;IACH,oCAHa,OAAO,CAAC,OAAO,2BAA2B,EAAE,eAAe,CAAC,CA2BxE;IAED,kEAAkE;IAClE,iBADc,OAAO,sBAAsB,EAAE,eAAe,EAAE,CAK7D;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAla6B,oBAAoB;qCAWb,2BAA2B;kCAG9B,wBAAwB;kCADxB,wBAAwB;gCAD1B,sBAAsB"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// @ts-check
|
|
2
2
|
import { ActivityBlock } from './ActivityBlock.js';
|
|
3
3
|
|
|
4
|
-
import {
|
|
4
|
+
import { PubSub } from '@symbiotejs/symbiote';
|
|
5
5
|
import { uploadFileGroup } from '@uploadcare/upload-client';
|
|
6
6
|
import { calculateMaxCenteredCropFrame } from '../blocks/CloudImageEditor/src/crop-utils.js';
|
|
7
7
|
import { parseCropPreset } from '../blocks/CloudImageEditor/src/lib/parseCropPreset.js';
|
|
@@ -234,7 +234,7 @@ export class UploaderBlock extends ActivityBlock {
|
|
|
234
234
|
|
|
235
235
|
if (changeMap.uploadProgress) {
|
|
236
236
|
for (const entryId of changeMap.uploadProgress) {
|
|
237
|
-
const { isUploading, silent } =
|
|
237
|
+
const { isUploading, silent } = PubSub.getCtx(entryId).store;
|
|
238
238
|
if (isUploading && !silent) {
|
|
239
239
|
this.emit(EventType.FILE_UPLOAD_PROGRESS, this.api.getOutputItem(entryId));
|
|
240
240
|
}
|
|
@@ -244,7 +244,7 @@ export class UploaderBlock extends ActivityBlock {
|
|
|
244
244
|
}
|
|
245
245
|
if (changeMap.isUploading) {
|
|
246
246
|
for (const entryId of changeMap.isUploading) {
|
|
247
|
-
const { isUploading, silent } =
|
|
247
|
+
const { isUploading, silent } = PubSub.getCtx(entryId).store;
|
|
248
248
|
if (isUploading && !silent) {
|
|
249
249
|
this.emit(EventType.FILE_UPLOAD_START, this.api.getOutputItem(entryId));
|
|
250
250
|
}
|
|
@@ -252,7 +252,7 @@ export class UploaderBlock extends ActivityBlock {
|
|
|
252
252
|
}
|
|
253
253
|
if (changeMap.fileInfo) {
|
|
254
254
|
for (const entryId of changeMap.fileInfo) {
|
|
255
|
-
const { fileInfo, silent } =
|
|
255
|
+
const { fileInfo, silent } = PubSub.getCtx(entryId).store;
|
|
256
256
|
if (fileInfo && !silent) {
|
|
257
257
|
this.emit(EventType.FILE_UPLOAD_SUCCESS, this.api.getOutputItem(entryId));
|
|
258
258
|
}
|
|
@@ -263,7 +263,7 @@ export class UploaderBlock extends ActivityBlock {
|
|
|
263
263
|
}
|
|
264
264
|
if (changeMap.errors) {
|
|
265
265
|
for (const entryId of changeMap.errors) {
|
|
266
|
-
const { errors } =
|
|
266
|
+
const { errors } = PubSub.getCtx(entryId).store;
|
|
267
267
|
if (errors.length > 0) {
|
|
268
268
|
this.emit(EventType.FILE_UPLOAD_FAILED, this.api.getOutputItem(entryId));
|
|
269
269
|
this.emit(
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export class UploaderPublicApi {
|
|
2
2
|
/** @param {import('./UploaderBlock.js').UploaderBlock} ctx */
|
|
3
|
-
constructor(ctx: import(
|
|
3
|
+
constructor(ctx: import("./UploaderBlock.js").UploaderBlock);
|
|
4
4
|
/**
|
|
5
5
|
* @private
|
|
6
6
|
* @type {import('./UploaderBlock.js').UploaderBlock}
|
|
@@ -20,41 +20,41 @@ export class UploaderPublicApi {
|
|
|
20
20
|
* @returns {import('../types').OutputFileEntry<'idle'>}
|
|
21
21
|
*/
|
|
22
22
|
addFileFromUrl: (url: string, { silent, fileName, source }?: {
|
|
23
|
-
silent?: boolean
|
|
24
|
-
fileName?: string
|
|
25
|
-
source?: string
|
|
26
|
-
} | undefined) => import(
|
|
23
|
+
silent?: boolean;
|
|
24
|
+
fileName?: string;
|
|
25
|
+
source?: string;
|
|
26
|
+
} | undefined) => import("../types").OutputFileEntry<"idle">;
|
|
27
27
|
/**
|
|
28
28
|
* @param {string} uuid
|
|
29
29
|
* @param {{ silent?: boolean; fileName?: string; source?: string }} [options]
|
|
30
30
|
* @returns {import('../types').OutputFileEntry<'idle'>}
|
|
31
31
|
*/
|
|
32
32
|
addFileFromUuid: (uuid: string, { silent, fileName, source }?: {
|
|
33
|
-
silent?: boolean
|
|
34
|
-
fileName?: string
|
|
35
|
-
source?: string
|
|
36
|
-
} | undefined) => import(
|
|
33
|
+
silent?: boolean;
|
|
34
|
+
fileName?: string;
|
|
35
|
+
source?: string;
|
|
36
|
+
} | undefined) => import("../types").OutputFileEntry<"idle">;
|
|
37
37
|
/**
|
|
38
38
|
* @param {string} cdnUrl
|
|
39
39
|
* @param {{ silent?: boolean; fileName?: string; source?: string }} [options]
|
|
40
40
|
* @returns {import('../types').OutputFileEntry<'idle'>}
|
|
41
41
|
*/
|
|
42
42
|
addFileFromCdnUrl: (cdnUrl: string, { silent, fileName, source }?: {
|
|
43
|
-
silent?: boolean
|
|
44
|
-
fileName?: string
|
|
45
|
-
source?: string
|
|
46
|
-
} | undefined) => import(
|
|
43
|
+
silent?: boolean;
|
|
44
|
+
fileName?: string;
|
|
45
|
+
source?: string;
|
|
46
|
+
} | undefined) => import("../types").OutputFileEntry<"idle">;
|
|
47
47
|
/**
|
|
48
48
|
* @param {File} file
|
|
49
49
|
* @param {{ silent?: boolean; fileName?: string; source?: string; fullPath?: string }} [options]
|
|
50
50
|
* @returns {import('../types').OutputFileEntry<'idle'>}
|
|
51
51
|
*/
|
|
52
52
|
addFileFromObject: (file: File, { silent, fileName, source, fullPath }?: {
|
|
53
|
-
silent?: boolean
|
|
54
|
-
fileName?: string
|
|
55
|
-
source?: string
|
|
56
|
-
fullPath?: string
|
|
57
|
-
} | undefined) => import(
|
|
53
|
+
silent?: boolean;
|
|
54
|
+
fileName?: string;
|
|
55
|
+
source?: string;
|
|
56
|
+
fullPath?: string;
|
|
57
|
+
} | undefined) => import("../types").OutputFileEntry<"idle">;
|
|
58
58
|
/** @param {string} internalId */
|
|
59
59
|
removeFileByInternalId: (internalId: string) => void;
|
|
60
60
|
removeAllFiles(): void;
|
|
@@ -68,9 +68,9 @@ export class UploaderPublicApi {
|
|
|
68
68
|
* @param {string} entryId
|
|
69
69
|
* @returns {import('../types/exported.js').OutputFileEntry<TStatus>}
|
|
70
70
|
*/
|
|
71
|
-
getOutputItem: <TStatus extends import("../types").OutputFileStatus>(entryId: string) => import("../types").OutputFileEntry<TStatus>;
|
|
71
|
+
getOutputItem: <TStatus extends import("../types").OutputFileStatus>(entryId: string) => import("../types/exported.js").OutputFileEntry<TStatus>;
|
|
72
72
|
/** @template {import('../types').OutputCollectionStatus} TStatus */
|
|
73
|
-
getOutputCollectionState: <
|
|
73
|
+
getOutputCollectionState: <TStatus extends import("../types").OutputCollectionStatus>() => ReturnType<typeof buildOutputCollectionState<TStatus>>;
|
|
74
74
|
/** @param {Boolean} [force] */
|
|
75
75
|
initFlow: (force?: boolean | undefined) => void;
|
|
76
76
|
doneFlow: () => void;
|
|
@@ -78,7 +78,7 @@ export class UploaderPublicApi {
|
|
|
78
78
|
* @param {import('./ActivityBlock.js').ActivityType} activityType
|
|
79
79
|
* @param {import('../blocks/ExternalSource/ExternalSource.js').ActivityParams | {}} [params]
|
|
80
80
|
*/
|
|
81
|
-
setCurrentActivity: (activityType: import(
|
|
81
|
+
setCurrentActivity: (activityType: import("./ActivityBlock.js").ActivityType, params?: {} | import("../blocks/ExternalSource/ExternalSource.js").ActivityParams | undefined) => void;
|
|
82
82
|
/** @param {boolean} opened */
|
|
83
83
|
setModalState: (opened: boolean) => void;
|
|
84
84
|
/**
|
|
@@ -87,4 +87,5 @@ export class UploaderPublicApi {
|
|
|
87
87
|
*/
|
|
88
88
|
private get _sourceList();
|
|
89
89
|
}
|
|
90
|
+
import { buildOutputCollectionState } from './buildOutputCollectionState.js';
|
|
90
91
|
//# sourceMappingURL=UploaderPublicApi.d.ts.map
|