react-big-schedule 4.1.3 → 4.2.0

package/dist/components/SchedulerData.js

@@ -14,12 +14,6 @@ var _behaviors = _interopRequireDefault(require("../helper/behaviors"));
 var _index = require("./index");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -63,29 +57,17 @@ var SchedulerData = /*#__PURE__*/function () {
   }
   _createClass(SchedulerData, [{
     key: "setSchedulerLocale",
-    value: function setSchedulerLocale(preset, object) {
+    value: function setSchedulerLocale(preset) {
       if (!preset) return;
-      var l = preset;
-      if (typeof preset === 'string') {
-        l = require("dayjs/locale/".concat(preset, ".js"));
-        if (!!object) {
-          Object.entries(object).forEach(function (_ref) {
-            var _ref2 = _slicedToArray(_ref, 2),
-              key = _ref2[0],
-              value = _ref2[1];
-            return l[key] = value;
-          });
-        }
-      }
-      this.localeDayjs.locale(l);
+      this.localeDayjs.locale(preset);
       this._shouldReloadViewType = true;
       this.setViewType(this.viewType, this.showAgenda, this.isEventPerspective);
     }
   }, {
     key: "setCalendarPopoverLocale",
     value: function setCalendarPopoverLocale(lang) {
-      if (!!lang && typeof lang === 'string') {
-        this.calendarPopoverLocale = require("antd/locale/".concat(lang, ".js"));
+      if (!!lang) {
+        this.calendarPopoverLocale = lang;
       }
     }
   }, {
@@ -476,26 +458,26 @@ var SchedulerData = /*#__PURE__*/function () {
     value: function swapEvent(eventSource, eventDest) {
       // Swap group or resource IDs
       if (this.isEventPerspective) {
-        var _ref3 = [eventDest.groupId, eventSource.groupId];
-        eventSource.groupId = _ref3[0];
-        eventDest.groupId = _ref3[1];
-        var _ref4 = [eventDest.groupName, eventSource.groupName];
-        eventSource.groupName = _ref4[0];
-        eventDest.groupName = _ref4[1];
+        var _ref = [eventDest.groupId, eventSource.groupId];
+        eventSource.groupId = _ref[0];
+        eventDest.groupId = _ref[1];
+        var _ref2 = [eventDest.groupName, eventSource.groupName];
+        eventSource.groupName = _ref2[0];
+        eventDest.groupName = _ref2[1];
       } else {
-        var _ref5 = [eventDest.resourceId, eventSource.resourceId];
-        eventSource.resourceId = _ref5[0];
-        eventDest.resourceId = _ref5[1];
+        var _ref3 = [eventDest.resourceId, eventSource.resourceId];
+        eventSource.resourceId = _ref3[0];
+        eventDest.resourceId = _ref3[1];
       }
 
       // Swap start and end times
-      var _ref6 = [eventDest.start, eventSource.start];
-      eventSource.start = _ref6[0];
-      eventDest.start = _ref6[1];
+      var _ref4 = [eventDest.start, eventSource.start];
+      eventSource.start = _ref4[0];
+      eventDest.start = _ref4[1];
       // Update the events
-      var _ref7 = [eventDest.end, eventSource.end];
-      eventSource.end = _ref7[0];
-      eventDest.end = _ref7[1];
+      var _ref5 = [eventDest.end, eventSource.end];
+      eventSource.end = _ref5[0];
+      eventDest.end = _ref5[1];
       this._detachEvent(eventSource);
       this._detachEvent(eventDest);
       this._attachEvent(eventSource);

package/dist/index.d.ts

@@ -0,0 +1,247 @@
+import { Dayjs } from 'dayjs';
+import React from 'react';
+
+export const DATE_FORMAT: string;
+export const DATETIME_FORMAT: string;
+
+export class Scheduler<T extends EventItem = EventItem> extends React.Component<SchedulerProps<T>, any> {}
+export class SchedulerData {}
+
+export enum ViewType {
+  Day = 'Day',
+  Week = 'Week',
+  Month = 'Month',
+  Quarter = 'Quarter',
+  Year = 'Year',
+  Custom = 'Custom',
+  Custom1 = 'Custom1',
+  Custom2 = 'Custom2',
+}
+
+export enum CellUnit {
+  Day = 'Day',
+  Hour = 'Hour',
+  Week = 'Week',
+  Month = 'Month',
+  Year = 'Year',
+}
+
+export enum SummaryPos {
+  Top = 'Top',
+  TopRight = 'TopRight',
+  TopLeft = 'TopLeft',
+  Bottom = 'Bottom',
+  BottomRight = 'BottomRight',
+  BottomLeft = 'BottomLeft',
+}
+
+export class DnDSource {}
+export class DnDContext {}
+export class AddMorePopover extends React.Component<AddMorePopoverProps, any> {}
+export class DemoData {}
+export function wrapperFun(): void {}
+
+export interface SchedulerProps<T extends EventItem = EventItem> {}
+export interface AddMorePopoverProps {}
+export class SchedulerData {}
+
+export interface View {
+  viewName?: string;
+  viewType: ViewType;
+  showAgenda: boolean;
+  isEventPerspective: boolean;
+}
+
+export interface EventGroup {
+  id: string;
+  name: string;
+  state: EventItem;
+}
+
+export interface EventItem {
+  id: number | string;
+  start: string;
+  end: string;
+  resourceId: string;
+  title: string;
+  bgColor?: string;
+  rrule?: string;
+  showPopover?: boolean;
+  resizable?: boolean;
+  movable?: boolean;
+  startResizable?: boolean;
+  endResizable?: boolean;
+  groupId?: string;
+  groupName?: string;
+  /**
+   * @deprecated This property should not be used as EXRULE has been [deprecated in RFC 5545](https://icalendar.org/iCalendar-RFC-5545/a-3-deprecated-features.html) and does not support a DTSTART property
+   */
+  exrule?: string;
+  exdates: string[];
+  [x: string]: unknown;
+}
+
+export interface ResourceEvent {
+  id: number;
+  name: string;
+  parentId?: string;
+  groupOnly?: boolean;
+  hasSummary?: boolean;
+  expanded?: boolean;
+  headerItems?: EventItem[];
+  render?: boolean;
+  rowHeight: number;
+  rowMaxCount: number;
+}
+
+export interface Resource {
+  id: string;
+  name: string;
+  parentId?: string;
+  groupOnly?: boolean;
+}
+
+export interface HeaderItem {
+  time: string;
+  start: string;
+  end: string;
+  addMore: number;
+  addMoreIndex: number;
+  count: number;
+  nonWorkingTime: boolean;
+  events: EventItem[];
+}
+
+export interface HeaderEvent {
+  render: boolean;
+  span: number;
+  eventItem: EventItem;
+}
+
+export interface State {
+  headerItem: HeaderItem;
+  left: number;
+  top: number;
+  height: number;
+}
+
+export interface SchedulerDataConfig {
+  schedulerWidth?: `${number}%`;
+  besidesWidth?: number;
+  schedulerMaxHeight?: number;
+  tableHeaderHeight?: number;
+  schedulerContentHeight?: string | number;
+  agendaResourceTableWidth?: string | number;
+  agendaMaxEventWidth?: string | number;
+  dayResourceTableWidth?: string | number;
+  weekResourceTableWidth?: string | number;
+  monthResourceTableWidth?: string | number;
+  quarterResourceTableWidth?: string | number;
+  yearResourceTableWidth?: string | number;
+  customResourceTableWidth?: string | number;
+  dayCellWidth?: string | number;
+  weekCellWidth?: string | number;
+  monthCellWidth?: string | number;
+  quarterCellWidth?: string | number;
+  yearCellWidth?: string | number;
+  customCellWidth?: string | number;
+  dayMaxEvents?: number;
+  weekMaxEvents?: number;
+  monthMaxEvents?: number;
+  quarterMaxEvents?: number;
+  yearMaxEvents?: number;
+  customMaxEvents?: number;
+  eventItemPopoverTrigger?: 'hover' | 'click';
+  eventItemPopoverPlacement?:
+    | 'topLeftMousePosition'
+    | 'bottomLeftMousePosition'
+    | 'topRightMousePosition'
+    | 'bottomRightMousePosition'
+    | 'top'
+    | 'left'
+    | 'right'
+    | 'bottom'
+    | 'topLeft'
+    | 'topRight'
+    | 'bottomLeft'
+    | 'bottomRight'
+    | 'leftTop'
+    | 'leftBottom'
+    | 'rightTop'
+    | 'rightBottom';
+  eventItemPopoverWidth?: number;
+  eventItemHeight?: number;
+  eventItemLineHeight?: number;
+  nonAgendaSlotMinHeight?: number;
+  dayStartFrom?: number;
+  dayStopTo?: number;
+  defaultEventBgColor?: string;
+  selectedAreaColor?: string;
+  nonWorkingTimeHeadColor?: string;
+  nonWorkingTimeHeadBgColor?: string;
+  nonWorkingTimeBodyBgColor?: string;
+  summaryColor?: string;
+  summaryPos?: SummaryPos;
+  groupOnlySlotColor?: string;
+  startResizable?: boolean;
+  endResizable?: boolean;
+  movable?: boolean;
+  creatable?: boolean;
+  crossResourceMove?: boolean;
+  checkConflict?: boolean;
+  scrollToSpecialDaysjsEnabled?: boolean;
+  eventItemPopoverEnabled?: boolean;
+  calendarPopoverEnabled?: boolean;
+  recurringEventsEnabled?: boolean;
+  viewChangeSpinEnabled?: boolean;
+  dateChangeSpinEnabled?: boolean;
+  headerEnabled?: boolean;
+  resourceViewEnabled?: boolean;
+  displayWeekend?: boolean;
+  relativeMove?: boolean;
+  defaultExpanded?: boolean;
+  dragAndDropEnabled?: boolean;
+  schedulerHeaderEventsFuncsTimeoutMs?: number;
+  resourceName?: string;
+  taskName?: string;
+  agendaViewHeader?: string;
+  addMorePopoverHeaderFormat?: string;
+  eventItemPopoverDateFormat?: string;
+  nonAgendaDayCellHeaderFormat?: string;
+  nonAgendaOtherCellHeaderFormat?: string;
+  minuteStep?: number;
+  views?: View[];
+  responsiveByParent?: boolean;
+}
+
+export interface SchedulerDataBehaviors {
+  isNonWorkingTimeFunc?: (schedulerData: SchedulerData, time: string) => boolean;
+  getCustomDateFunc?: (schedulerData: SchedulerData, num: number, date?: string | Dayjs) => { startDate: string | Dayjs; endDate: string | Dayjs; cellUnit: CellUnit };
+  getEventTextFunc?: (schedulerData: SchedulerData, event: EventItem) => string;
+  getDateLabel?: (schedulerData: SchedulerData, viewType: ViewType, startDate: string | Date, endDate: string | Date) => string;
+  getScrollSpecialDayjs?: (schedulerData: SchedulerData, startDayjs: Dayjs, endDays: Dayjs) => Dayjs;
+  getSummaryFunc?: (
+    schedulerData: SchedulerData,
+    headerEvents: HeaderEvent[],
+    slotId: string,
+    slotName: string,
+    headerStart: string,
+    headerEnd: string
+  ) => { text: string; color: string; fontSize: string };
+  getNonAgendaViewBodyCellBgColorFunc?: (schedulerData: SchedulerData, slotId: string, header: { nonWorkingTime: boolean; time: string }) => string;
+}
+
+export {
+  DATE_FORMAT,
+  DATETIME_FORMAT,
+  Scheduler,
+  SchedulerData,
+  ViewType,
+  CellUnit,
+  SummaryPos,
+  DnDSource,
+  DnDContext,
+  AddMorePopover,
+  DemoData,
+  wrapperFun,
+} from './components/index';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-big-schedule",
-  "version": "4.1.3",
+  "version": "4.2.0",
   "description": "React Big Schedule  is a powerful and intuitive scheduler and resource planning solution built with React. Seamlessly integrate this modern browser-compatible component into your applications to effectively manage time, appointments, and resources. With drag-and-drop functionality, interactive UI, and granular views, react-big-schedule empowers users to effortlessly schedule and allocate resources with precision. Enhance productivity and streamline your workflow with this React-based solution, designed to optimize time management and simplify calendar-based operations. Perfect for applications requiring advanced scheduling capabilities, react-big-schedule offers a seamless and intuitive experience for managing appointments, resource allocation, and time slots. Unlock the potential of your React projects with react-big-schedule and revolutionize the way you handle scheduling and resource planning. It is the updated version of react-big-scheduler",
   "keywords": [
     "react big schedule",