classcard-ui 0.2.828 → 0.2.830

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.828",
+  "version": "0.2.830",
   "main": "dist/classcard-ui.umd.min.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CConfirmActionModal/CConfirmActionModal.vue

@@ -54,6 +54,17 @@
                     {{ description }}
                   </p>
                 </div>
+                <div class="mt-2" v-if="isEnabletextArea">
+                  <c-textarea
+                    class="mr-3 flex-grow"
+                    :value="textValue"
+                    :isValidate="isTextValid"
+                    :disabled="false"
+                    :helpText="textAreaHelperText"
+                    :errorMessage="errorMessage"
+                    @input="handleTextAreaInputChange"
+                  ></c-textarea>
+                </div>
                 <div class="mt-5 flex justify-end space-x-2">
                   <c-button
                     v-if="!hideActionOne"
@@ -80,11 +91,12 @@
 
 <script>
 import CButton from "../CButton";
-
+import CTextarea from "../CTextarea";
 export default {
   name: "CConfirmActionModal",
   components: {
     CButton,
+    CTextarea,
   },
   props: {
     title: {
@@ -122,6 +134,29 @@ export default {
       type: Boolean,
       default: false,
     },
+    //props for ctextarea
+    isEnabletextArea: {
+      type: Boolean,
+      default: false,
+    },
+    textValue: {
+      type: String,
+    },
+    isTextValid: {
+      type: Boolean,
+      default: false,
+    },
+    textAreaHelperText: {
+      type: String,
+    },
+    errorMessage: {
+      type: String,
+    },
+  },
+  methods: {
+    handleTextAreaInputChange(value) {
+      this.$emit("input-value-change", value);
+    },
   },
 };
 </script>