@uploadcare/file-uploader 1.24.0-alpha.1 → 1.24.0

package/dist/env.js

@@ -25,7 +25,7 @@
  */
 
 // package.json
-var version = "1.24.0-alpha.1";
+var version = "1.24.0";
 
 // src/env.ts
 var PACKAGE_NAME = "blocks";

package/dist/index.css

@@ -23,10 +23,10 @@
  * SOFTWARE.
  * 
  */
-@layer uc-base, uc-components, uc-rules, uc-solutions, uc-reset, uc-base, uc-rules, uc-reset;
+@layer uc, uc.base, uc.components, uc.rules, uc.solutions, uc.post-reset, uc.base, uc.rules, uc.post-reset;
 
 /* src/blocks/ActivityHeader/activity-header.css */
-@layer uc-components {
+@layer uc.components {
   uc-activity-header {
     display: flex;
     justify-content: space-between;
@@ -43,7 +43,7 @@
 }
 
 /* src/blocks/CameraSource/camera-source.css */
-@layer uc-components {
+@layer uc.components {
   uc-camera-source {
     position: relative;
     display: flex;
@@ -204,7 +204,7 @@
 }
 
 /* src/blocks/CloudImageEditor/src/css/common.css */
-@layer uc-solutions {
+@layer uc.solutions {
   [uc-cloud-image-editor] {
     --color-primary-accent: var(--uc-primary);
     --color-text-base: var(--uc-foreground);
@@ -1207,7 +1207,7 @@
 }
 
 /* src/blocks/CloudImageEditor/src/css/icons.css */
-@layer uc-solutions {
+@layer uc.solutions {
   :where([uc-cloud-image-editor]) uc-icon {
     display: flex;
     justify-content: center;
@@ -1225,7 +1225,7 @@
 /* src/blocks/CloudImageEditor/index.css */
 
 /* src/blocks/CloudImageEditorActivity/cloud-image-editor-activity.css */
-@layer uc-components {
+@layer uc.components {
   uc-cloud-image-editor-activity {
     position: relative;
     display: flex;
@@ -1241,14 +1241,14 @@
 }
 
 /* src/blocks/Config/config.css */
-@layer uc-components {
+@layer uc.components {
   uc-config {
     display: none;
   }
 }
 
 /* src/blocks/Copyright/copyright.css */
-@layer uc-components {
+@layer uc.components {
   uc-copyright {
     display: flex;
     width: 100%;
@@ -1279,7 +1279,7 @@
 }
 
 /* src/blocks/DropArea/drop-area.css */
-@layer uc-components {
+@layer uc.components {
   :where([uc-drop-area]) {
     padding: 2px;
     overflow: hidden;
@@ -1438,7 +1438,7 @@
 }
 
 /* src/blocks/ExternalSource/external-source.css */
-@layer uc-components {
+@layer uc.components {
   uc-external-source {
     display: flex;
     flex-direction: column;
@@ -1523,7 +1523,7 @@
 }
 
 /* src/blocks/FileItem/file-item.css */
-@layer uc-components {
+@layer uc.components {
   uc-file-item {
     --uc-file-item-gap: 4px;
     --uc-file-item-height: calc(var(--uc-preview-size) + var(--uc-padding) * 2 + var(--uc-file-item-gap));
@@ -1729,7 +1729,7 @@
 }
 
 /* src/blocks/Icon/icon.css */
-@layer uc-components {
+@layer uc.components {
   uc-icon {
     display: inline-flex;
     align-items: center;
@@ -1740,11 +1740,12 @@
   uc-icon svg {
     width: calc(var(--uc-button-size) / 2);
     height: calc(var(--uc-button-size) / 2);
+    overflow: visible;
   }
 }
 
 /* src/blocks/Modal/modal.css */
-@layer uc-components {
+@layer uc.components {
   @supports selector(dialog::backdrop) {
     :where([uc-modal]) > dialog::backdrop {
       background-color: oklch(0 0 0 / 0.1);
@@ -1785,7 +1786,7 @@
 }
 
 /* src/blocks/ProgressBar/progress-bar.css */
-@layer uc-components {
+@layer uc.components {
   uc-progress-bar {
     --l-progress-value: 0;
     position: absolute;
@@ -1840,7 +1841,7 @@
 }
 
 /* src/blocks/ProgressBarCommon/progress-bar-common.css */
-@layer uc-components {
+@layer uc.components {
   uc-progress-bar-common {
     position: fixed;
     right: 0;
@@ -1859,7 +1860,7 @@
 }
 
 /* src/blocks/Select/select.css */
-@layer uc-components {
+@layer uc.components {
   uc-select {
     display: inline-flex;
   }
@@ -1884,7 +1885,7 @@
 }
 
 /* src/blocks/SimpleBtn/simple-btn.css */
-@layer uc-components {
+@layer uc.components {
   :where([uc-simple-btn]) {
     position: relative;
     display: inline-flex;
@@ -1945,7 +1946,7 @@
 }
 
 /* src/blocks/SourceBtn/source-btn.css */
-@layer uc-components {
+@layer uc.components {
   uc-source-btn > button {
     display: flex;
     align-items: center;
@@ -1994,7 +1995,7 @@
 }
 
 /* src/blocks/Spinner/spinner.css */
-@layer uc-components {
+@layer uc.components {
   @keyframes uc-spinner-keyframes {
     from {
       transform: rotate(0deg);
@@ -2015,7 +2016,7 @@
 }
 
 /* src/blocks/StartFrom/start-from.css */
-@layer uc-components {
+@layer uc.components {
   uc-start-from {
     display: block;
     overflow-y: auto;
@@ -2043,7 +2044,7 @@
 }
 
 /* src/blocks/Thumb/thumb.css */
-@layer uc-components {
+@layer uc.components {
   uc-thumb {
     width: 100%;
     height: 100%;
@@ -2051,7 +2052,7 @@
 }
 
 /* src/blocks/UploadList/upload-list.css */
-@layer uc-components {
+@layer uc.components {
   uc-upload-list {
     position: relative;
     display: flex;
@@ -2130,7 +2131,7 @@
 }
 
 /* src/blocks/UrlSource/url-source.css */
-@layer uc-components {
+@layer uc.components {
   uc-url-source {
     display: block;
     background-color: var(--uc-background);
@@ -2148,7 +2149,7 @@
 }
 
 /* src/solutions/file-uploader/inline/index.css */
-@layer uc-solutions {
+@layer uc.solutions {
   [uc-file-uploader-inline] uc-start-from {
     height: 100%;
     container-type: inline-size;
@@ -2193,7 +2194,7 @@
 }
 
 /* src/solutions/file-uploader/minimal/index.css */
-@layer uc-solutions {
+@layer uc.solutions {
   :where([uc-file-uploader-minimal]) {
     --cfg-init-activity: "start-from";
     --cfg-done-activity: "upload-list";
@@ -2314,10 +2315,10 @@
 }
 
 /* src/blocks/themes/uc-basic/layers.css */
-@layer uc-base, uc-components, uc-rules, uc-solutions, uc-reset;
+@layer uc, uc.base, uc.components, uc.rules, uc.solutions, uc.post-reset;
 
 /* src/blocks/themes/uc-basic/config.css */
-@layer uc-base {
+@layer uc.base {
   :where([uc-wgt-common]) {
     --cfg-init-activity: "start-from";
     --cfg-done-activity: "";
@@ -2325,7 +2326,7 @@
 }
 
 /* src/blocks/themes/uc-basic/theme.css */
-@layer uc-base {
+@layer uc.base {
   :where([uc-wgt-common]) {
     --uc-font-family: system-ui;
     --uc-font-size: 14px;
@@ -2588,7 +2589,7 @@
 }
 
 /* src/blocks/themes/uc-basic/common.css */
-@layer uc-base {
+@layer uc.base {
   :where([uc-wgt-common]) {
     color: var(--uc-foreground);
     font-size: var(--uc-font-size);
@@ -2688,7 +2689,7 @@
 }
 
 /* src/blocks/themes/uc-basic/rules.css */
-@layer uc-rules {
+@layer uc.rules {
   :where([uc-wgt-common]) [hidden] {
     display: none;
   }
@@ -2701,7 +2702,7 @@
 }
 
 /* src/blocks/themes/uc-basic/post-reset.css */
-@layer uc-reset {
+@layer uc.post-reset {
   :where([uc-wgt-common]) uc-source-btn[type] {
     all: unset;
   }
@@ -2710,5 +2711,5 @@
 /* src/blocks/themes/uc-basic/index.css */
 
 /* src/solutions/file-uploader/regular/index.css */
-@layer uc-solutions {
+@layer uc.solutions {
 }

package/dist/index.d.ts

@@ -7,41 +7,6 @@ export { loadFileUploaderFrom } from './abstract/loadFileUploaderFrom.js';
 import { TelemetryRequest } from '@uploadcare/quality-insights';
 export { PACKAGE_NAME, PACKAGE_VERSION } from './env.js';
 
-declare const ExternalUploadSource: Readonly<{
-    readonly FACEBOOK: "facebook";
-    readonly DROPBOX: "dropbox";
-    readonly GDRIVE: "gdrive";
-    readonly GPHOTOS: "gphotos";
-    readonly FLICKR: "flickr";
-    readonly VK: "vk";
-    readonly EVERNOTE: "evernote";
-    readonly BOX: "box";
-    readonly ONEDRIVE: "onedrive";
-    readonly HUDDLE: "huddle";
-}>;
-declare const UploadSource: Readonly<{
-    readonly FACEBOOK: "facebook";
-    readonly DROPBOX: "dropbox";
-    readonly GDRIVE: "gdrive";
-    readonly GPHOTOS: "gphotos";
-    readonly FLICKR: "flickr";
-    readonly VK: "vk";
-    readonly EVERNOTE: "evernote";
-    readonly BOX: "box";
-    readonly ONEDRIVE: "onedrive";
-    readonly HUDDLE: "huddle";
-    readonly MOBILE_VIDEO_CAMERA: "mobile-video-camera";
-    readonly MOBILE_PHOTO_CAMERA: "mobile-photo-camera";
-    readonly LOCAL: "local";
-    readonly DROP_AREA: "drop-area";
-    readonly CAMERA: "camera";
-    readonly EXTERNAL: "external";
-    readonly API: "js-api";
-    readonly URL: "url";
-    readonly DRAW: "draw";
-}>;
-type SourceTypes = (typeof UploadSource)[keyof typeof UploadSource];
-
 declare class A11y {
     private _destroyKeyUX;
     private readonly _scopedWindow;
@@ -182,7 +147,7 @@ declare class Block extends BaseComponent<any> {
     static StateConsumerScope: string | null;
     static styleAttrs: string[];
     protected requireCtxName: boolean;
-    activityType: any;
+    activityType: ActivityType;
     init$: {};
     l10n(str: string, variables?: Record<string, string | number>): string;
     private pluralize;
@@ -479,8 +444,8 @@ declare class ValidationManager {
     private _getValidatorDescriptorsForEntry;
 }
 
-type CameraMode = "photo" | "video";
-type CameraStatus = "shot" | "retake" | "accept" | "play" | "stop" | "pause" | "resume";
+type CameraMode = 'photo' | 'video';
+type CameraStatus = 'shot' | 'retake' | 'accept' | 'play' | 'stop' | 'pause' | 'resume';
 declare class CameraSource extends UploaderBlock {
     couldBeCtxOwner: boolean;
     activityType: "camera";
@@ -580,12 +545,52 @@ declare class UploadList extends UploaderBlock {
     destroyCallback(): void;
 }
 
+declare const ExternalUploadSource: Readonly<{
+    readonly FACEBOOK: "facebook";
+    readonly DROPBOX: "dropbox";
+    readonly GDRIVE: "gdrive";
+    readonly GPHOTOS: "gphotos";
+    readonly FLICKR: "flickr";
+    readonly VK: "vk";
+    readonly EVERNOTE: "evernote";
+    readonly BOX: "box";
+    readonly ONEDRIVE: "onedrive";
+    readonly HUDDLE: "huddle";
+}>;
+declare const UploadSource: Readonly<{
+    readonly FACEBOOK: "facebook";
+    readonly DROPBOX: "dropbox";
+    readonly GDRIVE: "gdrive";
+    readonly GPHOTOS: "gphotos";
+    readonly FLICKR: "flickr";
+    readonly VK: "vk";
+    readonly EVERNOTE: "evernote";
+    readonly BOX: "box";
+    readonly ONEDRIVE: "onedrive";
+    readonly HUDDLE: "huddle";
+    readonly MOBILE_VIDEO_CAMERA: "mobile-video-camera";
+    readonly MOBILE_PHOTO_CAMERA: "mobile-photo-camera";
+    readonly LOCAL: "local";
+    readonly DROP_AREA: "drop-area";
+    readonly CAMERA: "camera";
+    readonly EXTERNAL: "external";
+    readonly API: "js-api";
+    readonly URL: "url";
+    readonly DRAW: "draw";
+}>;
+type SourceTypes = (typeof UploadSource)[keyof typeof UploadSource];
+
 declare const CameraSourceTypes: Readonly<{
     PHOTO: "photo";
     VIDEO: "video";
 }>;
 type ModeCameraType = (typeof CameraSourceTypes)[keyof typeof CameraSourceTypes];
 
+type ApiAddFileCommonOptions = {
+    silent?: boolean;
+    fileName?: string;
+    source?: string;
+};
 declare class UploaderPublicApi {
     private _ctx;
     constructor(ctx: UploaderBlock);
@@ -595,25 +600,10 @@ declare class UploaderPublicApi {
     /**
      * TODO: Probably we should not allow user to override `source` property
      */
-    addFileFromUrl: (url: string, { silent, fileName, source, }?: {
-        silent?: boolean;
-        fileName?: string;
-        source?: string;
-    }) => OutputFileEntry<"idle">;
-    addFileFromUuid: (uuid: string, { silent, fileName, source, }?: {
-        silent?: boolean;
-        fileName?: string;
-        source?: string;
-    }) => OutputFileEntry<"idle">;
-    addFileFromCdnUrl: (cdnUrl: string, { silent, fileName, source, }?: {
-        silent?: boolean;
-        fileName?: string;
-        source?: string;
-    }) => OutputFileEntry<"idle">;
-    addFileFromObject: (file: File, { silent, fileName, source, fullPath, }?: {
-        silent?: boolean;
-        fileName?: string;
-        source?: string;
+    addFileFromUrl: (url: string, { silent, fileName, source }?: ApiAddFileCommonOptions) => OutputFileEntry<"idle">;
+    addFileFromUuid: (uuid: string, { silent, fileName, source }?: ApiAddFileCommonOptions) => OutputFileEntry<"idle">;
+    addFileFromCdnUrl: (cdnUrl: string, { silent, fileName, source }?: ApiAddFileCommonOptions) => OutputFileEntry<"idle">;
+    addFileFromObject: (file: File, { silent, fileName, source, fullPath, }?: ApiAddFileCommonOptions & {
         fullPath?: string;
     }) => OutputFileEntry<"idle">;
     removeFileByInternalId: (internalId: string) => void;
@@ -2040,4 +2030,4 @@ declare class FileUploaderRegular extends SolutionBlock {
 type KebabCase<T extends string> = T extends `${infer Head} ${infer Tail}` ? `${Lowercase<Head>}-${KebabCase<Tail>}` : Lowercase<T>;
 declare const toKebabCase: <T extends string>(str: T) => KebabCase<T>;
 
-export { ActivityBlock, ActivityHeader, Block, BtnUi, CameraSource, CloudImageEditor, CloudImageEditorActivity, CloudImageEditorBlock, type CollectionValidators, Config, type ConfigAttributesType, type ConfigComplexType, type ConfigPlainType, type ConfigType, Copyright, CropFrame, DropArea, EditorAspectRatioButtonControl, EditorCropButtonControl, EditorFilterControl, EditorFreeformButtonControl, EditorImageCropper, EditorImageFader, EditorOperationControl, EditorScroller, EditorSlider, EditorToolbar, type EventMap, type EventPayload, EventType, ExternalSource, ExternalUploadSource, FileItem, FileUploaderInline, FileUploaderMinimal, FileUploaderRegular, type FileValidator, type FileValidatorDescriptor, type FileValidators, FormInput, type FuncCollectionValidator, type FuncFileValidator, type GroupFlag, Icon, type IconHrefResolver, Img, type KebabCase$1 as KebabCase, type KebabCaseKeys, LineLoaderUi, type LocaleDefinitionOverride, type LowerCase, type LowerCaseKeys, type MetadataCallback, Modal, ModalEvents, type ModalId, type OutputCollectionErrorType, type OutputCollectionState, type OutputCollectionStatus, type OutputCustomErrorType, type OutputError, type OutputErrorCollection, type OutputErrorFile, type OutputErrorTypePayload, type OutputFileEntry, type OutputFileErrorPayload, type OutputFileErrorType, type OutputFileStatus, PresenceToggle, ProgressBar, ProgressBarCommon, type SecureDeliveryProxyUrlResolver, type SecureUploadsSignatureAndExpire, type SecureUploadsSignatureResolver, Select, SimpleBtn, SliderUi, SolutionBlock, SourceBtn, SourceList, type SourceTypes, Spinner, StartFrom, Thumb, UploadCtxProvider, UploadList, UploadSource, UploaderBlock, UploaderPublicApi, UrlSource, defineComponents, defineLocale, toKebabCase };
+export { ActivityBlock, ActivityHeader, type ApiAddFileCommonOptions, Block, BtnUi, CameraSource, CloudImageEditor, CloudImageEditorActivity, CloudImageEditorBlock, type CollectionValidators, Config, type ConfigAttributesType, type ConfigComplexType, type ConfigPlainType, type ConfigType, Copyright, CropFrame, DropArea, EditorAspectRatioButtonControl, EditorCropButtonControl, EditorFilterControl, EditorFreeformButtonControl, EditorImageCropper, EditorImageFader, EditorOperationControl, EditorScroller, EditorSlider, EditorToolbar, type EventMap, type EventPayload, EventType, ExternalSource, ExternalUploadSource, FileItem, FileUploaderInline, FileUploaderMinimal, FileUploaderRegular, type FileValidator, type FileValidatorDescriptor, type FileValidators, FormInput, type FuncCollectionValidator, type FuncFileValidator, type GroupFlag, Icon, type IconHrefResolver, Img, type KebabCase$1 as KebabCase, type KebabCaseKeys, LineLoaderUi, type LocaleDefinitionOverride, type LowerCase, type LowerCaseKeys, type MetadataCallback, Modal, ModalEvents, type ModalId, type OutputCollectionErrorType, type OutputCollectionState, type OutputCollectionStatus, type OutputCustomErrorType, type OutputError, type OutputErrorCollection, type OutputErrorFile, type OutputErrorTypePayload, type OutputFileEntry, type OutputFileErrorPayload, type OutputFileErrorType, type OutputFileStatus, PresenceToggle, ProgressBar, ProgressBarCommon, type SecureDeliveryProxyUrlResolver, type SecureUploadsSignatureAndExpire, type SecureUploadsSignatureResolver, Select, SimpleBtn, SliderUi, SolutionBlock, SourceBtn, SourceList, type SourceTypes, Spinner, StartFrom, Thumb, UploadCtxProvider, UploadList, UploadSource, UploaderBlock, UploaderPublicApi, UrlSource, defineComponents, defineLocale, toKebabCase };