classcard-ui 0.2.591 → 0.2.594

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.591",
+  "version": "0.2.594",
   "main": "dist/classcard-ui.umd.min.js",
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -39,10 +39,10 @@
   },
   "devDependencies": {
     "@babel/core": "^7.15.5",
-    "@storybook/addon-actions": "^6.5.8",
-    "@storybook/addon-essentials": "^6.5.8",
-    "@storybook/addon-links": "^6.5.8",
-    "@storybook/vue": "^6.5.8",
+    "@storybook/addon-actions": "^6.5.9",
+    "@storybook/addon-essentials": "^6.5.9",
+    "@storybook/addon-links": "^6.5.9",
+    "@storybook/vue": "^6.5.9",
     "@tailwindcss/postcss7-compat": "^2.2.14",
     "@types/lodash-es": "^4.17.5",
     "@vue/cli-plugin-babel": "^4.5.13",

package/src/components/CCalendar/CCalendar.vue

@@ -2,7 +2,7 @@
   <!-- This example requires Tailwind CSS v2.0+ -->
   <div>
     <div class="grid grid-cols-1 md:grid-cols-2 md:gap-8">
-      <div>
+      <div :class="`sticky top-0 md:block ${calendarClasses}`">
         <div
           class="relative z-20 flex items-center justify-between border-b border-gray-200 py-4"
         >
@@ -123,9 +123,9 @@
       </div>
       <section
         v-if="eventsData && validSelectedDate"
-        class="col-span-1 mt-4 md:mt-0"
+        class="md: col-span-1 my-10 mx-4 md:mx-0 md:my-0"
       >
-        <h2 class="py-4 font-semibold text-gray-900">
+        <h2 class="hidden py-4 font-semibold text-gray-900 md:block">
           Schedule for
           <time :datetime="selectedDateForDateTime">{{
             formattedSelectedDate
@@ -138,6 +138,7 @@
           Sorry, no events found for this date.
         </p>
         <ol
+          v-if="getEventsForDate(value).length !== 0"
           class="mt-3 divide-y divide-gray-100 overflow-hidden rounded-lg bg-white text-sm shadow ring-1 ring-indigo-700 ring-opacity-5"
         >
           <li
@@ -268,6 +269,10 @@ export default {
       type: Array,
       default: () => null,
     },
+    calendarClasses: {
+      type: String,
+      default: "",
+    },
   },
   data() {
     return {

package/src/components/CStackedList/CStackedList.vue

@@ -70,6 +70,7 @@
         <button
           v-if="items.listIcon"
           type="button"
+          :id="listId ? listId : ''"
           class="flex h-8 w-8 items-center justify-center rounded-full text-gray-500 hover:bg-red-100 hover:text-red-800 focus:outline-none focus:ring-2 focus:ring-red-500"
           @click="deleteItem"
         >
@@ -103,6 +104,9 @@ export default {
       type: Boolean,
       default: false,
     },
+    listId: {
+      type: String,
+    },
     icon: {
       type: Object,
     },
@@ -117,8 +121,12 @@ export default {
       this.showSection = !this.showSection;
     },
     deleteItem(item) {
-      console.log(item);
-      this.$emit("delete-item", item);
+      console.log(this.listId);
+      if (this.listId) {
+        this.$emit("delete-item", this.listId, item);
+      } else {
+        this.$emit("delete-item", item);
+      }
     },
   },
 };