chore: release v0.15.0 (#373)

* chore: release v0.15.0 * chore: update template examples * chore: update changelog * chore: remove `<lr-confirmation-dialog />` from the layout * chore: update changelog * chore: update readme - add warning about semver following --------- Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: nd0ut <[email protected]>
uploadcare · Feb 1, 2023 · f94fc24 · f94fc24
1 parent 9666459
commit f94fc24
Show file tree

Hide file tree

Showing 13 changed files with 74 additions and 17 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,52 @@
+# [0.15.0](https://github.com/uploadcare/blocks/compare/v0.14.3...v0.15.0) (2023-01-31)
+
+We are excited to announce the launch of a brand-new design. This new design offers a more modern look and feels, making it easier and faster to use. We have also made several other UI improvements, such as improved navigation and a better overall user experience. We hope you enjoy the new design and experience.
+
+### Breaking changes
+
+If you haven't used custom templates, then there shouldn't be any breaking changes for you.
+
+If you're using custom templates, you will need to update them to comply with the new version's default template.
+
+- Content of `<lr-start-from />` component was modified
+- `<lr-confirmation-dialog />` was removed
+
+Here is the basic template for the `<lr-file-uploader-regular />` component:
+
+```html
+<lr-simple-btn></lr-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>
+    <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></lr-cloud-image-editor>
+</lr-modal>
+
+<lr-message-box></lr-message-box>
+<lr-progress-bar-common></lr-progress-bar-common>
+```
+
+### Bug Fixes
+
+- **image-editor:** restore transformations state from the cdn url ([32b1858](https://github.com/uploadcare/blocks/commit/32b18580e780bd55b18cfa2f0d31aa4d0b5b8742))
+- **shadow-wrapper:** hide container until css load ([ef9c552](https://github.com/uploadcare/blocks/commit/ef9c552c925a2c35689a4cdfe4bbd83e46e741db))
+- specify image types for file input capture accept, fixes Firefox on Android ([99b5f4f](https://github.com/uploadcare/blocks/commit/99b5f4f20bad0573cc7ee81a567c52cd88ca3f7c))
+
+### Features
+
+- allow custom pluralizers ([62ecffb](https://github.com/uploadcare/blocks/commit/62ecffb387b2b912b061f43b3e9f7cd7903aee13))
+- do not confirm upload list clearing ([c90c57a](https://github.com/uploadcare/blocks/commit/c90c57a9d1d4ab3e335fbd7a6486195d02b15de8))
+- show `cloud editor` instead of `upload details` ([036be6c](https://github.com/uploadcare/blocks/commit/036be6c9ede40d81414c4aafa0a7c5ce244ced2f))
+- **drop-area**: fullscreen mode
+- **upload-list**: show upload errors inside file item
+
 ## [0.14.3](https://github.com/uploadcare/blocks/compare/v0.14.2...v0.14.3) (2022-12-20)
 
 ### Bug Fixes

diff --git a/assets/htm/blocks-demo.htm b/assets/htm/blocks-demo.htm
@@ -23,14 +23,14 @@ <h2>🎬 Live Demo (regular case)</h2>
 
     <lr-modal>
       <lr-start-from>
-        <lr-source-list></lr-source-list>
-        <lr-drop-area clickable></lr-drop-area>
+        <lr-drop-area with-icon clickable></lr-drop-area>
+        <lr-source-list wrap></lr-source-list>
+        <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-confirmation-dialog></lr-confirmation-dialog>
       <lr-cloud-image-editor></lr-cloud-image-editor>
     </lr-modal>
 

diff --git a/blocks/README.md b/blocks/README.md
@@ -125,14 +125,14 @@ Block components can be used separately or in combinations. You can combine them
 
 <lr-modal strokes>
   <lr-start-from>
+    <lr-drop-area with-icon clickable></lr-drop-area>
     <lr-source-list wrap></lr-source-list>
-    <lr-drop-area></lr-drop-area>
+    <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-confirmation-dialog></lr-confirmation-dialog>
   <lr-cloud-image-editor></lr-cloud-image-editor>
 </lr-modal>
 

diff --git a/blocks/test/custom-source-btn/index.htm b/blocks/test/custom-source-btn/index.htm
@@ -18,7 +18,6 @@
   <lr-camera-source></lr-camera-source>
   <lr-url-source></lr-url-source>
   <lr-external-source></lr-external-source>
-  <lr-confirmation-dialog></lr-confirmation-dialog>
   <lr-cloud-image-editor></lr-cloud-image-editor>
 </lr-modal>
 

diff --git a/blocks/test/inline-mode.htm b/blocks/test/inline-mode.htm
@@ -47,7 +47,6 @@
     <lr-camera-source></lr-camera-source>
     <lr-url-source></lr-url-source>
     <lr-external-source></lr-external-source>
-    <lr-confirmation-dialog></lr-confirmation-dialog>
     <lr-cloud-image-editor></lr-cloud-image-editor>
   </lr-inline>
 

diff --git a/blocks/test/split-mode.htm b/blocks/test/split-mode.htm
@@ -62,7 +62,6 @@
     <lr-url-source></lr-url-source>
     <lr-external-source></lr-external-source>
     <lr-cloud-image-editor></lr-cloud-image-editor>
-    <lr-confirmation-dialog></lr-confirmation-dialog>
   </div>
 
   <lr-upload-list active></lr-upload-list>

diff --git a/blocks/test/wrapped.htm b/blocks/test/wrapped.htm
@@ -9,14 +9,14 @@
 
 <lr-modal strokes>
   <lr-start-from>
+    <lr-drop-area with-icon clickable></lr-drop-area>
     <lr-source-list wrap></lr-source-list>
-    <lr-drop-area></lr-drop-area>
+    <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-confirmation-dialog></lr-confirmation-dialog>
   <lr-cloud-image-editor></lr-cloud-image-editor>
 </lr-modal>
 

diff --git a/env.js b/env.js
@@ -1,3 +1,3 @@
 /** Do not edit this file manually. It's generated during build process. */
 export const PACKAGE_NAME = 'blocks';
-export const PACKAGE_VERSION = '0.14.3';
+export const PACKAGE_VERSION = '0.15.0';
diff --git a/get-started/installation/README.md b/get-started/installation/README.md
@@ -1,5 +1,18 @@
 # Installation
 
+## Breaking changes ⚠️
+
+We don&rsquo;t follow
+<a href="https://semver.org/" target="_blank" rel="noopener noreferrer">
+SemVer
+</a>
+during the beta phase. That means that we may introduce changes that break existing features
+and functionality. It&rsquo;s important to pin your version and read
+<a href="https://github.com/uploadcare/blocks/blob/main/CHANGELOG.md" target="_blank" rel="noopener noreferrer">
+the changelog
+</a>
+before updating.
+
 ## Script tag approach
 
 > We recommend to use the one of modern code distribution services, such as:
@@ -31,7 +44,7 @@ File uploader example:
 First, install the npm package:
 
 ```sh
-npm i @uploadcare/blocks
+npm i --save-exact @uploadcare/blocks
 ```
 
 Then use `connectBlocksFrom` function to connect blocks:

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@uploadcare/blocks",
-  "version": "0.14.3",
+  "version": "0.15.0",
   "description": "Building blocks for Uploadcare products integration",
   "keywords": [
     "web components",

diff --git a/solutions/file-uploader/inline/FileUploaderInline.js b/solutions/file-uploader/inline/FileUploaderInline.js
@@ -32,7 +32,6 @@ FileUploaderInline.template = /* HTML */ ` <lr-start-from>
   <lr-camera-source></lr-camera-source>
   <lr-url-source></lr-url-source>
   <lr-external-source></lr-external-source>
-  <lr-confirmation-dialog></lr-confirmation-dialog>
   <lr-message-box></lr-message-box>
   <lr-progress-bar></lr-progress-bar>
   <lr-cloud-image-editor></lr-cloud-image-editor>`;
diff --git a/solutions/file-uploader/regular/FileUploaderRegular.js b/solutions/file-uploader/regular/FileUploaderRegular.js
@@ -15,7 +15,6 @@ FileUploaderRegular.template = /* HTML */ `
     <lr-camera-source></lr-camera-source>
     <lr-url-source></lr-url-source>
     <lr-external-source></lr-external-source>
-    <lr-confirmation-dialog></lr-confirmation-dialog>
     <lr-cloud-image-editor></lr-cloud-image-editor>
   </lr-modal>