@agilemotion/oui-react-js 1.6.1 → 1.6.3

package/dist/components/Calendar.js

@@ -1,5 +1,7 @@
 "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
 });
@@ -49,13 +51,31 @@ 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 () { return cache; }; return cache; }
+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 _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 _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); }
 
-const eventTemplate = {
+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 = {
   id: '',
   title: '',
   start: '',
@@ -83,38 +103,66 @@ const eventTemplate = {
   }
 };
 
-const status = response => {
+var status = function status(response) {
   if (response.ok) {
     return Promise.resolve(response);
   } else {
-    let error = new Error(response.statusText);
+    var error = new Error(response.statusText);
     error.code = response.status;
     return Promise.reject(error);
   }
 };
 
-const json = response => {
+var json = function json(response) {
   return response.text();
 };
 
-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)({
+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)({
     root: {
       pointerEvents: "none"
     },
@@ -130,11 +178,14 @@ const Calendar = props => {
       left: dialogLeft,
       borderRadius: '4px'
     }
-  })(props => /*#__PURE__*/_react.default.createElement(_Dialog.default, _extends({
-    hideBackdrop: true
-  }, props)));
+  })(function (props) {
+    return /*#__PURE__*/_react.default.createElement(_Dialog.default, _extends({
+      hideBackdrop: true
+    }, props));
+  });
 
-  const loadEvents = (track = true) => {
+  var loadEvents = function loadEvents() {
+    var track = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     fetch(encodeURI(location + _ApplicationManager.default.getContextRoot() + '/calendar/api/v1/event/list'), {
       method: 'GET',
       headers: {
@@ -143,26 +194,28 @@ const Calendar = props => {
         'Authorization': 'Bearer ' + sessionStorage.getItem("accessToken"),
         'idToken': sessionStorage.getItem("idToken")
       }
-    }).then(status).then(json).then(response => {
+    }).then(status).then(json).then(function (response) {
       setEvents(JSON.parse(response));
-    }).catch(ignored => {});
+    }).catch(function (ignored) {});
   };
 
-  const handler = () => {
+  var handler = function handler() {
     return {
       get id() {
         return 'calendar';
       },
 
-      onContextChange: (context, newValues) => {
-        if (Object.keys(newValues).find(key => key === 'windowDisplayState')) {
+      onContextChange: function onContextChange(context, newValues) {
+        if (Object.keys(newValues).find(function (key) {
+          return key === 'windowDisplayState';
+        })) {
           setRefresher(counter > 20 ? 0 : counter++);
         }
       }
     };
   };
 
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     contextChangeHandler.api = handler();
     loadEvents();
 
@@ -170,15 +223,15 @@ const Calendar = props => {
       handler: contextChangeHandler
     });
   }, []);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     contextChangeHandler.api = handler();
   });
 
-  const calenderScrollListener = () => {
+  var calenderScrollListener = function calenderScrollListener() {
     setOpen(false);
   };
 
-  const calendarOptions = {
+  var calendarOptions = {
     events: events,
     plugins: [_interaction.default, _daygrid.default, _timegrid.default, _list.default, _rrule.default],
     initialView: 'dayGridMonth',
@@ -224,23 +277,18 @@ const Calendar = props => {
       ? Docs: https://fullcalendar.io/docs/navLinks
     */
     navLinks: true,
-
-    eventClassNames({
-      event: calendarEvent
-    }) {
+    eventClassNames: function eventClassNames(_ref) {
+      var calendarEvent = _ref.event;
       // eslint-disable-next-line no-underscore-dangle
-      const colorName = '#945c33';
+      var colorName = '#945c33';
       return ["bg-light-".concat(colorName)];
     },
-
-    viewDidMount() {
+    viewDidMount: function viewDidMount() {
       setOpen(false);
     },
-
-    eventClick({
-      el: el,
-      event: event
-    }) {
+    eventClick: function eventClick(_ref2) {
+      var el = _ref2.el,
+          event = _ref2.event;
       // * 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)
@@ -248,12 +296,12 @@ const Calendar = props => {
       // isAddNewEventSidebarActive.value = true
       setOpen(true);
       var rect = el.getBoundingClientRect();
-      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;
+      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;
       setDialogTop(rect.top + topOffset + 'px');
       setDialogLeft(rect.left - leftOffset + 'px');
       setSelectedEvent(event);
-      let elementsByClassName = document.getElementsByClassName('fc-scroller-liquid-absolute');
+      var elementsByClassName = document.getElementsByClassName('fc-scroller-liquid-absolute');
 
       if (elementsByClassName && elementsByClassName.length > 0) {
         elementsByClassName[0].removeEventListener("scroll", calenderScrollListener);
@@ -267,23 +315,23 @@ const Calendar = props => {
         elementsByClassName[0].addEventListener('scroll', calenderScrollListener);
       }
     },
-
-    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');
+    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');
       timeDate.setHours(timeDate.getHours() + 1);
       startTime.set({
         h: timeDate.getHours(),
         m: 0
       });
-      let endTime = (0, _moment.default)(info.dateStr, 'ddd MMM D YYYY HH:mm:ss ZZ');
+      var 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
       });
-      const calendarEvent = { ...eventTemplate,
+
+      var calendarEvent = _objectSpread(_objectSpread({}, eventTemplate), {}, {
         schedule: {
           startDate: date,
           endDate: date,
@@ -293,7 +341,7 @@ const Calendar = props => {
           recurringEndDate: date
         },
         eventType: _Utils.default.getComponentAttribute(props.config, 'eventType', 'TRAINING')
-      };
+      });
 
       if (_Utils.default.isStringEmpty(calendarEvent.id)) {
         calendarEvent.id = null;
@@ -301,7 +349,7 @@ const Calendar = props => {
 
       if (!open && (0, _moment.default)(new Date()).startOf('day') <= (0, _moment.default)(date).startOf('day')) {
         console.log("CALENDAR DATE CLICK");
-        let event = new _Event.default(props.handle, props.viewId, calendarEvent);
+        var event = new _Event.default(props.handle, props.viewId, calendarEvent);
 
         _Observable.default.fireEvent(_EventType.default.CALENDAR_DATE_CLICK, event);
       }
@@ -312,9 +360,9 @@ const Calendar = props => {
       ? 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({
-      event: droppedEvent
-    }) {
+    eventDrop: function eventDrop(_ref3) {
+      var droppedEvent = _ref3.event;
+
       //dispatch(updateEvent(droppedEvent));
       _reactHotToast.default.success('Event Updated');
     },
@@ -323,9 +371,9 @@ const Calendar = props => {
       Handle event resize
       ? Docs: https://fullcalendar.io/docs/eventResize
     */
-    eventResize({
-      event: resizedEvent
-    }) {
+    eventResize: function eventResize(_ref4) {
+      var resizedEvent = _ref4.event;
+
       //dispatch(updateEvent(resizedEvent));
       _reactHotToast.default.success('Event Updated');
     },
@@ -334,30 +382,29 @@ const Calendar = props => {
       Handle event mouse enter
       ? Docs: https://fullcalendar.io/docs/eventMouseEnter
     */
-    eventMouseEnter({
-      el: el,
-      event: event
-    }) {},
+    eventMouseEnter: function eventMouseEnter(_ref5) {
+      var el = _ref5.el,
+          event = _ref5.event;
+    },
 
     /*
       Handle event mouse enter
       ? Docs: https://fullcalendar.io/docs/eventMouseEnter
     */
-    eventMouseLeave({
-      el: el
-    }) {},
-
+    eventMouseLeave: function eventMouseLeave(_ref6) {
+      var el = _ref6.el;
+    },
     ref: calendarRef,
     // Get direction from app state (store)
     direction: isRtl ? 'rtl' : 'ltr'
   };
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     props.handle.api = api();
 
-    let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+    var parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
 
-    let eventHandlingConfig = _Utils.default.isNull(parsedConfig.eventHandlingConfig) ? {} : parsedConfig.eventHandlingConfig;
+    var 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);
@@ -365,29 +412,29 @@ const Calendar = props => {
     _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
   }, []);
 
-  const toDateTimeString = date => {
-    let dateStr = selectedEvent.start.toLocaleDateString();
-    let timeStrTokens = selectedEvent.start.toLocaleTimeString().split(':');
+  var toDateTimeString = function toDateTimeString(date) {
+    var dateStr = selectedEvent.start.toLocaleDateString();
+    var timeStrTokens = selectedEvent.start.toLocaleTimeString().split(':');
     return dateStr + ' ' + timeStrTokens[0] + ':' + timeStrTokens[1];
   };
 
-  const getFormObject = event => {
+  var getFormObject = function getFormObject(event) {
     return _Calendar.default.calendarEventToFormObject(event);
   };
 
-  const api = () => {
+  var api = function api() {
     return {
       get id() {
         return props.config.id;
       },
 
-      getChildren: () => {
+      getChildren: function getChildren() {
         return [];
       }
     };
   };
 
-  const createEventPopup = el => {
+  var createEventPopup = function 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", {
@@ -395,16 +442,18 @@ const Calendar = props => {
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: 'left col no-padding no-margin'
     }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      onClick: () => setOpen(false)
+      onClick: function onClick() {
+        return 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: () => {
+      onClick: function onClick() {
         console.log("SELECTED EVENT : ", getFormObject(selectedEvent));
-        let event = new _Event.default(props.handle, props.viewId, getFormObject(selectedEvent));
+        var event = new _Event.default(props.handle, props.viewId, getFormObject(selectedEvent));
 
         _Observable.default.fireEvent(_EventType.default.CALENDAR_DATE_CLICK, event);
       }
@@ -429,9 +478,9 @@ const Calendar = props => {
         borderRadius: '4px',
         marginRight: '2px'
       },
-      onClick: e => {
+      onClick: function onClick(e) {
         setOpen(false);
-        let event = new _Event.default(props.handle, props.viewId, getFormObject(selectedEvent));
+        var event = new _Event.default(props.handle, props.viewId, getFormObject(selectedEvent));
 
         _Observable.default.fireEvent(_EventType.default.CALENDAR_EVENT_START, event);
       }
@@ -454,7 +503,7 @@ const Calendar = props => {
   }, /*#__PURE__*/_react.default.createElement(_react2.default, calendarOptions), ' '), /*#__PURE__*/_react.default.createElement(StyledDialog, {
     open: open,
     ref: dialogRef,
-    onClose: () => {
+    onClose: function onClose() {
       setOpen(false);
     },
     "aria-labelledby": "alert-dialog-title",

package/dist/components/ConfirmationDialog.js

@@ -21,17 +21,42 @@ var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const ConfirmationDialog = /*#__PURE__*/_react.default.memo(props => {
-  const [open, setOpen] = _react.default.useState(false);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-  const [message, setMessage] = _react.default.useState(null);
+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."); }
 
-  const [title, setTitle] = _react.default.useState(null);
+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); }
 
-  const [callbackHandler, setCallbackHandler] = _react.default.useState(null);
+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; }
 
-  _react.default.useEffect(() => {
-    props.controller.openDialog = (message, callbackHandler, title = null) => {
+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 () {
+    props.controller.openDialog = function (message, callbackHandler) {
+      var title = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
       setMessage(message);
       setCallbackHandler(callbackHandler);
       setTitle(title);
@@ -39,7 +64,7 @@ const ConfirmationDialog = /*#__PURE__*/_react.default.memo(props => {
     };
   });
 
-  const handler = result => {
+  var handler = function handler(result) {
     callbackHandler.execute(result);
     setOpen(false);
   };
@@ -53,18 +78,18 @@ const ConfirmationDialog = /*#__PURE__*/_react.default.memo(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: () => {
+    onClick: function onClick() {
       handler(false);
     },
     color: "primary"
   }, "No"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: () => {
+    onClick: function onClick() {
       handler(true);
     },
     color: "primary",
     autoFocus: true
   }, "Yes")));
-}, () => {
+}, function () {
   return true;
 });