classcard-ui 0.2.296 → 0.2.300

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.296",
+  "version": "0.2.300",
   "main": "dist/classcard-ui.common.js",
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -53,6 +53,8 @@
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^6.2.2",
     "postcss": "^7.0.36",
+    "prettier": "^2.5.1",
+    "prettier-plugin-tailwindcss": "^0.1.6",
     "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.14",
     "vue-template-compiler": "^2.6.14"
   },

package/src/components/CTable/CTable.vue

@@ -1,10 +1,6 @@
 <template>
   <div>
-    <div
-      slot="table-actions"
-      v-if="tableActions"
-      class="bg-gray-50 rounded-lg p-3 mb-4"
-    >
+    <div slot="table-actions" v-if="tableActions" class="mb-4 rounded-lg bg-gray-50 p-3">
       <div class="flex justify-between">
         <div v-if="searching">
           <c-input
@@ -22,55 +18,22 @@
             <div>
               <button
                 @click="handleToggle"
-                class="
-                  inline-flex
-                  justify-center
-                  w-full
-                  rounded-md
-                  border border-gray-200
-                  shadow-sm
-                  px-2
-                  py-2
-                  bg-white
-                  text-sm
-                  font-medium
-                  hover:bg-gray-50
-                  focus:outline-none focus:outline-none
-                  focus:ring-2 focus:ring-offset-2 focus:ring-indigo-600
-                "
+                class="focus:outline-none inline-flex w-full justify-center rounded-md border border-gray-200 bg-white px-2 py-2 text-sm font-medium shadow-sm hover:bg-gray-50 focus:ring-2 focus:ring-indigo-600 focus:ring-offset-2"
                 aria-haspopup="true"
                 aria-expanded="true"
               >
-                <c-icon
-                  name="view-board"
-                  type="solid"
-                  class="text-gray-400 h-5 w-5"
-                ></c-icon>
+                <c-icon name="view-board" type="solid" class="h-5 w-5 text-gray-400"></c-icon>
                 <c-icon
                   name="chevron-down"
                   type="solid"
-                  class="ml-1 text-gray-400 h-5 w-5"
+                  class="ml-1 h-5 w-5 text-gray-400"
                 ></c-icon>
               </button>
             </div>
             <!-- dropdown having list of all columns to show hide -->
             <div
               v-if="toggleDropdown"
-              class="
-                origin-top-right
-                absolute
-                right-0
-                mt-2
-                -mr-1
-                w-56
-                rounded-md
-                shadow-lg
-                bg-white
-                ring-1 ring-gray-900 ring-opacity-5
-                z-100
-                overflow-y-auto
-                max-h-96
-              "
+              class="absolute right-0 z-10 mt-2 -mr-1 max-h-96 w-56 origin-top-right overflow-y-auto rounded-md bg-white shadow-lg ring-1 ring-gray-900 ring-opacity-5"
               tabindex="0"
               @blur="handleToggle"
             >
@@ -84,15 +47,7 @@
                   href="#"
                   v-for="column in showHideColumnList"
                   v-bind:key="column.field"
-                  class="
-                    flex
-                    block
-                    px-4
-                    py-2
-                    text-sm text-gray-700
-                    hover:bg-gray-100
-                    hover:text-gray-900
-                  "
+                  class="block flex px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"
                   role="menuitem"
                 >
                   <c-checkbox
@@ -121,12 +76,10 @@
     </div>
 
     <vue-good-table
-      class="border-solid border-2 border-gray-100 rounded-lg overflow-hidden"
+      class="overflow-hidden rounded-lg border-2 border-solid border-gray-100"
       mode="remote"
       ref="my-table"
-      :styleClass="
-        showLoader ? 'vgt-table opacity-50 pointer-events-none' : 'vgt-table'
-      "
+      :styleClass="showLoader ? 'vgt-table opacity-50 pointer-events-none' : 'vgt-table'"
       row-style-class="focus:outline-none"
       min-height="400px"
       :globalSearch="true"
@@ -170,21 +123,21 @@
           <c-icon
             v-if="props.column.direction == null"
             name="sort-ascending-solid"
-            class="h-5 w-5 ml-3 invisible sortingIcon"
+            class="sortingIcon invisible ml-3 h-5 w-5"
             type="solid"
           ></c-icon>
           <!-- renders when direction is asc -->
           <c-icon
             v-else-if="props.column.direction == 'asc'"
             name="sort-ascending-solid"
-            class="h-5 w-5 ml-3"
+            class="ml-3 h-5 w-5"
             type="solid"
           ></c-icon>
           <!-- renders when direction is desc -->
           <c-icon
             v-else-if="props.column.direction == 'desc'"
             name="sort-descending-solid"
-            class="h-5 w-5 ml-3"
+            class="ml-3 h-5 w-5"
             type="solid"
           ></c-icon>
         </span>
@@ -195,11 +148,7 @@
       <template slot="table-row" slot-scope="props">
         <!-- renders if drag and drop is present in table -->
         <span v-if="props.column.field == 'drag'">
-          <c-icon
-            name="menu-solid"
-            type="solid"
-            class="h-5 w-5 text-gray-500 handle"
-          ></c-icon>
+          <c-icon name="menu-solid" type="solid" class="handle h-5 w-5 text-gray-500"></c-icon>
         </span>
         <!-- if customization or adding another form element is required -->
         <span v-else-if="props.column.customizeColumn">
@@ -223,7 +172,7 @@
       <!-- Custom loader for table -->
       <template slot="loadingContent">
         <svg
-          class="animate-spin h-7 w-7 text-white ml-auto mr-auto"
+          class="ml-auto mr-auto h-7 w-7 animate-spin text-white"
           xmlns="http://www.w3.org/2000/svg"
           fill="none"
           viewBox="0 0 24 24"
@@ -376,12 +325,8 @@ export default {
     },
     // array of rows after drag and drop
     rearrange(oldIndex, newIndex) {
-      const movedItem = this.reorderedArray.find(
-        (item, index) => index === oldIndex
-      );
-      const remainingItems = this.reorderedArray.filter(
-        (item, index) => index !== oldIndex
-      );
+      const movedItem = this.reorderedArray.find((item, index) => index === oldIndex);
+      const remainingItems = this.reorderedArray.filter((item, index) => index !== oldIndex);
       const reorderedItems = [
         ...remainingItems.slice(0, newIndex),
         movedItem,

package/src/icons.js

@@ -39,6 +39,8 @@ export default {
     "M19.9,12.66a1,1,0,0,1,0-1.32L21.18,9.9a1,1,0,0,0,.12-1.17l-2-3.46a1,1,0,0,0-1.07-.48l-1.88.38a1,1,0,0,1-1.15-.66l-.61-1.83A1,1,0,0,0,13.64,2h-4a1,1,0,0,0-1,.68L8.08,4.51a1,1,0,0,1-1.15.66L5,4.79A1,1,0,0,0,4,5.27L2,8.73A1,1,0,0,0,2.1,9.9l1.27,1.44a1,1,0,0,1,0,1.32L2.1,14.1A1,1,0,0,0,2,15.27l2,3.46a1,1,0,0,0,1.07.48l1.88-.38a1,1,0,0,1,1.15.66l.61,1.83a1,1,0,0,0,1,.68h4a1,1,0,0,0,.95-.68l.61-1.83a1,1,0,0,1,1.15-.66l1.88.38a1,1,0,0,0,1.07-.48l2-3.46a1,1,0,0,0-.12-1.17ZM18.41,14l.8.9-1.28,2.22-1.18-.24a3,3,0,0,0-3.45,2L12.92,20H10.36L10,18.86a3,3,0,0,0-3.45-2l-1.18.24L4.07,14.89l.8-.9a3,3,0,0,0,0-4l-.8-.9L5.35,6.89l1.18.24a3,3,0,0,0,3.45-2L10.36,4h2.56l.38,1.14a3,3,0,0,0,3.45,2l1.18-.24,1.28,2.22-.8.9A3,3,0,0,0,18.41,14ZM11.64,8a4,4,0,1,0,4,4A4,4,0,0,0,11.64,8Zm0,6a2,2,0,1,1,2-2A2,2,0,0,1,11.64,14Z",
   integration:
     "M10,13H4a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V14A1,1,0,0,0,10,13ZM9,19H5V15H9ZM20,3H14a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V4A1,1,0,0,0,20,3ZM19,9H15V5h4Zm1,7H18V14a1,1,0,0,0-2,0v2H14a1,1,0,0,0,0,2h2v2a1,1,0,0,0,2,0V18h2a1,1,0,0,0,0-2ZM10,3H4A1,1,0,0,0,3,4v6a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V4A1,1,0,0,0,10,3ZM9,9H5V5H9Z",
+  "clipboard-solid":
+    "M8 3a1 1 0 011-1h2a1 1 0 110 2H9a1 1 0 01-1-1z M6 3a2 2 0 00-2 2v11a2 2 0 002 2h8a2 2 0 002-2V5a2 2 0 00-2-2 3 3 0 01-3 3H9a3 3 0 01-3-3z",
   clipboard:
     "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2",
   package:
@@ -199,4 +201,6 @@ export default {
     "M9 2a1 1 0 000 2h2a1 1 0 100-2H9z M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 000 2h.01a1 1 0 100-2H7zm3 0a1 1 0 000 2h3a1 1 0 100-2h-3zm-3 4a1 1 0 100 2h.01a1 1 0 100-2H7zm3 0a1 1 0 100 2h3a1 1 0 100-2h-3z",
   "clipboard-check-outline":
     "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4",
+  "home":
+    "M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"
 };