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

package/blocks/ExternalSource/buildThemeDefinition.js

@@ -1,47 +0,0 @@
-// @ts-check
-
-/**
- * @param {HTMLElement} element
- * @param {string} propName
- */
-function getCssValue(element, propName) {
-  let style = window.getComputedStyle(element);
-  return style.getPropertyValue(propName).trim();
-}
-
-const ucCustomProperties = /** @type {(keyof import('./types.js').ThemeDefinition)[]} */ ([
-  '--uc-font-family',
-  '--uc-font-size',
-  '--uc-line-height',
-  '--uc-button-size',
-  '--uc-preview-size',
-  '--uc-input-size',
-  '--uc-padding',
-  '--uc-radius',
-  '--uc-transition',
-  '--uc-background',
-  '--uc-foreground',
-  '--uc-primary',
-  '--uc-primary-hover',
-  '--uc-primary-transparent',
-  '--uc-primary-foreground',
-  '--uc-secondary',
-  '--uc-secondary-hover',
-  '--uc-secondary-foreground',
-  '--uc-muted',
-  '--uc-muted-foreground',
-  '--uc-destructive',
-  '--uc-destructive-foreground',
-  '--uc-border',
-]);
-
-/** @param {HTMLElement} element */
-export function buildThemeDefinition(element) {
-  return ucCustomProperties.reduce((acc, prop) => {
-    const value = getCssValue(element, prop);
-    if (value) {
-      acc[prop] = value;
-    }
-    return acc;
-  }, /** @type {Record<keyof import('./types.js').ThemeDefinition, string>} */ ({}));
-}

package/blocks/ExternalSource/external-source.css

@@ -1,94 +0,0 @@
-uc-external-source {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  background-color: var(--uc-background);
-  overflow: hidden;
-  position: relative;
-}
-
-[uc-modal] > dialog:has(uc-external-source[active]) {
-  width: 100%;
-  height: 100%;
-}
-
-uc-external-source > .uc-content {
-  position: relative;
-  display: grid;
-  flex: 1;
-  grid-template-rows: 1fr min-content;
-}
-
-uc-external-source iframe {
-  display: block;
-  width: 100%;
-  height: 100%;
-  border: none;
-}
-
-uc-external-source .uc-iframe-wrapper {
-  overflow: hidden;
-}
-
-uc-external-source .uc-toolbar {
-  display: flex;
-  width: 100%;
-  grid-gap: var(--uc-padding);
-  align-items: center;
-  justify-content: space-between;
-  padding: var(--uc-padding);
-  border-top: 1px solid var(--uc-border);
-}
-
-uc-external-source .uc-back-btn {
-  padding-left: 0;
-}
-
-uc-external-source .uc-selection-status-box {
-  color: var(--uc-foreground);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-
-uc-external-source .uc-selection-status-box button {
-  color: var(--uc-primary);
-  height: auto;
-  padding: 0;
-  background: none;
-}
-
-uc-external-source .uc-selection-status-box button:hover {
-  text-decoration: underline;
-}
-
-uc-external-source uc-activity-header {
-  position: absolute;
-  width: 100%;
-  justify-content: flex-end;
-  z-index: 1;
-  left: 0;
-  top: 0;
-  right: 0;
-  pointer-events: none;
-}
-
-uc-external-source uc-activity-header .uc-close-btn {
-  pointer-events: auto;
-}
-
-uc-external-source .uc-done-btn > span.uc-hidden {
-  visibility: hidden;
-  pointer-events: none;
-}
-
-uc-external-source .uc-done-btn > uc-spinner {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}

package/blocks/ExternalSource/query-string.d.ts

@@ -1,8 +0,0 @@
-/**
- * @param {{ [key: string]: string | number | boolean | null | undefined }} params
- * @returns {string}
- */
-export function queryString(params: {
-    [key: string]: string | number | boolean | null | undefined;
-}): string;
-//# sourceMappingURL=query-string.d.ts.map

package/blocks/ExternalSource/query-string.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"query-string.d.ts","sourceRoot":"","sources":["query-string.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,oCAHW;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAA;CAAE,GAC7D,MAAM,CAWlB"}

package/blocks/ExternalSource/query-string.js

@@ -1,14 +0,0 @@
-/**
- * @param {{ [key: string]: string | number | boolean | null | undefined }} params
- * @returns {string}
- */
-export function queryString(params) {
-  let list = [];
-  for (let [key, value] of Object.entries(params)) {
-    if (value === undefined || value === null || (typeof value === 'string' && value.length === 0)) {
-      continue;
-    }
-    list.push(`${key}=${encodeURIComponent(value)}`);
-  }
-  return list.join('&');
-}

package/blocks/ExternalSource/types.d.ts

@@ -1,106 +0,0 @@
-export type DoneSuccessResponse = {
-    error?: undefined;
-    alternatives?: Record<string, string>;
-    is_image?: boolean | null;
-    filename?: string;
-    obj_type: "selected_file";
-    url: string;
-};
-export type InputMessageMap = {
-    "selected-files-change": {
-        type: "selected-files-change";
-        total: number;
-        selectedCount: number;
-    } & ({
-        isReady: false;
-        isMultipleMode: boolean;
-        selectedFiles: undefined;
-    } | {
-        isReady: true;
-        isMultipleMode: true;
-        selectedFiles: DoneSuccessResponse[];
-    } | {
-        isReady: true;
-        isMultipleMode: false;
-        selectedFiles: [DoneSuccessResponse] | [];
-    });
-    "toolbar-state-change": {
-        type: "toolbar-state-change";
-        isVisible: boolean;
-    };
-};
-export type InputMessageType = keyof InputMessageMap;
-export type InputMessage = InputMessageMap[InputMessageType];
-export type InputMessageHandler<T extends import("./types").InputMessageType> = (message: import("./types").InputMessageMap[T]) => void;
-export type ThemeDefinition = {
-    "--uc-font-family": string;
-    "--uc-font-size": string;
-    "--uc-line-height": string;
-    "--uc-button-size": string;
-    "--uc-preview-size": string;
-    "--uc-input-size": string;
-    "--uc-padding": string;
-    "--uc-radius": string;
-    "--uc-transition": string;
-    "--uc-background": string;
-    "--uc-foreground": string;
-    "--uc-primary": string;
-    "--uc-primary-hover": string;
-    "--uc-primary-transparent": string;
-    "--uc-primary-foreground": string;
-    "--uc-secondary": string;
-    "--uc-secondary-hover": string;
-    "--uc-secondary-foreground": string;
-    "--uc-muted": string;
-    "--uc-muted-foreground": string;
-    "--uc-destructive": string;
-    "--uc-destructive-foreground": string;
-    "--uc-border": string;
-    "--uc-primary-rgb-light": string;
-    "--uc-primary-light": string;
-    "--uc-primary-hover-light": string;
-    "--uc-primary-transparent-light": string;
-    "--uc-background-light": string;
-    "--uc-foreground-light": string;
-    "--uc-primary-foreground-light": string;
-    "--uc-secondary-light": string;
-    "--uc-secondary-hover-light": string;
-    "--uc-secondary-foreground-light": string;
-    "--uc-muted-light": string;
-    "--uc-muted-foreground-light": string;
-    "--uc-destructive-light": string;
-    "--uc-destructive-foreground-light": string;
-    "--uc-border-light": string;
-    "--uc-primary-rgb-dark": string;
-    "--uc-primary-dark": string;
-    "--uc-primary-hover-dark": string;
-    "--uc-primary-transparent-dark": string;
-    "--uc-background-dark": string;
-    "--uc-foreground-dark": string;
-    "--uc-primary-foreground-dark": string;
-    "--uc-secondary-dark": string;
-    "--uc-secondary-hover-dark": string;
-    "--uc-secondary-foreground-dark": string;
-    "--uc-muted-dark": string;
-    "--uc-muted-foreground-dark": string;
-    "--uc-destructive-dark": string;
-    "--uc-destructive-foreground-dark": string;
-    "--uc-border-dark": string;
-    "--uc-primary-oklch-light": string;
-    "--uc-primary-oklch-dark": string;
-};
-export type OutputMessage = {
-    type: "select-all";
-} | {
-    type: "deselect-all";
-} | {
-    type: "set-theme-definition";
-    theme: Record<string, string>;
-} | {
-    type: "set-locale-definition";
-    localeDefinition: string;
-} | {
-    type: "set-embed-css";
-    css: string;
-};
-//# sourceMappingURL=types.d.ts.map

package/blocks/ExternalSource/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["types.js"],"names":[],"mappings":"kCAGa;IACR,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,eAAe,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC;CACb;8BAIS;IACZ,uBAA2B,EAAE;QACvB,IAAI,EAAE,uBAAuB,CAAC;QAC9B,KAAK,EAAE,MAAM,CAAC;QACd,aAAa,EAAE,MAAM,CAAC;KACvB,GAAG,CACA;QACE,OAAO,EAAE,KAAK,CAAC;QACf,cAAc,EAAE,OAAO,CAAC;QACxB,aAAa,EAAE,SAAS,CAAC;KAC1B,GACD;QACE,OAAO,EAAE,IAAI,CAAC;QACd,cAAc,EAAE,IAAI,CAAC;QACrB,aAAa,EAAE,mBAAmB,EAAE,CAAC;KACtC,GACD;QACE,OAAO,EAAE,IAAI,CAAC;QACd,cAAc,EAAE,KAAK,CAAC;QACtB,aAAa,EAAE,CAAC,mBAAmB,CAAC,GAAG,EAAE,CAAC;KAC3C,CACJ,CAAC;IACN,sBAA0B,EAAE;QACtB,IAAI,EAAE,sBAAsB,CAAC;QAC7B,SAAS,EAAE,OAAO,CAAC;KACpB,CAAC;CACH;+BAGU,MAAM,eAAe;2BACrB,eAAe,CAAC,gBAAgB,CAAC;gCAGG,CAAC,SAAtC,OAAQ,SAAS,EAAE,gBAAiB,IACpC,CAAC,OAAO,EAAE,OAAO,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,IAAI;8BAIvD;IACZ,kBAAsB,EAAE,MAAM,CAAC;IAC/B,gBAAoB,EAAE,MAAM,CAAC;IAC7B,kBAAsB,EAAE,MAAM,CAAC;IAC/B,kBAAsB,EAAE,MAAM,CAAC;IAC/B,mBAAuB,EAAE,MAAM,CAAC;IAChC,iBAAqB,EAAE,MAAM,CAAC;IAC9B,cAAkB,EAAE,MAAM,CAAC;IAC3B,aAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAqB,EAAE,MAAM,CAAC;IAC9B,iBAAqB,EAAE,MAAM,CAAC;IAC9B,iBAAqB,EAAE,MAAM,CAAC;IAC9B,cAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAwB,EAAE,MAAM,CAAC;IACjC,0BAA8B,EAAE,MAAM,CAAC;IACvC,yBAA6B,EAAE,MAAM,CAAC;IACtC,gBAAoB,EAAE,MAAM,CAAC;IAC7B,sBAA0B,EAAE,MAAM,CAAC;IACnC,2BAA+B,EAAE,MAAM,CAAC;IACxC,YAAgB,EAAE,MAAM,CAAC;IACzB,uBAA2B,EAAE,MAAM,CAAC;IACpC,kBAAsB,EAAE,MAAM,CAAC;IAC/B,6BAAiC,EAAE,MAAM,CAAC;IAC1C,aAAiB,EAAE,MAAM,CAAC;IAC1B,wBAA4B,EAAE,MAAM,CAAC;IACrC,oBAAwB,EAAE,MAAM,CAAC;IACjC,0BAA8B,EAAE,MAAM,CAAC;IACvC,gCAAoC,EAAE,MAAM,CAAC;IAC7C,uBAA2B,EAAE,MAAM,CAAC;IACpC,uBAA2B,EAAE,MAAM,CAAC;IACpC,+BAAmC,EAAE,MAAM,CAAC;IAC5C,sBAA0B,EAAE,MAAM,CAAC;IACnC,4BAAgC,EAAE,MAAM,CAAC;IACzC,iCAAqC,EAAE,MAAM,CAAC;IAC9C,kBAAsB,EAAE,MAAM,CAAC;IAC/B,6BAAiC,EAAE,MAAM,CAAC;IAC1C,wBAA4B,EAAE,MAAM,CAAC;IACrC,mCAAuC,EAAE,MAAM,CAAC;IAChD,mBAAuB,EAAE,MAAM,CAAC;IAChC,uBAA2B,EAAE,MAAM,CAAC;IACpC,mBAAuB,EAAE,MAAM,CAAC;IAChC,yBAA6B,EAAE,MAAM,CAAC;IACtC,+BAAmC,EAAE,MAAM,CAAC;IAC5C,sBAA0B,EAAE,MAAM,CAAC;IACnC,sBAA0B,EAAE,MAAM,CAAC;IACnC,8BAAkC,EAAE,MAAM,CAAC;IAC3C,qBAAyB,EAAE,MAAM,CAAC;IAClC,2BAA+B,EAAE,MAAM,CAAC;IACxC,gCAAoC,EAAE,MAAM,CAAC;IAC7C,iBAAqB,EAAE,MAAM,CAAC;IAC9B,4BAAgC,EAAE,MAAM,CAAC;IACzC,uBAA2B,EAAE,MAAM,CAAC;IACpC,kCAAsC,EAAE,MAAM,CAAC;IAC/C,kBAAsB,EAAE,MAAM,CAAC;IAC/B,0BAA8B,EAAE,MAAM,CAAC;IACvC,yBAA6B,EAAE,MAAM,CAAC;CACnC;4BAIS;IACJ,IAAI,EAAE,YAAY,CAAC;CACpB,GACD;IACE,IAAI,EAAE,cAAc,CAAC;CACtB,GACD;IACE,IAAI,EAAE,sBAAsB,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC/B,GACD;IACE,IAAI,EAAE,uBAAuB,CAAC;IAC9B,gBAAgB,EAAE,MAAM,CAAC;CAC1B,GACD;IACE,IAAI,EAAE,eAAe,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;CACb"}

package/blocks/ExternalSource/types.js

@@ -1,133 +0,0 @@
-// @ts-check
-
-/**
- * @typedef {{
- *   error?: undefined;
- *   alternatives?: Record<string, string>;
- *   is_image?: boolean | null;
- *   filename?: string;
- *   obj_type: 'selected_file';
- *   url: string;
- * }} DoneSuccessResponse
- */
-
-/**
- * @typedef {{
- *   'selected-files-change': {
- *     type: 'selected-files-change';
- *     total: number;
- *     selectedCount: number;
- *   } & (
- *     | {
- *         isReady: false;
- *         isMultipleMode: boolean;
- *         selectedFiles: undefined;
- *       }
- *     | {
- *         isReady: true;
- *         isMultipleMode: true;
- *         selectedFiles: DoneSuccessResponse[];
- *       }
- *     | {
- *         isReady: true;
- *         isMultipleMode: false;
- *         selectedFiles: [DoneSuccessResponse] | [];
- *       }
- *   );
- *   'toolbar-state-change': {
- *     type: 'toolbar-state-change';
- *     isVisible: boolean;
- *   };
- * }} InputMessageMap
- */
-
-/** @typedef {keyof InputMessageMap} InputMessageType */
-/** @typedef {InputMessageMap[InputMessageType]} InputMessage */
-
-/**
- * @template {import('./types').InputMessageType} T
- * @typedef {(message: import('./types').InputMessageMap[T]) => void} InputMessageHandler
- */
-
-/**
- * @typedef {{
- *   '--uc-font-family': string;
- *   '--uc-font-size': string;
- *   '--uc-line-height': string;
- *   '--uc-button-size': string;
- *   '--uc-preview-size': string;
- *   '--uc-input-size': string;
- *   '--uc-padding': string;
- *   '--uc-radius': string;
- *   '--uc-transition': string;
- *   '--uc-background': string;
- *   '--uc-foreground': string;
- *   '--uc-primary': string;
- *   '--uc-primary-hover': string;
- *   '--uc-primary-transparent': string;
- *   '--uc-primary-foreground': string;
- *   '--uc-secondary': string;
- *   '--uc-secondary-hover': string;
- *   '--uc-secondary-foreground': string;
- *   '--uc-muted': string;
- *   '--uc-muted-foreground': string;
- *   '--uc-destructive': string;
- *   '--uc-destructive-foreground': string;
- *   '--uc-border': string;
- *   '--uc-primary-rgb-light': string;
- *   '--uc-primary-light': string;
- *   '--uc-primary-hover-light': string;
- *   '--uc-primary-transparent-light': string;
- *   '--uc-background-light': string;
- *   '--uc-foreground-light': string;
- *   '--uc-primary-foreground-light': string;
- *   '--uc-secondary-light': string;
- *   '--uc-secondary-hover-light': string;
- *   '--uc-secondary-foreground-light': string;
- *   '--uc-muted-light': string;
- *   '--uc-muted-foreground-light': string;
- *   '--uc-destructive-light': string;
- *   '--uc-destructive-foreground-light': string;
- *   '--uc-border-light': string;
- *   '--uc-primary-rgb-dark': string;
- *   '--uc-primary-dark': string;
- *   '--uc-primary-hover-dark': string;
- *   '--uc-primary-transparent-dark': string;
- *   '--uc-background-dark': string;
- *   '--uc-foreground-dark': string;
- *   '--uc-primary-foreground-dark': string;
- *   '--uc-secondary-dark': string;
- *   '--uc-secondary-hover-dark': string;
- *   '--uc-secondary-foreground-dark': string;
- *   '--uc-muted-dark': string;
- *   '--uc-muted-foreground-dark': string;
- *   '--uc-destructive-dark': string;
- *   '--uc-destructive-foreground-dark': string;
- *   '--uc-border-dark': string;
- *   '--uc-primary-oklch-light': string;
- *   '--uc-primary-oklch-dark': string;
- * }} ThemeDefinition
- */
-
-/**
- * @typedef {{
- *       type: 'select-all';
- *     }
- *   | {
- *       type: 'deselect-all';
- *     }
- *   | {
- *       type: 'set-theme-definition';
- *       theme: Record<string, string>;
- *     }
- *   | {
- *       type: 'set-locale-definition';
- *       localeDefinition: string;
- *     }
- *   | {
- *       type: 'set-embed-css';
- *       css: string;
- *     }} OutputMessage
- */
-
-export {};

package/blocks/FileItem/FileItem.d.ts

@@ -1,76 +0,0 @@
-export class FileItem extends FileItemConfig {
-    /** @private */
-    private _renderedOnce;
-    init$: {
-        uid: string;
-        itemName: string;
-        errorText: string;
-        hint: string;
-        thumbUrl: string;
-        progressValue: number;
-        progressVisible: boolean;
-        badgeIcon: string;
-        isFinished: boolean;
-        isFailed: boolean;
-        isUploading: boolean;
-        isFocused: boolean;
-        isEditable: boolean;
-        showFileNames: boolean;
-        state: symbol;
-        ariaLabelStatusFile: string;
-        onEdit: (...args: any[]) => void;
-        onRemove: () => void;
-        onUpload: () => void;
-        '*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;
-    };
-    /**
-     * @private
-     * @param {IntersectionObserverEntry[]} entries
-     */
-    private _observerCallback;
-    _isIntersecting: boolean | undefined;
-    _thumbRect: DOMRectReadOnly | undefined;
-    /** @private */
-    private _calculateState;
-    /** @private */
-    private _debouncedCalculateState;
-    _updateHint: (...args: any[]) => void;
-    /**
-     * @private
-     * @param {String} id
-     */
-    private _handleEntryId;
-    /** @param {boolean} value */
-    _updateShowFileNames(value: boolean): void;
-    _handleState: (...args: any[]) => void;
-    /** @private */
-    private _observer;
-    _settingsOfShrink(): {
-        size: number;
-        quality: number | undefined;
-    };
-    /**
-     * @private
-     * @param {File} file
-     */
-    private _processShrink;
-    upload: (...args: any[]) => Promise<void>;
-}
-export namespace FileItem {
-    let template: string;
-    let activeInstances: Set<any>;
-}
-import { FileItemConfig } from './FileItemConfig.js';
-//# sourceMappingURL=FileItem.d.ts.map

package/blocks/FileItem/FileItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["FileItem.js"],"names":[],"mappings":"AAiBA;IAIE,eAAe;IACf,sBAAsB;IAKpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+CC;IAQH;;;OAGG;IACH,0BAUC;IAPC,qCAA2C;IAC3C,wCAA0C;IAQ5C,eAAe;IACf,wBAYG;IAEH,eAAe;IACf,iCAA0E;IAE1E,sCA4BE;IAEF;;;OAGG;IACH,uBAqCC;IAED,6BAA6B;IAC7B,4BADY,OAAO,QASlB;IAgDD,uCA+BE;IAaA,eAAe;IACf,kBAEE;IAUJ;;;MAEC;IAED;;;OAGG;IACH,uBAEC;IAED,0CAyGG;CACJ;;;;;+BA7Z8B,qBAAqB"}