classcard-ui 0.2.1067 → 0.2.1069

package/package.json

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

package/src/components/CSelect/CSelect.vue

@@ -193,7 +193,7 @@
               :class="[
                 option.isDisabled ? 'pointer-events-none opacity-50' : '',
                 optionClasses,
-                addCheckBox ? 'pr-0 pl-2 ' : 'pr-9 pl-3',
+                addCheckBox ? 'pr-2 pl-2 ' : 'pr-9 pl-3',
               ]"
             >
               <span class="flex w-full items-center justify-between">
@@ -237,10 +237,14 @@
                   v-if="addCheckBox"
                   class="flex w-1/6 items-center justify-end"
                 >
-                  <c-checkbox
-                    class="w-full"
-                    :value="selectAll ? 1 : isChecked(option)"
-                  />
+                  <div class="flex h-5 items-center">
+                    <input
+                      type="checkbox"
+                      name="staff"
+                      class="pointer-events-none h-4 w-4 cursor-pointer rounded border-gray-300 text-indigo-600 focus:ring-indigo-500 disabled:opacity-50"
+                      :checked="selectAll ? true : isChecked(option)"
+                    />
+                  </div>
                 </div>
               </span>
 
@@ -275,11 +279,11 @@
 <script>
 import CIcon from "../CIcon/CIcon.vue";
 import CAvatar from "../CAvatar/CAvatar.vue";
-import CCheckbox from "../CCheckbox/CCheckbox.vue";
+
 import { isNumber } from "lodash";
 export default {
   name: "CSelect",
-  components: { CIcon, CAvatar, CCheckbox },
+  components: { CIcon, CAvatar },
   props: {
     // label of selectpicker
     label: {
@@ -426,7 +430,9 @@ export default {
       }
 
       this.$emit("onChangeValue", option);
-      this.toggleDropdown = false;
+      if (!this.addCheckBox) {
+        this.toggleDropdown = false;
+      }
       this.type === "tertiary" ? (this.showFocus = false) : "";
       this.renderOptions = this.options;
     },
@@ -438,6 +444,9 @@ export default {
     },
     handleElementBlur() {
       this.toggleDropdown = false;
+      if (this.addCheckBox) {
+        this.$emit("onClickOutside", this.selectedValuesArray);
+      }
       this.selectSearch = null;
       this.renderOptions = this.options;
     },
@@ -488,8 +497,8 @@ export default {
       return this.selectedValuesArray.findIndex(
         (item) => item.id == option.id
       ) == -1
-        ? 0
-        : 1;
+        ? false
+        : true;
     },
   },
   watch: {

package/src/icons.js

@@ -106,6 +106,8 @@ export default {
     "M3.293 9.707a1 1 0 010-1.414l6-6a1 1 0 011.414 0l6 6a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L4.707 9.707a1 1 0 01-1.414 0z",
   "chat-center-text":
     "M4.848 2.771A49.144 49.144 0 0 1 12 2.25c2.43 0 4.817.178 7.152.52 1.978.292 3.348 2.024 3.348 3.97v6.02c0 1.946-1.37 3.678-3.348 3.97a48.901 48.901 0 0 1-3.476.383.39.39 0 0 0-.297.17l-2.755 4.133a.75.75 0 0 1-1.248 0l-2.755-4.133a.39.39 0 0 0-.297-.17 48.9 48.9 0 0 1-3.476-.384c-1.978-.29-3.348-2.024-3.348-3.97V6.741c0-1.946 1.37-3.68 3.348-3.97ZM6.75 8.25a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5h-9a.75.75 0 0 1-.75-.75Zm.75 2.25a.75.75 0 0 0 0 1.5H12a.75.75 0 0 0 0-1.5H7.5Z",
+  "click-cursor-rays-outline":
+    "M15.042 21.672 13.684 16.6m0 0-2.51 2.225.569-9.47 5.227 7.917-3.286-.672ZM12 2.25V4.5m5.834.166-1.591 1.591M20.25 10.5H18M7.757 14.743l-1.59 1.59M6 10.5H3.75m4.007-4.243-1.59-1.59",
   "phone-missed-call":
     "M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z",
   "chevron-left":