guestbell-forms 3.0.60 → 3.0.61

package/build/components/bookingCalendar/bookingCalendarSelection/BookingCalendarSelection.js

@@ -125,8 +125,8 @@ class BookingCalendarSelection extends React.Component {
   render() {
     const baseStyle = {
       zIndex: 10,
-      left: Math.min(this.state.selectionBoxOrigin[0], this.state.selectionBoxTarget[0]),
-      top: Math.min(this.state.selectionBoxOrigin[1], this.state.selectionBoxTarget[1]),
+      left: Math.min(this.state.selectionBoxOrigin[0] - window.scrollX, this.state.selectionBoxTarget[0] - window.scrollX),
+      top: Math.min(this.state.selectionBoxOrigin[1] - window.scrollY, this.state.selectionBoxTarget[1] - window.scrollY),
       height: Math.abs(this.state.selectionBoxTarget[1] - this.state.selectionBoxOrigin[1] - 1),
       width: Math.abs(this.state.selectionBoxTarget[0] - this.state.selectionBoxOrigin[0] - 1),
       userSelect: 'none'

package/build/components/bookingCalendar/bookingCalendarSelection/BookingCalendarSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookingCalendarSelection.js","names":["React","_interopRequireWildcard","require","_classes","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","BookingCalendarSelection","Component","constructor","props","animationInProgress","containerRef","createRef","state","hold","selectionBox","selectionBoxOrigin","selectionBoxTarget","animation","handleMouseUp","bind","handleMouseDown","handleMouseMove","handleMouseLeave","handleTransformBox","evt","_this$props$onSelecte","_this$props","distance","Math","sqrt","pow","setState","setTimeout","minSelectionSize","onSelected","origin","target","e","_this$containerRef$cu","disabled","nativeEvent","button","clearTimeout","bb","current","getBoundingClientRect","pageX","x","pageY","y","_this$containerRef$cu2","_this$props$onSelecti","_this$props2","onSelecting","render","baseStyle","zIndex","left","min","top","height","abs","width","userSelect","boxVisible","createElement","ref","className","bookingCalendarSelectionDefaultClasses","root","style","undefined","gridRowEnd","dataRowsCount","gridRowStart","firstDataRowIndex","onMouseDown","onMouseUp","onMouseMove","onMouseLeave","selection","children","exports"],"sources":["../../../../src/lib/components/bookingCalendar/bookingCalendarSelection/BookingCalendarSelection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { bookingCalendarSelectionDefaultClasses } from './classes';\r\n\r\nexport type BookingCalendarSelectionCoordinates = [number, number];\r\nexport interface BookingCalendarSelectionData {\r\n  origin: BookingCalendarSelectionCoordinates;\r\n  target: BookingCalendarSelectionCoordinates;\r\n}\r\nexport interface BookingCalendarSelectionProps {\r\n  disabled?: boolean;\r\n  onSelecting?: (data: {\r\n    origin: BookingCalendarSelectionCoordinates;\r\n    target: BookingCalendarSelectionCoordinates;\r\n  }) => void;\r\n  onSelected?: (\r\n    data: {\r\n      origin: BookingCalendarSelectionCoordinates;\r\n      target: BookingCalendarSelectionCoordinates;\r\n    },\r\n    e: React.MouseEvent<HTMLElement>\r\n  ) => void;\r\n  dataRowsCount: number;\r\n  firstDataRowIndex: number;\r\n  minSelectionSize: number;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport interface BookingCalendarSelectionState {\r\n  selectionBoxOrigin: BookingCalendarSelectionCoordinates;\r\n  selectionBoxTarget: BookingCalendarSelectionCoordinates;\r\n  hold: boolean;\r\n  animation: string;\r\n  selectionBox: boolean;\r\n}\r\n\r\nexport default class BookingCalendarSelection extends React.Component<\r\n  BookingCalendarSelectionProps,\r\n  BookingCalendarSelectionState\r\n> {\r\n  private animationInProgress: number;\r\n  private containerRef: React.RefObject<HTMLDivElement>;\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    this.animationInProgress = null;\r\n    this.containerRef = React.createRef();\r\n    this.state = {\r\n      hold: false,\r\n      selectionBox: false,\r\n      selectionBoxOrigin: [0, 0],\r\n      selectionBoxTarget: [0, 0],\r\n      animation: '',\r\n    };\r\n    this.handleMouseUp = this.handleMouseUp.bind(this);\r\n    this.handleMouseDown = this.handleMouseDown.bind(this);\r\n    this.handleMouseMove = this.handleMouseMove.bind(this);\r\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\r\n  }\r\n\r\n  handleTransformBox() {\r\n    const { selectionBoxOrigin, selectionBoxTarget } = this.state;\r\n    if (\r\n      selectionBoxOrigin[1] > selectionBoxTarget[1] &&\r\n      selectionBoxOrigin[0] > selectionBoxTarget[0]\r\n    ) {\r\n      return 'scaleY(-1) scaleX(-1)';\r\n    }\r\n\r\n    if (selectionBoxOrigin[1] > selectionBoxTarget[1]) {\r\n      return 'scaleY(-1)';\r\n    }\r\n    if (selectionBoxOrigin[0] > selectionBoxTarget[0]) {\r\n      return 'scaleX(-1)';\r\n    }\r\n    return null;\r\n  }\r\n\r\n  handleMouseLeave(evt: React.MouseEvent<HTMLElement>) {\r\n    /*if (this.state.hold) {\r\n      this.setState({\r\n        hold: false,\r\n        animation: 'bookingCalendar__selection--fadeout',\r\n      });\r\n      this.animationInProgress = (setTimeout(() => {\r\n        this.setState({\r\n          selectionBox: false,\r\n          animation: '',\r\n          selectionBoxOrigin: [0, 0],\r\n          selectionBoxTarget: [0, 0],\r\n        });\r\n        this.animationInProgress = null;\r\n      }, 300) as unknown) as number;\r\n    }*/\r\n  }\r\n\r\n  handleMouseUp(evt: React.MouseEvent<HTMLElement>) {\r\n    if (this.state.hold) {\r\n      const distance = Math.sqrt(\r\n        Math.pow(\r\n          this.state.selectionBoxTarget[1] - this.state.selectionBoxOrigin[1],\r\n          2\r\n        ) +\r\n          Math.pow(\r\n            this.state.selectionBoxTarget[0] - this.state.selectionBoxOrigin[0],\r\n            2\r\n          )\r\n      );\r\n      this.setState({\r\n        hold: false,\r\n        animation: 'bookingCalendar__selection--fadeout',\r\n      });\r\n      this.animationInProgress = setTimeout(() => {\r\n        this.setState({\r\n          selectionBox: false,\r\n          animation: '',\r\n          selectionBoxOrigin: [0, 0],\r\n          selectionBoxTarget: [0, 0],\r\n        });\r\n        this.animationInProgress = null;\r\n      }, 300) as unknown as number;\r\n      if (distance < this.props.minSelectionSize) {\r\n        return;\r\n      }\r\n      this.props.onSelected?.(\r\n        {\r\n          origin: this.state.selectionBoxOrigin,\r\n          target: this.state.selectionBoxTarget,\r\n        },\r\n        evt\r\n      );\r\n    }\r\n  }\r\n\r\n  handleMouseDown(e: React.MouseEvent<HTMLDivElement>) {\r\n    if (this.props.disabled || e.nativeEvent.button !== 0) {\r\n      return;\r\n    }\r\n    clearTimeout(this.animationInProgress);\r\n    this.animationInProgress = null;\r\n    this.setState({ selectionBox: false, animation: '' });\r\n\r\n    const bb = this.containerRef.current?.getBoundingClientRect();\r\n    this.setState({\r\n      hold: true,\r\n      selectionBoxOrigin: [\r\n        e.nativeEvent.pageX - bb.x,\r\n        e.nativeEvent.pageY - bb.y,\r\n      ],\r\n      selectionBoxTarget: [\r\n        e.nativeEvent.pageX - bb.x,\r\n        e.nativeEvent.pageY - bb.y,\r\n      ],\r\n    });\r\n  }\r\n\r\n  private handleMouseMove(evt: React.MouseEvent<HTMLDivElement>) {\r\n    if (this.state.hold && !this.state.selectionBox) {\r\n      this.setState({ selectionBox: true });\r\n    }\r\n    if (this.state.selectionBox && !this.animationInProgress) {\r\n      const bb = this.containerRef.current?.getBoundingClientRect();\r\n      this.setState({\r\n        selectionBoxTarget: [\r\n          evt.nativeEvent.pageX - bb?.x,\r\n          evt.nativeEvent.pageY - bb?.y,\r\n        ],\r\n      });\r\n\r\n      this.props.onSelecting?.({\r\n        origin: this.state.selectionBoxOrigin,\r\n        target: this.state.selectionBoxTarget,\r\n      });\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const baseStyle: React.CSSProperties = {\r\n      zIndex: 10,\r\n      left: Math.min(\r\n        this.state.selectionBoxOrigin[0],\r\n        this.state.selectionBoxTarget[0]\r\n      ),\r\n      top: Math.min(\r\n        this.state.selectionBoxOrigin[1],\r\n        this.state.selectionBoxTarget[1]\r\n      ),\r\n      height: Math.abs(\r\n        this.state.selectionBoxTarget[1] - this.state.selectionBoxOrigin[1] - 1\r\n      ),\r\n      width: Math.abs(\r\n        this.state.selectionBoxTarget[0] - this.state.selectionBoxOrigin[0] - 1\r\n      ),\r\n      userSelect: 'none',\r\n      // transformOrigin: 'top left',\r\n      // transform: this.handleTransformBox(),\r\n    };\r\n    const boxVisible =\r\n      Math.sqrt(\r\n        Math.pow(\r\n          this.state.selectionBoxTarget[1] - this.state.selectionBoxOrigin[1],\r\n          2\r\n        ) +\r\n          Math.pow(\r\n            this.state.selectionBoxTarget[0] - this.state.selectionBoxOrigin[0],\r\n            2\r\n          )\r\n      ) > this.props.minSelectionSize;\r\n    return (\r\n      <div\r\n        ref={this.containerRef}\r\n        className={bookingCalendarSelectionDefaultClasses.root}\r\n        style={{\r\n          zIndex: this.state.selectionBox ? 99999 : undefined,\r\n          gridRowEnd: `span ${this.props.dataRowsCount}`,\r\n          gridRowStart: this.props.firstDataRowIndex,\r\n        }}\r\n        onMouseDown={this.handleMouseDown}\r\n        onMouseUp={this.handleMouseUp}\r\n        onMouseMove={this.handleMouseMove}\r\n        onMouseLeave={this.handleMouseLeave}\r\n      >\r\n        {boxVisible && this.state.selectionBox && (\r\n          <div\r\n            className={`${bookingCalendarSelectionDefaultClasses.selection} ${this.state.animation}`}\r\n            style={baseStyle}\r\n          >\r\n            {this.props.children}\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"BookingCalendarSelection.js","names":["React","_interopRequireWildcard","require","_classes","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","BookingCalendarSelection","Component","constructor","props","animationInProgress","containerRef","createRef","state","hold","selectionBox","selectionBoxOrigin","selectionBoxTarget","animation","handleMouseUp","bind","handleMouseDown","handleMouseMove","handleMouseLeave","handleTransformBox","evt","_this$props$onSelecte","_this$props","distance","Math","sqrt","pow","setState","setTimeout","minSelectionSize","onSelected","origin","target","e","_this$containerRef$cu","disabled","nativeEvent","button","clearTimeout","bb","current","getBoundingClientRect","pageX","x","pageY","y","_this$containerRef$cu2","_this$props$onSelecti","_this$props2","onSelecting","render","baseStyle","zIndex","left","min","window","scrollX","top","scrollY","height","abs","width","userSelect","boxVisible","createElement","ref","className","bookingCalendarSelectionDefaultClasses","root","style","undefined","gridRowEnd","dataRowsCount","gridRowStart","firstDataRowIndex","onMouseDown","onMouseUp","onMouseMove","onMouseLeave","selection","children","exports"],"sources":["../../../../src/lib/components/bookingCalendar/bookingCalendarSelection/BookingCalendarSelection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { bookingCalendarSelectionDefaultClasses } from './classes';\r\n\r\nexport type BookingCalendarSelectionCoordinates = [number, number];\r\nexport interface BookingCalendarSelectionData {\r\n  origin: BookingCalendarSelectionCoordinates;\r\n  target: BookingCalendarSelectionCoordinates;\r\n}\r\nexport interface BookingCalendarSelectionProps {\r\n  disabled?: boolean;\r\n  onSelecting?: (data: {\r\n    origin: BookingCalendarSelectionCoordinates;\r\n    target: BookingCalendarSelectionCoordinates;\r\n  }) => void;\r\n  onSelected?: (\r\n    data: {\r\n      origin: BookingCalendarSelectionCoordinates;\r\n      target: BookingCalendarSelectionCoordinates;\r\n    },\r\n    e: React.MouseEvent<HTMLElement>\r\n  ) => void;\r\n  dataRowsCount: number;\r\n  firstDataRowIndex: number;\r\n  minSelectionSize: number;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport interface BookingCalendarSelectionState {\r\n  selectionBoxOrigin: BookingCalendarSelectionCoordinates;\r\n  selectionBoxTarget: BookingCalendarSelectionCoordinates;\r\n  hold: boolean;\r\n  animation: string;\r\n  selectionBox: boolean;\r\n}\r\n\r\nexport default class BookingCalendarSelection extends React.Component<\r\n  BookingCalendarSelectionProps,\r\n  BookingCalendarSelectionState\r\n> {\r\n  private animationInProgress: number;\r\n  private containerRef: React.RefObject<HTMLDivElement>;\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    this.animationInProgress = null;\r\n    this.containerRef = React.createRef();\r\n    this.state = {\r\n      hold: false,\r\n      selectionBox: false,\r\n      selectionBoxOrigin: [0, 0],\r\n      selectionBoxTarget: [0, 0],\r\n      animation: '',\r\n    };\r\n    this.handleMouseUp = this.handleMouseUp.bind(this);\r\n    this.handleMouseDown = this.handleMouseDown.bind(this);\r\n    this.handleMouseMove = this.handleMouseMove.bind(this);\r\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\r\n  }\r\n\r\n  handleTransformBox() {\r\n    const { selectionBoxOrigin, selectionBoxTarget } = this.state;\r\n    if (\r\n      selectionBoxOrigin[1] > selectionBoxTarget[1] &&\r\n      selectionBoxOrigin[0] > selectionBoxTarget[0]\r\n    ) {\r\n      return 'scaleY(-1) scaleX(-1)';\r\n    }\r\n\r\n    if (selectionBoxOrigin[1] > selectionBoxTarget[1]) {\r\n      return 'scaleY(-1)';\r\n    }\r\n    if (selectionBoxOrigin[0] > selectionBoxTarget[0]) {\r\n      return 'scaleX(-1)';\r\n    }\r\n    return null;\r\n  }\r\n\r\n  handleMouseLeave(evt: React.MouseEvent<HTMLElement>) {\r\n    /*if (this.state.hold) {\r\n      this.setState({\r\n        hold: false,\r\n        animation: 'bookingCalendar__selection--fadeout',\r\n      });\r\n      this.animationInProgress = (setTimeout(() => {\r\n        this.setState({\r\n          selectionBox: false,\r\n          animation: '',\r\n          selectionBoxOrigin: [0, 0],\r\n          selectionBoxTarget: [0, 0],\r\n        });\r\n        this.animationInProgress = null;\r\n      }, 300) as unknown) as number;\r\n    }*/\r\n  }\r\n\r\n  handleMouseUp(evt: React.MouseEvent<HTMLElement>) {\r\n    if (this.state.hold) {\r\n      const distance = Math.sqrt(\r\n        Math.pow(\r\n          this.state.selectionBoxTarget[1] - this.state.selectionBoxOrigin[1],\r\n          2\r\n        ) +\r\n          Math.pow(\r\n            this.state.selectionBoxTarget[0] - this.state.selectionBoxOrigin[0],\r\n            2\r\n          )\r\n      );\r\n      this.setState({\r\n        hold: false,\r\n        animation: 'bookingCalendar__selection--fadeout',\r\n      });\r\n      this.animationInProgress = setTimeout(() => {\r\n        this.setState({\r\n          selectionBox: false,\r\n          animation: '',\r\n          selectionBoxOrigin: [0, 0],\r\n          selectionBoxTarget: [0, 0],\r\n        });\r\n        this.animationInProgress = null;\r\n      }, 300) as unknown as number;\r\n      if (distance < this.props.minSelectionSize) {\r\n        return;\r\n      }\r\n      this.props.onSelected?.(\r\n        {\r\n          origin: this.state.selectionBoxOrigin,\r\n          target: this.state.selectionBoxTarget,\r\n        },\r\n        evt\r\n      );\r\n    }\r\n  }\r\n\r\n  handleMouseDown(e: React.MouseEvent<HTMLDivElement>) {\r\n    if (this.props.disabled || e.nativeEvent.button !== 0) {\r\n      return;\r\n    }\r\n    clearTimeout(this.animationInProgress);\r\n    this.animationInProgress = null;\r\n    this.setState({ selectionBox: false, animation: '' });\r\n\r\n    const bb = this.containerRef.current?.getBoundingClientRect();\r\n    this.setState({\r\n      hold: true,\r\n      selectionBoxOrigin: [\r\n        e.nativeEvent.pageX - bb.x,\r\n        e.nativeEvent.pageY - bb.y,\r\n      ],\r\n      selectionBoxTarget: [\r\n        e.nativeEvent.pageX - bb.x,\r\n        e.nativeEvent.pageY - bb.y,\r\n      ],\r\n    });\r\n  }\r\n\r\n  private handleMouseMove(evt: React.MouseEvent<HTMLDivElement>) {\r\n    if (this.state.hold && !this.state.selectionBox) {\r\n      this.setState({ selectionBox: true });\r\n    }\r\n    if (this.state.selectionBox && !this.animationInProgress) {\r\n      const bb = this.containerRef.current?.getBoundingClientRect();\r\n      this.setState({\r\n        selectionBoxTarget: [\r\n          evt.nativeEvent.pageX - bb?.x,\r\n          evt.nativeEvent.pageY - bb?.y,\r\n        ],\r\n      });\r\n\r\n      this.props.onSelecting?.({\r\n        origin: this.state.selectionBoxOrigin,\r\n        target: this.state.selectionBoxTarget,\r\n      });\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const baseStyle: React.CSSProperties = {\r\n      zIndex: 10,\r\n      left: Math.min(\r\n        this.state.selectionBoxOrigin[0] - window.scrollX,\r\n        this.state.selectionBoxTarget[0] - window.scrollX\r\n      ),\r\n      top: Math.min(\r\n        this.state.selectionBoxOrigin[1] - window.scrollY,\r\n        this.state.selectionBoxTarget[1] - window.scrollY\r\n      ),\r\n      height: Math.abs(\r\n        this.state.selectionBoxTarget[1] - this.state.selectionBoxOrigin[1] - 1\r\n      ),\r\n      width: Math.abs(\r\n        this.state.selectionBoxTarget[0] - this.state.selectionBoxOrigin[0] - 1\r\n      ),\r\n      userSelect: 'none',\r\n      // transformOrigin: 'top left',\r\n      // transform: this.handleTransformBox(),\r\n    };\r\n    const boxVisible =\r\n      Math.sqrt(\r\n        Math.pow(\r\n          this.state.selectionBoxTarget[1] - this.state.selectionBoxOrigin[1],\r\n          2\r\n        ) +\r\n          Math.pow(\r\n            this.state.selectionBoxTarget[0] - this.state.selectionBoxOrigin[0],\r\n            2\r\n          )\r\n      ) > this.props.minSelectionSize;\r\n    return (\r\n      <div\r\n        ref={this.containerRef}\r\n        className={bookingCalendarSelectionDefaultClasses.root}\r\n        style={{\r\n          zIndex: this.state.selectionBox ? 99999 : undefined,\r\n          gridRowEnd: `span ${this.props.dataRowsCount}`,\r\n          gridRowStart: this.props.firstDataRowIndex,\r\n        }}\r\n        onMouseDown={this.handleMouseDown}\r\n        onMouseUp={this.handleMouseUp}\r\n        onMouseMove={this.handleMouseMove}\r\n        onMouseLeave={this.handleMouseLeave}\r\n      >\r\n        {boxVisible && this.state.selectionBox && (\r\n          <div\r\n            className={`${bookingCalendarSelectionDefaultClasses.selection} ${this.state.animation}`}\r\n            style={baseStyle}\r\n          >\r\n            {this.props.children}\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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"}

package/build/dist/report.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>guestbell-forms [26 Jun 2023 at 18:34]</title>
+    <title>guestbell-forms [2 Jul 2023 at 17:13]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.0.60",
+  "version": "3.0.61",
   "description": "React forms with validation as used in GuestBell",
   "keywords": [
     "react",

package/src/lib/components/bookingCalendar/bookingCalendarSelection/BookingCalendarSelection.tsx

@@ -177,12 +177,12 @@ export default class BookingCalendarSelection extends React.Component<
     const baseStyle: React.CSSProperties = {
       zIndex: 10,
       left: Math.min(
-        this.state.selectionBoxOrigin[0],
-        this.state.selectionBoxTarget[0]
+        this.state.selectionBoxOrigin[0] - window.scrollX,
+        this.state.selectionBoxTarget[0] - window.scrollX
       ),
       top: Math.min(
-        this.state.selectionBoxOrigin[1],
-        this.state.selectionBoxTarget[1]
+        this.state.selectionBoxOrigin[1] - window.scrollY,
+        this.state.selectionBoxTarget[1] - window.scrollY
       ),
       height: Math.abs(
         this.state.selectionBoxTarget[1] - this.state.selectionBoxOrigin[1] - 1