classcard-ui 0.2.279 → 0.2.284

package/package.json

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

package/src/components/CIconDropdown/CIconDropdown.vue

@@ -49,7 +49,7 @@
           aria-labelledby="option-menu"
         >
           <a
-            v-for="item in items"
+            v-for="(item, index) in items"
             v-bind:key="item.text"
             @mousedown.stop="dropdownAction(item)"
             class="
@@ -61,8 +61,15 @@
               hover:text-gray-900
               cursor-pointer
             "
+            :class="item.class"
             role="menuitem"
           >
+          <c-icon
+           v-if="item.icon"
+            :name="dropdownIcons[index].name"
+            :type="dropdownIcons[index].type"
+            :class="dropdownIcons[index].class"
+          ></c-icon>
             {{ item.text }}
           </a>
         </div>
@@ -84,6 +91,9 @@ export default {
     icon: {
       type: Object,
     },
+    dropdownIcons: {
+      type: Object,
+    },
     classes: {
       type: String,
     },

package/src/components/CPagination/CPagination.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="bg-white px-4 py-3 flex items-center justify-between border-t border-gray-200 sm:px-6"
+    class="bg-white px-4 py-3 flex items-center justify-between border-gray-200 sm:px-6"
   >
     <div class="flex-1 flex justify-between sm:hidden">
       <a
@@ -63,6 +63,7 @@
             <div
               v-for="page in pageRange"
               :key="page"
+              class="cursor-pointer"
               :class="[
                 page == currentPageNumber
                   ? 'z-10 bg-indigo-50 border-indigo-500 text-indigo-600 relative inline-flex items-center px-4 py-2 border text-sm font-medium'
@@ -73,6 +74,9 @@
                 page !== currentPageNumber && page !== '...'
                   ? 'bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border border-r-0 text-sm font-medium'
                   : '',
+                page == currentPageNumber + 1
+                  ? 'border-l-0'
+                  : '',
               ]"
               @click="changePage(page)"
             >

package/src/components/CSelect/CSelect.vue

@@ -210,7 +210,7 @@ export default {
   computed: {
     classes() {
       return {
-        "text-gray-900 hover:bg-gray-200 bg-gray-100 focus:ring-2 focus:border-gray-200 focus:ring-gray-200 focus:ring-offset-2 shadow-sm":
+        "text-gray-900 border border-gray-200 hover:bg-gray-200 bg-gray-100 focus:ring-2 focus:border-gray-200 focus:ring-gray-200 focus:ring-offset-2 shadow-sm":
           this.type == "gray",
         "bg-white border border-gray-200 hover:bg-indigo-100 text-indigo-600 hover:text-indigo-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-200":
           this.type == "tertiary",

package/src/icons.js

@@ -43,6 +43,8 @@ export default {
     "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:
     "M12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5.5A2.5 2.5 0 109.5 8H12zm-7 4h14M5 12a2 2 0 110-4h14a2 2 0 110 4M5 12v7a2 2 0 002 2h10a2 2 0 002-2v-7",
+  document:
+    "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z",
   refresh:
     "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15",
   product: "M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4",

package/src/stories/CIconDropdown.stories.js

@@ -8,7 +8,8 @@ export default {
   subcomponents: { CIcon },
   argTypes: {
     items: { control: { type: "object" } },
-    icon: Object
+    icon: Object,
+    dropdownIcons: { type: Array }
   },
 };
 
@@ -21,8 +22,15 @@ const Template = (args, { argTypes }) => ({
 export const Default = Template.bind({});
 Default.args = {
   items: [
-    { icon: "check", text: "one", action:'alert' },
-    { icon: "check", text: "two" },
+    { icon: true, text: "one", action:'alert', class:'hover:bg-red-100 hover:text-red-500 w-56' },
+    { text: "two" },
+  ],
+  dropdownIcons: [
+    {
+      name:'trash',
+      class:'mr-3 h-5 w-5 text-gray-400 hover:text-red-500',
+      type:'solid'
+    }
   ],
   icon:{
       name:'dots-vertical-solid',

package/src/stories/CPagination.stories.js

@@ -19,4 +19,12 @@ const Template = (args, { argTypes }) => ({
 });
 
 export const Default = Template.bind({});
-Default.args = {};
+Default.args = {
+  setPaginationRecords: {
+    currentPage: 1,
+    lastPage: 10,
+    from: 1,
+    to: 10,
+    totalRecords: 200,
+  }
+};