@zeedhi/zd-calendar-common 1.0.0

package/dist/calendar-common.umd.js

@@ -0,0 +1,183 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@zeedhi/common'), require('@zeedhi/core')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@zeedhi/common', '@zeedhi/core'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@zeedhi/zd-calendar-common"] = {}, global["@zeedhi/common"], global["@zeedhi/core"]));
+})(this, (function (exports, common, core) { 'use strict';
+
+  class Calendar extends common.ComponentRender {
+      constructor(props) {
+          super(props);
+          this.showHeader = true;
+          this.categoryDays = 1;
+          this.categoryHideDynamic = false;
+          this.categoryShowAll = false;
+          this.color = 'primary';
+          this.dayFormat = null;
+          this.eventCategory = 'category';
+          this.eventColor = 'primary';
+          this.eventEnd = 'end';
+          this.eventHeight = 20;
+          this.eventMarginBottom = 1;
+          this.eventMore = true;
+          this.eventMoreText = 'CALENDAR_MORE';
+          this.eventName = 'name';
+          this.eventOverlapMode = 'stack';
+          this.eventOverlapThreshold = 60;
+          this.eventStart = 'start';
+          this.eventTextColor = 'white';
+          this.eventTimed = 'timed';
+          this.calendarEvents = [];
+          this.firstInterval = 0;
+          this.firstTime = 0;
+          this.hideHeader = false;
+          this.intervalCount = 24;
+          this.intervalFormat = null;
+          this.intervalHeight = 48;
+          this.intervalMinutes = 60;
+          this.intervalStyle = null;
+          this.intervalWidth = 60;
+          this.locale = 'pt-BR';
+          this.localeFirstDayOfYear = 0;
+          this.maxDays = 7;
+          this.minWeeks = 1;
+          this.monthFormat = null;
+          this.shortIntervals = true;
+          this.shortMonths = true;
+          this.shortWeekDays = true;
+          this.showIntervalLabel = null;
+          this.showMonthOnFirst = true;
+          this.showWeek = false;
+          this.type = 'month';
+          this.weekdayFormat = null;
+          this.weekdays = [0, 1, 2, 3, 4, 5, 6];
+          this.showHeader = this.getInitValue('showHeader', props.showHeader, this.showHeader);
+          this.title = this.getInitValue('title', props.title, this.title);
+          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);
+          this.categoryHideDynamic = this.getInitValue('categoryHideDynamic', props.categoryHideDynamic, this.categoryHideDynamic);
+          this.categoryShowAll = this.getInitValue('categoryShowAll', props.categoryShowAll, this.categoryShowAll);
+          this.categoryText = this.getInitValue('categoryText', props.categoryText, this.categoryText);
+          this.color = this.getInitValue('color', props.color, this.color);
+          this.dayFormat = this.getInitValue('dayFormat', props.dayFormat, this.dayFormat);
+          this.end = this.getInitValue('end', props.end, this.end);
+          this.eventCategory = this.getInitValue('eventCategory', props.eventCategory, this.eventCategory);
+          this.eventColor = this.getInitValue('eventColor', props.eventColor, this.eventColor);
+          this.eventEnd = this.getInitValue('eventEnd', props.eventEnd, this.eventEnd);
+          this.eventHeight = this.getInitValue('eventHeight', props.eventHeight, this.eventHeight);
+          this.eventMarginBottom = this.getInitValue('eventMarginBottom', props.eventMarginBottom, this.eventMarginBottom);
+          this.eventMore = this.getInitValue('eventMore', props.eventMore, this.eventMore);
+          this.eventMoreText = this.getInitValue('eventMoreText', props.eventMoreText, this.eventMoreText);
+          this.eventName = this.getInitValue('eventName', props.eventName, this.eventName);
+          this.eventOverlapMode = this.getInitValue('eventOverlapMode', props.eventOverlapMode, this.eventOverlapMode);
+          this.eventOverlapThreshold = this.getInitValue('eventOverlapThreshold', props.eventOverlapThreshold, this.eventOverlapThreshold);
+          this.eventStart = this.getInitValue('eventStart', props.eventStart, this.eventStart);
+          this.eventTextColor = this.getInitValue('eventTextColor', props.eventTextColor, this.eventTextColor);
+          this.eventTimed = this.getInitValue('eventTimed', props.eventTimed, this.eventTimed);
+          this.calendarEvents = this.getInitValue('calendarEvents', props.calendarEvents, this.calendarEvents);
+          this.firstInterval = this.getInitValue('firstInterval', props.firstInterval, this.firstInterval);
+          this.firstTime = this.getInitValue('firstTime', props.firstTime, this.firstTime);
+          this.hideHeader = this.getInitValue('hideHeader', props.hideHeader, this.hideHeader);
+          this.intervalCount = this.getInitValue('intervalCount', props.intervalCount, this.intervalCount);
+          this.intervalFormat = this.getInitValue('intervalFormat', props.intervalFormat, this.intervalFormat);
+          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.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);
+          this.maxDays = this.getInitValue('maxDays', props.maxDays, this.maxDays);
+          this.minWeeks = this.getInitValue('minWeeks', props.minWeeks, this.minWeeks);
+          this.monthFormat = this.getInitValue('monthFormat', props.monthFormat, this.monthFormat);
+          this.now = this.getInitValue('now', props.now, this.now);
+          this.shortIntervals = this.getInitValue('shortIntervals', props.shortIntervals, this.shortIntervals);
+          this.shortMonths = this.getInitValue('shortMonths', props.shortMonths, this.shortMonths);
+          this.shortWeekDays = this.getInitValue('shortWeekDays', props.shortWeekDays, this.shortWeekDays);
+          this.showIntervalLabel = this.getInitValue('showIntervalLabel', props.showIntervalLabel, this.showIntervalLabel);
+          this.showMonthOnFirst = this.getInitValue('showMonthOnFirst', props.showMonthOnFirst, this.showMonthOnFirst);
+          this.showWeek = this.getInitValue('showWeek', props.showWeek, this.showWeek);
+          this.start = this.getInitValue('start', props.start, this.start);
+          this.type = this.getInitValue('type', props.type, this.type);
+          this.value = this.getInitValue('value', props.value, this.value);
+          this.weekdayFormat = this.getInitValue('weekdayFormat', props.weekdayFormat, this.weekdayFormat);
+          this.weekdays = this.getInitValue('weekdays', props.weekdays, this.weekdays);
+          this.selectTypeData = this.getInitValue('selectTypeData', props.selectTypeData, this.selectTypeData);
+          this.createAccessors();
+      }
+      addCalendarEvents(events) {
+          events.forEach((event) => {
+              this.calendarEvents.push(event);
+          });
+      }
+      updateCalendarEvent(events) {
+          if (this.calendarEvents.length >= 0) {
+              events.forEach((event) => {
+                  const index = this.calendarEvents.findIndex((item) => item.id === event.id);
+                  if (index !== -1) {
+                      this.calendarEvents[index] = event;
+                  }
+                  else {
+                      this.calendarEvents.push(event);
+                  }
+              });
+          }
+      }
+      clearCalendarEvents() {
+          this.calendarEvents = [];
+      }
+      removeCalendarEvents(events) {
+          if (this.calendarEvents.length >= 0) {
+              events.forEach((event) => {
+                  const index = this.calendarEvents.findIndex((item) => item.id === event.id);
+                  if (index !== -1) {
+                      this.calendarEvents.splice(index, 1);
+                  }
+              });
+          }
+      }
+  }
+
+  core.Messages.add({
+      'pt-BR': {
+          translation: {
+              CALENDAR_MONTH: 'Mês',
+              CALENDAR_DAY: 'Dia',
+              CALENDAR_WEEK: 'Semana',
+              CALENDAR_TODAY: 'Hoje',
+              CALENDAR_CATEGORY: 'Categoria',
+              CALENDAR_4DAYS: '4 Dias',
+              CALENDAR_MORE: 'mais',
+              CALENDAR_CLOSE: 'Fechar',
+          },
+      },
+      'en-US': {
+          translation: {
+              CALENDAR_MONTH: 'Month',
+              CALENDAR_DAY: 'Day',
+              CALENDAR_WEEK: 'Week',
+              CALENDAR_TODAY: 'Today',
+              CALENDAR_CATEGORY: 'Category',
+              CALENDAR_4DAYS: '4 Days',
+              CALENDAR_MORE: 'more',
+              CALENDAR_CLOSE: 'Close',
+          },
+      },
+      'es-ES': {
+          translation: {
+              CALENDAR_MONTH: 'Mes',
+              CALENDAR_DAY: 'Día',
+              CALENDAR_WEEK: 'Semana',
+              CALENDAR_TODAY: 'Hoy dia',
+              CALENDAR_CATEGORY: 'Hoy dia',
+              CALENDAR_4DAYS: '4 Dias',
+              CALENDAR_MORE: 'más',
+              CALENDAR_CLOSE: 'Cerrar',
+          },
+      },
+  });
+
+  exports.Calendar = Calendar;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+}));

package/jest.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+    preset: 'ts-jest',
+    testEnvironment: 'jsdom',
+    verbose: true,
+    collectCoverage: true,
+    moduleNameMapper: {
+      "\.(css|less)$": "<rootDir>/../../styleMock.js",
+    }
+  };
+  

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@zeedhi/zd-calendar-common",
+  "version": "1.0.0",
+  "description": "Powered by Zeedhi",
+  "main": "dist/calendar-common.umd.js",
+  "module": "dist/calendar-common.esm.js",
+  "typings": "types/src/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "rollup -c",
+    "lint": "eslint . --fix --ext .ts",
+    "test": "jest",
+    "watch": "npm run build -- -w"
+  },
+  "devDependencies": {
+    "@types/jest": "^26.0.19",
+    "jest": "^26.6.3",
+    "ts-jest": "^26.4.4"
+  },
+  "peerDependencies": {
+    "@zeedhi/common": "*",
+    "@zeedhi/core": "*"
+  },
+  "gitHead": "052812e98c51855a1da2b71e3ec4e79cee527d54"
+}