classcard-ui 0.2.304 → 0.2.308

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.304",
+  "version": "0.2.308",
   "main": "dist/classcard-ui.common.js",
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -25,7 +25,6 @@
     "gridjs-selection": "^3.4.0",
     "gridjs-vue": "^3.4.0",
     "lodash-es": "^4.17.21",
-    "uppload": "^3.2.1",
     "v-calendar": "^2.3.2",
     "vue": "^2.6.14",
     "vue-good-table": "^2.21.8",

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

@@ -1,16 +1,5 @@
 <template>
   <div>
-    <div v-if="type === 'default'">
-      <slot></slot>
-      <div :class="errorClasses" class="" id="c-file-area" @click.prevent="uploader.open()">
-        <button
-          type="white"
-          class="pic-btn inline-flex items-center px-4 py-2 shadow-sm text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 text-gray-700 border bg-white border-gray-300 hover:bg-gray-50 focus:ring-indigo-600"
-        >
-          {{ buttonText }}
-        </button>
-      </div>
-    </div>
     <div v-if="type === 'filestack'" :class="filestackClasses" id="filestack-uploader"></div>
     <p v-if="!isValidate" class="mt-2 text-sm text-red-600">
       {{ errorMessage }}
@@ -20,7 +9,6 @@
 
 <script>
 import * as filestack from "filestack-js";
-import { Uppload, Local, xhrUploader, en, Crop, Unsplash } from "uppload";
 
 export default {
   name: "CUpload",
@@ -60,17 +48,7 @@ export default {
     },
     onUploadSuccess: {
       type: Function,
-    },
-    includeUnsplash: {
-      type: Boolean,
-    },
-    cropImage: {
-      type: Boolean,
-    },
-    aspectRatioDimensions: {
-      type: Number,
-      default: 23 / 45,
-    },
+    }
   },
   data() {
     return {
@@ -90,33 +68,6 @@ export default {
       const picker = client.picker(options);
       picker.open();
     },
-    initUppload() {
-      // Uppload library
-      this.uploader = new Uppload({
-        lang: en,
-        compression: 0.4,
-        compressionToMime: "image/jpeg",
-        maxSize: [500, 1000],
-        uploader: xhrUploader({
-          endpoint: `${this.url}`,
-          fileKeyName: "image",
-          responseFunction: (response) => {
-            this.$emit("onUploadSuccess", response);
-          },
-        }),
-      });
-      this.uploader.use([
-        new Local(),
-        ...(this.includeUnsplash
-          ? [new Unsplash("hXfo-C0svXV4IDCncBo7s-ySQpVJVeZrGuWxwwgC7qw")]
-          : []),
-        ...(this.cropImage ? [new Crop({ aspectRatio: this.aspectRatioDimensions })] : []),
-      ]);
-      // Uppload Error Handle
-      this.uploader.on("error", (error) => {
-        console.log("The error message is", error);
-      });
-    },
   },
   computed: {
     errorClasses() {
@@ -130,8 +81,6 @@ export default {
   mounted() {
     if (this.type === "filestack") {
       this.initFilestack();
-    } else if (this.type == "default") {
-      this.initUppload();
     }
   },
 };

package/src/icons.js

@@ -210,5 +210,7 @@ export default {
   "user-circle":
     "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z",
   "key":
-    "M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z"
+    "M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z",
+  "template":
+    "M3 4a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V4zM3 10a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zM14 9a1 1 0 00-1 1v6a1 1 0 001 1h2a1 1 0 001-1v-6a1 1 0 00-1-1h-2z",
 };

package/src/stories/CConfirmActionModal.stories.js

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