@bigbinary/neeto-molecules 1.1.10 → 1.1.11

package/dist/CalendarView.js

@@ -1,598 +0,0 @@
-import React, { forwardRef, useState, useRef, useEffect } from 'react';
-import dayGridPlugin from '@fullcalendar/daygrid';
-import interactionPlugin from '@fullcalendar/interaction';
-import FullCalendar from '@fullcalendar/react';
-import timeGridPlugin from '@fullcalendar/timegrid';
-import dayjs from 'dayjs';
-import { isNotPresent, capitalize, noop } from '@bigbinary/neeto-commons-frontend/pure';
-import { Button, Typography, DatePicker, Dropdown } from '@bigbinary/neetoui';
-import { useTranslation } from 'react-i18next';
-import { not, prop, values } from 'ramda';
-import { Column, Download, Filter, Left, Down, Right } from '@bigbinary/neeto-icons';
-import ManageColumns from '@bigbinary/neeto-molecules/Columns';
-import { Filters } from '@bigbinary/neeto-filters-frontend';
-import { t as t$1 } from 'i18next';
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : 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 _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 _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-
-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;
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-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 _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 _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 _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 _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-
-var classnames$1 = {exports: {}};
-
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-
-(function (module) {
-	/* global define */
-
-	(function () {
-
-		var hasOwn = {}.hasOwnProperty;
-
-		function classNames() {
-			var classes = [];
-
-			for (var i = 0; i < arguments.length; i++) {
-				var arg = arguments[i];
-				if (!arg) continue;
-
-				var argType = typeof arg;
-
-				if (argType === 'string' || argType === 'number') {
-					classes.push(arg);
-				} else if (Array.isArray(arg)) {
-					if (arg.length) {
-						var inner = classNames.apply(null, arg);
-						if (inner) {
-							classes.push(inner);
-						}
-					}
-				} else if (argType === 'object') {
-					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
-						classes.push(arg.toString());
-						continue;
-					}
-
-					for (var key in arg) {
-						if (hasOwn.call(arg, key) && arg[key]) {
-							classes.push(key);
-						}
-					}
-				}
-			}
-
-			return classes.join(' ');
-		}
-
-		if (module.exports) {
-			classNames.default = classNames;
-			module.exports = classNames;
-		} else {
-			window.classNames = classNames;
-		}
-	}());
-} (classnames$1));
-
-var classnames = classnames$1.exports;
-
-var _excluded$3 = ["buttonProps"];
-function ownKeys$3(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$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var Columns = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _ref$buttonProps = _ref.buttonProps,
-    buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
-    props = _objectWithoutProperties(_ref, _excluded$3);
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-subheader__columns"
-  }, /*#__PURE__*/React.createElement(ManageColumns, _extends({
-    buttonProps: _objectSpread$3({
-      icon: Column,
-      label: null,
-      tooltipProps: {
-        content: t("neetoMolecules.columns.columns"),
-        position: "bottom"
-      },
-      "data-testid": "columns-button",
-      "data-cy": "columns-dropdown-button"
-    }, buttonProps)
-  }, _objectSpread$3(_objectSpread$3({}, props), {}, {
-    ref: ref
-  }))));
-});
-Columns.displayName = "Columns";
-
-var DownloadButton = function DownloadButton(_ref) {
-  var count = _ref.count,
-    onClick = _ref.onClick,
-    _ref$dataCy = _ref["data-cy"],
-    dataCy = _ref$dataCy === void 0 ? "download-button" : _ref$dataCy;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-subheader__download"
-  }, /*#__PURE__*/React.createElement(Button, {
-    "data-cy": dataCy,
-    "data-testid": "download-button",
-    icon: Download,
-    style: "text",
-    tooltipProps: {
-      content: t("neetoMolecules.common.download"),
-      position: "bottom"
-    },
-    onClick: onClick
-  }), count && /*#__PURE__*/React.createElement("span", {
-    className: "neeto-molecules-subheader__download-count"
-  }, count));
-};
-
-var _excluded$2 = ["buttonProps"];
-function ownKeys$2(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$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var FilterButton = function FilterButton(_ref) {
-  var buttonProps = _ref.buttonProps,
-    props = _objectWithoutProperties(_ref, _excluded$2);
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-subheader__filter"
-  }, /*#__PURE__*/React.createElement(Filters, _extends({
-    buttonProps: _objectSpread$2({
-      "data-testid": "filter-button",
-      icon: Filter,
-      style: "text",
-      tooltipProps: {
-        content: t("neetoMolecules.common.filter"),
-        position: "bottom"
-      },
-      label: null
-    }, buttonProps)
-  }, props)));
-};
-
-var RightBlock = function RightBlock(_ref) {
-  var downloadButtonProps = _ref.downloadButtonProps,
-    columnsButtonProps = _ref.columnsButtonProps,
-    filterProps = _ref.filterProps,
-    dataProps = _ref.dataProps;
-  var showIcons = isNotPresent(dataProps === null || dataProps === void 0 ? void 0 : dataProps.totalCount) ? true : (dataProps === null || dataProps === void 0 ? void 0 : dataProps.totalCount) > 0;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "subheader-rightblock-buttons-container",
-    className: classnames("neeto-molecules-subheader__right-actions", {
-      hidden: not(showIcons)
-    })
-  }, downloadButtonProps && /*#__PURE__*/React.createElement(DownloadButton, downloadButtonProps), columnsButtonProps && /*#__PURE__*/React.createElement(Columns, columnsButtonProps), filterProps && /*#__PURE__*/React.createElement(FilterButton, filterProps));
-};
-
-var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
-
-var css = ":root{--neeto-molecules-sub-header-height:37px;--neeto-molecules-sub-header-bottom-margin:20px}.neeto-molecules-subheader{align-items:center;background-color:rgb(var(--neeto-ui-white));display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--neeto-molecules-sub-header-bottom-margin);min-height:37px;min-height:var(--neeto-molecules-sub-header-height);width:100%}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper{display:flex;flex-grow:1}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-molecules-subheader__left{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-molecules-subheader__left .neeto-molecules-input__prefix{color:rgb(var(--neeto-ui-gray-400))}.neeto-molecules-subheader .neeto-molecules-subheader__right{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-end}.neeto-molecules-subheader .neeto-molecules-subheader__right-actions{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:flex-end}.neeto-molecules-subheader .neeto-molecules-subheader__right-actions>:not([hidden])~:not([hidden]){border-left:thin solid rgb(var(--neeto-ui-gray-300));padding-left:8px}.neeto-molecules-subheader__download{position:relative}.neeto-molecules-subheader__download-count{align-items:center;background-color:rgb(var(--neeto-ui-primary-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:inline-flex;font-size:10px;justify-content:center;min-height:16px;min-width:16px;position:absolute;right:-2px;text-align:center;top:-2px;z-index:1}";
-n(css,{});
-
-var SubHeader = function SubHeader(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    leftActionBlock = _ref.leftActionBlock,
-    rightActionBlock = _ref.rightActionBlock,
-    _ref$dataCy = _ref["data-cy"],
-    dataCy = _ref$dataCy === void 0 ? "subheader" : _ref$dataCy;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames(["neeto-molecules-subheader", className]),
-    "data-cy": dataCy,
-    "data-testid": "subheader"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-subheader__left-wrapper",
-    "data-cy": "subheader-left-wrapper"
-  }, leftActionBlock && /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-subheader__left",
-    "data-cy": "subheader-left"
-  }, leftActionBlock)), rightActionBlock && /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-subheader__right",
-    "data-cy": "subheader-right"
-  }, rightActionBlock));
-};
-SubHeader.RightBlock = RightBlock;
-
-var _VIEW_OPTIONS;
-var WEEKLY_VIEW = t$1("neetoMolecules.calendarView.weekly");
-var MONTHLY_VIEW = t$1("neetoMolecules.calendarView.monthly");
-var DAILY_VIEW = t$1("neetoMolecules.calendarView.daily");
-var VIEW_OPTIONS = (_VIEW_OPTIONS = {}, _defineProperty(_VIEW_OPTIONS, DAILY_VIEW, {
-  label: DAILY_VIEW,
-  fullCalendarView: "timeGridDay",
-  picker: "day"
-}), _defineProperty(_VIEW_OPTIONS, WEEKLY_VIEW, {
-  label: WEEKLY_VIEW,
-  fullCalendarView: "timeGridWeek",
-  picker: "week"
-}), _defineProperty(_VIEW_OPTIONS, MONTHLY_VIEW, {
-  label: MONTHLY_VIEW,
-  fullCalendarView: "dayGridMonth",
-  picker: "month"
-}), _VIEW_OPTIONS);
-
-var getWeekString = function getWeekString(_ref) {
-  var date = _ref.date,
-    _ref$isStartOfWeek = _ref.isStartOfWeek,
-    isStartOfWeek = _ref$isStartOfWeek === void 0 ? true : _ref$isStartOfWeek,
-    _ref$showMonth = _ref.showMonth,
-    showMonth = _ref$showMonth === void 0 ? false : _ref$showMonth,
-    _ref$showYear = _ref.showYear,
-    showYear = _ref$showYear === void 0 ? false : _ref$showYear;
-  return "".concat(showMonth || isStartOfWeek ? date.format("MMM") : "", " ").concat(date.date(), " ").concat(showYear || !isStartOfWeek ? date.format("YYYY") : "");
-};
-var getStartOfWeek = function getStartOfWeek(date) {
-  return dayjs(date).startOf("week");
-};
-var getEndOfWeek = function getEndOfWeek(date) {
-  return dayjs(date).endOf("week");
-};
-var getFormattedMonthStr = function getFormattedMonthStr(date) {
-  return date.format("MMM YYYY");
-};
-var getFormattedWeekRangeStr = function getFormattedWeekRangeStr(date) {
-  var startOfWeek = getStartOfWeek(date);
-  var endOfWeek = getEndOfWeek(date);
-  var shouldShowMonthsSeparately = startOfWeek.month() !== endOfWeek.month();
-  var shouldShowYearsSeparately = startOfWeek.year() !== endOfWeek.year();
-  var startOfWeekStr = getWeekString({
-    date: startOfWeek,
-    showMonth: shouldShowMonthsSeparately,
-    showYear: shouldShowYearsSeparately
-  });
-  var endOfWeekStr = getWeekString({
-    date: endOfWeek,
-    isStartOfWeek: false,
-    showMonth: shouldShowMonthsSeparately,
-    showYear: shouldShowYearsSeparately
-  });
-  return "".concat(startOfWeekStr, " - ").concat(endOfWeekStr);
-};
-var getFormattedDayStr = function getFormattedDayStr(date) {
-  return date.format("DD MMM YYYY");
-};
-var getFormattedRangeStr = function getFormattedRangeStr(date, picker) {
-  var formatFunctions = {
-    month: getFormattedMonthStr,
-    week: getFormattedWeekRangeStr,
-    day: getFormattedDayStr
-  };
-  var selectedFormatter = formatFunctions[picker];
-  return selectedFormatter(date);
-};
-
-var _excluded$1 = ["selectedDate", "setSelectedDate", "picker"];
-function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var CustomDatePicker = function CustomDatePicker(_ref) {
-  var selectedDate = _ref.selectedDate,
-    setSelectedDate = _ref.setSelectedDate,
-    picker = _ref.picker,
-    otherProps = _objectWithoutProperties(_ref, _excluded$1);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var datePickerRef = useRef(null);
-  var buttonRef = useRef(null);
-  var selectedRangeStr = getFormattedRangeStr(selectedDate, picker);
-  var onPrevious = function onPrevious() {
-    return setSelectedDate(function (selectedDate) {
-      return selectedDate.subtract(1, picker);
-    });
-  };
-  var onNext = function onNext() {
-    return setSelectedDate(function (selectedDate) {
-      return selectedDate.add(1, picker);
-    });
-  };
-  var onToday = function onToday() {
-    return setSelectedDate(dayjs());
-  };
-  var handleButtonMouseDown = function handleButtonMouseDown(e) {
-    if (buttonRef.current && buttonRef.current.contains(e.target)) {
-      e.stopPropagation();
-      if (isOpen) datePickerRef.current.focus();
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center justify-start space-x-4"
-  }, /*#__PURE__*/React.createElement(Button, {
-    label: "Today",
-    style: "secondary",
-    onClick: onToday
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "flex"
-  }, /*#__PURE__*/React.createElement(Button, {
-    className: "mr-1",
-    icon: Left,
-    style: "text",
-    onClick: onPrevious
-  }), /*#__PURE__*/React.createElement(Button, {
-    icon: Down,
-    ref: buttonRef,
-    style: "text",
-    onClick: function onClick() {
-      return setIsOpen(function (isOpen) {
-        return !isOpen;
-      });
-    },
-    onMouseDown: handleButtonMouseDown
-  }, /*#__PURE__*/React.createElement(Typography, {
-    style: "h5"
-  }, selectedRangeStr)), /*#__PURE__*/React.createElement(DatePicker, _extends({
-    className: "invisible w-0 px-0",
-    defaultValue: selectedDate,
-    open: isOpen,
-    placement: "topRight",
-    ref: datePickerRef,
-    value: selectedDate,
-    onChange: setSelectedDate,
-    onOpenChange: setIsOpen
-  }, _objectSpread$1({
-    picker: picker
-  }, otherProps))), /*#__PURE__*/React.createElement(Button, {
-    className: "ml-1",
-    icon: Right,
-    style: "text",
-    onClick: onNext
-  })));
-};
-
-var Header = function Header(_ref) {
-  var calendarRef = _ref.calendarRef,
-    selectedView = _ref.selectedView,
-    setSelectedView = _ref.setSelectedView,
-    setSelectedDate = _ref.setSelectedDate,
-    selectedDate = _ref.selectedDate,
-    calenderViewOptions = _ref.calenderViewOptions;
-  var Menu = Dropdown.Menu,
-    MenuItem = Dropdown.MenuItem;
-  var handleViewSelection = function handleViewSelection(option) {
-    setSelectedView(option);
-    calendarRef.current.calendar.changeView(option.fullCalendarView);
-  };
-  var navigateToSelectedDate = function navigateToSelectedDate() {
-    var _calendarRef$current, _calendarRef$current$;
-    return calendarRef === null || calendarRef === void 0 ? void 0 : (_calendarRef$current = calendarRef.current) === null || _calendarRef$current === void 0 ? void 0 : (_calendarRef$current$ = _calendarRef$current.calendar) === null || _calendarRef$current$ === void 0 ? void 0 : _calendarRef$current$.gotoDate(selectedDate.format("YYYY-MM-DD"));
-  };
-  useEffect(function () {
-    setTimeout(navigateToSelectedDate);
-  }, [selectedDate]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex space-x-4"
-  }, /*#__PURE__*/React.createElement(CustomDatePicker, {
-    getPopupContainer: prop("parentNode"),
-    picker: selectedView.picker,
-    selectedDate: selectedDate,
-    setSelectedDate: setSelectedDate
-  }), Object.keys(calenderViewOptions).length === 1 ? /*#__PURE__*/React.createElement(Button, {
-    className: "pointer-events-none",
-    label: calenderViewOptions[Object.keys(calenderViewOptions)[0]].label,
-    style: "secondary"
-  }) : /*#__PURE__*/React.createElement(Dropdown, {
-    buttonProps: {
-      "data-testid": "calendar-view-dropdown"
-    },
-    buttonStyle: "secondary",
-    label: capitalize(selectedView.label)
-  }, /*#__PURE__*/React.createElement(Menu, null, values(calenderViewOptions).map(function (option, idx) {
-    return /*#__PURE__*/React.createElement(MenuItem.Button, {
-      isActive: selectedView === option,
-      key: idx,
-      onClick: function onClick() {
-        return handleViewSelection(option);
-      }
-    }, capitalize(option.label));
-  }))));
-};
-
-var _excluded = ["viewOptions", "events", "handleDateClick", "handleEventClick", "eventClassNames", "dayCellClassNames", "dayMaxEvents", "eventMaxStack"];
-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; }
-var CalendarView = function CalendarView(_ref) {
-  var _ref$viewOptions = _ref.viewOptions,
-    viewOptions = _ref$viewOptions === void 0 ? VIEW_OPTIONS : _ref$viewOptions,
-    _ref$events = _ref.events,
-    events = _ref$events === void 0 ? [] : _ref$events,
-    _ref$handleDateClick = _ref.handleDateClick,
-    handleDateClick = _ref$handleDateClick === void 0 ? noop : _ref$handleDateClick,
-    _ref$handleEventClick = _ref.handleEventClick,
-    handleEventClick = _ref$handleEventClick === void 0 ? noop : _ref$handleEventClick,
-    _ref$eventClassNames = _ref.eventClassNames,
-    eventClassNames = _ref$eventClassNames === void 0 ? "" : _ref$eventClassNames,
-    _ref$dayCellClassName = _ref.dayCellClassNames,
-    dayCellClassNames = _ref$dayCellClassName === void 0 ? "" : _ref$dayCellClassName,
-    dayMaxEvents = _ref.dayMaxEvents,
-    eventMaxStack = _ref.eventMaxStack,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  var calenderViewOptions = viewOptions || VIEW_OPTIONS;
-  var _useState = useState(calenderViewOptions[Object.keys(calenderViewOptions)[0]]),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedView = _useState2[0],
-    setSelectedView = _useState2[1];
-  var _useState3 = useState(dayjs()),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedDate = _useState4[0],
-    setSelectedDate = _useState4[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var calendarRef = useRef();
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex-col",
-    "data-testid": "calendar-view"
-  }, /*#__PURE__*/React.createElement(SubHeader, {
-    leftActionBlock: /*#__PURE__*/React.createElement(Typography, {
-      style: "h2"
-    }, selectedDate.format("MMMM, YYYY")),
-    rightActionBlock: /*#__PURE__*/React.createElement(Header, {
-      calendarRef: calendarRef,
-      calenderViewOptions: calenderViewOptions,
-      selectedDate: selectedDate,
-      selectedView: selectedView,
-      setSelectedDate: setSelectedDate,
-      setSelectedView: setSelectedView
-    })
-  }), /*#__PURE__*/React.createElement(FullCalendar, _extends({
-    expandRows: true,
-    allDayText: t("neetoMolecules.calendarView.allDay"),
-    dateClick: handleDateClick,
-    dayHeaderClassNames: "p-2",
-    displayEventTime: false,
-    eventClick: handleEventClick,
-    headerToolbar: false,
-    height: "auto",
-    initialView: selectedView.fullCalendarView,
-    plugins: [dayGridPlugin, timeGridPlugin, interactionPlugin],
-    ref: calendarRef
-  }, _objectSpread({
-    dayCellClassNames: dayCellClassNames,
-    dayMaxEvents: dayMaxEvents,
-    eventClassNames: eventClassNames,
-    eventMaxStack: eventMaxStack,
-    events: events
-  }, otherProps))));
-};
-
-export { CalendarView as default };
-//# sourceMappingURL=CalendarView.js.map