classcard-ui 0.2.306 → 0.2.310

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.306",
+  "version": "0.2.310",
   "main": "dist/classcard-ui.common.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CConfirmActionModal/CConfirmActionModal.vue

@@ -56,6 +56,8 @@
                   @action="$emit('action-two')"
                   :type="actionTwoType"
                   :label="actionTwoLabel"
+                  :isLoading="loadButton"
+                  :disabled="loadButton"
                 ></c-button>
               </div>
             </div>
@@ -99,6 +101,10 @@ export default {
       type: String,
       default: "secondary-gray",
     },
+    loadButton: {
+      type: Boolean,
+      default: false,
+    },
   },
 };
 </script>

package/src/components/CUpload/CUpload.vue

@@ -49,15 +49,9 @@ export default {
     onUploadSuccess: {
       type: Function,
     },
-    includeUnsplash: {
-      type: Boolean,
-    },
-    cropImage: {
-      type: Boolean,
-    },
-    aspectRatioDimensions: {
+    aspectRatio: {
       type: Number,
-      default: 23 / 45,
+      default: null,
     },
   },
   data() {
@@ -74,6 +68,16 @@ export default {
         uploadInBackground: false,
         maxFiles: this.maxFiles,
         onUploadDone: (res) => this.$emit("filestack-uploaded", res),
+        fromSources: [
+          'local_file_system',
+          'unsplash'
+        ],
+        transformations: {
+          crop: {
+            aspectRatio: this.aspectRatio ? this.aspectRatio : 1/1,
+            force: this.aspectRatio ? true : false
+          }
+        }
       };
       const picker = client.picker(options);
       picker.open();
@@ -91,8 +95,6 @@ export default {
   mounted() {
     if (this.type === "filestack") {
       this.initFilestack();
-    } else if (this.type == "default") {
-      this.initUppload();
     }
   },
 };

package/src/stories/CConfirmActionModal.stories.js

@@ -55,4 +55,5 @@ Default.args = {
   actionTwoLabel: "Confirm",
   actionOneType: "secondary-gray",
   actionTwoType: "secondary-gray",
+  loadButton: "false"
 };