@uploadcare/file-uploader 1.24.4 → 1.24.6

package/dist/index.ssr.js

@@ -110,6 +110,7 @@ export const CameraSource = class {
         type="button"
         class="uc-switch uc-mini-btn"
         set="onclick: onClickTab;  @hidden: tabCameraHidden"
+        data-testid="tab-photo"
       >
         <uc-icon name="camera"></uc-icon>
       </button>
@@ -118,6 +119,7 @@ export const CameraSource = class {
         type="button"
         class="uc-switch uc-mini-btn"
         set="onclick: onClickTab; @hidden: tabVideoHidden"
+        data-testid="tab-video"
       >
         <uc-icon name="video-camera"></uc-icon>
       </button>
@@ -126,6 +128,7 @@ export const CameraSource = class {
     <button
       class="uc-secondary-btn uc-recording-timer"
       set="@hidden:timerHidden; onclick: onToggleRecording"
+      data-testid="recording-timer"
     >
       <uc-icon set="@name: currentTimelineIcon"></uc-icon>
       <span ref="timer"> 00:00 </span>
@@ -136,7 +139,7 @@ export const CameraSource = class {
       class="uc-camera-actions uc-camera-action"
       set="@hidden: cameraActionsHidden"
     >
-      <button type="button" class="uc-secondary-btn" set="onclick: onRetake">
+      <button type="button" class="uc-secondary-btn" set="onclick: onRetake" data-testid="retake">
         Retake
       </button>
       <button
@@ -162,6 +165,7 @@ export const CameraSource = class {
       <button
         class="uc-mini-btn uc-btn-microphone"
         set="onclick: onToggleAudio; @hidden: audioToggleMicrophoneHidden;"
+        data-testid="toggle-microphone"
       >
         <uc-icon set="@name:toggleMicrophoneIcon"></uc-icon>
       </button>
@@ -169,6 +173,7 @@ export const CameraSource = class {
       <uc-select
         class="uc-audio-select"
         set="$.options: audioSelectOptions; onchange: onAudioSelectChange; @hidden: audioSelectHidden; @disabled: audioSelectDisabled"
+        data-testid="audio-select"
       >
       </uc-select>
     </div>
@@ -808,8 +813,8 @@ export const EditorToolbar = class {
         <div class="uc-list-aspect-ratio" ref="list-el"></div>
       </div>
       <div class="uc-controls-row">
-        <uc-btn-ui theme="secondary" set="onclick: on.cancelSlider" l10n="@text:cancel"> </uc-btn-ui>
-        <uc-btn-ui theme="primary" set="onclick: on.applySlider" l10n="@text:apply"> </uc-btn-ui>
+        <uc-btn-ui theme="secondary" set="onclick: on.cancelSlider; title-prop:cancel" l10n="@text:cancel"> </uc-btn-ui>
+        <uc-btn-ui theme="primary" set="onclick: on.applySlider; title-prop:apply" l10n="@text:apply"> </uc-btn-ui>
       </div>
     </uc-presence-toggle>
   </div>
@@ -926,6 +931,7 @@ export const FileItem = class {
         l10n="@title:file-item-edit-button;@aria-label:file-item-edit-button"
         class="uc-edit-btn uc-mini-btn"
         set="onclick: onEdit; @hidden: !isEditable"
+        data-testid="edit"
       >
         <uc-icon name="edit-file"></uc-icon>
       </button>
@@ -1132,7 +1138,7 @@ export const ModalEvents = {
 	DESTROY: "modal:destroy",
 };
 export const PACKAGE_NAME = `blocks`;
-export const PACKAGE_VERSION = `1.24.4`;
+export const PACKAGE_VERSION = `1.24.6`;
 export const PresenceToggle = class {
 	static template = `<slot></slot> `;
 	static reg = () => {};

package/dist/locales/file-uploader/nl.js

@@ -32,7 +32,7 @@ var nl_default = {
   "upload-files": "Bestanden uploaden",
   "choose-file": "Kies bestand",
   "choose-files": "Kies bestanden",
-  "drop-files-here": "Laat bestanden hier vallen",
+  "drop-files-here": "Bestanden hier neerzetten",
   "select-file-source": "Selecteer bestandsbron",
   selected: "Geselecteerd",
   upload: "Uploaden",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uploadcare/file-uploader",
-  "version": "1.24.4",
+  "version": "1.24.6",
   "description": "Building blocks for Uploadcare products integration",
   "keywords": [
     "web components",
@@ -50,6 +50,10 @@
       "types": "./types/css.d.ts",
       "default": "./dist/index.css"
     },
+    "./index.layered.css": {
+      "types": "./types/css.d.ts",
+      "default": "./dist/index.layered.css"
+    },
     "./abstract/loadFileUploaderFrom.js": "./dist/abstract/loadFileUploaderFrom.js",
     "./env": "./dist/env.js",
     "./web/*": "./web/*",
@@ -78,7 +82,7 @@
     "test:publint": "publint",
     "test:specs": "vitest run --project specs",
     "test:e2e": "vitest run --coverage --project e2e",
-    "test:e2e:dev": "vitest --browser.headless=false",
+    "test:e2e:dev": "vitest --coverage --browser.headless=false",
     "test:locales": "tsx ./scripts/test-locales.ts",
     "release": "shipjs prepare",
     "build:lib": "npm run clean:web && npm run clean:dist && tsx ./scripts/build.ts",
@@ -109,6 +113,7 @@
     "@biomejs/biome": "2.2.5",
     "@biomejs/js-api": "^3.0.0",
     "@biomejs/wasm-nodejs": "^2.2.5",
+    "@csstools/postcss-cascade-layers": "^5.0.2",
     "@happy-dom/global-registrator": "^16.8.1",
     "@size-limit/esbuild-why": "^11.2.0",
     "@size-limit/preset-small-lib": "^11.2.0",
@@ -124,7 +129,7 @@
     "node-watch": "^0.7.3",
     "npm-run-all": "^4.1.5",
     "playwright": "^1.55.0",
-    "postcss": "^8.4.21",
+    "postcss": "^8.5.6",
     "publint": "^0.3.14",
     "render-jsx": "^0.2.4",
     "rimraf": "^5.0.0",

package/web/file-uploader.iife.min.d.ts

@@ -105,6 +105,7 @@ declare class ModalManager {
 type CommonEventType = InternalEventKey | EventKey;
 type TelemetryState = TelemetryRequest & {
     eventTimestamp: number;
+    location: string;
 };
 type TelemetryEventBody = Partial<Pick<TelemetryState, 'payload' | 'config'>> & {
     modalId?: string;
@@ -136,6 +137,7 @@ declare class TelemetryManager {
     private get _timestamp();
     private get _solution();
     private get _activity();
+    private get _location();
 }
 
 declare class Block extends BaseComponent<any> {