@quintoandar-tokko/calendar 1.0.90

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 One Loop
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/lib/index.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Calendar = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _box = require("@quintoandar-tokko/box");
+var _daygrid = _interopRequireDefault(require("@fullcalendar/daygrid"));
+var _timegrid = _interopRequireDefault(require("@fullcalendar/timegrid"));
+var _interaction = _interopRequireDefault(require("@fullcalendar/interaction"));
+var _rrule = _interopRequireDefault(require("@fullcalendar/rrule"));
+var _react2 = _interopRequireDefault(require("@fullcalendar/react"));
+require("../styles/calendar.css");
+var _localesAll = _interopRequireDefault(require("@fullcalendar/core/locales-all"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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 _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); }
+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; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var date = new Date();
+var CalendarOptions = {
+  days: {
+    slotLabelFormat: {
+      hour: '2-digit',
+      minute: '2-digit',
+      hour12: false,
+      meridiem: false
+    },
+    eventTimeFormat: {
+      hour: '2-digit',
+      minute: '2-digit',
+      meridiem: false
+    },
+    plugins: [_interaction["default"], _timegrid["default"], _rrule["default"]],
+    initialView: 'timeGridDay',
+    headerToolbar: {
+      start: 'prev',
+      center: 'title',
+      end: 'next'
+    },
+    dayHeaders: false,
+    stickyFooterScrollbar: false
+  },
+  fullCalendar: {
+    plugins: [_daygrid["default"], _rrule["default"], _timegrid["default"]],
+    headerToolbar: {
+      left: 'prev,next today',
+      center: 'title',
+      right: 'dayGridMonth,timeGridWeek,timeGridDay'
+    },
+    initialView: 'dayGridMonth'
+  }
+};
+var Calendar = exports.Calendar = function Calendar(_ref) {
+  var variant = _ref.variant,
+    events = _ref.events,
+    initialDate = _ref.initialDate,
+    scrollTime = _ref.scrollTime,
+    height = _ref.height,
+    moreOptions = _ref.moreOptions;
+  var options = _objectSpread(_objectSpread(_objectSpread({}, CalendarOptions[variant]), moreOptions), {}, {
+    events: events || [],
+    initialDate: initialDate,
+    scrollTime: scrollTime || "".concat(date.getHours() - 2, ":00:00"),
+    height: height
+  });
+  return /*#__PURE__*/_react["default"].createElement(_box.Box, {
+    id: variant
+  }, /*#__PURE__*/_react["default"].createElement(_react2["default"], _extends({
+    locales: _localesAll["default"]
+  }, options)));
+};

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@quintoandar-tokko/calendar",
+  "version": "1.0.90",
+  "main": "lib/index.js",
+  "module": "src/index.js",
+  "files": [
+    "lib",
+    "styles"
+  ],
+  "dependencies": {
+    "@fullcalendar/core": "^6.1.8",
+    "@fullcalendar/daygrid": "^6.1.8",
+    "@fullcalendar/interaction": "^6.1.8",
+    "@fullcalendar/react": "^6.1.8",
+    "@fullcalendar/rrule": "^6.1.8",
+    "@fullcalendar/timegrid": "^6.1.8",
+    "@quintoandar-tokko/box": "^1.2.286",
+    "rrule": "^2.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "d33e426a17c29e62c8ea591ae6afa96300d55ad9"
+}

package/styles/calendar.css

@@ -0,0 +1,9 @@
+@import url('./days.css');
+
+.fc-event.fc-event-draggable {
+  cursor: grab;
+}
+
+.notAllowed {
+  cursor: not-allowed !important;
+}

package/styles/days.css

@@ -0,0 +1,100 @@
+#days .fc .fc-toolbar-title {
+  font-family: var(--fuente-tokko);
+  font-style: normal;
+  font-weight: 700;
+  font-size: 13px;
+  line-height: 18px;
+  color: var(--secondary);
+}
+
+#days .fc .fc-day-today:not(.fc-popover):not(.fc-col-header-cell) {
+  background-color: transparent;
+}
+
+#days .fc-theme-standard td,
+#days .fc-theme-standard th {
+  border: none;
+  border-top: 1px solid var(--neutralGray7);
+}
+
+#days .fc .fc-cell-shaded,
+#days .fc .fc-day-disabled {
+  background: transparent;
+}
+
+#days .fc .fc-timegrid-axis-cushion,
+#days .fc .fc-timegrid-slot-label-cushion {
+  font-family: var(--fuente-tokko);
+  font-style: normal;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 16px;
+  color: var(--neutralGray2);
+}
+
+#days .fc .fc-button-primary {
+  box-shadow: none !important;
+}
+
+#days .fc .fc-button-primary {
+  background-color: transparent !important;
+  border: none !important;
+  color: var(--neutralGray2) !important;
+}
+
+#days .fc-timegrid-event .fc-event-main {
+  padding: 3px 6px !important;
+}
+
+#days .fc-timegrid-event-harness-inset .fc-timegrid-event,
+#days .fc-timegrid-event.fc-event-mirror,
+#days .fc-timegrid-more-link {
+  border-radius: 8px;
+  border-color: var(--neutralGray3);
+  background-color: var(--neutralGray3);
+}
+
+#days .fc-timegrid-event .fc-event-time,
+#days .fc-v-event .fc-event-title-container {
+  font-family: var(--fuente-tokko);
+  font-size: 11px;
+  line-height: 13px;
+}
+
+#days .fc-v-event .fc-event-title-container {
+  font-weight: 700;
+}
+
+#days .fc-scrollgrid-section:first-child,
+#days .fc-scrollgrid-section:nth-child(2) {
+  display: none;
+}
+
+#days .fc-theme-standard .fc-scrollgrid {
+  border: none;
+}
+
+#days .fc-scroller-liquid-absolute {
+  scroll-behavior: smooth;
+}
+
+#days .fc-scroller-liquid-absolute::-webkit-scrollbar {
+  width: 2px;
+}
+
+#days .fc-scroller-liquid-absolute::-webkit-scrollbar-track {
+  background-color: white;
+}
+
+#days .fc-scroller-liquid-absolute::-webkit-scrollbar-thumb {
+  background-color: #6f838d;
+}
+
+#days .fc .fc-button {
+  padding: 5px 10px;
+}
+
+#days .fc-highlight {
+  background: #dde5e961;
+  border-radius: 8px;
+}