@uploadcare/file-uploader 1.22.0 → 1.24.0-alpha.0

package/blocks/SimpleBtn/SimpleBtn.d.ts

@@ -1,25 +0,0 @@
-export class SimpleBtn extends UploaderBlock {
-    init$: {
-        withDropZone: boolean;
-        onClick: () => void;
-        'button-text': string;
-        '*commonProgress': number;
-        '*uploadList': never[];
-        '*uploadQueue': import("@uploadcare/upload-client").Queue;
-        '*collectionErrors': import("../../index.js").OutputErrorCollection[];
-        '*collectionState': import("../../index.js").OutputCollectionState | null;
-        '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
-        '*uploadTrigger': Set<string>;
-        '*secureUploadsManager': import("../../abstract/managers/SecureUploadsManager.js").SecureUploadsManager | null;
-        '*currentActivity': null;
-        '*currentActivityParams': {};
-        '*history': never[];
-        '*historyBack': null;
-        '*closeModal': () => void;
-    };
-}
-export namespace SimpleBtn {
-    let template: string;
-}
-import { UploaderBlock } from '../../abstract/UploaderBlock.js';
-//# sourceMappingURL=SimpleBtn.d.ts.map

package/blocks/SimpleBtn/SimpleBtn.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleBtn.d.ts","sourceRoot":"","sources":["SimpleBtn.js"],"names":[],"mappings":"AAIA;IAMI;;;;;;;;;;;;;;;;;MAOC;CAoBJ;;;;8BApC6B,iCAAiC"}

package/blocks/SimpleBtn/SimpleBtn.js

@@ -1,54 +0,0 @@
-// @ts-check
-import { UploaderBlock } from '../../abstract/UploaderBlock.js';
-import { asBoolean } from '../Config/validatorsType.js';
-
-export class SimpleBtn extends UploaderBlock {
-  static styleAttrs = [...super.styleAttrs, 'uc-simple-btn'];
-  couldBeCtxOwner = true;
-  constructor() {
-    super();
-
-    this.init$ = {
-      ...this.init$,
-      withDropZone: true,
-      onClick: () => {
-        this.api.initFlow();
-      },
-      'button-text': '',
-    };
-  }
-
-  initCallback() {
-    super.initCallback();
-
-    this.defineAccessor(
-      'dropzone',
-      /** @param {unknown} val */
-      (val) => {
-        if (typeof val === 'undefined') {
-          return;
-        }
-        this.$.withDropZone = asBoolean(val);
-      },
-    );
-    this.subConfigValue('multiple', (val) => {
-      this.$['button-text'] = val ? 'upload-files' : 'upload-file';
-    });
-  }
-}
-
-SimpleBtn.template = /* HTML */ `
-  <uc-drop-area set="@disabled: !withDropZone">
-    <button type="button" set="onclick: onClick">
-      <uc-icon name="upload"></uc-icon>
-      <span l10n="button-text"></span>
-      <slot></slot>
-      <div class="uc-visual-drop-area" l10n="drop-files-here"></div>
-    </button>
-  </uc-drop-area>
-`;
-
-SimpleBtn.bindAttributes({
-  // @ts-expect-error TODO: we need to update symbiote types
-  dropzone: null,
-});

package/blocks/SimpleBtn/simple-btn.css

@@ -1,64 +0,0 @@
-:where([uc-simple-btn]) {
-  position: relative;
-  display: inline-flex;
-}
-
-:where([uc-simple-btn]) button {
-  height: auto;
-  gap: 0.5em;
-  padding: var(--uc-simple-btn-padding);
-  background-color: var(--uc-simple-btn);
-  color: var(--uc-simple-btn-foreground);
-  font-size: var(--uc-simple-btn-font-size);
-  font-family: var(--uc-simple-btn-font-family);
-}
-
-:where([uc-simple-btn]) button uc-icon {
-  width: auto;
-  height: auto;
-}
-
-:where([uc-simple-btn]) button uc-icon svg {
-  width: 0.9em;
-  height: 0.9em;
-}
-
-:where([uc-simple-btn]) button:hover {
-  background-color: var(--uc-simple-btn-hover);
-}
-
-:where([uc-simple-btn]) > uc-drop-area {
-  display: contents;
-}
-
-:where([uc-simple-btn]) .uc-visual-drop-area {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  padding: var(--uc-simple-btn-padding);
-  background-color: transparent;
-  color: transparent;
-  font-size: var(--uc-simple-btn-font-size);
-  border: 1px dashed var(--uc-simple-btn-foreground);
-  border-radius: inherit;
-  opacity: 0;
-  transition: opacity var(--uc-transition);
-}
-
-:where([uc-simple-btn]) > uc-drop-area[drag-state='active'] .uc-visual-drop-area {
-  opacity: 1;
-}
-:where([uc-simple-btn]) > uc-drop-area[drag-state='inactive'] .uc-visual-drop-area {
-  opacity: 0;
-}
-:where([uc-simple-btn]) > uc-drop-area[drag-state='near'] .uc-visual-drop-area {
-  opacity: 1;
-}
-:where([uc-simple-btn]) > uc-drop-area[drag-state='over'] .uc-visual-drop-area {
-  opacity: 1;
-}

package/blocks/SourceBtn/SourceBtn.d.ts

@@ -1,57 +0,0 @@
-/**
- * @typedef {{
- *   type: string;
- *   activity?: string;
- *   textKey?: string;
- *   icon?: string;
- *   activate?: () => boolean;
- *   activityParams?: Record<string, unknown>;
- * }} TConfig
- */
-export class SourceBtn extends UploaderBlock {
-    /** @type {string | undefined} */
-    type: string | undefined;
-    /**
-     * @private
-     * @type {Record<string, TConfig>}
-     */
-    private _registeredTypes;
-    init$: {
-        iconName: string;
-        'src-type': string;
-        '*commonProgress': number;
-        '*uploadList': never[];
-        '*uploadQueue': import("@uploadcare/upload-client").Queue;
-        '*collectionErrors': import("../../index.js").OutputErrorCollection[];
-        '*collectionState': import("../../index.js").OutputCollectionState | null;
-        '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
-        '*uploadTrigger': Set<string>;
-        '*secureUploadsManager': import("../../abstract/managers/SecureUploadsManager.js").SecureUploadsManager | null;
-        '*currentActivity': null;
-        '*currentActivityParams': {};
-        '*history': never[];
-        '*historyBack': null;
-        '*closeModal': () => void;
-    };
-    initTypes(): void;
-    /** @param {TConfig} typeConfig */
-    registerType(typeConfig: TConfig): void;
-    /** @param {string} type */
-    getType(type: string): TConfig;
-    activate(): void;
-    /** @param {string} type */
-    applyType(type: string): void;
-}
-export namespace SourceBtn {
-    let template: string;
-}
-export type TConfig = {
-    type: string;
-    activity?: string;
-    textKey?: string;
-    icon?: string;
-    activate?: () => boolean;
-    activityParams?: Record<string, unknown>;
-};
-import { UploaderBlock } from '../../abstract/UploaderBlock.js';
-//# sourceMappingURL=SourceBtn.d.ts.map

package/blocks/SourceBtn/SourceBtn.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SourceBtn.d.ts","sourceRoot":"","sources":["SourceBtn.js"],"names":[],"mappings":"AASA;;;;;;;;;GASG;AAEH;IAEE,iCAAiC;IACjC,MADW,MAAM,GAAG,SAAS,CACZ;IACjB;;;OAGG;IACH,yBAAsB;IAKpB;;;;;;;;;;;;;;;;MAIC;IAGH,kBA2DC;IAkBD,kCAAkC;IAClC,yBADY,OAAO,QAGlB;IAED,2BAA2B;IAC3B,cADY,MAAM,WAGjB;IAED,iBAgBC;IAED,2BAA2B;IAC3B,gBADY,MAAM,QAcjB;CACF;;;;sBAtJY;IACR,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;8BAf0B,iCAAiC"}

package/blocks/SourceBtn/SourceBtn.js

@@ -1,172 +0,0 @@
-// @ts-check
-import { ActivityBlock } from '../../abstract/ActivityBlock.js';
-import { UploaderBlock } from '../../abstract/UploaderBlock.js';
-import { browserFeatures } from '../../utils/browser-info.js';
-import { CameraSourceTypes } from '../CameraSource/constants.js';
-import { ExternalUploadSource, UploadSource, UploadSourceMobile } from '../utils/UploadSource.js';
-
-const L10N_PREFIX = 'src-type-';
-
-/**
- * @typedef {{
- *   type: string;
- *   activity?: string;
- *   textKey?: string;
- *   icon?: string;
- *   activate?: () => boolean;
- *   activityParams?: Record<string, unknown>;
- * }} TConfig
- */
-
-export class SourceBtn extends UploaderBlock {
-  couldBeCtxOwner = true;
-  /** @type {string | undefined} */
-  type = undefined;
-  /**
-   * @private
-   * @type {Record<string, TConfig>}
-   */
-  _registeredTypes = {};
-
-  constructor() {
-    super();
-
-    this.init$ = {
-      ...this.init$,
-      iconName: 'default',
-      'src-type': '',
-    };
-  }
-
-  initTypes() {
-    this.registerType({
-      type: UploadSource.LOCAL,
-      activate: () => {
-        this.api.openSystemDialog();
-        return false;
-      },
-    });
-    this.registerType({
-      type: UploadSource.URL,
-      activity: ActivityBlock.activities.URL,
-      textKey: 'from-url',
-    });
-    this.registerType({
-      type: UploadSource.CAMERA,
-      activity: ActivityBlock.activities.CAMERA,
-      activate: () => {
-        const supportsCapture = browserFeatures.htmlMediaCapture;
-
-        if (supportsCapture) {
-          this.api.openSystemDialog({ captureCamera: true });
-        }
-        return !supportsCapture;
-      },
-    });
-
-    this.registerType({
-      type: 'draw',
-      activity: ActivityBlock.activities.DRAW,
-      icon: 'edit-draw',
-    });
-
-    for (let mobileSourceType of Object.values(UploadSourceMobile)) {
-      this.registerType({
-        type: mobileSourceType,
-        activity: ActivityBlock.activities.CAMERA,
-        activate: () => {
-          const supportsCapture = browserFeatures.htmlMediaCapture;
-          if (supportsCapture) {
-            this.api.openSystemDialog({
-              captureCamera: true,
-              modeCamera:
-                mobileSourceType === 'mobile-photo-camera' ? CameraSourceTypes.PHOTO : CameraSourceTypes.VIDEO,
-            });
-          }
-          return !supportsCapture;
-        },
-      });
-    }
-
-    for (let externalSourceType of Object.values(ExternalUploadSource)) {
-      this.registerType({
-        type: externalSourceType,
-        activity: ActivityBlock.activities.EXTERNAL,
-        activityParams: {
-          externalSourceType: externalSourceType,
-        },
-      });
-    }
-  }
-
-  initCallback() {
-    super.initCallback();
-    this.initTypes();
-
-    this.defineAccessor(
-      'type',
-      /** @param {string} val */
-      (val) => {
-        if (!val) {
-          return;
-        }
-        this.applyType(val);
-      },
-    );
-  }
-
-  /** @param {TConfig} typeConfig */
-  registerType(typeConfig) {
-    this._registeredTypes[typeConfig.type] = typeConfig;
-  }
-
-  /** @param {string} type */
-  getType(type) {
-    return this._registeredTypes[type];
-  }
-
-  activate() {
-    if (!this.type) {
-      return;
-    }
-    const configType = this._registeredTypes[this.type];
-    const { activity, activate, activityParams = {} } = configType;
-    const showActivity = activate ? activate() : !!activity;
-
-    if (showActivity) {
-      this.modalManager.open(/** @type {string} */ (activity));
-
-      this.set$({
-        '*currentActivityParams': activityParams,
-        '*currentActivity': activity,
-      });
-    }
-  }
-
-  /** @param {string} type */
-  applyType(type) {
-    const configType = this._registeredTypes[type];
-    if (!configType) {
-      console.warn('Unsupported source type: ' + type);
-      return;
-    }
-    const { textKey = type, icon = type } = configType;
-
-    this.$['src-type'] = `${L10N_PREFIX}${textKey}`;
-    this.$.iconName = icon;
-    this.onclick = () => {
-      this.activate();
-    };
-  }
-}
-
-SourceBtn.template = /* HTML */ `
-  <button type="button">
-    <uc-icon set="@name: iconName"></uc-icon>
-    <div class="uc-txt" l10n="src-type"></div>
-  </button>
-`;
-SourceBtn.bindAttributes({
-  // @ts-expect-error symbiote types bug
-  type: null,
-});

package/blocks/SourceBtn/source-btn.css

@@ -1,53 +0,0 @@
-uc-source-btn > button {
-  display: flex;
-  align-items: center;
-  margin-bottom: 2px;
-  padding: 2px var(--uc-padding);
-  color: var(--uc-foreground);
-  border-radius: var(--uc-radius);
-  cursor: pointer;
-  transition:
-    background-color var(--uc-transition),
-    color var(--uc-transition);
-  user-select: none;
-  width: 100%;
-  background-color: unset;
-  height: unset;
-}
-
-uc-source-btn:last-child > button {
-  margin-bottom: 0;
-}
-
-uc-source-btn > button:hover {
-  background-color: var(--uc-primary-transparent);
-}
-
-:where(.uc-contrast) uc-source-btn > button:hover {
-  background-color: var(--uc-secondary);
-  color: var(--uc-foreground);
-}
-
-uc-source-btn uc-icon {
-  display: inline-flex;
-  flex-grow: 1;
-  justify-content: center;
-  min-width: var(--uc-button-size);
-  margin-right: var(--uc-padding);
-  opacity: 0.8;
-}
-
-:where(.uc-contrast) uc-source-btn uc-icon {
-  opacity: 1;
-}
-
-uc-source-btn .uc-txt {
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  width: 100%;
-  height: var(--uc-button-size);
-  padding: 0;
-  white-space: nowrap;
-  border: none;
-}

package/blocks/SourceList/SourceList.d.ts

@@ -1,4 +0,0 @@
-export class SourceList extends Block {
-}
-import { Block } from '../../abstract/Block.js';
-//# sourceMappingURL=SourceList.d.ts.map

package/blocks/SourceList/SourceList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SourceList.d.ts","sourceRoot":"","sources":["SourceList.js"],"names":[],"mappings":"AAMA;CA4CC;sBAjDqB,yBAAyB"}

package/blocks/SourceList/SourceList.js

@@ -1,51 +0,0 @@
-// @ts-check
-import { Block } from '../../abstract/Block.js';
-import { browserFeatures } from '../../utils/browser-info.js';
-import { stringToArray } from '../../utils/stringToArray.js';
-import { deserializeCsv } from '../utils/comma-separated.js';
-
-export class SourceList extends Block {
-  initCallback() {
-    super.initCallback();
-
-    this.subConfigValue('sourceList', (/** @type {String} */ val) => {
-      let list = stringToArray(val);
-      let html = '';
-
-      list.forEach((srcName) => {
-        if (srcName === 'instagram') {
-          console.error(
-            "Instagram source was removed because the Instagram Basic Display API hasn't been available since December 4, 2024. " +
-              'Official statement, see here:' +
-              'https://developers.facebook.com/blog/post/2024/09/04/update-on-instagram-basic-display-api/?locale=en_US',
-          );
-          return;
-        }
-
-        if (srcName === 'camera' && browserFeatures.htmlMediaCapture) {
-          this.subConfigValue('cameraModes', (/** @type {String} */ val) => {
-            const cameraModes = deserializeCsv(val);
-
-            cameraModes.forEach((mode) => {
-              html += /* HTML */ `<uc-source-btn role="listitem" type="mobile-${mode}-camera"></uc-source-btn>`;
-            });
-
-            if (cameraModes.length === 0) {
-              html += /* HTML */ `<uc-source-btn role="listitem" type="mobile-photo-camera"></uc-source-btn>`;
-            }
-          });
-
-          return;
-        }
-
-        html += /* HTML */ `<uc-source-btn role="listitem" type="${srcName}"></uc-source-btn>`;
-      });
-
-      if (this.cfg.sourceListWrap) {
-        this.innerHTML = html;
-      } else {
-        this.outerHTML = html;
-      }
-    });
-  }
-}

package/blocks/Spinner/Spinner.d.ts

@@ -1,8 +0,0 @@
-export class Spinner extends BaseComponent<any> {
-    constructor();
-}
-export namespace Spinner {
-    let template: string;
-}
-import { BaseComponent } from '@symbiotejs/symbiote';
-//# sourceMappingURL=Spinner.d.ts.map

package/blocks/Spinner/Spinner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["Spinner.js"],"names":[],"mappings":"AAEA;;CAA6C;;;;8BAFf,sBAAsB"}

package/blocks/Spinner/Spinner.js

@@ -1,5 +0,0 @@
-import { BaseComponent } from '@symbiotejs/symbiote';
-
-export class Spinner extends BaseComponent {}
-
-Spinner.template = /* HTML */ ` <div class="uc-spinner"></div> `;

package/blocks/Spinner/spinner.css

@@ -1,18 +0,0 @@
-@keyframes uc-spinner-keyframes {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.uc-spinner {
-  width: 1em;
-  height: 1em;
-  border: solid 2px transparent;
-  border-top-color: currentColor;
-  border-left-color: currentColor;
-  border-radius: 50%;
-  animation: uc-spinner-keyframes 400ms linear infinite;
-}

package/blocks/StartFrom/StartFrom.d.ts

@@ -1,7 +0,0 @@
-export class StartFrom extends ActivityBlock {
-}
-export namespace StartFrom {
-    let template: string;
-}
-import { ActivityBlock } from '../../abstract/ActivityBlock.js';
-//# sourceMappingURL=StartFrom.d.ts.map

package/blocks/StartFrom/StartFrom.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StartFrom.d.ts","sourceRoot":"","sources":["StartFrom.js"],"names":[],"mappings":"AAEA;CASC;;;;8BAX6B,iCAAiC"}

package/blocks/StartFrom/StartFrom.js

@@ -1,14 +0,0 @@
-import { ActivityBlock } from '../../abstract/ActivityBlock.js';
-
-export class StartFrom extends ActivityBlock {
-  historyTracked = true;
-  /** @type {import('../../abstract/ActivityBlock.js').ActivityType} */
-  activityType = ActivityBlock.activities.START_FROM;
-
-  initCallback() {
-    super.initCallback();
-    this.registerActivity(this.activityType);
-  }
-}
-
-StartFrom.template = /* HTML */ ` <div class="uc-content"><slot></slot></div> `;

package/blocks/StartFrom/start-from.css

@@ -1,28 +0,0 @@
-uc-start-from {
-  display: block;
-  overflow-y: auto;
-}
-
-uc-start-from .uc-content {
-  display: grid;
-  grid-auto-flow: row;
-  gap: calc(var(--uc-padding) * 2);
-  width: 100%;
-  height: 100%;
-  padding: calc(var(--uc-padding) * 2);
-  background-color: var(--uc-background);
-}
-
-[uc-modal] > dialog:has(uc-start-from[active]) {
-  width: var(--uc-dialog-width);
-}
-
-[uc-modal] uc-start-from uc-drop-area {
-  border-radius: var(--uc-radius);
-}
-
-@media only screen and (max-width: 430px) {
-  [uc-modal] uc-start-from uc-drop-area {
-    display: none;
-  }
-}

package/blocks/Thumb/Thumb.d.ts

@@ -1,51 +0,0 @@
-export class Thumb extends FileItemConfig {
-    /** @private */
-    private _renderedGridOnce;
-    /**
-     * @private
-     * @type {IntersectionObserverEntry['boundingClientRect'] | null}
-     */
-    private _thumbRect;
-    _isIntersecting: boolean;
-    _firstViewMode: import("../UploadList/UploadList.js").FilesViewMode;
-    init$: {
-        thumbUrl: string;
-        badgeIcon: string;
-        uid: string;
-        '*commonProgress': number;
-        '*uploadList': never[];
-        '*uploadQueue': import("@uploadcare/upload-client").Queue;
-        '*collectionErrors': import("../../index.js").OutputErrorCollection[];
-        '*collectionState': import("../../index.js").OutputCollectionState | null;
-        '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
-        '*uploadTrigger': Set<string>;
-        '*secureUploadsManager': import("../../abstract/managers/SecureUploadsManager.js").SecureUploadsManager | null;
-        '*currentActivity': null;
-        '*currentActivityParams': {};
-        '*history': never[];
-        '*historyBack': null;
-        '*closeModal': () => void;
-    };
-    _calculateThumbSize(force?: boolean): number;
-    /** @private */
-    private _generateThumbnail;
-    _debouncedGenerateThumb: ((...args: any[]) => Promise<void>) & {
-        cancel: () => void;
-    };
-    /**
-     * @private
-     * @param {IntersectionObserverEntry[]} entries
-     */
-    private _observerCallback;
-    /**
-     * @private
-     * @param {String} id
-     */
-    private _handleEntryId;
-    _observer: IntersectionObserver | undefined;
-}
-export namespace Thumb {
-    let template: string;
-}
-import { FileItemConfig } from '../FileItem/FileItemConfig.js';
-//# sourceMappingURL=Thumb.d.ts.map

package/blocks/Thumb/Thumb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["Thumb.js"],"names":[],"mappings":"AAUA;IACE,eAAe;IACf,0BAA0B;IAE1B;;;OAGG;IACH,mBAAkB;IAElB,yBAAwB;IAExB,oEAAwC;IAKtC;;;;;;;;;;;;;;;;;MAKC;IAGH,6CAgBC;IAED,eAAe;IACf,2BA8DG;IAEH;;MAA4E;IAE5E;;;OAGG;IACH,0BAaC;IAOD;;;OAGG;IACH,uBA6BC;IA8BC,4CAAuG;CAY1G;;;;+BAvN8B,+BAA+B"}