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

package/abstract/managers/ValidationManager.js

@@ -1,164 +0,0 @@
-// @ts-check
-import { EventType } from '../../blocks/UploadCtxProvider/EventEmitter.js';
-import {
-  validateIsImage,
-  validateFileType,
-  validateMaxSizeLimit,
-  validateUploadError,
-} from '../../utils/validators/file/index.js';
-import { validateMultiple, validateCollectionUploadError } from '../../utils/validators/collection/index.js';
-
-/**
- * @typedef {(
- *   outputEntry: import('../../types/index.js').OutputFileEntry,
- *   api: import('../UploaderPublicApi.js').UploaderPublicApi,
- * ) => undefined | import('../../types/index.js').OutputErrorFile} FuncFileValidator
- */
-
-/**
- * @typedef {(
- *   collection: ReturnType<
- *     typeof import('../buildOutputCollectionState.js').buildOutputCollectionState<
- *       import('../../types/index.js').OutputCollectionStatus
- *     >
- *   >,
- *   api: import('../UploaderPublicApi.js').UploaderPublicApi,
- * ) => undefined | import('../../types/index.js').OutputErrorCollection} FuncCollectionValidator
- */
-
-const LOGGER = {
-  file: 'File validator execution has failed',
-  collection: 'Collection validator execution has failed',
-  message: 'Missing message. We recommend adding message: value.',
-};
-
-export class ValidationManager {
-  /**
-   * @private
-   * @type {import('../UploaderBlock.js').UploaderBlock}
-   */
-  _blockInstance;
-
-  /** @type {FuncFileValidator[]} */
-  _fileValidators = [validateIsImage, validateFileType, validateMaxSizeLimit, validateUploadError];
-
-  /** @type {FuncCollectionValidator[]} */
-  _collectionValidators = [validateMultiple, validateCollectionUploadError];
-
-  /** @param {import('../UploaderBlock.js').UploaderBlock} blockInstance */
-  constructor(blockInstance) {
-    this._blockInstance = blockInstance;
-
-    this._uploadCollection = this._blockInstance.uploadCollection;
-
-    const runAllValidators = () => {
-      this.runFileValidators();
-      this.runCollectionValidators();
-    };
-
-    this._blockInstance.subConfigValue('maxLocalFileSizeBytes', runAllValidators);
-    this._blockInstance.subConfigValue('multipleMin', runAllValidators);
-    this._blockInstance.subConfigValue('multipleMax', runAllValidators);
-    this._blockInstance.subConfigValue('multiple', runAllValidators);
-    this._blockInstance.subConfigValue('imgOnly', runAllValidators);
-    this._blockInstance.subConfigValue('accept', runAllValidators);
-  }
-
-  /** @param {string[]} [entryIds] */
-  runFileValidators(entryIds) {
-    const ids = entryIds ?? this._uploadCollection.items();
-    for (const id of ids) {
-      const entry = this._uploadCollection.read(id);
-      if (entry) {
-        this._runFileValidatorsForEntry(entry);
-      }
-    }
-  }
-
-  runCollectionValidators() {
-    const collection = this._blockInstance.api.getOutputCollectionState();
-    const errors = [];
-
-    for (const validator of [
-      ...this._collectionValidators,
-      ...this._addCustomTypeToValidators(this._blockInstance.cfg.collectionValidators),
-    ]) {
-      try {
-        const errorOrErrors = validator(collection, this._blockInstance.api);
-        if (!errorOrErrors) {
-          continue;
-        }
-        if (errorOrErrors) {
-          errors.push(errorOrErrors);
-
-          if (!errorOrErrors.message) {
-            console.warn(LOGGER.message);
-          }
-        }
-      } catch (error) {
-        console.warn(LOGGER.collection, error);
-        this._blockInstance.telemetryManager.sendEventError(error, `collection validator. ${LOGGER.collection}`);
-      }
-    }
-
-    this._blockInstance.$['*collectionErrors'] = errors;
-
-    if (errors.length > 0) {
-      this._blockInstance.emit(
-        EventType.COMMON_UPLOAD_FAILED,
-        () =>
-          /** @type {import('../../types/index.js').OutputCollectionState<'failed'>} */ (
-            this._blockInstance.api.getOutputCollectionState()
-          ),
-        { debounce: true },
-      );
-    }
-  }
-
-  /**
-   * @private
-   * @param {import('../TypedData.js').TypedData<typeof import('../uploadEntrySchema.js').uploadEntrySchema>} entry
-   */
-  _runFileValidatorsForEntry(entry) {
-    const outputEntry = this._blockInstance.api.getOutputItem(entry.uid);
-    const errors = [];
-
-    for (const validator of [
-      ...this._fileValidators,
-      ...this._addCustomTypeToValidators(this._blockInstance.cfg.fileValidators),
-    ]) {
-      try {
-        const error = validator(outputEntry, this._blockInstance.api);
-        if (!error) {
-          continue;
-        }
-        if (error) {
-          errors.push(error);
-
-          if (!error.message) {
-            console.warn(LOGGER.message);
-          }
-        }
-      } catch (error) {
-        console.warn(LOGGER.file, error);
-        this._blockInstance.telemetryManager.sendEventError(error, `file validator. ${LOGGER.file}`);
-      }
-    }
-    entry.setValue('errors', errors);
-  }
-
-  /**
-   * @template T
-   * @param {T[]} validators
-   * @returns {T[]}
-   */
-  _addCustomTypeToValidators(validators) {
-    // @ts-ignore
-    return validators.map((fn) => (...args) => {
-      // @ts-ignore
-      const result = fn(...args);
-
-      return result ? { ...result, ...{ type: 'CUSTOM_ERROR' } } : undefined;
-    });
-  }
-}

package/abstract/managers/a11y.d.ts

@@ -1,20 +0,0 @@
-export class A11y {
-    /**
-     * @private
-     * @type {(() => void) | undefined}
-     */
-    private _destroyKeyUX;
-    /**
-     * @private
-     * @type {ScopedMinimalWindow}
-     */
-    private _scopedWindow;
-    /** @param {import('../Block.js').Block} scope */
-    registerBlock(scope: import("../Block.js").Block): void;
-    destroy(): void;
-}
-/**
- * MinimalWindow interface is not exported by keyux, so we import it here using tricky way.
- */
-export type MinimalWindow = Parameters<import("keyux").KeyUXModule>[0];
-//# sourceMappingURL=a11y.d.ts.map

package/abstract/managers/a11y.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["a11y.js"],"names":[],"mappings":"AAqFA;IACE;;;OAGG;IACH,sBAAc;IAEd;;;OAGG;IACH,sBAAc;IAYd,iDAAiD;IACjD,qBADY,OAAO,aAAa,EAAE,KAAK,QAGtC;IAED,gBAGC;CACF;;;;4BA/GY,UAAU,CAAC,OAAO,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC"}

package/abstract/managers/a11y.js

@@ -1,118 +0,0 @@
-// @ts-check
-import { startKeyUX, hiddenKeyUX, jumpKeyUX, focusGroupKeyUX, pressKeyUX } from 'keyux';
-
-/**
- * MinimalWindow interface is not exported by keyux, so we import it here using tricky way.
- *
- * @typedef {Parameters<import('keyux').KeyUXModule>[0]} MinimalWindow
- */
-
-/**
- * This is global window wrapper that allows to scope event listeners to a specific part of the DOM.
- *
- * It is used to scope the key UX to the widget.
- *
- * @implements {MinimalWindow}
- */
-class ScopedMinimalWindow {
-  /**
-   * @private
-   * @type {Map<Function, (event: Event) => void>}
-   */
-  _listeners = new Map();
-
-  /**
-   * @private
-   * @type {Node[]}
-   */
-  _scope = [];
-
-  /**
-   * @param {'keydown' | 'keyup'} type
-   * @param {(event: Event) => void} listener
-   */
-  addEventListener(type, listener) {
-    /** @param {Event} e */
-    const wrappedListener = (e) => {
-      const target = e.target;
-      if (!target) return;
-      if (this._scope.some((el) => el === e.target || el.contains(/** @type {Node} */ (target)))) {
-        listener(e);
-      }
-    };
-    this._listeners.set(listener, wrappedListener);
-    window.addEventListener(type, wrappedListener);
-  }
-
-  /**
-   * @param {'keydown' | 'keyup'} type
-   * @param {(event: {}) => void} listener
-   */
-  removeEventListener(type, listener) {
-    const wrappedListener = this._listeners.get(listener);
-    if (wrappedListener) {
-      window.removeEventListener(type, wrappedListener);
-    }
-    this._listeners.delete(listener);
-  }
-
-  get CustomEvent() {
-    return window.CustomEvent;
-  }
-
-  get document() {
-    return window.document;
-  }
-
-  get navigator() {
-    return window.navigator;
-  }
-
-  /** @param {Node} scope */
-  registerScope(scope) {
-    this._scope.push(scope);
-  }
-
-  destroy() {
-    this._scope = [];
-    this._listeners.forEach((listener, originalListener) => {
-      window.removeEventListener('keydown', listener);
-      window.removeEventListener('keyup', listener);
-      this._listeners.delete(originalListener);
-    });
-  }
-}
-
-export class A11y {
-  /**
-   * @private
-   * @type {(() => void) | undefined}
-   */
-  _destroyKeyUX;
-
-  /**
-   * @private
-   * @type {ScopedMinimalWindow}
-   */
-  _scopedWindow;
-
-  constructor() {
-    this._scopedWindow = new ScopedMinimalWindow();
-    this._destroyKeyUX = startKeyUX(this._scopedWindow, [
-      focusGroupKeyUX(),
-      pressKeyUX('is-pressed'),
-      jumpKeyUX(),
-      hiddenKeyUX(),
-    ]);
-  }
-
-  /** @param {import('../Block.js').Block} scope */
-  registerBlock(scope) {
-    this._scopedWindow.registerScope(scope);
-  }
-
-  destroy() {
-    this._destroyKeyUX?.();
-    this._scopedWindow.destroy();
-  }
-}

package/abstract/sharedConfigKey.d.ts

@@ -1,2 +0,0 @@
-export function sharedConfigKey<T extends keyof import("../types").ConfigType>(key: T): `*cfg/${T}`;
-//# sourceMappingURL=sharedConfigKey.d.ts.map

package/abstract/sharedConfigKey.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sharedConfigKey.d.ts","sourceRoot":"","sources":["sharedConfigKey.js"],"names":[],"mappings":"AAOO,gCAJ4C,CAAC,SAAvC,MAAO,OAAO,UAAU,EAAE,UAAW,OACvC,CAAC,GACC,QAAQ,CAAC,EAAE,CAE6B"}

package/abstract/sharedConfigKey.js

@@ -1,8 +0,0 @@
-// @ts-check
-
-/**
- * @template {keyof import('../types').ConfigType} T
- * @param {T} key
- * @returns {`*cfg/${T}`}
- */
-export const sharedConfigKey = (key) => `*cfg/${key}`;

package/abstract/testModeProcessor.d.ts

@@ -1,7 +0,0 @@
-/**
- * @template {import('./Block.js').Block} T
- * @param {DocumentFragment} fr
- * @param {T} fnCtx
- */
-export function testModeProcessor<T extends import("./Block.js").Block>(fr: DocumentFragment, fnCtx: T): void;
-//# sourceMappingURL=testModeProcessor.d.ts.map

package/abstract/testModeProcessor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"testModeProcessor.d.ts","sourceRoot":"","sources":["testModeProcessor.js"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,kCAJ0C,CAAC,SAA9B,OAAQ,YAAY,EAAE,KAAM,MAC9B,gBAAgB,SAChB,CAAC,QAiCX"}

package/abstract/testModeProcessor.js

@@ -1,39 +0,0 @@
-// @ts-check
-
-/**
- * @template {import('./Block.js').Block} T
- * @param {DocumentFragment} fr
- * @param {T} fnCtx
- */
-export function testModeProcessor(fr, fnCtx) {
-  const elementsWithTestId = fr.querySelectorAll('[data-testid]');
-  if (elementsWithTestId.length === 0) {
-    return;
-  }
-  const valuesPerElement = new WeakMap();
-
-  for (const el of elementsWithTestId) {
-    const testIdValue = el.getAttribute('data-testid');
-    if (testIdValue) {
-      valuesPerElement.set(el, testIdValue);
-    }
-  }
-
-  fnCtx.subConfigValue('testMode', (testMode) => {
-    if (!testMode) {
-      for (const el of elementsWithTestId) {
-        el.removeAttribute('data-testid');
-      }
-      return;
-    }
-
-    const testIdPrefix = fnCtx.testId;
-    for (const el of elementsWithTestId) {
-      const testIdValue = valuesPerElement.get(el);
-      if (!testIdValue) {
-        continue;
-      }
-      el.setAttribute(`data-testid`, `${testIdPrefix}--${testIdValue}`);
-    }
-  });
-}

package/abstract/uploadEntrySchema.d.ts

@@ -1,126 +0,0 @@
-/** @constant */
-export const uploadEntrySchema: Readonly<{
-    file: Readonly<{
-        type: {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
-            prototype: File;
-        };
-        value: null;
-        nullable: true;
-    }>;
-    externalUrl: Readonly<{
-        type: StringConstructor;
-        value: null;
-        nullable: true;
-    }>;
-    fileName: Readonly<{
-        type: StringConstructor;
-        value: null;
-        nullable: true;
-    }>;
-    fileSize: Readonly<{
-        type: NumberConstructor;
-        value: null;
-        nullable: true;
-    }>;
-    lastModified: Readonly<{
-        type: NumberConstructor;
-        value: number;
-    }>;
-    uploadProgress: Readonly<{
-        type: NumberConstructor;
-        value: 0;
-    }>;
-    uuid: Readonly<{
-        type: StringConstructor;
-        value: null;
-        nullable: true;
-    }>;
-    isImage: Readonly<{
-        type: BooleanConstructor;
-        value: false;
-    }>;
-    mimeType: Readonly<{
-        type: StringConstructor;
-        value: null;
-        nullable: true;
-    }>;
-    ctxName: Readonly<{
-        type: StringConstructor;
-        value: null;
-        nullable: true;
-    }>;
-    cdnUrl: Readonly<{
-        type: StringConstructor;
-        value: null;
-        nullable: true;
-    }>;
-    cdnUrlModifiers: Readonly<{
-        type: StringConstructor;
-        value: null;
-        nullable: true;
-    }>;
-    fileInfo: Readonly<{
-        type: typeof UploadcareFile;
-        value: null;
-        nullable: true;
-    }>;
-    isUploading: Readonly<{
-        type: BooleanConstructor;
-        value: false;
-    }>;
-    abortController: Readonly<{
-        type: {
-            new (): AbortController;
-            prototype: AbortController;
-        };
-        value: null;
-        nullable: true;
-    }>;
-    thumbUrl: Readonly<{
-        type: StringConstructor;
-        value: null;
-        nullable: true;
-    }>;
-    silent: Readonly<{
-        type: BooleanConstructor;
-        value: false;
-    }>;
-    source: Readonly<{
-        type: StringConstructor;
-        value: null;
-        nullable: true;
-    }>;
-    fullPath: Readonly<{
-        type: StringConstructor;
-        value: null;
-        nullable: true;
-    }>;
-    metadata: Readonly<{
-        type: ObjectConstructor;
-        value: null;
-        nullable: true;
-    }>;
-    errors: Readonly<{
-        type: ArrayConstructor;
-        value: Error[];
-    }>;
-    uploadError: Readonly<{
-        type: ErrorConstructor;
-        value: null;
-        nullable: true;
-    }>;
-    isRemoved: Readonly<{
-        type: BooleanConstructor;
-        value: false;
-    }>;
-    isQueued: Readonly<{
-        type: BooleanConstructor;
-        value: false;
-    }>;
-}>;
-export type UploadEntryData = import("./TypedData").ExtractDataFromSchema<typeof uploadEntrySchema>;
-export type UploadEntryTypedData = import("./TypedData.js").TypedData<typeof uploadEntrySchema>;
-export type UploadEntryKeys = import("./TypedData.js").ExtractKeysFromSchema<typeof uploadEntrySchema>;
-import { UploadcareFile } from '@uploadcare/upload-client';
-//# sourceMappingURL=uploadEntrySchema.d.ts.map

package/abstract/uploadEntrySchema.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"uploadEntrySchema.d.ts","sourceRoot":"","sources":["uploadEntrySchema.js"],"names":[],"mappings":"AAGA,gBAAgB;AAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAkGsB,KAAK,EAAE;;;;;;;;;;;;;;;GAe1B;8BAEW,OAAO,aAAa,EAAE,qBAAqB,CAAC,OAAO,iBAAiB,CAAC;mCAErE,OAAO,gBAAgB,EAAE,SAAS,CAAC,OAAO,iBAAiB,CAAC;8BAE5D,OAAO,gBAAgB,EAAE,qBAAqB,CAAC,OAAO,iBAAiB,CAAC;+BA1HvD,2BAA2B"}

package/abstract/uploadEntrySchema.js

@@ -1,124 +0,0 @@
-// @ts-check
-import { UploadcareFile } from '@uploadcare/upload-client';
-
-/** @constant */
-export const uploadEntrySchema = Object.freeze({
-  file: Object.freeze({
-    type: File,
-    value: null,
-    nullable: true,
-  }),
-  externalUrl: Object.freeze({
-    type: String,
-    value: null,
-    nullable: true,
-  }),
-  fileName: Object.freeze({
-    type: String,
-    value: null,
-    nullable: true,
-  }),
-  fileSize: Object.freeze({
-    type: Number,
-    value: null,
-    nullable: true,
-  }),
-  lastModified: Object.freeze({
-    type: Number,
-    value: Date.now(),
-  }),
-  uploadProgress: Object.freeze({
-    type: Number,
-    value: 0,
-  }),
-  uuid: Object.freeze({
-    type: String,
-    value: null,
-    nullable: true,
-  }),
-  isImage: Object.freeze({
-    type: Boolean,
-    value: false,
-  }),
-  mimeType: Object.freeze({
-    type: String,
-    value: null,
-    nullable: true,
-  }),
-  ctxName: Object.freeze({
-    type: String,
-    value: null,
-    nullable: true,
-  }),
-  cdnUrl: Object.freeze({
-    type: String,
-    value: null,
-    nullable: true,
-  }),
-  cdnUrlModifiers: Object.freeze({
-    type: String,
-    value: null,
-    nullable: true,
-  }),
-  fileInfo: Object.freeze({
-    type: UploadcareFile,
-    value: null,
-    nullable: true,
-  }),
-  isUploading: Object.freeze({
-    type: Boolean,
-    value: false,
-  }),
-  abortController: Object.freeze({
-    type: AbortController,
-    value: null,
-    nullable: true,
-  }),
-  thumbUrl: Object.freeze({
-    type: String,
-    value: null,
-    nullable: true,
-  }),
-  silent: Object.freeze({
-    type: Boolean,
-    value: false,
-  }),
-  source: Object.freeze({
-    type: String,
-    value: null,
-    nullable: true,
-  }),
-  fullPath: Object.freeze({
-    type: String,
-    value: null,
-    nullable: true,
-  }),
-  metadata: Object.freeze({
-    type: Object,
-    value: null,
-    nullable: true,
-  }),
-  errors: Object.freeze({
-    type: Array,
-    value: /** @type {Error[]} */ ([]),
-  }),
-  uploadError: Object.freeze({
-    type: Error,
-    value: null,
-    nullable: true,
-  }),
-  isRemoved: Object.freeze({
-    type: Boolean,
-    value: false,
-  }),
-  isQueued: Object.freeze({
-    type: Boolean,
-    value: false,
-  }),
-});
-
-/** @typedef {import('./TypedData').ExtractDataFromSchema<typeof uploadEntrySchema>} UploadEntryData */
-
-/** @typedef {import('./TypedData.js').TypedData<typeof uploadEntrySchema>} UploadEntryTypedData */
-
-/** @typedef {import('./TypedData.js').ExtractKeysFromSchema<typeof uploadEntrySchema>} UploadEntryKeys */

package/blocks/ActivityHeader/ActivityHeader.d.ts

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

package/blocks/ActivityHeader/ActivityHeader.d.ts.map

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

package/blocks/ActivityHeader/ActivityHeader.js

@@ -1,3 +0,0 @@
-import { ActivityBlock } from '../../abstract/ActivityBlock.js';
-
-export class ActivityHeader extends ActivityBlock {}

package/blocks/ActivityHeader/activity-header.css

@@ -1,14 +0,0 @@
-uc-activity-header {
-  display: flex;
-  justify-content: space-between;
-  gap: var(--uc-padding);
-  padding: var(--uc-padding);
-  color: var(--uc-foreground);
-  font-weight: 500;
-  font-size: 1em;
-}
-
-uc-activity-header > * {
-  display: flex;
-  align-items: center;
-}