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

package/solutions/file-uploader/inline/index.css

@@ -1,54 +0,0 @@
-@import url('../../../blocks/themes/uc-basic/index.css');
-
-[uc-file-uploader-inline] uc-start-from {
-  height: 100%;
-  container-type: inline-size;
-}
-
-[uc-file-uploader-inline] {
-  --cfg-done-activity: 'start-from';
-  --cfg-init-activity: 'start-from';
-
-  flex: 1;
-}
-
-[uc-file-uploader-inline] uc-activity-header::after {
-  width: var(--uc-button-size);
-  height: var(--uc-button-size);
-  content: '';
-}
-
-[uc-file-uploader-inline] uc-activity-header .uc-close-btn {
-  display: none;
-}
-
-[uc-file-uploader-inline] uc-copyright .uc-credits {
-  position: static;
-}
-
-@container (min-width: 500px) {
-  [uc-file-uploader-inline] uc-start-from .uc-content {
-    grid-template-columns: 1fr max-content;
-    height: 100%;
-  }
-
-  [uc-file-uploader-inline] uc-start-from uc-copyright {
-    grid-column: 2;
-  }
-
-  [uc-file-uploader-inline] uc-start-from uc-drop-area {
-    grid-row: span 3;
-  }
-
-  [uc-file-uploader-inline] uc-start-from:has(uc-copyright[hidden]) uc-drop-area {
-    grid-row: span 2;
-  }
-
-  [uc-file-uploader-inline] uc-start-from:has(.uc-cancel-btn[hidden]) uc-drop-area {
-    grid-row: span 2;
-  }
-
-  [uc-file-uploader-inline] uc-start-from:has(uc-copyright[hidden]):has(.uc-cancel-btn[hidden]) uc-drop-area {
-    grid-row: span 1;
-  }
-}

package/solutions/file-uploader/inline/index.d.ts

@@ -1,2 +0,0 @@
-export * from "../../../index.js";
-//# sourceMappingURL=index.d.ts.map

package/solutions/file-uploader/inline/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":""}

package/solutions/file-uploader/inline/index.js

@@ -1 +0,0 @@
-export * from '../../../index.js';

package/solutions/file-uploader/minimal/FileUploaderMinimal.d.ts

@@ -1,43 +0,0 @@
-export class FileUploaderMinimal extends SolutionBlock {
-    init$: {
-        singleUpload: boolean;
-        isHiddenStartFrom: boolean;
-        classUploadList: string;
-        classStartFrom: string;
-        '*solution': 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;
-    };
-    _handleModalOpen(data: {
-        id: import("../../../abstract/managers/ModalManager.js").ModalId;
-        modal: import("../../../abstract/managers/ModalManager.js").ModalNode;
-    }): void;
-    _handleModalClose(data: {
-        id: import("../../../abstract/managers/ModalManager.js").ModalId;
-        modal: import("../../../abstract/managers/ModalManager.js").ModalNode;
-    }): void;
-    handleModalOpen: ((data: {
-        id: import("../../../abstract/managers/ModalManager.js").ModalId;
-        modal: import("../../../abstract/managers/ModalManager.js").ModalNode;
-    }) => void) | undefined;
-    handleModalClose: ((data: {
-        id: import("../../../abstract/managers/ModalManager.js").ModalId;
-        modal: import("../../../abstract/managers/ModalManager.js").ModalNode;
-    }) => void) | undefined;
-}
-export namespace FileUploaderMinimal {
-    let template: string;
-}
-import { SolutionBlock } from '../../../abstract/SolutionBlock.js';
-//# sourceMappingURL=FileUploaderMinimal.d.ts.map

package/solutions/file-uploader/minimal/FileUploaderMinimal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileUploaderMinimal.d.ts","sourceRoot":"","sources":["FileUploaderMinimal.js"],"names":[],"mappings":"AASA;IAMI;;;;;;;;;;;;;;;;;;;MAOC;;;;;;;;;IAgGD;;;4BAAuD;IACvD;;;4BAAyD;CAW5D;;;;8BAhI6B,oCAAoC"}

package/solutions/file-uploader/minimal/FileUploaderMinimal.js

@@ -1,163 +0,0 @@
-//@ts-check
-import { ActivityBlock } from '../../../abstract/ActivityBlock.js';
-import { SolutionBlock } from '../../../abstract/SolutionBlock.js';
-import { ModalEvents } from '../../../abstract/managers/ModalManager.js';
-import { InternalEventType } from '../../../blocks/UploadCtxProvider/EventEmitter.js';
-
-const ACTIVE_CLASS = 'active';
-const EMPTY_CLASS = '';
-
-export class FileUploaderMinimal extends SolutionBlock {
-  static styleAttrs = [...super.styleAttrs, 'uc-file-uploader-minimal'];
-
-  constructor() {
-    super();
-
-    this.init$ = {
-      ...this.init$,
-      singleUpload: false,
-      isHiddenStartFrom: false,
-      classUploadList: EMPTY_CLASS,
-      classStartFrom: EMPTY_CLASS,
-      '*solution': this.tagName,
-    };
-  }
-
-  /** @type {import('../../../abstract/managers/ModalManager.js').ModalCb} */
-  _handleModalOpen(e) {
-    if (e.id === ActivityBlock.activities.CLOUD_IMG_EDIT) {
-      this.set$({
-        classUploadList: ACTIVE_CLASS,
-      });
-    }
-
-    if (this.$['*currentActivity'] === ActivityBlock.activities.UPLOAD_LIST) {
-      this.set$({
-        classUploadList: ACTIVE_CLASS,
-        isHiddenStartFrom: true,
-      });
-    }
-
-    if (this.$['*uploadList']?.length <= 0) {
-      this.set$({
-        classStartFrom: ACTIVE_CLASS,
-      });
-    }
-  }
-
-  /** @type {import('../../../abstract/managers/ModalManager.js').ModalCb} */
-  _handleModalClose(e) {
-    if (e.id === this.$['*currentActivity']) {
-      this.$['*currentActivity'] = ActivityBlock.activities.UPLOAD_LIST;
-      this.set$({
-        isHiddenStartFrom: false,
-      });
-    }
-
-    if (e.id === ActivityBlock.activities.CLOUD_IMG_EDIT) {
-      this.$['*currentActivity'] = ActivityBlock.activities.UPLOAD_LIST;
-    }
-  }
-
-  initCallback() {
-    super.initCallback();
-
-    this.emit(InternalEventType.INIT_SOLUTION, undefined);
-
-    /** @type {import('../../../abstract/UploaderBlock.js').UploaderBlock} */
-    const uBlock = this.ref.uBlock;
-    this.sub('*currentActivity', (val) => {
-      if (val === ActivityBlock.activities.UPLOAD_LIST) {
-        this.modalManager.closeAll();
-      }
-
-      if (!val) {
-        this.$['*currentActivity'] = uBlock.initActivity || ActivityBlock.activities.START_FROM;
-      }
-    });
-
-    this.sub('*uploadList', (list) => {
-      if (list?.length > 0) {
-        this.$['*currentActivity'] = ActivityBlock.activities.UPLOAD_LIST;
-        this.set$({
-          classStartFrom: EMPTY_CLASS,
-        });
-      } else {
-        this.set$({
-          classUploadList: EMPTY_CLASS,
-          isHiddenStartFrom: false,
-        });
-        this.$['*currentActivity'] = uBlock.initActivity || ActivityBlock.activities.START_FROM;
-      }
-    });
-
-    this.subConfigValue('confirmUpload', (confirmUpload) => {
-      if (confirmUpload !== false) {
-        this.cfg.confirmUpload = false;
-      }
-    });
-
-    this.subConfigValue('filesViewMode', (mode) => {
-      this.setAttribute('mode', mode);
-
-      this.subConfigValue('multiple', (multiple) => {
-        if (mode === 'grid') {
-          if (multiple) {
-            this.style.removeProperty('--uc-grid-col');
-          } else {
-            this.style.setProperty('--uc-grid-col', '1');
-          }
-
-          this.$.singleUpload = !multiple;
-        } else {
-          this.style.removeProperty('--uc-grid-col');
-          this.$.singleUpload = false;
-        }
-      });
-    });
-
-    this.handleModalOpen = this._handleModalOpen.bind(this);
-    this.handleModalClose = this._handleModalClose.bind(this);
-
-    this.modalManager.subscribe(ModalEvents.OPEN, this.handleModalOpen);
-    this.modalManager.subscribe(ModalEvents.CLOSE, this.handleModalClose);
-  }
-
-  destroyCallback() {
-    super.destroyCallback();
-    this.modalManager.unsubscribe(ModalEvents.OPEN, this.handleModalOpen);
-    this.modalManager.unsubscribe(ModalEvents.CLOSE, this.handleModalClose);
-  }
-}
-
-FileUploaderMinimal.template = /* HTML */ `
-  <uc-start-from set="@hidden: isHiddenStartFrom; @class:classStartFrom">
-    <uc-drop-area set="@single:singleUpload;" initflow clickable tabindex="0" l10n="choose-file"></uc-drop-area>
-    <uc-copyright></uc-copyright>
-  </uc-start-from>
-  <uc-upload-list set="@class:classUploadList" ref="uBlock"></uc-upload-list>
-
-  <uc-modal id="start-from" strokes block-body-scrolling>
-    <uc-start-from>
-      <uc-drop-area with-icon clickable></uc-drop-area>
-      <uc-source-list role="list" wrap></uc-source-list>
-      <button type="button" l10n="start-from-cancel" class="uc-secondary-btn" set="onclick: *historyBack"></button>
-    </uc-start-from>
-  </uc-modal>
-
-  <uc-modal id="camera" strokes block-body-scrolling>
-    <uc-camera-source></uc-camera-source>
-  </uc-modal>
-
-  <uc-modal id="url" strokes block-body-scrolling>
-    <uc-url-source></uc-url-source>
-  </uc-modal>
-
-  <uc-modal id="external" strokes block-body-scrolling>
-    <uc-external-source></uc-external-source>
-  </uc-modal>
-
-  <uc-modal id="cloud-image-edit" strokes block-body-scrolling>
-    <uc-cloud-image-editor-activity></uc-cloud-image-editor-activity>
-  </uc-modal>
-`;

package/solutions/file-uploader/minimal/index.css

@@ -1,147 +0,0 @@
-@import url('../../../blocks/themes/uc-basic/index.css');
-
-/* ICONS: */
-:where([uc-file-uploader-minimal]) {
-  --cfg-init-activity: 'start-from';
-  --cfg-done-activity: 'upload-list';
-
-  position: relative;
-  display: block;
-}
-
-[uc-file-uploader-minimal] > uc-start-from .uc-content {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  padding: 0;
-  overflow: hidden;
-  align-items: center;
-  background-color: transparent;
-}
-
-:where([uc-file-uploader-minimal] > uc-start-from uc-drop-area) {
-  display: flex;
-  position: relative;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  min-height: calc(var(--uc-preview-size) + var(--uc-padding) * 2 + 8px);
-  padding: 0;
-  text-align: center;
-  background-color: var(--uc-muted);
-  border-radius: calc(var(--uc-radius) * 1.75);
-}
-
-:where(.uc-contrast) :where([uc-file-uploader-minimal] > uc-start-from uc-drop-area) {
-  background-color: transparent;
-}
-
-/* hack to make transparent :hover colors work in any conditions */
-:where([uc-file-uploader-minimal] > uc-start-from uc-drop-area)::before {
-  content: '';
-  z-index: -1;
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  background-color: var(--uc-background);
-}
-
-:where([uc-file-uploader-minimal]:has([single]) > uc-start-from uc-drop-area) {
-  aspect-ratio: var(--uc-grid-aspect-ratio);
-}
-
-[uc-file-uploader-minimal] uc-upload-list uc-activity-header {
-  display: none;
-}
-
-[uc-file-uploader-minimal] uc-upload-list > .uc-toolbar {
-  background-color: transparent;
-}
-
-[uc-file-uploader-minimal] uc-upload-list {
-  width: 100%;
-  height: unset;
-  padding: 4px;
-  background-color: var(--uc-background);
-  border: 1px dashed var(--uc-border);
-  border-radius: calc(var(--uc-radius) * 1.75);
-}
-
-[uc-file-uploader-minimal] uc-upload-list .uc-files {
-  padding: 0;
-}
-
-[uc-file-uploader-minimal] uc-upload-list .uc-toolbar {
-  display: block;
-  padding: 0;
-}
-
-[uc-file-uploader-minimal] uc-upload-list .uc-toolbar .uc-cancel-btn,
-[uc-file-uploader-minimal] uc-upload-list .uc-toolbar .uc-upload-btn,
-[uc-file-uploader-minimal] uc-upload-list .uc-toolbar .uc-done-btn {
-  display: none;
-}
-
-[uc-file-uploader-minimal] uc-upload-list .uc-toolbar .uc-add-more-btn {
-  width: 100%;
-  height: calc(var(--uc-preview-size) + var(--uc-padding) * 2);
-  margin-top: 4px;
-}
-
-[uc-file-uploader-minimal] uc-upload-list .uc-toolbar .uc-add-more-btn[disabled] {
-  display: none;
-}
-
-[uc-file-uploader-minimal] uc-upload-list .uc-toolbar .uc-add-more-btn > span {
-  display: none;
-}
-
-[uc-file-uploader-minimal] uc-upload-list .uc-toolbar .uc-add-more-btn > uc-icon {
-  display: flex;
-}
-
-[uc-file-uploader-minimal] uc-file-item uc-progress-bar {
-  top: 0 !important;
-  height: 100% !important;
-}
-
-[uc-file-uploader-minimal] uc-file-item uc-progress-bar .uc-progress {
-  background-color: var(--uc-primary-transparent);
-  border-radius: var(--uc-radius);
-}
-
-[uc-file-uploader-minimal] uc-file-item uc-progress-bar .uc-fake-progress {
-  background-color: var(--uc-primary-transparent);
-  border-radius: var(--uc-radius);
-}
-
-[uc-file-uploader-minimal] uc-upload-list uc-drop-area {
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  border-radius: calc(var(--uc-radius) * 1.75);
-}
-
-[uc-file-uploader-minimal] uc-upload-list .uc-common-error {
-  margin: 4px 0 0;
-}
-
-[uc-file-uploader-minimal] uc-copyright .uc-credits {
-  position: static;
-}
-
-[uc-file-uploader-minimal][mode='grid'] uc-upload-list .uc-toolbar .uc-add-more-btn {
-  display: none;
-}
-
-[uc-file-uploader-minimal][mode='grid'] uc-upload-list .uc-files .uc-add-more-btn {
-  display: flex;
-}
-
-[uc-file-uploader-minimal][mode='grid'] uc-upload-list .uc-files .uc-add-more-btn > span {
-  display: none;
-}
-
-[uc-file-uploader-minimal][mode='grid'] uc-upload-list .uc-files .uc-add-more-btn > uc-icon {
-  display: flex;
-}

package/solutions/file-uploader/minimal/index.d.ts

@@ -1,2 +0,0 @@
-export * from "../../../index.js";
-//# sourceMappingURL=index.d.ts.map

package/solutions/file-uploader/minimal/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":""}

package/solutions/file-uploader/minimal/index.js

@@ -1 +0,0 @@
-export * from '../../../index.js';

package/solutions/file-uploader/regular/FileUploaderRegular.d.ts

@@ -1,24 +0,0 @@
-export class FileUploaderRegular extends SolutionBlock {
-    init$: {
-        isHidden: boolean;
-        '*solution': 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 FileUploaderRegular {
-    let template: string;
-}
-import { SolutionBlock } from '../../../abstract/SolutionBlock.js';
-//# sourceMappingURL=FileUploaderRegular.d.ts.map

package/solutions/file-uploader/regular/FileUploaderRegular.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileUploaderRegular.d.ts","sourceRoot":"","sources":["FileUploaderRegular.js"],"names":[],"mappings":"AAKA;IAMI;;;;;;;;;;;;;;;;MAIC;CAeJ;;;;8BA7B6B,oCAAoC"}

package/solutions/file-uploader/regular/FileUploaderRegular.js

@@ -1,69 +0,0 @@
-// @ts-check
-import { SolutionBlock } from '../../../abstract/SolutionBlock.js';
-import { asBoolean } from '../../../blocks/Config/validatorsType.js';
-import { InternalEventType } from '../../../blocks/UploadCtxProvider/EventEmitter.js';
-
-export class FileUploaderRegular extends SolutionBlock {
-  static styleAttrs = [...super.styleAttrs, 'uc-file-uploader-regular'];
-
-  constructor() {
-    super();
-
-    this.init$ = {
-      ...this.init$,
-      isHidden: false,
-      '*solution': this.tagName,
-    };
-  }
-
-  initCallback() {
-    super.initCallback();
-
-    this.emit(InternalEventType.INIT_SOLUTION, undefined);
-
-    this.defineAccessor(
-      'headless',
-      /** @param {unknown} value */ (value) => {
-        this.set$({ isHidden: asBoolean(value) });
-      },
-    );
-  }
-}
-
-FileUploaderRegular.template = /* HTML */ `
-  <uc-simple-btn set="@hidden: isHidden"></uc-simple-btn>
-
-  <uc-modal id="start-from" strokes block-body-scrolling>
-    <uc-start-from>
-      <uc-drop-area with-icon clickable></uc-drop-area>
-      <uc-source-list role="list" wrap></uc-source-list>
-      <button type="button" l10n="start-from-cancel" class="uc-secondary-btn" set="onclick: *historyBack"></button>
-      <uc-copyright></uc-copyright>
-    </uc-start-from>
-  </uc-modal>
-
-  <uc-modal id="upload-list" strokes block-body-scrolling>
-    <uc-upload-list></uc-upload-list>
-  </uc-modal>
-
-  <uc-modal id="camera" strokes block-body-scrolling>
-    <uc-camera-source></uc-camera-source>
-  </uc-modal>
-
-  <uc-modal id="url" strokes block-body-scrolling>
-    <uc-url-source></uc-url-source>
-  </uc-modal>
-
-  <uc-modal id="external" strokes block-body-scrolling>
-    <uc-external-source></uc-external-source>
-  </uc-modal>
-
-  <uc-modal id="cloud-image-edit" strokes block-body-scrolling>
-    <uc-cloud-image-editor-activity></uc-cloud-image-editor-activity>
-  </uc-modal>
-`;
-
-FileUploaderRegular.bindAttributes({
-  // @ts-expect-error TODO: fix types inside symbiote
-  headless: null,
-});

package/solutions/file-uploader/regular/index.css

@@ -1 +0,0 @@
-@import url('../../../blocks/themes/uc-basic/index.css');

package/solutions/file-uploader/regular/index.d.ts

@@ -1,2 +0,0 @@
-export * from "../../../index.js";
-//# sourceMappingURL=index.d.ts.map

package/solutions/file-uploader/regular/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":""}

package/solutions/file-uploader/regular/index.js

@@ -1 +0,0 @@
-export * from '../../../index.js';

package/types/events.d.ts

@@ -1,5 +0,0 @@
-import type { EventPayload } from '../blocks/UploadCtxProvider/EventEmitter';
-
-export type EventMap = {
-  [T in keyof EventPayload]: CustomEvent<EventPayload[T]>;
-};

package/types/events.js

@@ -1 +0,0 @@
-export {};