@agilemotion/oui-react-js 1.6.3 → 1.6.5

package/dist/components/Calendar.js

@@ -1,81 +1,35 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Utils = _interopRequireDefault(require("../Utils"));
-
 var _Observable = _interopRequireDefault(require("../event/Observable"));
-
 var _react2 = _interopRequireDefault(require("@fullcalendar/react"));
-
 var _list = _interopRequireDefault(require("@fullcalendar/list"));
-
 var _rrule = _interopRequireDefault(require("@fullcalendar/rrule"));
-
 var _daygrid = _interopRequireDefault(require("@fullcalendar/daygrid"));
-
 var _timegrid = _interopRequireDefault(require("@fullcalendar/timegrid"));
-
 var _interaction = _interopRequireDefault(require("@fullcalendar/interaction"));
-
 require("./Calender.css");
-
 var _moment = _interopRequireDefault(require("moment"));
-
 var _reactHotToast = _interopRequireDefault(require("react-hot-toast"));
-
 var _Event = _interopRequireDefault(require("../event/Event"));
-
 var _EventType = _interopRequireDefault(require("../event/EventType"));
-
 var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
-
 var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-
 var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
-
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
 var _Icon = _interopRequireDefault(require("./Icon"));
-
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
 var _Calendar = _interopRequireDefault(require("../js/Calendar"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var eventTemplate = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const eventTemplate = {
   id: '',
   title: '',
   start: '',
@@ -102,67 +56,35 @@ var eventTemplate = {
     }]
   }
 };
-
-var status = function status(response) {
+const status = response => {
   if (response.ok) {
     return Promise.resolve(response);
   } else {
-    var error = new Error(response.statusText);
+    let error = new Error(response.statusText);
     error.code = response.status;
     return Promise.reject(error);
   }
 };
-
-var json = function json(response) {
+const json = response => {
   return response.text();
 };
-
-var location = window.location.protocol + "//" + window.location.hostname;
-
-var Calendar = function Calendar(props) {
-  var isRtl = props.isRtl;
-
-  var _useState = (0, _react.useState)([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      events = _useState2[0],
-      setEvents = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      loading = _useState4[0],
-      setLoading = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      open = _useState6[0],
-      setOpen = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(null),
-      _useState8 = _slicedToArray(_useState7, 2),
-      selectedEvent = _useState8[0],
-      setSelectedEvent = _useState8[1];
-
-  var calendarRef = (0, _react.useRef)(null);
-  var dialogRef = (0, _react.useRef)(null);
-
-  var _useState9 = (0, _react.useState)(null),
-      _useState10 = _slicedToArray(_useState9, 2),
-      dialogTop = _useState10[0],
-      setDialogTop = _useState10[1];
-
-  var _useState11 = (0, _react.useState)(null),
-      _useState12 = _slicedToArray(_useState11, 2),
-      dialogLeft = _useState12[0],
-      setDialogLeft = _useState12[1];
-
-  var _useState13 = (0, _react.useState)(0),
-      _useState14 = _slicedToArray(_useState13, 2),
-      refresher = _useState14[0],
-      setRefresher = _useState14[1];
-
-  var contextChangeHandler = {};
-  var counter = 1;
-  var StyledDialog = (0, _withStyles.default)({
+const location = window.location.protocol + "//" + window.location.hostname;
+const Calendar = props => {
+  const {
+    isRtl
+  } = props;
+  const [events, setEvents] = (0, _react.useState)([]);
+  const [loading, setLoading] = (0, _react.useState)(true);
+  const [open, setOpen] = (0, _react.useState)(false);
+  const [selectedEvent, setSelectedEvent] = (0, _react.useState)(null);
+  const calendarRef = (0, _react.useRef)(null);
+  const dialogRef = (0, _react.useRef)(null);
+  const [dialogTop, setDialogTop] = (0, _react.useState)(null);
+  const [dialogLeft, setDialogLeft] = (0, _react.useState)(null);
+  const [refresher, setRefresher] = (0, _react.useState)(0);
+  const contextChangeHandler = {};
+  let counter = 1;
+  const StyledDialog = (0, _withStyles.default)({
     root: {
       pointerEvents: "none"
     },
@@ -178,14 +100,11 @@ var Calendar = function Calendar(props) {
       left: dialogLeft,
       borderRadius: '4px'
     }
-  })(function (props) {
-    return /*#__PURE__*/_react.default.createElement(_Dialog.default, _extends({
-      hideBackdrop: true
-    }, props));
-  });
-
-  var loadEvents = function loadEvents() {
-    var track = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  })(props => /*#__PURE__*/_react.default.createElement(_Dialog.default, _extends({
+    hideBackdrop: true
+  }, props)));
+  const loadEvents = function () {
+    let track = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     fetch(encodeURI(location + _ApplicationManager.default.getContextRoot() + '/calendar/api/v1/event/list'), {
       method: 'GET',
       headers: {
@@ -194,44 +113,36 @@ var Calendar = function Calendar(props) {
         'Authorization': 'Bearer ' + sessionStorage.getItem("accessToken"),
         'idToken': sessionStorage.getItem("idToken")
       }
-    }).then(status).then(json).then(function (response) {
+    }).then(status).then(json).then(response => {
       setEvents(JSON.parse(response));
-    }).catch(function (ignored) {});
+    }).catch(ignored => {});
   };
-
-  var handler = function handler() {
+  const handler = () => {
     return {
       get id() {
         return 'calendar';
       },
-
-      onContextChange: function onContextChange(context, newValues) {
-        if (Object.keys(newValues).find(function (key) {
-          return key === 'windowDisplayState';
-        })) {
+      onContextChange: (context, newValues) => {
+        if (Object.keys(newValues).find(key => key === 'windowDisplayState')) {
           setRefresher(counter > 20 ? 0 : counter++);
         }
       }
     };
   };
-
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     contextChangeHandler.api = handler();
     loadEvents();
-
     _ApplicationManager.default.addApplicationContextSubscription({
       handler: contextChangeHandler
     });
   }, []);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     contextChangeHandler.api = handler();
   });
-
-  var calenderScrollListener = function calenderScrollListener() {
+  const calenderScrollListener = () => {
     setOpen(false);
   };
-
-  var calendarOptions = {
+  const calendarOptions = {
     events: events,
     plugins: [_interaction.default, _daygrid.default, _timegrid.default, _list.default, _rrule.default],
     initialView: 'dayGridMonth',
@@ -239,7 +150,6 @@ var Calendar = function Calendar(props) {
       start: 'sidebarToggle, prev,next, title',
       end: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
     },
-
     /*
       Enable dragging and resizing event
       ? Docs: https://fullcalendar.io/docs/editable
@@ -253,85 +163,84 @@ var Calendar = function Calendar(props) {
       minute: "2-digit",
       hour12: false
     },
-
     /*
       Enable resizing event from start
       ? Docs: https://fullcalendar.io/docs/eventResizableFromStart
     */
     eventResizableFromStart: true,
-
     /*
       Automatically scroll the scroll-containers during event drag-and-drop and date selecting
       ? Docs: https://fullcalendar.io/docs/dragScroll
     */
     dragScroll: true,
-
     /*
       Max number of events within a given day
       ? Docs: https://fullcalendar.io/docs/dayMaxEvents
     */
     dayMaxEvents: 2,
-
     /*
       Determines if day names and week names are clickable
       ? Docs: https://fullcalendar.io/docs/navLinks
     */
     navLinks: true,
-    eventClassNames: function eventClassNames(_ref) {
-      var calendarEvent = _ref.event;
+    eventClassNames(_ref) {
+      let {
+        event: calendarEvent
+      } = _ref;
       // eslint-disable-next-line no-underscore-dangle
-      var colorName = '#945c33';
-      return ["bg-light-".concat(colorName)];
+      const colorName = '#945c33';
+      return [`bg-light-${colorName}`];
     },
-    viewDidMount: function viewDidMount() {
+    viewDidMount() {
       setOpen(false);
     },
-    eventClick: function eventClick(_ref2) {
-      var el = _ref2.el,
-          event = _ref2.event;
+    eventClick(_ref2) {
+      let {
+        el: el,
+        event: event
+      } = _ref2;
       // * Only grab required field otherwise it goes in infinity loop
       // ! Always grab all fields rendered by form (even if it get `undefined`) otherwise due to Vue3/Composition API you might get: "object is not extensible"
       // event.value = grabEventDataFromEventApi(clickedEvent)
+
       // eslint-disable-next-line no-use-before-define
       // isAddNewEventSidebarActive.value = true
+
       setOpen(true);
       var rect = el.getBoundingClientRect();
-      var topOffset = rect.bottom + 250 > document.body.getBoundingClientRect().bottom ? -1 * (rect.bottom + 250 - document.body.getBoundingClientRect().bottom) : 8;
-      var leftOffset = rect.right + 400 > document.body.getBoundingClientRect().right ? rect.right + 400 - document.body.getBoundingClientRect().right : 64;
+      let topOffset = rect.bottom + 250 > document.body.getBoundingClientRect().bottom ? -1 * (rect.bottom + 250 - document.body.getBoundingClientRect().bottom) : 8;
+      let leftOffset = rect.right + 400 > document.body.getBoundingClientRect().right ? rect.right + 400 - document.body.getBoundingClientRect().right : 64;
       setDialogTop(rect.top + topOffset + 'px');
       setDialogLeft(rect.left - leftOffset + 'px');
       setSelectedEvent(event);
-      var elementsByClassName = document.getElementsByClassName('fc-scroller-liquid-absolute');
-
+      let elementsByClassName = document.getElementsByClassName('fc-scroller-liquid-absolute');
       if (elementsByClassName && elementsByClassName.length > 0) {
         elementsByClassName[0].removeEventListener("scroll", calenderScrollListener);
         elementsByClassName[0].addEventListener('scroll', calenderScrollListener);
       }
-
       elementsByClassName = document.getElementsByClassName('fc-scroller-liquid');
-
       if (elementsByClassName && elementsByClassName.length > 0) {
         elementsByClassName[0].removeEventListener("scroll", calenderScrollListener);
         elementsByClassName[0].addEventListener('scroll', calenderScrollListener);
       }
     },
-    dateClick: function dateClick(info) {
-      var date = new Date(info.dateStr);
-      var timeDate = new Date();
-      var startTime = (0, _moment.default)(info.dateStr, 'ddd MMM D YYYY HH:mm:ss ZZ');
+    dateClick(info) {
+      let date = new Date(info.dateStr);
+      let timeDate = new Date();
+      let startTime = (0, _moment.default)(info.dateStr, 'ddd MMM D YYYY HH:mm:ss ZZ');
       timeDate.setHours(timeDate.getHours() + 1);
       startTime.set({
         h: timeDate.getHours(),
         m: 0
       });
-      var endTime = (0, _moment.default)(info.dateStr, 'ddd MMM D YYYY HH:mm:ss ZZ');
+      let endTime = (0, _moment.default)(info.dateStr, 'ddd MMM D YYYY HH:mm:ss ZZ');
       timeDate.setHours(timeDate.getHours() + 1);
       endTime.set({
         h: timeDate.getHours(),
         m: 0
       });
-
-      var calendarEvent = _objectSpread(_objectSpread({}, eventTemplate), {}, {
+      const calendarEvent = {
+        ...eventTemplate,
         schedule: {
           startDate: date,
           endDate: date,
@@ -341,100 +250,89 @@ var Calendar = function Calendar(props) {
           recurringEndDate: date
         },
         eventType: _Utils.default.getComponentAttribute(props.config, 'eventType', 'TRAINING')
-      });
-
+      };
       if (_Utils.default.isStringEmpty(calendarEvent.id)) {
         calendarEvent.id = null;
       }
-
       if (!open && (0, _moment.default)(new Date()).startOf('day') <= (0, _moment.default)(date).startOf('day')) {
         console.log("CALENDAR DATE CLICK");
-        var event = new _Event.default(props.handle, props.viewId, calendarEvent);
-
+        let event = new _Event.default(props.handle, props.viewId, calendarEvent);
         _Observable.default.fireEvent(_EventType.default.CALENDAR_DATE_CLICK, event);
       }
     },
-
     /*
       Handle event drop (Also include dragged event)
       ? Docs: https://fullcalendar.io/docs/eventDrop
       ? We can use `eventDragStop` but it doesn't return updated event so we have to use `eventDrop` which returns updated event
     */
-    eventDrop: function eventDrop(_ref3) {
-      var droppedEvent = _ref3.event;
-
+    eventDrop(_ref3) {
+      let {
+        event: droppedEvent
+      } = _ref3;
       //dispatch(updateEvent(droppedEvent));
       _reactHotToast.default.success('Event Updated');
     },
-
     /*
       Handle event resize
       ? Docs: https://fullcalendar.io/docs/eventResize
     */
-    eventResize: function eventResize(_ref4) {
-      var resizedEvent = _ref4.event;
-
+    eventResize(_ref4) {
+      let {
+        event: resizedEvent
+      } = _ref4;
       //dispatch(updateEvent(resizedEvent));
       _reactHotToast.default.success('Event Updated');
     },
-
     /*
       Handle event mouse enter
       ? Docs: https://fullcalendar.io/docs/eventMouseEnter
     */
-    eventMouseEnter: function eventMouseEnter(_ref5) {
-      var el = _ref5.el,
-          event = _ref5.event;
+    eventMouseEnter(_ref5) {
+      let {
+        el: el,
+        event: event
+      } = _ref5;
     },
-
     /*
       Handle event mouse enter
       ? Docs: https://fullcalendar.io/docs/eventMouseEnter
     */
-    eventMouseLeave: function eventMouseLeave(_ref6) {
-      var el = _ref6.el;
+    eventMouseLeave(_ref6) {
+      let {
+        el: el
+      } = _ref6;
     },
     ref: calendarRef,
     // Get direction from app state (store)
     direction: isRtl ? 'rtl' : 'ltr'
   };
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     props.handle.api = api();
-
-    var parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
-
-    var eventHandlingConfig = _Utils.default.isNull(parsedConfig.eventHandlingConfig) ? {} : parsedConfig.eventHandlingConfig;
+    let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+    let eventHandlingConfig = _Utils.default.isNull(parsedConfig.eventHandlingConfig) ? {} : parsedConfig.eventHandlingConfig;
     eventHandlingConfig.subscriptions = _Utils.default.isNull(eventHandlingConfig.subscriptions) ? [] : eventHandlingConfig.subscriptions;
-
     _Observable.default.addSubscriptions(eventHandlingConfig, props.handle, props.viewId);
-
     _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
   }, []);
-
-  var toDateTimeString = function toDateTimeString(date) {
-    var dateStr = selectedEvent.start.toLocaleDateString();
-    var timeStrTokens = selectedEvent.start.toLocaleTimeString().split(':');
+  const toDateTimeString = date => {
+    let dateStr = selectedEvent.start.toLocaleDateString();
+    let timeStrTokens = selectedEvent.start.toLocaleTimeString().split(':');
     return dateStr + ' ' + timeStrTokens[0] + ':' + timeStrTokens[1];
   };
-
-  var getFormObject = function getFormObject(event) {
+  const getFormObject = event => {
     return _Calendar.default.calendarEventToFormObject(event);
   };
-
-  var api = function api() {
+  const api = () => {
     return {
       get id() {
         return props.config.id;
       },
-
-      getChildren: function getChildren() {
+      getChildren: () => {
         return [];
       }
     };
   };
-
-  var createEventPopup = function createEventPopup(el) {
+  const createEventPopup = el => {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, selectedEvent && /*#__PURE__*/_react.default.createElement("div", {
       className: 'event-popup'
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -442,19 +340,16 @@ var Calendar = function Calendar(props) {
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: 'left col no-padding no-margin'
     }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      onClick: function onClick() {
-        return setOpen(false);
-      }
+      onClick: () => setOpen(false)
     }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
       id: 'CLOSE',
       color: '#01476C'
     }))), /*#__PURE__*/_react.default.createElement("div", {
       className: 'right col no-padding no-margin'
     }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      onClick: function onClick() {
+      onClick: () => {
         console.log("SELECTED EVENT : ", getFormObject(selectedEvent));
-        var event = new _Event.default(props.handle, props.viewId, getFormObject(selectedEvent));
-
+        let event = new _Event.default(props.handle, props.viewId, getFormObject(selectedEvent));
         _Observable.default.fireEvent(_EventType.default.CALENDAR_DATE_CLICK, event);
       }
     }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -478,15 +373,13 @@ var Calendar = function Calendar(props) {
         borderRadius: '4px',
         marginRight: '2px'
       },
-      onClick: function onClick(e) {
+      onClick: e => {
         setOpen(false);
-        var event = new _Event.default(props.handle, props.viewId, getFormObject(selectedEvent));
-
+        let event = new _Event.default(props.handle, props.viewId, getFormObject(selectedEvent));
         _Observable.default.fireEvent(_EventType.default.CALENDAR_EVENT_START, event);
       }
     }, "JOIN")))));
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: props.className,
     style: _Utils.default.mergeStyles({
@@ -503,7 +396,7 @@ var Calendar = function Calendar(props) {
   }, /*#__PURE__*/_react.default.createElement(_react2.default, calendarOptions), ' '), /*#__PURE__*/_react.default.createElement(StyledDialog, {
     open: open,
     ref: dialogRef,
-    onClose: function onClose() {
+    onClose: () => {
       setOpen(false);
     },
     "aria-labelledby": "alert-dialog-title",
@@ -514,6 +407,4 @@ var Calendar = function Calendar(props) {
     className: 'w-100 h-100'
   }, createEventPopup())));
 };
-
-var _default = Calendar;
-exports.default = _default;
+var _default = exports.default = Calendar;

package/dist/components/ConfirmationDialog.js

@@ -4,71 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ConfirmationDialog = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
 var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-
 var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
-
 var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
-
 var _DialogContentText = _interopRequireDefault(require("@material-ui/core/DialogContentText"));
-
 var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var ConfirmationDialog = /*#__PURE__*/_react.default.memo(function (props) {
-  var _React$useState = _react.default.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      open = _React$useState2[0],
-      setOpen = _React$useState2[1];
-
-  var _React$useState3 = _react.default.useState(null),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      message = _React$useState4[0],
-      setMessage = _React$useState4[1];
-
-  var _React$useState5 = _react.default.useState(null),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      title = _React$useState6[0],
-      setTitle = _React$useState6[1];
-
-  var _React$useState7 = _react.default.useState(null),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      callbackHandler = _React$useState8[0],
-      setCallbackHandler = _React$useState8[1];
-
-  _react.default.useEffect(function () {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ConfirmationDialog = exports.ConfirmationDialog = /*#__PURE__*/_react.default.memo(props => {
+  const [open, setOpen] = _react.default.useState(false);
+  const [message, setMessage] = _react.default.useState(null);
+  const [title, setTitle] = _react.default.useState(null);
+  const [callbackHandler, setCallbackHandler] = _react.default.useState(null);
+  _react.default.useEffect(() => {
     props.controller.openDialog = function (message, callbackHandler) {
-      var title = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+      let title = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
       setMessage(message);
       setCallbackHandler(callbackHandler);
       setTitle(title);
       setOpen(true);
     };
   });
-
-  var handler = function handler(result) {
+  const handler = result => {
     callbackHandler.execute(result);
     setOpen(false);
   };
-
   return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
     open: open,
     "aria-labelledby": "alert-dialog-title",
@@ -78,19 +39,17 @@ var ConfirmationDialog = /*#__PURE__*/_react.default.memo(function (props) {
   }, title) : null, /*#__PURE__*/_react.default.createElement(_DialogContent.default, null, /*#__PURE__*/_react.default.createElement(_DialogContentText.default, {
     id: "alert-dialog-description"
   }, message)), /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: function onClick() {
+    onClick: () => {
       handler(false);
     },
     color: "primary"
   }, "No"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: function onClick() {
+    onClick: () => {
       handler(true);
     },
     color: "primary",
     autoFocus: true
   }, "Yes")));
-}, function () {
+}, () => {
   return true;
-});
-
-exports.ConfirmationDialog = ConfirmationDialog;
+});