classcard-ui 0.2.257 → 0.2.261

package/package.json

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

package/src/components/CEditor/CEditor.vue

@@ -6,7 +6,7 @@
     </div>
     <quill-editor
       class="mt-1 text-sm"
-      v-model="editorText"
+      :value="content"
       :options="editorOption"
       @change="onChange($event)"
     ></quill-editor>
@@ -42,27 +42,25 @@ export default {
     onEditorChange: {
       type: Function,
     },
-  },
-  data() {
-    return {
-      editorOption: {
-        modules: {
-          toolbar: {
-            container: this.toolbarOptions,
-          },
-        },
-      },
-      editorText: this.content,
-    };
+    placeholder: {
+      type: String,
+    },
   },
   methods: {
     onChange(params) {
       this.$emit("onEditorChange", params);
     },
   },
-  watch: {
-    content() {
-      this.editorText = this.content;
+  computed: {
+    editorOption() {
+      return {
+        modules: {
+          toolbar: {
+            container: this.toolbarOptions,
+          },
+        },
+        placeholder: this.placeholder,
+      };
     },
   },
 };
@@ -82,4 +80,7 @@ export default {
 .ql-editor {
   @apply text-sm text-gray-900;
 }
+.ql-editor.ql-blank::before {
+  @apply text-gray-500 not-italic;
+}
 </style>

package/src/components/CGroupedSelect/CGroupedSelect.vue

@@ -145,6 +145,9 @@
         <!-- More items... -->
       </ul>
     </div>
+    <p v-if="isError" class="mt-2 text-sm text-red-600">
+      {{ errorMessage }}
+    </p>
   </div>
 </template>
 
@@ -159,6 +162,11 @@ export default {
     value: Object,
     placeholder: String,
     isSearching: Boolean,
+    isError: { type: Boolean, default: false },
+    errorMessage: {
+      type: String,
+      default: "This field cannot be empty",
+    },
   },
   data() {
     return {

package/src/components/CMultiselect/CMultiselect.vue

@@ -208,7 +208,7 @@ export default {
   @apply rounded-b-md;
 }
 .vs__selected {
-  @apply border-none m-0 py-0 px-1.5 mr-1;
+  @apply border-none m-0 py-0 pl-0 pr-1.5 mr-1;
 }
 .vs__search,
 .vs__search:focus {

package/src/stories/CEditor.stories.js

@@ -26,4 +26,5 @@ Default.args = {
   hint: "String",
   helpText: "String",
   toolbarOptions: ["bold", "italic"],
+  placeholder: "Please enter your text here...",
 };