@uploadcare/file-uploader 0.50.1 → 1.0.0

package/solutions/cloud-image-editor/index.css

@@ -1,2 +1,2 @@
-@import url('../../blocks/themes/lr-basic/theme.css');
+@import url('../../blocks/themes/uc-basic/theme.css');
 @import url('../../blocks/CloudImageEditor/index.css');

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

@@ -3,7 +3,7 @@ import { ActivityBlock } from '../../../abstract/ActivityBlock.js';
 import { SolutionBlock } from '../../../abstract/SolutionBlock.js';
 
 export class FileUploaderInline extends SolutionBlock {
-  static styleAttrs = [...super.styleAttrs, 'lr-file-uploader-inline'];
+  static styleAttrs = [...super.styleAttrs, 'uc-file-uploader-inline'];
 
   constructor() {
     super();
@@ -56,20 +56,20 @@ export class FileUploaderInline extends SolutionBlock {
   }
 }
 
-FileUploaderInline.template = /* HTML */ ` <lr-start-from>
-    <lr-drop-area with-icon clickable></lr-drop-area>
-    <lr-source-list wrap></lr-source-list>
+FileUploaderInline.template = /* HTML */ ` <uc-start-from>
+    <uc-drop-area with-icon clickable></uc-drop-area>
+    <uc-source-list wrap></uc-source-list>
     <button
       type="button"
       l10n="start-from-cancel"
       class="uc-cancel-btn uc-secondary-btn"
       set="onclick: cancel; @hidden: !couldCancel"
     ></button>
-    <lr-copyright></lr-copyright>
-  </lr-start-from>
-  <lr-upload-list ref="uBlock"></lr-upload-list>
-  <lr-camera-source></lr-camera-source>
-  <lr-url-source></lr-url-source>
-  <lr-external-source></lr-external-source>
-  <lr-progress-bar></lr-progress-bar>
-  <lr-cloud-image-editor-activity></lr-cloud-image-editor-activity>`;
+    <uc-copyright></uc-copyright>
+  </uc-start-from>
+  <uc-upload-list ref="uBlock"></uc-upload-list>
+  <uc-camera-source></uc-camera-source>
+  <uc-url-source></uc-url-source>
+  <uc-external-source></uc-external-source>
+  <uc-progress-bar></uc-progress-bar>
+  <uc-cloud-image-editor-activity></uc-cloud-image-editor-activity>`;

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

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

@@ -2,7 +2,7 @@ import { ActivityBlock } from '../../../abstract/ActivityBlock.js';
 import { SolutionBlock } from '../../../abstract/SolutionBlock.js';
 
 export class FileUploaderMinimal extends SolutionBlock {
-  static styleAttrs = [...super.styleAttrs, 'lr-file-uploader-minimal'];
+  static styleAttrs = [...super.styleAttrs, 'uc-file-uploader-minimal'];
 
   initCallback() {
     super.initCallback();
@@ -38,9 +38,9 @@ export class FileUploaderMinimal extends SolutionBlock {
 }
 
 FileUploaderMinimal.template = /* HTML */ `
-  <lr-start-from>
-    <lr-drop-area tabindex="0" clickable l10n="choose-file"></lr-drop-area>
-    <lr-copyright></lr-copyright>
-  </lr-start-from>
-  <lr-upload-list ref="uBlock"></lr-upload-list>
+  <uc-start-from>
+    <uc-drop-area tabindex="0" clickable l10n="choose-file"></uc-drop-area>
+    <uc-copyright></uc-copyright>
+  </uc-start-from>
+  <uc-upload-list ref="uBlock"></uc-upload-list>
 `;

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

@@ -1,10 +1,10 @@
-@import url('../../../blocks/themes/lr-basic/config.css');
+@import url('../../../blocks/themes/uc-basic/config.css');
 
 /* COMMON STYLES */
-@import url('../../../blocks/themes/lr-basic/common.css');
+@import url('../../../blocks/themes/uc-basic/common.css');
 
 /* THEME */
-@import url('../../../blocks/themes/lr-basic/theme.css');
+@import url('../../../blocks/themes/uc-basic/theme.css');
 
 /* BLOCKS: */
 @import url('../../../blocks/StartFrom/start-from.css');
@@ -16,7 +16,7 @@
 @import url('../../../blocks/Copyright/copyright.css');
 
 /* ICONS: */
-:where([lr-file-uploader-minimal]) {
+:where([uc-file-uploader-minimal]) {
   --cfg-init-activity: 'start-from';
   --cfg-done-activity: 'upload-list';
 
@@ -24,7 +24,7 @@
   display: block;
 }
 
-[lr-file-uploader-minimal] lr-start-from .uc-content {
+[uc-file-uploader-minimal] uc-start-from .uc-content {
   display: flex;
   flex-direction: column;
   gap: 4px;
@@ -34,7 +34,7 @@
   background-color: transparent;
 }
 
-:where([lr-file-uploader-minimal] lr-drop-area) {
+:where([uc-file-uploader-minimal] uc-drop-area) {
   display: flex;
   position: relative;
   align-items: center;
@@ -48,7 +48,7 @@
 }
 
 /* hack to make transparent :hover colors work in any conditions */
-:where([lr-file-uploader-minimal] lr-drop-area)::before {
+:where([uc-file-uploader-minimal] uc-drop-area)::before {
   content: '';
   z-index: -1;
   width: 100%;
@@ -57,15 +57,15 @@
   background-color: var(--uc-background);
 }
 
-[lr-file-uploader-minimal] lr-upload-list lr-activity-header {
+[uc-file-uploader-minimal] uc-upload-list uc-activity-header {
   display: none;
 }
 
-[lr-file-uploader-minimal] lr-upload-list > .uc-toolbar {
+[uc-file-uploader-minimal] uc-upload-list > .uc-toolbar {
   background-color: transparent;
 }
 
-[lr-file-uploader-minimal] lr-upload-list {
+[uc-file-uploader-minimal] uc-upload-list {
   width: 100%;
   height: unset;
   padding: 4px;
@@ -74,64 +74,64 @@
   border-radius: calc(var(--uc-radius) * 1.75);
 }
 
-[lr-file-uploader-minimal] lr-upload-list .uc-files {
+[uc-file-uploader-minimal] uc-upload-list .uc-files {
   padding: 0;
 }
 
-[lr-file-uploader-minimal] lr-upload-list .uc-toolbar {
+[uc-file-uploader-minimal] uc-upload-list .uc-toolbar {
   display: block;
   padding: 0;
 }
 
-[lr-file-uploader-minimal] lr-upload-list .uc-toolbar .uc-cancel-btn,
-[lr-file-uploader-minimal] lr-upload-list .uc-toolbar .uc-upload-btn,
-[lr-file-uploader-minimal] lr-upload-list .uc-toolbar .uc-done-btn {
+[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;
 }
 
-[lr-file-uploader-minimal] lr-upload-list .uc-toolbar .uc-add-more-btn {
+[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;
 }
 
-[lr-file-uploader-minimal] lr-upload-list .uc-toolbar .uc-add-more-btn[disabled] {
+[uc-file-uploader-minimal] uc-upload-list .uc-toolbar .uc-add-more-btn[disabled] {
   display: none;
 }
 
-[lr-file-uploader-minimal] lr-upload-list .uc-toolbar .uc-add-more-btn > span {
+[uc-file-uploader-minimal] uc-upload-list .uc-toolbar .uc-add-more-btn > span {
   display: none;
 }
 
-[lr-file-uploader-minimal] lr-upload-list .uc-toolbar .uc-add-more-btn > lr-icon {
+[uc-file-uploader-minimal] uc-upload-list .uc-toolbar .uc-add-more-btn > uc-icon {
   display: flex;
 }
 
-[lr-file-uploader-minimal] lr-file-item .uc-edit-btn {
+[uc-file-uploader-minimal] uc-file-item .uc-edit-btn {
   display: none;
 }
 
-[lr-file-uploader-minimal] lr-file-item lr-progress-bar {
+[uc-file-uploader-minimal] uc-file-item uc-progress-bar {
   top: 0 !important;
   height: 100% !important;
 }
 
-[lr-file-uploader-minimal] lr-file-item lr-progress-bar .uc-progress {
+[uc-file-uploader-minimal] uc-file-item uc-progress-bar .uc-progress {
   background-color: var(--uc-primary-transparent);
   border-radius: var(--uc-radius);
 }
 
-[lr-file-uploader-minimal] lr-upload-list lr-drop-area {
+[uc-file-uploader-minimal] uc-upload-list uc-drop-area {
   width: 100%;
   height: 100%;
   margin: 0;
   border-radius: calc(var(--uc-radius) * 1.75);
 }
 
-[lr-file-uploader-minimal] lr-upload-list .uc-common-error {
+[uc-file-uploader-minimal] uc-upload-list .uc-common-error {
   margin: 4px 0 0;
 }
 
-[lr-file-uploader-minimal] lr-copyright .uc-credits {
+[uc-file-uploader-minimal] uc-copyright .uc-credits {
   position: static;
 }

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

@@ -4,7 +4,7 @@ import { asBoolean } from '../../../blocks/Config/normalizeConfigValue.js';
 import { EventType } from '../../../blocks/UploadCtxProvider/EventEmitter.js';
 
 export class FileUploaderRegular extends SolutionBlock {
-  static styleAttrs = [...super.styleAttrs, 'lr-file-uploader-regular'];
+  static styleAttrs = [...super.styleAttrs, 'uc-file-uploader-regular'];
 
   constructor() {
     super();
@@ -41,23 +41,23 @@ export class FileUploaderRegular extends SolutionBlock {
 }
 
 FileUploaderRegular.template = /* HTML */ `
-  <lr-simple-btn set="@hidden: isHidden"></lr-simple-btn>
+  <uc-simple-btn set="@hidden: isHidden"></uc-simple-btn>
 
-  <lr-modal strokes block-body-scrolling>
-    <lr-start-from>
-      <lr-drop-area with-icon clickable></lr-drop-area>
-      <lr-source-list wrap></lr-source-list>
+  <uc-modal strokes block-body-scrolling>
+    <uc-start-from>
+      <uc-drop-area with-icon clickable></uc-drop-area>
+      <uc-source-list wrap></uc-source-list>
       <button type="button" l10n="start-from-cancel" class="uc-secondary-btn" set="onclick: *historyBack"></button>
-      <lr-copyright></lr-copyright>
-    </lr-start-from>
-    <lr-upload-list></lr-upload-list>
-    <lr-camera-source></lr-camera-source>
-    <lr-url-source></lr-url-source>
-    <lr-external-source></lr-external-source>
-    <lr-cloud-image-editor-activity></lr-cloud-image-editor-activity>
-  </lr-modal>
+      <uc-copyright></uc-copyright>
+    </uc-start-from>
+    <uc-upload-list></uc-upload-list>
+    <uc-camera-source></uc-camera-source>
+    <uc-url-source></uc-url-source>
+    <uc-external-source></uc-external-source>
+    <uc-cloud-image-editor-activity></uc-cloud-image-editor-activity>
+  </uc-modal>
 
-  <lr-progress-bar-common></lr-progress-bar-common>
+  <uc-progress-bar-common></uc-progress-bar-common>
 `;
 
 FileUploaderRegular.bindAttributes({

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

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

package/types/global.d.ts

@@ -1,8 +1,8 @@
-import { LR_WINDOW_KEY } from '../abstract/connectBlocksFrom.js';
+import { UC_WINDOW_KEY } from '../abstract/connectBlocksFrom.js';
 import * as blocks from '../index.js';
 
 declare global {
   interface Window {
-    [LR_WINDOW_KEY]?: typeof blocks;
+    [UC_WINDOW_KEY]?: typeof blocks;
   }
 }

package/types/jsx.d.ts

@@ -19,45 +19,45 @@ type CustomElement<C, A = {}> = React.DetailedHTMLProps<CommonHtmlAttributes<C>,
 
 declare namespace JSX {
   interface IntrinsicElements {
-    'lr-crop-frame': any;
-    'lr-editor-crop-button-control': any;
-    'lr-editor-filter-control': any;
-    'lr-editor-operation-control': any;
-    'lr-editor-image-cropper': any;
-    'lr-editor-image-fader': any;
-    'lr-editor-scroller': any;
-    'lr-editor-slider': any;
-    'lr-editor-toolbar': any;
-    'lr-lr-btn-ui': any;
-    'lr-line-loader-ui': any;
-    'lr-presence-toggle': any;
-    'lr-slider-ui': any;
-    'lr-icon': any;
-    'lr-img': any;
-    'lr-simple-btn': any;
-    'lr-start-from': any;
-    'lr-drop-area': any;
-    'lr-source-btn': any;
-    'lr-source-list': any;
-    'lr-file-item': any;
-    'lr-modal': any;
-    'lr-upload-list': any;
-    'lr-url-source': any;
-    'lr-camera-source': any;
-    'lr-progress-bar-common': any;
-    'lr-progress-bar': any;
-    'lr-external-source': any;
-    'lr-cloud-image-editor-activity': any;
-    'lr-cloud-image-editor-block': CustomElement<
+    'uc-crop-frame': any;
+    'uc-editor-crop-button-control': any;
+    'uc-editor-filter-control': any;
+    'uc-editor-operation-control': any;
+    'uc-editor-image-cropper': any;
+    'uc-editor-image-fader': any;
+    'uc-editor-scroller': any;
+    'uc-editor-slider': any;
+    'uc-editor-toolbar': any;
+    'uc-btn-ui': any;
+    'uc-line-loader-ui': any;
+    'uc-presence-toggle': any;
+    'uc-slider-ui': any;
+    'uc-icon': any;
+    'uc-img': any;
+    'uc-simple-btn': any;
+    'uc-start-from': any;
+    'uc-drop-area': any;
+    'uc-source-btn': any;
+    'uc-source-list': any;
+    'uc-file-item': any;
+    'uc-modal': any;
+    'uc-upload-list': any;
+    'uc-url-source': any;
+    'uc-camera-source': any;
+    'uc-progress-bar-common': any;
+    'uc-progress-bar': any;
+    'uc-external-source': any;
+    'uc-cloud-image-editor-activity': any;
+    'uc-cloud-image-editor-block': CustomElement<
       CloudImageEditorBlock,
       CtxAttributes & ({ uuid: string } | { 'cdn-url': string }) & Partial<{ tabs: string; 'crop-preset': string }>
     >;
-    'lr-cloud-image-editor': CustomElement<CloudImageEditorBlock, JSX.IntrinsicElements['lr-cloud-image-editor-block']>;
-    'lr-form-input': CustomElement<FormInput, CtxAttributes>;
-    'lr-file-uploader-regular': CustomElement<FileUploaderRegular, CtxAttributes>;
-    'lr-file-uploader-minimal': CustomElement<FileUploaderMinimal, CtxAttributes>;
-    'lr-file-uploader-inline': CustomElement<FileUploaderInline, CtxAttributes>;
-    'lr-upload-ctx-provider': CustomElement<InstanceType<UploadCtxProvider>, CtxAttributes>;
-    'lr-config': CustomElement<InstanceType<Config>, CtxAttributes & Partial<ConfigPlainType>>;
+    'uc-cloud-image-editor': CustomElement<CloudImageEditorBlock, JSX.IntrinsicElements['uc-cloud-image-editor-block']>;
+    'uc-form-input': CustomElement<FormInput, CtxAttributes>;
+    'uc-file-uploader-regular': CustomElement<FileUploaderRegular, CtxAttributes>;
+    'uc-file-uploader-minimal': CustomElement<FileUploaderMinimal, CtxAttributes>;
+    'uc-file-uploader-inline': CustomElement<FileUploaderInline, CtxAttributes>;
+    'uc-upload-ctx-provider': CustomElement<InstanceType<UploadCtxProvider>, CtxAttributes>;
+    'uc-config': CustomElement<InstanceType<Config>, CtxAttributes & Partial<ConfigPlainType>>;
   }
 }