@zeedhi/zd-calendar-common 1.6.0 → 1.7.0

package/README.md

@@ -1,4 +1,4 @@
-# Componente BottomSheet para Zeedhi
+# Componente Calendar para Zeedhi
 
 <center>
 <p>

package/dist/calendar-common.esm.js

@@ -33,6 +33,7 @@ class Calendar extends ComponentRender {
         this.intervalHeight = 48;
         this.intervalMinutes = 60;
         this.intervalStyle = null;
+        this.dayStyle = null;
         this.intervalWidth = 60;
         this.locale = I18n.instance.language;
         this.localeFirstDayOfYear = 0;
@@ -48,8 +49,12 @@ class Calendar extends ComponentRender {
         this.type = 'month';
         this.weekdayFormat = null;
         this.weekdays = [0, 1, 2, 3, 4, 5, 6];
+        this.canEditEvent = true;
+        this.canDeleteEvent = true;
         this.showHeader = this.getInitValue('showHeader', props.showHeader, this.showHeader);
         this.title = this.getInitValue('title', props.title, this.title);
+        this.canDeleteEvent = this.getInitValue('canDeleteEvent', props.canDeleteEvent, this.canDeleteEvent);
+        this.canEditEvent = this.getInitValue('canEditEvent', props.canEditEvent, this.canEditEvent);
         this.categories = this.getInitValue('categories', props.categories, this.categories);
         this.categoryDays = this.getInitValue('categoryDays', props.categoryDays, this.categoryDays);
         this.categoryForInvalid = this.getInitValue('categoryForInvalid', props.categoryForInvalid, this.categoryForInvalid);
@@ -83,6 +88,7 @@ class Calendar extends ComponentRender {
         this.intervalHeight = this.getInitValue('intervalHeight', props.intervalHeight, this.intervalHeight);
         this.intervalMinutes = this.getInitValue('intervalMinutes', props.intervalMinutes, this.intervalMinutes);
         this.intervalStyle = this.getInitValue('intervalStyle', props.intervalStyle, this.intervalStyle);
+        this.dayStyle = this.getInitValue('dayStyle', props.dayStyle, this.dayStyle);
         this.intervalWidth = this.getInitValue('intervalWidth', props.intervalWidth, this.intervalWidth);
         this.locale = this.getInitValue('locale', props.locale, this.locale);
         this.localeFirstDayOfYear = this.getInitValue('localeFirstDayOfYear', props.localeFirstDayOfYear, this.localeFirstDayOfYear);
@@ -182,8 +188,20 @@ class Calendar extends ComponentRender {
     clickDay(element, event) {
         this.callEvent('clickDay', { event, element, component: this });
     }
-    clickEvent(element, event) {
-        this.callEvent('clickEvent', { event, element, component: this });
+    clickEvent(calendarEvent, element, event) {
+        this.callEvent('clickEvent', {
+            calendarEvent, event, element, component: this,
+        });
+    }
+    clickDeleteEvent(calendarEvent, element, event) {
+        this.callEvent('clickDeleteEvent', {
+            calendarEvent, event, element, component: this,
+        });
+    }
+    clickEditEvent(calendarEvent, element, event) {
+        this.callEvent('clickEditEvent', {
+            calendarEvent, event, element, component: this,
+        });
     }
     clickDayCategory(element, event) {
         this.callEvent('clickDayCategory', { event, element, component: this });

package/dist/calendar-common.umd.js

@@ -36,6 +36,7 @@
           this.intervalHeight = 48;
           this.intervalMinutes = 60;
           this.intervalStyle = null;
+          this.dayStyle = null;
           this.intervalWidth = 60;
           this.locale = core.I18n.instance.language;
           this.localeFirstDayOfYear = 0;
@@ -51,8 +52,12 @@
           this.type = 'month';
           this.weekdayFormat = null;
           this.weekdays = [0, 1, 2, 3, 4, 5, 6];
+          this.canEditEvent = true;
+          this.canDeleteEvent = true;
           this.showHeader = this.getInitValue('showHeader', props.showHeader, this.showHeader);
           this.title = this.getInitValue('title', props.title, this.title);
+          this.canDeleteEvent = this.getInitValue('canDeleteEvent', props.canDeleteEvent, this.canDeleteEvent);
+          this.canEditEvent = this.getInitValue('canEditEvent', props.canEditEvent, this.canEditEvent);
           this.categories = this.getInitValue('categories', props.categories, this.categories);
           this.categoryDays = this.getInitValue('categoryDays', props.categoryDays, this.categoryDays);
           this.categoryForInvalid = this.getInitValue('categoryForInvalid', props.categoryForInvalid, this.categoryForInvalid);
@@ -86,6 +91,7 @@
           this.intervalHeight = this.getInitValue('intervalHeight', props.intervalHeight, this.intervalHeight);
           this.intervalMinutes = this.getInitValue('intervalMinutes', props.intervalMinutes, this.intervalMinutes);
           this.intervalStyle = this.getInitValue('intervalStyle', props.intervalStyle, this.intervalStyle);
+          this.dayStyle = this.getInitValue('dayStyle', props.dayStyle, this.dayStyle);
           this.intervalWidth = this.getInitValue('intervalWidth', props.intervalWidth, this.intervalWidth);
           this.locale = this.getInitValue('locale', props.locale, this.locale);
           this.localeFirstDayOfYear = this.getInitValue('localeFirstDayOfYear', props.localeFirstDayOfYear, this.localeFirstDayOfYear);
@@ -185,8 +191,20 @@
       clickDay(element, event) {
           this.callEvent('clickDay', { event, element, component: this });
       }
-      clickEvent(element, event) {
-          this.callEvent('clickEvent', { event, element, component: this });
+      clickEvent(calendarEvent, element, event) {
+          this.callEvent('clickEvent', {
+              calendarEvent, event, element, component: this,
+          });
+      }
+      clickDeleteEvent(calendarEvent, element, event) {
+          this.callEvent('clickDeleteEvent', {
+              calendarEvent, event, element, component: this,
+          });
+      }
+      clickEditEvent(calendarEvent, element, event) {
+          this.callEvent('clickEditEvent', {
+              calendarEvent, event, element, component: this,
+          });
       }
       clickDayCategory(element, event) {
           this.callEvent('clickDayCategory', { event, element, component: this });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/zd-calendar-common",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "description": "Powered by Zeedhi",
   "main": "dist/calendar-common.umd.js",
   "module": "dist/calendar-common.esm.js",
@@ -23,5 +23,5 @@
     "@zeedhi/common": "*",
     "@zeedhi/core": "*"
   },
-  "gitHead": "c7906e4b1b3265d005de47c64ccdd64689ea5d70"
+  "gitHead": "26b12f1ca3ad6e8900a8207633f56b3e2d85923d"
 }

package/types/calendar.d.ts

@@ -36,6 +36,7 @@ export declare class Calendar extends ComponentRender implements ICalendar {
     intervalHeight?: number | string;
     intervalMinutes?: number | string;
     intervalStyle?: Function | null;
+    dayStyle?: ((date: string) => object | string) | null;
     intervalWidth?: number | string;
     locale?: string;
     localeFirstDayOfYear?: number | string;
@@ -55,6 +56,8 @@ export declare class Calendar extends ComponentRender implements ICalendar {
     weekdayFormat?: Function | null;
     weekdays?: string | string[] | number[];
     selectTypeData?: {};
+    canEditEvent?: ((event: CalendarEvents) => boolean) | boolean;
+    canDeleteEvent?: ((event: CalendarEvents) => boolean) | boolean;
     /**
    * Events registered to the calendar
    */
@@ -82,7 +85,9 @@ export declare class Calendar extends ComponentRender implements ICalendar {
     clickDate(element: any, event: Event): void;
     clickMore(element: any, event: Event): void;
     clickDay(element: any, event: Event): void;
-    clickEvent(element: any, event: Event): void;
+    clickEvent(calendarEvent: CalendarEvents, element: any, event: Event): void;
+    clickDeleteEvent(calendarEvent: CalendarEvents, element: any, event: Event): void;
+    clickEditEvent(calendarEvent: CalendarEvents, element: any, event: Event): void;
     clickDayCategory(element: any, event: Event): void;
     clickInterval(element: any, event: Event): void;
     clickTime(element: any, event: Event): void;

package/types/interfaces.d.ts

@@ -28,6 +28,8 @@ export interface ICalendarEvents<T = ICalendarEventParam | IEventParam<any>> ext
     clickDay?: IEvent<T> | string;
     clickMore?: IEvent<T> | string;
     clickEvent?: IEvent<T> | string;
+    clickDeleteEvent?: IEvent<T> | string;
+    clickEditEvent?: IEvent<T> | string;
     clickDayCategory?: IEvent<T> | string;
     clickInterval?: IEvent<T> | string;
     clickTime?: IEvent<T> | string;
@@ -53,6 +55,8 @@ export interface ICalendar extends IComponentRender {
     categoryHideDynamic?: boolean | string;
     categoryShowAll?: boolean | string;
     categoryText?: string | Function;
+    canEditEvent?: ((event: CalendarEvents) => boolean) | boolean;
+    canDeleteEvent?: ((event: CalendarEvents) => boolean) | boolean;
     color?: string;
     dayFormat?: Function | null;
     end?: string | number | Date;
@@ -80,6 +84,7 @@ export interface ICalendar extends IComponentRender {
     intervalHeight?: number | string;
     intervalMinutes?: number | string;
     intervalStyle?: Function | null;
+    dayStyle?: ((date: string) => object | string) | null;
     intervalWidth?: number | string;
     locale?: string;
     localeFirstDayOfYear?: string | number;