@bigbinary/neeto-molecules 1.3.9 → 1.3.11

package/dist/cjs/CalendarView.js

@@ -0,0 +1,549 @@
+'use strict';
+
+var React = require('react');
+var dayGridPlugin = require('@fullcalendar/daygrid');
+var interactionPlugin = require('@fullcalendar/interaction');
+var FullCalendar = require('@fullcalendar/react');
+var timeGridPlugin = require('@fullcalendar/timegrid');
+var dayjs = require('dayjs');
+var neetoCist = require('@bigbinary/neeto-cist');
+var neetoui = require('@bigbinary/neetoui');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var classnames = require('classnames');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var ManageColumns = require('@bigbinary/neeto-molecules/Columns');
+var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
+var i18next = require('i18next');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var dayGridPlugin__default = /*#__PURE__*/_interopDefaultLegacy(dayGridPlugin);
+var interactionPlugin__default = /*#__PURE__*/_interopDefaultLegacy(interactionPlugin);
+var FullCalendar__default = /*#__PURE__*/_interopDefaultLegacy(FullCalendar);
+var timeGridPlugin__default = /*#__PURE__*/_interopDefaultLegacy(timeGridPlugin);
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var ManageColumns__default = /*#__PURE__*/_interopDefaultLegacy(ManageColumns);
+
+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(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+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(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+
+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 _excluded$3 = ["buttonProps"];
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Columns = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _ref$buttonProps = _ref.buttonProps,
+    buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
+    props = _objectWithoutProperties(_ref, _excluded$3);
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-subheader__columns"
+  }, /*#__PURE__*/React__default["default"].createElement(ManageColumns__default["default"], _extends({
+    buttonProps: _objectSpread$3({
+      icon: neetoIcons.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 = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-subheader__download"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    "data-cy": dataCy,
+    "data-testid": "download-button",
+    icon: neetoIcons.Download,
+    style: "text",
+    tooltipProps: {
+      content: t("neetoMolecules.common.download"),
+      position: "bottom"
+    },
+    onClick: onClick
+  }), count && /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "neeto-molecules-subheader__download-count"
+  }, count));
+};
+
+var _excluded$2 = ["buttonProps"];
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FilterButton = function FilterButton(_ref) {
+  var buttonProps = _ref.buttonProps,
+    props = _objectWithoutProperties(_ref, _excluded$2);
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-subheader__filter"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoFiltersFrontend.Filters, _extends({
+    buttonProps: _objectSpread$2({
+      "data-testid": "filter-button",
+      icon: neetoIcons.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 = neetoCist.isNotPresent(dataProps === null || dataProps === void 0 ? void 0 : dataProps.totalCount) ? true : (dataProps === null || dataProps === void 0 ? void 0 : dataProps.totalCount) > 0;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    "data-testid": "subheader-rightblock-buttons-container",
+    className: classnames__default["default"]("neeto-molecules-subheader__right-actions", {
+      hidden: ramda.not(showIcons)
+    })
+  }, downloadButtonProps && /*#__PURE__*/React__default["default"].createElement(DownloadButton, downloadButtonProps), columnsButtonProps && /*#__PURE__*/React__default["default"].createElement(Columns, columnsButtonProps), filterProps && /*#__PURE__*/React__default["default"].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;flex-shrink:0;gap:16px;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%}@media screen and (max-width:768px){.neeto-molecules-subheader{flex-wrap:wrap}}.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))}@media screen and (max-width:360px){.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-molecules-subheader__left h4{font-size:14px}}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-ui-btn{flex-shrink:0}.neeto-molecules-subheader .neeto-molecules-subheader__right{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-end}@media screen and (max-width:768px){.neeto-molecules-subheader .neeto-molecules-subheader__right{margin-left:auto}}.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}.neeto-molecules-subheader__columns .neeto-ui-dropdown__popup{max-height:calc(100vh - var(--neeto-molecules-main-header-with-breadcrumbs-height) - 57px);max-height:calc(100vh - var(--neeto-molecules-main-header-with-breadcrumbs-height) - var(--neeto-molecules-sub-header-height) - var(--neeto-molecules-sub-header-bottom-margin))}";
+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__default["default"].createElement("div", {
+    className: classnames__default["default"](["neeto-molecules-subheader", className]),
+    "data-cy": dataCy,
+    "data-testid": "subheader"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-subheader__left-wrapper",
+    "data-cy": "subheader-left-wrapper"
+  }, leftActionBlock && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-subheader__left",
+    "data-cy": "subheader-left"
+  }, leftActionBlock)), rightActionBlock && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-subheader__right",
+    "data-cy": "subheader-right"
+  }, rightActionBlock));
+};
+SubHeader.RightBlock = RightBlock;
+
+var WEEKLY_VIEW = i18next.t("neetoMolecules.calendarView.weekly");
+var MONTHLY_VIEW = i18next.t("neetoMolecules.calendarView.monthly");
+var DAILY_VIEW = i18next.t("neetoMolecules.calendarView.daily");
+var VIEW_OPTIONS = _defineProperty(_defineProperty(_defineProperty({}, DAILY_VIEW, {
+  label: DAILY_VIEW,
+  fullCalendarView: "timeGridDay",
+  picker: "day"
+}), WEEKLY_VIEW, {
+  label: WEEKLY_VIEW,
+  fullCalendarView: "timeGridWeek",
+  picker: "week"
+}), MONTHLY_VIEW, {
+  label: MONTHLY_VIEW,
+  fullCalendarView: "dayGridMonth",
+  picker: "month"
+});
+
+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__default["default"](date).startOf("week");
+};
+var getEndOfWeek = function getEndOfWeek(date) {
+  return dayjs__default["default"](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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var CustomDatePicker = function CustomDatePicker(_ref) {
+  var selectedDate = _ref.selectedDate,
+    setSelectedDate = _ref.setSelectedDate,
+    picker = _ref.picker,
+    otherProps = _objectWithoutProperties(_ref, _excluded$1);
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var datePickerRef = React.useRef(null);
+  var buttonRef = React.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__default["default"]());
+  };
+  var handleButtonMouseDown = function handleButtonMouseDown(e) {
+    if (!(buttonRef.current && buttonRef.current.contains(e.target))) return;
+    e.stopPropagation();
+    if (isOpen) datePickerRef.current.focus();
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex items-center justify-start space-x-4"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    "data-cy": "neeto-molecules-calendar-view-today-button",
+    label: "Today",
+    style: "secondary",
+    onClick: onToday
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    className: "mr-1",
+    "data-cy": "neeto-molecules-calendar-view-previous-button",
+    icon: neetoIcons.Left,
+    style: "text",
+    onClick: onPrevious
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    icon: neetoIcons.Down,
+    ref: buttonRef,
+    style: "text",
+    onClick: function onClick() {
+      return setIsOpen(function (isOpen) {
+        return !isOpen;
+      });
+    },
+    onMouseDown: handleButtonMouseDown
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    style: "h5"
+  }, selectedRangeStr)), /*#__PURE__*/React__default["default"].createElement(neetoui.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__default["default"].createElement(neetoui.Button, {
+    className: "ml-1",
+    "data-cy": "neeto-molecules-calendar-view-next-button",
+    icon: neetoIcons.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,
+    calendarViewOptions = _ref.calendarViewOptions;
+  var Menu = neetoui.Dropdown.Menu,
+    MenuItem = neetoui.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"));
+  };
+  React.useEffect(function () {
+    setTimeout(navigateToSelectedDate);
+  }, [selectedDate]);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex space-x-4"
+  }, /*#__PURE__*/React__default["default"].createElement(CustomDatePicker, {
+    getPopupContainer: ramda.prop("parentNode"),
+    picker: selectedView.picker,
+    selectedDate: selectedDate,
+    setSelectedDate: setSelectedDate
+  }), Object.keys(calendarViewOptions).length > 1 && /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
+    buttonProps: {
+      "data-testid": "calendar-view-dropdown"
+    },
+    buttonStyle: "secondary",
+    label: neetoCist.capitalize(selectedView.label)
+  }, /*#__PURE__*/React__default["default"].createElement(Menu, null, ramda.values(calendarViewOptions).map(function (option, idx) {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+      isActive: selectedView === option,
+      key: idx,
+      onClick: function onClick() {
+        return handleViewSelection(option);
+      }
+    }, neetoCist.capitalize(option.label));
+  }))));
+};
+
+var _excluded = ["viewOptions", "events", "handleDateClick", "handleEventClick", "eventClassNames", "dayCellClassNames", "dayMaxEvents", "eventMaxStack"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 ? neetoCist.noop : _ref$handleDateClick,
+    _ref$handleEventClick = _ref.handleEventClick,
+    handleEventClick = _ref$handleEventClick === void 0 ? neetoCist.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 calendarViewOptions = viewOptions || VIEW_OPTIONS;
+  var defaultView = Object.values(calendarViewOptions).find(ramda.prop("default")) || calendarViewOptions[Object.keys(calendarViewOptions)[0]];
+  var _useState = React.useState(defaultView),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedView = _useState2[0],
+    setSelectedView = _useState2[1];
+  var _useState3 = React.useState(dayjs__default["default"]()),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedDate = _useState4[0],
+    setSelectedDate = _useState4[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var calendarRef = React.useRef();
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex-col",
+    "data-testid": "calendar-view"
+  }, /*#__PURE__*/React__default["default"].createElement(SubHeader, {
+    leftActionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      style: "h2"
+    }, selectedDate.format("MMMM, YYYY")),
+    rightActionBlock: /*#__PURE__*/React__default["default"].createElement(Header, {
+      calendarRef: calendarRef,
+      calendarViewOptions: calendarViewOptions,
+      selectedDate: selectedDate,
+      selectedView: selectedView,
+      setSelectedDate: setSelectedDate,
+      setSelectedView: setSelectedView
+    })
+  }), /*#__PURE__*/React__default["default"].createElement(FullCalendar__default["default"], _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__default["default"], timeGridPlugin__default["default"], interactionPlugin__default["default"]],
+    ref: calendarRef
+  }, _objectSpread({
+    dayCellClassNames: dayCellClassNames,
+    dayMaxEvents: dayMaxEvents,
+    eventClassNames: eventClassNames,
+    eventMaxStack: eventMaxStack,
+    events: events
+  }, otherProps))));
+};
+
+module.exports = CalendarView;
+//# sourceMappingURL=CalendarView.js.map