@uploadcare/file-uploader 1.5.3-alpha.6 → 1.6.0

package/index.ssr.js

@@ -12,8 +12,6 @@ export const ActivityBlock = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const ActivityHeader = class {
   static activities = {
@@ -29,23 +27,17 @@ export const ActivityHeader = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const BaseComponent = class {
   static reg = () => {};
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const Block = class {
   static reg = () => {};
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const BtnUi = class {
   static observedAttributes = ["text", "icon", "reverse", "theme"];
@@ -59,8 +51,6 @@ export const BtnUi = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const CameraSource = class {
   static template = `
@@ -74,7 +64,7 @@ export const CameraSource = class {
     </div>
     <uc-select
       class="uc-camera-select"
-      set="options: cameraSelectOptions; @hidden: cameraSelectHidden; onchange: onCameraSelectChange"
+      set="$.options: cameraSelectOptions; @hidden: cameraSelectHidden; onchange: onCameraSelectChange"
     >
     </uc-select>
     <button type="button" class="uc-mini-btn uc-close-btn" set="onclick: *closeModal">
@@ -116,8 +106,11 @@ export const CameraSource = class {
   };
   static sourceTypes = {
     LOCAL: "local",
-    URL: "url",
+    DROP_AREA: "drop-area",
     CAMERA: "camera",
+    EXTERNAL: "external",
+    API: "js-api",
+    URL: "url",
     DRAW: "draw",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
@@ -144,8 +137,6 @@ export const CameraSource = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const CloudImageEditor = class {
   static styleAttrs = [];
@@ -186,8 +177,6 @@ export const CloudImageEditor = class {
   static reg = () => {};
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const CloudImageEditorActivity = class {
   static extSrcList = {
@@ -205,8 +194,11 @@ export const CloudImageEditorActivity = class {
   };
   static sourceTypes = {
     LOCAL: "local",
-    URL: "url",
+    DROP_AREA: "drop-area",
     CAMERA: "camera",
+    EXTERNAL: "external",
+    API: "js-api",
+    URL: "url",
     DRAW: "draw",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
@@ -233,8 +225,6 @@ export const CloudImageEditorActivity = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const CloudImageEditorBlock = class {
   static styleAttrs = [];
@@ -275,8 +265,6 @@ export const CloudImageEditorBlock = class {
   static reg = () => {};
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const Config = class {
   static observedAttributes = [
@@ -368,8 +356,6 @@ export const Config = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const Copyright = class {
   static template = `
@@ -384,19 +370,16 @@ export const Copyright = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const CropFrame = class {
-  static template = `<svg class="uc-svg" ref="svg-el" xmlns="http://www.w3.org/2000/svg"></svg>`;
+  static template = ` <svg class="uc-svg" ref="svg-el" xmlns="http://www.w3.org/2000/svg"></svg> `;
   static reg = () => {};
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const Data = class {
+  static warn = () => {};
   static registerCtx = () => {};
   static deleteCtx = () => {};
   static getCtx = () => {};
@@ -447,8 +430,11 @@ export const DropArea = class {
   };
   static sourceTypes = {
     LOCAL: "local",
-    URL: "url",
+    DROP_AREA: "drop-area",
     CAMERA: "camera",
+    EXTERNAL: "external",
+    API: "js-api",
+    URL: "url",
     DRAW: "draw",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
@@ -474,8 +460,6 @@ export const DropArea = class {
   static reg = () => {};
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const EditorCropButtonControl = class {
   static template = `
@@ -488,8 +472,6 @@ export const EditorCropButtonControl = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const EditorFilterControl = class {
   static template = `
@@ -502,8 +484,6 @@ export const EditorFilterControl = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const EditorImageCropper = class {
   static template = `
@@ -514,16 +494,12 @@ export const EditorImageCropper = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const EditorImageFader = class {
   static reg = () => {};
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const EditorOperationControl = class {
   static template = `
@@ -536,8 +512,6 @@ export const EditorOperationControl = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const EditorScroller = class {
   static template = ` <slot></slot> `;
@@ -545,8 +519,6 @@ export const EditorScroller = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const EditorSlider = class {
   static template = `
@@ -559,8 +531,6 @@ export const EditorSlider = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const EditorToolbar = class {
   static template = `
@@ -701,8 +671,6 @@ export const EditorToolbar = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const ExternalSource = class {
   static template = `
@@ -748,8 +716,11 @@ export const ExternalSource = class {
   };
   static sourceTypes = {
     LOCAL: "local",
-    URL: "url",
+    DROP_AREA: "drop-area",
     CAMERA: "camera",
+    EXTERNAL: "external",
+    API: "js-api",
+    URL: "url",
     DRAW: "draw",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
@@ -776,8 +747,19 @@ export const ExternalSource = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
+};
+export const ExternalUploadSource = {
+  FACEBOOK: "facebook",
+  DROPBOX: "dropbox",
+  GDRIVE: "gdrive",
+  GPHOTOS: "gphotos",
+  INSTAGRAM: "instagram",
+  FLICKR: "flickr",
+  VK: "vk",
+  EVERNOTE: "evernote",
+  BOX: "box",
+  ONEDRIVE: "onedrive",
+  HUDDLE: "huddle",
 };
 export const FileItem = class {
   static template = `
@@ -831,8 +813,11 @@ export const FileItem = class {
   };
   static sourceTypes = {
     LOCAL: "local",
-    URL: "url",
+    DROP_AREA: "drop-area",
     CAMERA: "camera",
+    EXTERNAL: "external",
+    API: "js-api",
+    URL: "url",
     DRAW: "draw",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
@@ -859,24 +844,18 @@ export const FileItem = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const FileUploaderInline = class {
   static styleAttrs = [];
   static reg = () => {};
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const FileUploaderMinimal = class {
   static styleAttrs = [];
   static reg = () => {};
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const FileUploaderRegular = class {
   static styleAttrs = [];
@@ -884,8 +863,6 @@ export const FileUploaderRegular = class {
   static reg = () => {};
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const FormInput = class {
   static extSrcList = {
@@ -903,8 +880,11 @@ export const FormInput = class {
   };
   static sourceTypes = {
     LOCAL: "local",
-    URL: "url",
+    DROP_AREA: "drop-area",
     CAMERA: "camera",
+    EXTERNAL: "external",
+    API: "js-api",
+    URL: "url",
     DRAW: "draw",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
@@ -931,22 +911,19 @@ export const FormInput = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const Icon = class {
   static template = `
   <svg ref="svg" xmlns="http://www.w3.org/2000/svg">
+    <title>{{title}}</title>
     <use set="@href: href;"></use>
   </svg>
 `;
-  static observedAttributes = ["name"];
+  static observedAttributes = ["name", "title"];
   static reg = () => {};
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const Img = class {
   static observedAttributes = [
@@ -972,8 +949,6 @@ export const Img = class {
   static reg = () => {};
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const LineLoaderUi = class {
   static template = `
@@ -985,8 +960,6 @@ export const LineLoaderUi = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const Modal = class {
   static styleAttrs = [];
@@ -999,19 +972,15 @@ export const Modal = class {
   static reg = () => {};
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const PACKAGE_NAME = `blocks`;
-export const PACKAGE_VERSION = `1.5.2`;
+export const PACKAGE_VERSION = `1.6.0`;
 export const PresenceToggle = class {
-  static template = ` <slot></slot> `;
+  static template = `<slot></slot> `;
   static reg = () => {};
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const ProgressBar = class {
   static template = ` <div ref="line" class="uc-progress"></div> `;
@@ -1019,8 +988,6 @@ export const ProgressBar = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const ProgressBarCommon = class {
   static template = ` <uc-progress-bar set="visible: visible; value: value"></uc-progress-bar> `;
@@ -1039,8 +1006,11 @@ export const ProgressBarCommon = class {
   };
   static sourceTypes = {
     LOCAL: "local",
-    URL: "url",
+    DROP_AREA: "drop-area",
     CAMERA: "camera",
+    EXTERNAL: "external",
+    API: "js-api",
+    URL: "url",
     DRAW: "draw",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
@@ -1067,23 +1037,6 @@ export const ProgressBarCommon = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
-};
-export const PubSub = class {
-  static registerCtx = () => {};
-  static deleteCtx = () => {};
-  static getCtx = () => {};
-  static globalStore = {};
-  static apply = () => {};
-  static bind = () => {};
-  static call = () => {};
-  static toString = () => {};
-  static hasOwnProperty = () => {};
-  static isPrototypeOf = () => {};
-  static propertyIsEnumerable = () => {};
-  static valueOf = () => {};
-  static toLocaleString = () => {};
 };
 export const Select = class {
   static template = ` <select ref="select" set="innerHTML: selectHtml; onchange: onSelect"></select> `;
@@ -1091,8 +1044,6 @@ export const Select = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const SimpleBtn = class {
   static styleAttrs = [];
@@ -1122,8 +1073,11 @@ export const SimpleBtn = class {
   };
   static sourceTypes = {
     LOCAL: "local",
-    URL: "url",
+    DROP_AREA: "drop-area",
     CAMERA: "camera",
+    EXTERNAL: "external",
+    API: "js-api",
+    URL: "url",
     DRAW: "draw",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
@@ -1149,8 +1103,6 @@ export const SimpleBtn = class {
   static reg = () => {};
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const SliderUi = class {
   static template = `
@@ -1167,16 +1119,12 @@ export const SliderUi = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const SolutionBlock = class {
   static styleAttrs = [];
   static reg = () => {};
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const SourceBtn = class {
   static template = `
@@ -1201,8 +1149,11 @@ export const SourceBtn = class {
   };
   static sourceTypes = {
     LOCAL: "local",
-    URL: "url",
+    DROP_AREA: "drop-area",
     CAMERA: "camera",
+    EXTERNAL: "external",
+    API: "js-api",
+    URL: "url",
     DRAW: "draw",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
@@ -1229,16 +1180,12 @@ export const SourceBtn = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const SourceList = class {
   static reg = () => {};
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const StartFrom = class {
   static template = ` <div class="uc-content"><slot></slot></div> `;
@@ -1255,15 +1202,6 @@ export const StartFrom = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
-};
-export const Symbiote = class {
-  static reg = () => {};
-  static is = `sym-1`;
-  static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const UID = class {
   static generate = () => {};
@@ -1313,8 +1251,11 @@ export const UploadCtxProvider = class {
   };
   static sourceTypes = {
     LOCAL: "local",
-    URL: "url",
+    DROP_AREA: "drop-area",
     CAMERA: "camera",
+    EXTERNAL: "external",
+    API: "js-api",
+    URL: "url",
     DRAW: "draw",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
@@ -1341,8 +1282,6 @@ export const UploadCtxProvider = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const UploadList = class {
   static template = `
@@ -1362,7 +1301,7 @@ export const UploadList = class {
     <slot name="empty"><span l10n="no-files"></span></slot>
   </div>
 
-  <div class="uc-files" itemize="*uploadList" item-tag="uc-file-item"></div>
+  <div class="uc-files" repeat="*uploadList" repeat-item-tag="uc-file-item"></div>
 
   <div class="uc-common-error" set="@hidden: !commonErrorMessage; textContent: commonErrorMessage;"></div>
 
@@ -1407,8 +1346,11 @@ export const UploadList = class {
   };
   static sourceTypes = {
     LOCAL: "local",
-    URL: "url",
+    DROP_AREA: "drop-area",
     CAMERA: "camera",
+    EXTERNAL: "external",
+    API: "js-api",
+    URL: "url",
     DRAW: "draw",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
@@ -1435,8 +1377,26 @@ export const UploadList = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
+};
+export const UploadSource = {
+  LOCAL: "local",
+  DROP_AREA: "drop-area",
+  CAMERA: "camera",
+  EXTERNAL: "external",
+  API: "js-api",
+  URL: "url",
+  DRAW: "draw",
+  FACEBOOK: "facebook",
+  DROPBOX: "dropbox",
+  GDRIVE: "gdrive",
+  GPHOTOS: "gphotos",
+  INSTAGRAM: "instagram",
+  FLICKR: "flickr",
+  VK: "vk",
+  EVERNOTE: "evernote",
+  BOX: "box",
+  ONEDRIVE: "onedrive",
+  HUDDLE: "huddle",
 };
 export const UploaderBlock = class {
   static extSrcList = {
@@ -1454,8 +1414,11 @@ export const UploaderBlock = class {
   };
   static sourceTypes = {
     LOCAL: "local",
-    URL: "url",
+    DROP_AREA: "drop-area",
     CAMERA: "camera",
+    EXTERNAL: "external",
+    API: "js-api",
+    URL: "url",
     DRAW: "draw",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
@@ -1482,8 +1445,6 @@ export const UploaderBlock = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const UrlSource = class {
   static template = `
@@ -1524,8 +1485,11 @@ export const UrlSource = class {
   };
   static sourceTypes = {
     LOCAL: "local",
-    URL: "url",
+    DROP_AREA: "drop-area",
     CAMERA: "camera",
+    EXTERNAL: "external",
+    API: "js-api",
+    URL: "url",
     DRAW: "draw",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
@@ -1552,11 +1516,8 @@ export const UrlSource = class {
   static styleAttrs = [];
   static is = `sym-1`;
   static bindAttributes = () => {};
-  static addRootStyles = () => {};
-  static addShadowStyles = () => {};
 };
 export const defineComponents = () => {};
 export const defineLocale = () => {};
-export const html = () => {};
 export const loadFileUploaderFrom = () => {};
 export const toKebabCase = () => {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uploadcare/file-uploader",
-  "version": "1.5.3-alpha.6",
+  "version": "1.6.0",
   "description": "Building blocks for Uploadcare products integration",
   "keywords": [
     "web components",
@@ -35,9 +35,7 @@
     "MIT"
   ],
   "type": "module",
-  "sideEffects": [
-    "*.css"
-  ],
+  "sideEffects": ["*.css"],
   "module": "./index.js",
   "exports": {
     ".": {
@@ -55,7 +53,6 @@
   "repository": "https://github.com/uploadcare/file-uploader/",
   "files": [
     "{abstract,blocks,solutions,web,utils,types,locales}/**/*.{js,css,d.ts,d.ts.map}",
-    "symbiote.js",
     "index.{js,d.ts,d.ts.map}",
     "index.ssr.{js,d.ts,d.ts.map}",
     "env.{js,d.ts,d.ts.map}",
@@ -102,12 +99,12 @@
     "@happy-dom/global-registrator": "^9.8.4",
     "@jam-do/jam-tools": "^0.0.4",
     "@total-typescript/ts-reset": "^0.5.1",
-    "@types/chai": "^4.3.17",
+    "@types/chai": "^4.3.4",
     "@types/mocha": "^10.0.1",
     "@types/node": "^18.15.11",
     "@types/react": "^18.2.34",
-    "@web/dev-server": "^0.4.6",
-    "@web/test-runner": "^0.18.2",
+    "@web/dev-server": "^0.1.38",
+    "@web/test-runner": "^0.15.3",
     "esbuild": "^0.19.9",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
@@ -131,14 +128,13 @@
     "stylelint-declaration-block-no-ignored-properties": "^2.7.0",
     "stylelint-order": "^6.0.3",
     "svg-sprite": "^2.0.4",
-    "tsd": "^0.31.1",
-    "typescript": "^5.5.4",
-    "@types/sinon": "^17.0.3"
+    "tsd": "^0.29.0",
+    "typescript": "^5.2.2"
   },
   "author": "Uploadcare Inc.",
   "license": "MIT",
   "dependencies": {
-    "@symbiotejs/symbiote": "^2.4.1-alpha.1",
+    "@symbiotejs/symbiote": "^1.11.7",
     "@uploadcare/image-shrink": "^6.14.1",
     "@uploadcare/upload-client": "^6.14.1",
     "keyux": "^0.7.1"