@remotelock/react-week-scheduler - npm Package Compare versions

Comparing version 4.0.2 to 4.0.3

index.js

@@ -8,2 +8,3 @@ 'use strict';
 var React = require('react');
+var React__default = _interopDefault(React);
 var useComponentSize = _interopDefault(require('@rehooks/component-size'));
@@ -193,4 +194,4 @@ var classcat = _interopDefault(require('classcat'));
 
-var DefaultEventRootComponent = /*#__PURE__*/React.memo( /*#__PURE__*/
-React.forwardRef(function DefaultEventRootComponent(_ref,
+var DefaultEventRootComponent = /*#__PURE__*/React__default.memo( /*#__PURE__*/
+React__default.forwardRef(function DefaultEventRootComponent(_ref,
 
@@ -207,3 +208,3 @@
 {var isActive = _ref.isActive,handleDelete = _ref.handleDelete,cellIndex = _ref.cellIndex,rangeIndex = _ref.rangeIndex,classes = _ref.classes,disabled = _ref.disabled,props = _objectWithoutProperties(_ref, ["isActive", "handleDelete", "cellIndex", "rangeIndex", "classes", "disabled"]);
-  return React.createElement("div", _extends({ ref: ref, "aria-disabled": disabled }, props));
+  return React__default.createElement("div", _extends({ ref: ref, "aria-disabled": disabled }, props));
 }));
@@ -240,9 +241,3 @@
 
-var
-
-useCallback = React.useCallback,useEffect = React.useEffect,useState = React.useState;var
-fromEvent = rxjs.fromEvent,merge = rxjs.merge,of = rxjs.of;var
-delay = operators.delay,filter = operators.filter,map = operators.map,mergeMap = operators.mergeMap,startWith = operators.startWith,takeUntil = operators.takeUntil,tap = operators.tap;
-
-var prevent = /*#__PURE__*/tap(function (e) {
+var prevent = /*#__PURE__*/operators.tap(function (e) {
   e.preventDefault();
@@ -256,3 +251,3 @@ e.stopPropagation();
 {var _useState =
-  useState({
+  React.useState({
     transform: 'translate(0, 0)',
@@ -262,8 +257,8 @@ width: 0,
 
-  useState(null),_useState4 = _slicedToArray(_useState3, 2),box = _useState4[0],setBox = _useState4[1];var _useState5 =
-  useState(false),_useState6 = _slicedToArray(_useState5, 2),isDragging = _useState6[0],setIsDragging = _useState6[1];var _useState7 =
-  useState(false),_useState8 = _slicedToArray(_useState7, 2),hasFinishedDragging = _useState8[0],setHasFinishedDragging = _useState8[1];
+  React.useState(null),_useState4 = _slicedToArray(_useState3, 2),box = _useState4[0],setBox = _useState4[1];var _useState5 =
+  React.useState(false),_useState6 = _slicedToArray(_useState5, 2),isDragging = _useState6[0],setIsDragging = _useState6[1];var _useState7 =
+  React.useState(false),_useState8 = _slicedToArray(_useState7, 2),hasFinishedDragging = _useState8[0],setHasFinishedDragging = _useState8[1];
   var container = ref.current;
 
-  useEffect(function () {
+  React.useEffect(function () {
     if (!container || isDisabled) {
@@ -275,11 +270,11 @@ return;
 
-    var touchMove$ = fromEvent(window, 'touchmove', {
+    var touchMove$ = rxjs.fromEvent(window, 'touchmove', {
       passive: false }).
     pipe(prevent);
 
-    var touchEnd$ = fromEvent(window, 'touchend', {
+    var touchEnd$ = rxjs.fromEvent(window, 'touchend', {
       passive: true });
 
 
-    var touchStart$ = fromEvent(container, 'touchstart', {
+    var touchStart$ = rxjs.fromEvent(container, 'touchstart', {
       passive: false });
@@ -289,6 +284,6 @@
     var touchStartWithDelay$ = touchStart$.pipe(
-    mergeMap(function (start) {return (
-        of(start).pipe(
-        delay(300),
-        takeUntil(touchMove$),
+    operators.mergeMap(function (start) {return (
+        rxjs.of(start).pipe(
+        operators.delay(300),
+        operators.takeUntil(touchMove$),
         prevent));}));
@@ -299,21 +294,21 @@
 
-    var mouseDown$ = fromEvent(container, 'mousedown', {
+    var mouseDown$ = rxjs.fromEvent(container, 'mousedown', {
       passive: true }).
-    pipe(filter(function (event) {return event.which === 1;}));
+    pipe(operators.filter(function (event) {return event.which === 1;}));
 
-    var mouseMove$ = fromEvent(window, 'mousemove', {
+    var mouseMove$ = rxjs.fromEvent(window, 'mousemove', {
       passive: true });
 
 
-    var mouseUp$ = fromEvent(window, 'mouseup', {
+    var mouseUp$ = rxjs.fromEvent(window, 'mouseup', {
       passive: true });
 
 
-    var dragStart$ = merge(mouseDown$, touchStartWithDelay$).pipe(
-    map(mapCoordsToContainer));
+    var dragStart$ = rxjs.merge(mouseDown$, touchStartWithDelay$).pipe(
+    operators.map(mapCoordsToContainer));
 
 
-    var dragEnd$ = merge(mouseUp$, touchEnd$).pipe(
-    map(mapCoordsToContainer),
-    tap(function () {
+    var dragEnd$ = rxjs.merge(mouseUp$, touchEnd$).pipe(
+    operators.map(mapCoordsToContainer),
+    operators.tap(function () {
       setIsDragging(false);
@@ -324,13 +319,13 @@ setHasFinishedDragging(true);
 
-    var move$ = merge(mouseMove$, touchMove$).pipe(map(mapCoordsToContainer));
+    var move$ = rxjs.merge(mouseMove$, touchMove$).pipe(operators.map(mapCoordsToContainer));
 
     var box$ = dragStart$.pipe(
-    tap(function () {
+    operators.tap(function () {
       setIsDragging(true);
       setHasFinishedDragging(false);
     }),
-    mergeMap(function (down) {
+    operators.mergeMap(function (down) {
       return move$.pipe(
-      startWith(down),
-      map(
+      operators.startWith(down),
+      operators.map(
       function (move) {
@@ -360,6 +355,6 @@ var startX = Math.max(down.x, 0);
 
-      takeUntil(dragEnd$));
+      operators.takeUntil(dragEnd$));
 
     }),
-    map(function (rect) {
+    operators.map(function (rect) {
       return rect.width === 0 && rect.height === 0 ? null : rect;
@@ -370,3 +365,3 @@ }));
     var style$ = box$.pipe(
-    map(function (rect) {
+    operators.map(function (rect) {
       if (rect !== null) {var
@@ -394,3 +389,3 @@ width = rect.width,height = rect.height,left = rect.left,top = rect.top;
 
-  var cancel = useCallback(function () {
+  var cancel = React.useCallback(function () {
     setIsDragging(false);
@@ -404,12 +399,8 @@ setHasFinishedDragging(false);
 
-var
-
-useEffect$1 = React.useEffect,useRef = React.useRef;
-
 /**
-                                                    * Use mousetrap hook
-                                                    *
-                                                    * @param handlerKey - A key, key combo or array of combos according to Mousetrap documentation.
-                                                    * @param  handlerCallback - A function that is triggered on key combo catch.
-                                                    */
+                                            * Use mousetrap hook
+                                            *
+                                            * @param handlerKey - A key, key combo or array of combos according to Mousetrap documentation.
+                                            * @param  handlerCallback - A function that is triggered on key combo catch.
+                                            */
 function useMousetrap(
@@ -420,3 +411,3 @@ handlerKey,
 {
-  var actionRef = useRef(null);
+  var actionRef = React.useRef(null);
   actionRef.current = handlerCallback;
@@ -426,3 +417,3 @@ var element =
 
-  useEffect$1(function () {
+  React.useEffect(function () {
     var instance = new Mousetrap(element);
@@ -640,3 +631,3 @@
 
-var Cell = /*#__PURE__*/React.memo(function Cell(_ref)
+var Cell = /*#__PURE__*/React__default.memo(function Cell(_ref)
 
@@ -666,3 +657,3 @@
   return (
-    React.createElement("div", {
+    React__default.createElement("div", {
       role: "button",
@@ -750,3 +741,3 @@ onClick: onClick,
 
-var EventContent = /*#__PURE__*/React.memo(function EventContent(_ref)
+var EventContent = /*#__PURE__*/React__default.memo(function EventContent(_ref)
 
@@ -758,4 +749,4 @@
 
-{var width = _ref.width,height = _ref.height,classes = _ref.classes,dateRange = _ref.dateRange,isStart = _ref.isStart,isEnd = _ref.isEnd;var _React$useContext =
-  React.useContext(SchedulerContext),locale = _React$useContext.locale;var _getFormattedComponen =
+{var width = _ref.width,height = _ref.height,classes = _ref.classes,dateRange = _ref.dateRange,isStart = _ref.isStart,isEnd = _ref.isEnd;var _useContext =
+  React.useContext(SchedulerContext),locale = _useContext.locale;var _getFormattedComponen =
   getFormattedComponentsForDateRange({
@@ -768,13 +759,13 @@ dateRange: dateRange,
   return (
-    React.createElement("div", {
+    React__default.createElement("div", {
       style: { width: width - 20, height: height },
       className: classes['event-content'] },
 
-    React.createElement(VisuallyHidden, null,
+    React__default.createElement(VisuallyHidden, null,
     getTextForDateRange({ dateRange: dateRange, locale: locale })),
 
-    React.createElement("span", { "aria-hidden": true, className: classes.start },
+    React__default.createElement("span", { "aria-hidden": true, className: classes.start },
     isStart && start),
 
-    React.createElement("span", { "aria-hidden": true, className: classes.end },
+    React__default.createElement("span", { "aria-hidden": true, className: classes.end },
     isEnd && end)));
@@ -786,8 +777,6 @@
 
-var
+var RangeBox = /*#__PURE__*/React__default.memo(function RangeBox(_ref2)
 
 
-useCallback$1 = React.useCallback,useEffect$2 = React.useEffect,useMemo = React.useMemo,useRef$1 = React.useRef,useState$1 = React.useState;
 
-var RangeBox = /*#__PURE__*/React.memo(function RangeBox(_ref2)
 
@@ -813,10 +802,7 @@
 
-
-
-
 {var _ref4;var classes = _ref2.classes,grid = _ref2.grid,rangeIndex = _ref2.rangeIndex,cellIndex = _ref2.cellIndex,cellArray = _ref2.cellArray,cell = _ref2.cell,className = _ref2.className,onChange = _ref2.onChange,cellInfoToDateRange = _ref2.cellInfoToDateRange,isResizable = _ref2.isResizable,moveAxis = _ref2.moveAxis,onActiveChange = _ref2.onActiveChange,onClick = _ref2.onClick,getIsActive = _ref2.getIsActive,_ref2$eventContentCom = _ref2.eventContentComponent,EventContentComponent = _ref2$eventContentCom === void 0 ? EventContent : _ref2$eventContentCom,_ref2$eventRootCompon = _ref2.eventRootComponent,EventRootComponent = _ref2$eventRootCompon === void 0 ? DefaultEventRootComponent : _ref2$eventRootCompon,disabled = _ref2.disabled;
-  var ref = useRef$1(null);var _useState =
-  useState$1(cell),_useState2 = _slicedToArray(_useState, 2),modifiedCell = _useState2[0],setModifiedCell = _useState2[1];
-  var originalRect = useMemo(function () {return grid.getRectFromCell(cell);}, [cell, grid]);
-  var rect = useMemo(function () {return grid.getRectFromCell(modifiedCell);}, [
+  var ref = React.useRef(null);var _useState =
+  React.useState(cell),_useState2 = _slicedToArray(_useState, 2),modifiedCell = _useState2[0],setModifiedCell = _useState2[1];
+  var originalRect = React.useMemo(function () {return grid.getRectFromCell(cell);}, [cell, grid]);
+  var rect = React.useMemo(function () {return grid.getRectFromCell(modifiedCell);}, [
   modifiedCell,
@@ -826,7 +812,7 @@ grid]);
 
-  useEffect$2(function () {
+  React.useEffect(function () {
     setModifiedCell(cell);
   }, [cell]);
 
-  var modifiedDateRange = useMemo(function () {return cellInfoToDateRange(modifiedCell);}, [
+  var modifiedDateRange = React.useMemo(function () {return cellInfoToDateRange(modifiedCell);}, [
   cellInfoToDateRange,
@@ -841,3 +827,3 @@ modifiedCell]);var
 
-  var handleStop = useCallback$1(function () {
+  var handleStop = React.useCallback(function () {
     if (!onChange || disabled) {
@@ -850,3 +836,3 @@ return;
 
-  var isActive = useMemo(function () {return getIsActive({ cellIndex: cellIndex, rangeIndex: rangeIndex });}, [
+  var isActive = React.useMemo(function () {return getIsActive({ cellIndex: cellIndex, rangeIndex: rangeIndex });}, [
   cellIndex,
@@ -960,3 +946,3 @@ rangeIndex,
 
-  var handleDrag = useCallback$1(
+  var handleDrag = React.useCallback(
   function (event, _ref3) {var y = _ref3.y,x = _ref3.x;
@@ -1012,3 +998,3 @@ if (moveAxis === 'none' || disabled) {
 
-  var handleResize = useCallback$1(
+  var handleResize = React.useCallback(
   function (event, direction, _ref, delta) {
@@ -1055,3 +1041,3 @@ if (!isResizable || disabled) {
 
-  var handleDelete = useCallback$1(function () {
+  var handleDelete = React.useCallback(function () {
     if (!onChange || disabled) {
@@ -1064,3 +1050,3 @@ return;
 
-  var handleOnFocus = useCallback$1(function () {
+  var handleOnFocus = React.useCallback(function () {
     if (!onActiveChange || disabled) {
@@ -1073,3 +1059,3 @@ return;
 
-  var handleOnClick = useCallback$1(function () {
+  var handleOnClick = React.useCallback(function () {
     if (!onClick || disabled || !isActive) {
@@ -1084,3 +1070,3 @@ return;
 
-  var cancelClasses = useMemo(
+  var cancelClasses = React.useMemo(
   function () {return (
@@ -1097,3 +1083,3 @@ classes.handle ?
   return (
-    React.createElement(Draggable, {
+    React__default.createElement(Draggable, {
       axis: moveAxis,
@@ -1112,3 +1098,3 @@ bounds: {
 
-    React.createElement(EventRootComponent, {
+    React__default.createElement(EventRootComponent, {
       role: "button",
@@ -1135,3 +1121,3 @@ disabled: disabled,
 
-    React.createElement(Resizable, {
+    React__default.createElement(Resizable, {
       size: _objectSpread({}, originalRect, { width: originalRect.width - 20 }),
@@ -1163,3 +1149,3 @@ key: "".concat(rangeIndex, ".").concat(cellIndex, ".").concat(cellArray.length, ".").concat(
 
-    React.createElement(EventContentComponent, {
+    React__default.createElement(EventContentComponent, {
       width: width,
@@ -1178,3 +1164,3 @@ height: height,
 
-var Schedule = /*#__PURE__*/React.memo(function Schedule(_ref)
+var Schedule = /*#__PURE__*/React__default.memo(function Schedule(_ref)
 
@@ -1203,9 +1189,9 @@
   return (
-    React.createElement("div", { className: classes['range-boxes'] },
+    React__default.createElement("div", { className: classes['range-boxes'] },
     ranges.map(function (dateRange, rangeIndex) {
       return (
-        React.createElement("span", { key: rangeIndex },
+        React__default.createElement("span", { key: rangeIndex },
         dateRangeToCells(dateRange).map(function (cell, cellIndex, cellArray) {
           return (
-            React.createElement(RangeBox, {
+            React__default.createElement(RangeBox, {
               classes: classes,
@@ -1242,6 +1228,2 @@ onActiveChange: onActiveChange,
 
-var
-
-useCallback$2 = React.useCallback,useContext = React.useContext,useEffect$3 = React.useEffect,useMemo$1 = React.useMemo,useRef$2 = React.useRef,useState$2 = React.useState;
-
 var MINS_IN_DAY = 24 * 60;
@@ -1253,3 +1235,3 @@ var horizontalPrecision = 1;
 
-var TimeGridScheduler = /*#__PURE__*/React.memo(function TimeGridScheduler(_ref)
+var TimeGridScheduler = /*#__PURE__*/React__default.memo(function TimeGridScheduler(_ref)
 
@@ -1316,14 +1298,14 @@
 {var _ref$verticalPrecisio = _ref.verticalPrecision,verticalPrecision = _ref$verticalPrecisio === void 0 ? 30 : _ref$verticalPrecisio,_ref$visualGridVertic = _ref.visualGridVerticalPrecision,visualGridVerticalPrecision = _ref$visualGridVertic === void 0 ? 30 : _ref$visualGridVertic,_ref$cellClickPrecisi = _ref.cellClickPrecision,cellClickPrecision = _ref$cellClickPrecisi === void 0 ? visualGridVerticalPrecision : _ref$cellClickPrecisi,style = _ref.style,schedule = _ref.schedule,_ref$originDate = _ref.originDate,_originDate = _ref$originDate === void 0 ? new Date() : _ref$originDate,_ref$defaultHours = _ref.defaultHours,defaultHours = _ref$defaultHours === void 0 ? [9, 15] : _ref$defaultHours,classes = _ref.classes,className = _ref.className,onChange = _ref.onChange,onEventClick = _ref.onEventClick,eventContentComponent = _ref.eventContentComponent,eventRootComponent = _ref.eventRootComponent,disabled = _ref.disabled;var _useContext =
-  useContext(SchedulerContext),locale = _useContext.locale;
-  var originDate = useMemo$1(function () {return startOfDay(_originDate);}, [_originDate]);
+  React.useContext(SchedulerContext),locale = _useContext.locale;
+  var originDate = React.useMemo(function () {return startOfDay(_originDate);}, [_originDate]);
   var numVerticalCells = MINS_IN_DAY / verticalPrecision;
   var numHorizontalCells = 7 / horizontalPrecision;
-  var toMin = useCallback$2(function (y) {return y * verticalPrecision;}, [
+  var toMin = React.useCallback(function (y) {return y * verticalPrecision;}, [
   verticalPrecision]);
 
-  var toY = useCallback$2(function (mins) {return mins / verticalPrecision;}, [
+  var toY = React.useCallback(function (mins) {return mins / verticalPrecision;}, [
   verticalPrecision]);
 
 
-  var cellInfoToDateRanges = useMemo$1(function () {
+  var cellInfoToDateRanges = React.useMemo(function () {
     return createMapCellInfoToRecurringTimeRange({
@@ -1336,3 +1318,3 @@ originDate: originDate,
 
-  var cellInfoToSingleDateRange = useCallback$2(
+  var cellInfoToSingleDateRange = React.useCallback(
   function (cell) {var _cellInfoToDateRanges =
@@ -1352,3 +1334,3 @@ cellInfoToDateRanges(cell),_cellInfoToDateRanges2 = _toArray(_cellInfoToDateRanges),first = _cellInfoToDateRanges2[0],rest = _cellInfoToDateRanges2.slice(1);
 
-  var dateRangeToCells = useMemo$1(function () {
+  var dateRangeToCells = React.useMemo(function () {
     return createMapDateRangeToCells({
@@ -1363,4 +1345,4 @@ originDate: originDate,
 
-  var root = useRef$2(null);
-  var parent = useRef$2(null);
+  var root = React.useRef(null);
+  var parent = React.useRef(null);
 
@@ -1378,9 +1360,9 @@ var size = useComponentSize(parent);var _useClickAndDrag =
 
-  useState$2(null),_useState2 = _slicedToArray(_useState, 2),pendingCreation = _useState2[0],setPendingCreation = _useState2[1];var _useState3 =
+  React.useState(null),_useState2 = _slicedToArray(_useState, 2),pendingCreation = _useState2[0],setPendingCreation = _useState2[1];var _useState3 =
 
-  useState$2([0, 0]),_useState4 = _slicedToArray(_useState3, 2),_useState4$ = _slicedToArray(_useState4[0], 2),totalHeight = _useState4$[0],totalWidth = _useState4$[1],setDimensions = _useState4[1];
+  React.useState([0, 0]),_useState4 = _slicedToArray(_useState3, 2),_useState4$ = _slicedToArray(_useState4[0], 2),totalHeight = _useState4$[0],totalWidth = _useState4$[1],setDimensions = _useState4[1];
 
   var numVisualVerticalCells = 24 * 60 / visualGridVerticalPrecision;
 
-  useEffect$3(
+  React.useEffect(
   function updateGridDimensionsOnSizeOrCellCountChange() {
@@ -1397,3 +1379,3 @@ if (!parent.current) {
 
-  var grid = useMemo$1(function () {
+  var grid = React.useMemo(function () {
     if (totalHeight === null || totalWidth === null) {
@@ -1411,3 +1393,3 @@ return null;
 
-  useEffect$3(
+  React.useEffect(
   function updatePendingCreationOnDragBoxUpdate() {
@@ -1427,7 +1409,7 @@ if (grid === null || box === null) {
 
-  useState$2(
+  React.useState(
 
   [null, null]),_useState6 = _slicedToArray(_useState5, 2),_useState6$ = _slicedToArray(_useState6[0], 2),activeRangeIndex = _useState6$[0],activeCellIndex = _useState6$[1],setActive = _useState6[1];
 
-  useEffect$3(
+  React.useEffect(
   function updateScheduleAfterDraggingFinished() {
@@ -1453,3 +1435,3 @@ if (disabled) {
 
-  useEffect$3(
+  React.useEffect(
   function clearActiveBlockAfterCreation() {
@@ -1463,3 +1445,3 @@ if (pendingCreation === null) {
 
-  var handleEventChange = useCallback$2(
+  var handleEventChange = React.useCallback(
   function (newDateRange, rangeIndex) {
@@ -1507,3 +1489,3 @@ if (disabled) {
 
-  var getIsActive = useCallback$2(
+  var getIsActive = React.useCallback(
   function (_ref2) {var rangeIndex = _ref2.rangeIndex,cellIndex = _ref2.cellIndex;
@@ -1515,3 +1497,3 @@ return rangeIndex === activeRangeIndex && cellIndex === activeCellIndex;
 
-  var handleDelete = useCallback$2(
+  var handleDelete = React.useCallback(
   function (e) {
@@ -1531,3 +1513,3 @@ if (activeRangeIndex === null || disabled) {
 
-  useEffect$3(
+  React.useEffect(
   function cancelPendingCreationOnSizeChange() {
@@ -1539,3 +1521,3 @@ cancel();
 
-  var getDateRangeForVisualGrid = useMemo$1(function () {
+  var getDateRangeForVisualGrid = React.useMemo(function () {
     return createMapCellInfoToRecurringTimeRange({
@@ -1548,3 +1530,3 @@ originDate: originDate,
 
-  useEffect$3(
+  React.useEffect(
   function scrollToActiveTimeBlock() {
@@ -1568,7 +1550,7 @@ if (!document.activeElement) {
 
-  useState$2(
+  React.useState(
   false),_useState8 = _slicedToArray(_useState7, 2),wasInitialScrollPerformed = _useState8[0],setWasInitialScrollPerformed = _useState8[1];
 
 
-  useEffect$3(
+  React.useEffect(
   function performInitialScroll() {
@@ -1611,3 +1593,3 @@ if (wasInitialScrollPerformed || !root.current || !grid) {
 
-  var handleBlur = useCallback$2(
+  var handleBlur = React.useCallback(
   function (event) {
@@ -1621,3 +1603,3 @@ if (!event.target.contains(document.activeElement)) {
 
-  var handleCellClick = useCallback$2(
+  var handleCellClick = React.useCallback(
   function (dayIndex, timeIndex) {return function (event) {
@@ -1649,3 +1631,3 @@ if (!grid || disabled) {
   return (
-    React.createElement("div", {
+    React__default.createElement("div", {
       ref: root,
@@ -1662,18 +1644,18 @@ style: style,
 
-    React.createElement("div", { className: classes['grid-root'] },
-    React.createElement("div", {
+    React__default.createElement("div", { className: classes['grid-root'] },
+    React__default.createElement("div", {
       "aria-hidden": true,
       className: classcat([classes.timeline, classes['sticky-left']]) },
 
-    React.createElement("div", { className: classes.header },
-    React.createElement("div", { className: classes['day-column'] },
-    React.createElement("div", { className: classcat([classes.cell, classes.title]) }, "T"))),
+    React__default.createElement("div", { className: classes.header },
+    React__default.createElement("div", { className: classes['day-column'] },
+    React__default.createElement("div", { className: classcat([classes.cell, classes.title]) }, "T"))),
 
 
-    React.createElement("div", { className: classes.calendar },
-    React.createElement("div", { className: classes['day-column'] },
-    React.createElement("div", { className: classes['day-hours'] },
+    React__default.createElement("div", { className: classes.calendar },
+    React__default.createElement("div", { className: classes['day-column'] },
+    React__default.createElement("div", { className: classes['day-hours'] },
     times(numVisualVerticalCells).map(function (timeIndex) {
       return (
-        React.createElement(Cell, {
+        React__default.createElement(Cell, {
           classes: classes,
@@ -1687,3 +1669,3 @@ getDateRangeForVisualGrid: getDateRangeForVisualGrid,
             return (
-              React.createElement("div", { className: classes.time },
+              React__default.createElement("div", { className: classes.time },
               format(start, 'h a', { locale: locale })));
@@ -1703,3 +1685,3 @@
 
-    React.createElement("div", {
+    React__default.createElement("div", {
       className: classcat([
@@ -1710,3 +1692,3 @@ classes['sticky-top'],
 
-    React.createElement("div", {
+    React__default.createElement("div", {
       role: "presentation",
@@ -1716,3 +1698,3 @@ className: classcat([classes.calendar, classes.header]) },
     times(7).map(function (i) {return (
-        React.createElement("div", {
+        React__default.createElement("div", {
           key: i,
@@ -1722,3 +1704,3 @@ role: "presentation",
 
-        React.createElement("div", { className: classcat([classes.cell, classes.title]) },
+        React__default.createElement("div", { className: classcat([classes.cell, classes.title]) },
         format(addDays(originDate, i), 'ddd', { locale: locale }))));}))),
@@ -1730,10 +1712,10 @@
 
-    React.createElement("div", { className: classes['layer-container'] },
+    React__default.createElement("div", { className: classes['layer-container'] },
     isDragging &&
-    React.createElement("div", { className: classes['drag-box'], style: dragBoxStyle },
-    hasFinishedDragging && React.createElement("div", { className: classes.popup })),
+    React__default.createElement("div", { className: classes['drag-box'], style: dragBoxStyle },
+    hasFinishedDragging && React__default.createElement("div", { className: classes.popup })),
 
 
     grid && pendingCreation && isDragging &&
-    React.createElement(Schedule, {
+    React__default.createElement(Schedule, {
       classes: classes,
@@ -1751,3 +1733,3 @@ dateRangeToCells: dateRangeToCells,
     grid && !pendingCreation &&
-    React.createElement(Schedule, {
+    React__default.createElement(Schedule, {
       classes: classes,
@@ -1771,6 +1753,6 @@ onActiveChange: setActive,
 
-    React.createElement("div", { ref: parent, role: "grid", className: classes.calendar },
+    React__default.createElement("div", { ref: parent, role: "grid", className: classes.calendar },
     times(7).map(function (dayIndex) {
       return (
-        React.createElement("div", {
+        React__default.createElement("div", {
           role: "gridcell",
@@ -1780,6 +1762,6 @@ key: dayIndex,
 
-        React.createElement("div", { className: classes['day-hours'] },
+        React__default.createElement("div", { className: classes['day-hours'] },
         times(numVisualVerticalCells).map(function (timeIndex) {
           return (
-            React.createElement(Cell, {
+            React__default.createElement(Cell, {
               classes: classes,
@@ -1786,0 +1768,0 @@ onClick: handleCellClick(

package.json

 {
   "name": "@remotelock/react-week-scheduler",
-  "version": "4.0.2",
-  "publishConfig": {
-    "tag": "next"
-  },
+  "version": "4.0.3",
   "license": "MIT",
@@ -8,0 +5,0 @@ "description": "",

src/components/Cell.d.ts

@@ -1,2 +0,2 @@
-import * as React from 'react';
+import React from 'react';
 import { CellInfo } from '../types';
@@ -3,0 +3,0 @@ export declare const Cell: React.NamedExoticComponent<{

src/components/DefaultEventRootComponent.d.ts

@@ -1,4 +0,4 @@
-import * as React from 'react';
+import React from 'react';
 import { EventRootProps } from '../types';
 export declare const DefaultEventRootComponent: React.MemoExoticComponent<React.ForwardRefExoticComponent<EventRootProps & React.RefAttributes<any>>>;
 //# sourceMappingURL=DefaultEventRootComponent.d.ts.map

src/components/EventContent.d.ts

@@ -1,2 +0,2 @@
-import * as React from 'react';
+import React from 'react';
 import { ClassNames } from '../types';
@@ -3,0 +3,0 @@ export declare type EventContentProps = {

src/components/RangeBox.d.ts

@@ -1,2 +0,2 @@
-import * as React from 'react';
+import React from 'react';
 import { CellInfo } from '../types';
@@ -3,0 +3,0 @@ import { ScheduleProps } from './Schedule';

src/components/Schedule.d.ts

@@ -1,2 +0,2 @@
-import * as React from 'react';
+import React from 'react';
 import { CellInfo, ClassNames, DateRange, Grid, OnChangeCallback } from '../types';
@@ -3,0 +3,0 @@ export declare type ScheduleProps = {

src/components/TimeGridScheduler.d.ts

@@ -1,2 +0,2 @@
-import * as React from 'react';
+import React from 'react';
 export declare const TimeGridScheduler: React.NamedExoticComponent<{
@@ -3,0 +3,0 @@ originDate?: Date | undefined;

src/context.d.ts

@@ -0,6 +1,6 @@
+/// <reference types="react" />
 import en from 'date-fns/locale/en';
-import * as React from 'react';
-export declare const SchedulerContext: React.Context<{
+export declare const SchedulerContext: import("react").Context<{
     locale: typeof en;
 }>;
 //# sourceMappingURL=context.d.ts.map

src/context.ts

 import en from 'date-fns/locale/en';
-import * as React from 'react';
+import { createContext } from 'react';
 
-export const SchedulerContext = React.createContext({ locale: en });
+export const SchedulerContext = createContext({ locale: en });

src/hooks/useClickAndDrag.d.ts

@@ -1,2 +0,2 @@
-import * as React from 'react';
+import React from 'react';
 import { Rect } from '../types';
@@ -3,0 +3,0 @@ export declare function useClickAndDrag(ref: React.RefObject<HTMLElement>, isDisabled?: boolean): {

src/hooks/useClickAndDrag.ts

@@ -1,11 +0,15 @@
-import * as React from 'react';
-import * as rxjs from 'rxjs';
-import * as operators from 'rxjs/operators';
+import React, { useCallback, useEffect, useState } from 'react';
+import { fromEvent, merge, Observable, of } from 'rxjs';
+import {
+  delay,
+  filter,
+  map,
+  mergeMap,
+  startWith,
+  takeUntil,
+  tap,
+} from 'rxjs/operators';
 import { Rect } from '../types';
 import { createPageMapCoordsToContainer } from '../utils/createPageMapCoordsToContainer';
 
-const { useCallback, useEffect, useState } = React;
-const { fromEvent, merge, of } = rxjs;
-const { delay, filter, map, mergeMap, startWith, takeUntil, tap } = operators;
-
 const prevent = tap((e: TouchEvent) => {
@@ -85,3 +89,3 @@ e.preventDefault();
 
-    const box$: rxjs.Observable<Rect | null> = dragStart$.pipe(
+    const box$: Observable<Rect | null> = dragStart$.pipe(
       tap(() => {
@@ -88,0 +92,0 @@ setIsDragging(true);

src/hooks/useEventListener.d.ts

@@ -1,2 +0,2 @@
-import * as React from 'react';
+/// <reference types="react" />
 export declare function useEventListener<K extends keyof HTMLElementEventMap, Element extends HTMLElement>(ref: React.RefObject<Element>, event: K, listener: (this: Element, event: HTMLElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions, { enabled }?: {
@@ -3,0 +3,0 @@ enabled?: boolean | undefined;

src/hooks/useEventListener.ts

@@ -1,2 +0,2 @@
-import * as React from 'react';
+import { useEffect } from 'react';
 
@@ -15,3 +15,3 @@ export function useEventListener<
 
-  React.useEffect(() => {
+  useEffect(() => {
     if (current === null) {
@@ -18,0 +18,0 @@ return;

src/hooks/useMousetrap.d.ts

 /// <reference types="mousetrap" />
-import * as React from 'react';
+/// <reference types="react" />
 /**
@@ -4,0 +4,0 @@ * Use mousetrap hook

src/hooks/useMousetrap.ts

 import Mousetrap from 'mousetrap';
-import * as React from 'react';
+import { useEffect, useRef } from 'react';
 
-const { useEffect, useRef } = React;
-
 /**
@@ -7,0 +5,0 @@ * Use mousetrap hook

No alert changes

Worsened metrics

Total package byte prevSize

1000881

decreased by-0.19%

Lines of code

4737

decreased by-0.08%

No dependency changes