guestbell-forms 3.0.47 → 3.0.48

package/build/components/bookingCalendar/BookingCalendar.js

@@ -124,6 +124,7 @@ function BookingCalendar(props) {
       }), timeSpaceStart, timeSpaceEnd, e);
     }
   }, [from, till, width, onRangeChange, onSelection, onSelection ? bookings : null]);
+  const firstDataRowIndex = showHeader ? 2 : 1;
   return /*#__PURE__*/React.createElement("div", {
     className: (0, _classnames.default)(_classes.bookingCalendarDefaultClasses.className, className),
     ref: containerRef
@@ -146,16 +147,20 @@ function BookingCalendar(props) {
   })), /*#__PURE__*/React.createElement("div", {
     className: (0, _classnames.default)(_classes.bookingCalendarDefaultClasses.tableClassName, tableClassName)
   }, showGrid && /*#__PURE__*/React.createElement(BookingCalendarGrid, {
+    firstDataRowIndex: firstDataRowIndex,
     items: gridItems,
     dataRowsCount: lanes.length,
-    width: width
+    width: width,
+    containerRef: showHeader ? undefined : observe
   }), showNowSection && /*#__PURE__*/React.createElement(BookingCalendarNowSection, {
+    firstDataRowIndex: firstDataRowIndex,
     from: from,
     till: till,
     dataRowsCount: lanes.length,
     width: width,
     alwaysShowSections: alwaysShowNowSections
   }), showSelection && /*#__PURE__*/React.createElement(_BookingCalendarSelection.default, {
+    firstDataRowIndex: firstDataRowIndex,
     dataRowsCount: lanes.length + (showTimeAxis ? 1 : 0),
     onSelected: onSelected,
     minSelectionSize: minSelectionSize
@@ -196,7 +201,9 @@ function BookingCalendar(props) {
       BookingCalendarRenderItem: lane.BookingCalendarRenderItem ?? BookingCalendarRenderItem,
       step: step
     })));
-  }), /*#__PURE__*/React.createElement("div", null), showTimeAxis && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_BookingCalendarTimeAxis.BookingCalendarTimeAxis, {
+  }), /*#__PURE__*/React.createElement("div", null), showTimeAxis && /*#__PURE__*/React.createElement("div", {
+    ref: showGrid || showGrid ? undefined : observe
+  }, /*#__PURE__*/React.createElement(_BookingCalendarTimeAxis.BookingCalendarTimeAxis, {
     items: gridItems,
     bestStep: bestStep,
     getMomentFormatFunction: getMomentFormatFunction

package/build/components/bookingCalendar/BookingCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookingCalendar.js","names":["React","_interopRequireWildcard","require","_classes","_classnames","_interopRequireDefault","_common","_BookingCalendarControls","_utils","_BookingCalendarLane","_moment","_bookingCalendarItem","_BookingCalendarGrid","_bookingCalendarLaneHeader","_bookingCalendarLanesHeader","_bookingCalendarDatePicker","_BookingCalendarTimeAxis","_reactCoolDimensions","_BookingCalendarSelection","_bookingCalendarLane","_classes2","_bookingCalendarNowSection","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","defaultStep","moment","duration","BookingCalendar","props","_entry$target","bookings","className","laneContainerClassName","laneHeaderContainerClassName","lanesHeaderContainerClassName","lanesHeaderHeaderContainerClassName","controlsClasses","tableClassName","from","till","onRangeChange","step","showGrid","showHeader","showSelection","showNowSection","alwaysShowNowSections","onSelection","minSelectionSize","selectionContent","showZoomAllButton","gridAvailableSteps","defaultGridAvailableSteps","getMomentFormatFunction","defaultGetMomentFormatFunction","getNewMomentFunction","defaultGetNewMomentFunction","goalGridWidthPx","minLanesCount","lanesSource","unmatchedLanesToFront","filterBookingsToZoom","zoomLevels","BookingCalendarControls","DefaultBookingCalendarControls","BookingCalendarItem","BookingCalendarLane","DefaultBookingCalendarLane","BookingCalendarRenderItem","BookingCalendarGrid","DefaultBookingCalendarGrid","BookingCalendarLaneHeader","DefaultBookingCalendarLaneHeader","BookingCalendarLanesHeader","DefaultBookingCalendarLanesHeader","BookingCalendarDatePicker","DefaultBookingCalendarDatePicker","BookingCalendarNowSection","DefaultBookingCalendarNowSection","bookingCalendarTopLeftHeader","filteringButton","children","showTimeAxis","Boolean","lanes","useMemo","splitBookingsToLanes","observe","entry","useDimensions","width","scrollWidth","items","gridItems","bestStep","_from$clone","generateGridItems","clone","startOf","containerRef","useRef","onSelected","useCallback","data","e","selectionLeft","Math","min","origin","selectionRight","max","selectionTop","selectionBottom","durationMs","valueOf","toTimeSpace","num","timeSpaceStart","add","timeSpaceEnd","_containerRef$current","_containerRef$current2","itemSelector","bookingCalendarLaneDefaultClasses","bookingCalendarLanesHeaderDefaultClasses","laneClassName","bookingCalendarItemDefaultClasses","allItems","Array","current","querySelectorAll","selectionAreaBB","querySelector","bookingCalendarSelectionDefaultClasses","root","getBoundingClientRect","selectedItems","filter","item","itemBB","itemLeft","left","itemTop","top","itemRight","right","itemBottom","bottom","selectedIds","map","getAttribute","b","_b$id","includes","id","toString","createElement","classNames","bookingCalendarDefaultClasses","ref","bookingCalendarDatePicker","Fragment","dataRowsCount","alwaysShowSections","lane","laneIndex","LaneBookingCalendarLaneHeader","LaneBookingCalendarLane","rowClassName","laneKey","BookingCalendarTimeAxis"],"sources":["../../../src/lib/components/bookingCalendar/BookingCalendar.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport {\r\n  BookingCalendarClasses,\r\n  bookingCalendarDefaultClasses,\r\n} from './classes';\r\nimport classNames from 'classnames';\r\nimport {\r\n  BookingCalendarDateRange,\r\n  BookingCalendarItemT,\r\n  defaultGetMomentFormatFunction,\r\n  GetNewMomentFunctionType,\r\n  defaultGetNewMomentFunction,\r\n  defaultGridAvailableSteps,\r\n  GetMomentFormatFunctionType,\r\n  ZoomLevel,\r\n} from './common';\r\nimport {\r\n  BookingCalendarControls as DefaultBookingCalendarControls,\r\n  BookingCalendarControlsProps,\r\n} from './bookingCalendarControls/BookingCalendarControls';\r\nimport {\r\n  generateGridItems,\r\n  LaneSourceData,\r\n  splitBookingsToLanes,\r\n} from './utils';\r\nimport {\r\n  BookingCalendarLane as DefaultBookingCalendarLane,\r\n  BookingCalendarLaneProps,\r\n} from './bookingCalendarLane/BookingCalendarLane';\r\nimport moment, { Moment, Duration } from 'moment';\r\nimport {\r\n  BookingCalendarItemProps,\r\n  bookingCalendarItemDefaultClasses,\r\n} from './bookingCalendarItem';\r\nimport { BookingCalendarRenderItemProps } from './bookingCalendarRenderItem';\r\nimport {\r\n  BookingCalendarGrid as DefaultBookingCalendarGrid,\r\n  BookingCalendarGridProps,\r\n} from './bookingCalendarGrid/BookingCalendarGrid';\r\nimport {\r\n  BookingCalendarLaneHeader as DefaultBookingCalendarLaneHeader,\r\n  BookingCalendarLaneHeaderProps,\r\n} from './bookingCalendarLaneHeader';\r\nimport {\r\n  BookingCalendarLanesHeader as DefaultBookingCalendarLanesHeader,\r\n  BookingCalendarLanesHeaderProps,\r\n  bookingCalendarLanesHeaderDefaultClasses,\r\n} from './bookingCalendarLanesHeader';\r\nimport {\r\n  BookingCalendarDatePicker as DefaultBookingCalendarDatePicker,\r\n  BookingCalendarDatePickerProps,\r\n} from './bookingCalendarDatePicker';\r\nimport { BookingCalendarTimeAxis } from './bookingCalendarTimeAxis/BookingCalendarTimeAxis';\r\nimport useDimensions from 'react-cool-dimensions';\r\nimport BookingCalendarSelection, {\r\n  BookingCalendarSelectionData,\r\n} from './bookingCalendarSelection/BookingCalendarSelection';\r\nimport { bookingCalendarLaneDefaultClasses } from './bookingCalendarLane';\r\nimport { bookingCalendarSelectionDefaultClasses } from './bookingCalendarSelection/classes';\r\nimport {\r\n  BookingCalendarNowSectionProps,\r\n  BookingCalendarNowSection as DefaultBookingCalendarNowSection,\r\n} from './bookingCalendarNowSection';\r\n\r\nexport interface BookingCalendarProps<T extends BookingCalendarItemT, TLaneData>\r\n  extends BookingCalendarClasses {\r\n  bookings: T[];\r\n  from: Moment;\r\n  till: Moment;\r\n  getMomentFormatFunction?: GetMomentFormatFunctionType;\r\n  getNewMomentFunction?: GetNewMomentFunctionType;\r\n  onRangeChange?: (range: BookingCalendarDateRange) => void;\r\n  step?: Duration;\r\n  showZoomAllButton?: boolean;\r\n  showGrid?: boolean;\r\n  gridAvailableSteps?: Duration[];\r\n  goalGridWidthPx?: number;\r\n  minLanesCount?: number;\r\n  lanesSource?: LaneSourceData<T, TLaneData>[];\r\n  unmatchedLanesToFront?: boolean;\r\n  children?: React.ReactNode;\r\n  bookingCalendarTopLeftHeader?: React.ReactNode;\r\n  filteringButton?: React.ReactNode;\r\n\r\n  zoomLevels?: ZoomLevel[];\r\n  filterBookingsToZoom?: (booking: T) => boolean;\r\n\r\n  showSelection?: boolean;\r\n  minSelectionSize?: number;\r\n  onSelection?: (\r\n    items: T[],\r\n    from: Moment,\r\n    till: Moment,\r\n    e: React.MouseEvent<HTMLElement>\r\n  ) => void;\r\n  selectionContent?: React.ReactNode;\r\n\r\n  showHeader?: boolean;\r\n  showTimeAxis?: boolean;\r\n  showNowSection?: boolean;\r\n  alwaysShowNowSections?: boolean;\r\n\r\n  BookingCalendarItem?: React.ComponentType<BookingCalendarItemProps<T>>;\r\n  BookingCalendarRenderItem?: React.ComponentType<\r\n    BookingCalendarRenderItemProps<T>\r\n  >;\r\n  BookingCalendarLane?: React.ComponentType<BookingCalendarLaneProps<T>>;\r\n  BookingCalendarControls?: React.ComponentType<\r\n    BookingCalendarControlsProps<T>\r\n  >;\r\n  BookingCalendarGrid?: React.ComponentType<BookingCalendarGridProps>;\r\n  BookingCalendarLaneHeader?: React.ComponentType<\r\n    BookingCalendarLaneHeaderProps<TLaneData>\r\n  >;\r\n  BookingCalendarLanesHeader?: React.ComponentType<\r\n    BookingCalendarLanesHeaderProps<T>\r\n  >;\r\n  BookingCalendarDatePicker?:\r\n    | React.ComponentType<BookingCalendarDatePickerProps<T>>\r\n    | React.ReactNode;\r\n  BookingCalendarNowSection?: React.ComponentType<BookingCalendarNowSectionProps>;\r\n}\r\n\r\nconst defaultStep = moment.duration(1, 'day');\r\n\r\nexport function BookingCalendar<T extends BookingCalendarItemT, TLaneData>(\r\n  props: BookingCalendarProps<T, TLaneData>\r\n) {\r\n  const {\r\n    bookings,\r\n    className,\r\n    laneContainerClassName,\r\n    laneHeaderContainerClassName,\r\n    lanesHeaderContainerClassName,\r\n    lanesHeaderHeaderContainerClassName,\r\n    controlsClasses,\r\n    tableClassName,\r\n    from,\r\n    till,\r\n    onRangeChange,\r\n    step = defaultStep,\r\n    showGrid = true,\r\n    showHeader = true,\r\n    showSelection = true,\r\n    showNowSection = true,\r\n    alwaysShowNowSections = false,\r\n    onSelection,\r\n    minSelectionSize = 10,\r\n    selectionContent,\r\n    showZoomAllButton = true,\r\n    gridAvailableSteps = defaultGridAvailableSteps,\r\n    getMomentFormatFunction = defaultGetMomentFormatFunction,\r\n    getNewMomentFunction = defaultGetNewMomentFunction,\r\n    goalGridWidthPx = 60,\r\n    minLanesCount,\r\n    lanesSource,\r\n    unmatchedLanesToFront = true,\r\n    filterBookingsToZoom,\r\n    zoomLevels,\r\n    BookingCalendarControls = DefaultBookingCalendarControls,\r\n    BookingCalendarItem,\r\n    BookingCalendarLane = DefaultBookingCalendarLane,\r\n    BookingCalendarRenderItem,\r\n    BookingCalendarGrid = DefaultBookingCalendarGrid,\r\n    BookingCalendarLaneHeader = DefaultBookingCalendarLaneHeader,\r\n    BookingCalendarLanesHeader = DefaultBookingCalendarLanesHeader,\r\n    BookingCalendarDatePicker = DefaultBookingCalendarDatePicker,\r\n    BookingCalendarNowSection = DefaultBookingCalendarNowSection,\r\n    bookingCalendarTopLeftHeader,\r\n    filteringButton,\r\n    children,\r\n  } = props;\r\n  const {\r\n    showTimeAxis = Boolean(bookings?.length) || Boolean(lanesSource?.length),\r\n  } = props;\r\n  const lanes = React.useMemo(\r\n    () =>\r\n      splitBookingsToLanes<T, TLaneData>(\r\n        bookings,\r\n        from,\r\n        till,\r\n        minLanesCount,\r\n        lanesSource,\r\n        unmatchedLanesToFront\r\n      ),\r\n    [bookings, from, till, minLanesCount, lanesSource, unmatchedLanesToFront]\r\n  );\r\n  const { observe, entry } = useDimensions<HTMLDivElement>();\r\n  const width = entry?.target?.scrollWidth ?? 0;\r\n  const { items: gridItems, bestStep } = React.useMemo(\r\n    () =>\r\n      generateGridItems(\r\n        from,\r\n        till,\r\n        step,\r\n        width,\r\n        gridAvailableSteps,\r\n        goalGridWidthPx,\r\n        from?.clone()?.startOf('day')\r\n      ),\r\n    [from, till, step, width, gridAvailableSteps, goalGridWidthPx]\r\n  );\r\n  const containerRef = React.useRef<HTMLDivElement>();\r\n  const onSelected = React.useCallback(\r\n    (data: BookingCalendarSelectionData, e: React.MouseEvent<HTMLElement>) => {\r\n      if (!from || !till || !width || !onRangeChange) {\r\n        return;\r\n      }\r\n      const selectionLeft = Math.min(data.origin[0], data.target[0]);\r\n      const selectionRight = Math.max(data.origin[0], data.target[0]);\r\n      const selectionTop = Math.min(data.origin[1], data.target[1]);\r\n      const selectionBottom = Math.max(data.origin[1], data.target[1]);\r\n      const durationMs = till.valueOf() - from.valueOf();\r\n      const toTimeSpace = (num: number) => (num / (width || 1)) * durationMs;\r\n      const timeSpaceStart = from.clone().add(toTimeSpace(selectionLeft), 'ms');\r\n      const timeSpaceEnd = from.clone().add(toTimeSpace(selectionRight), 'ms');\r\n      if (onSelection) {\r\n        const itemSelector = `.${bookingCalendarLaneDefaultClasses.className}:not(.${bookingCalendarLanesHeaderDefaultClasses.laneClassName}) > .${bookingCalendarItemDefaultClasses.className}`;\r\n        const allItems = Array.from(\r\n          containerRef?.current?.querySelectorAll(itemSelector)\r\n        );\r\n        const selectionAreaBB = containerRef?.current\r\n          ?.querySelector(`.${bookingCalendarSelectionDefaultClasses.root}`)\r\n          .getBoundingClientRect();\r\n        const selectedItems = allItems.filter((item) => {\r\n          const itemBB = item.getBoundingClientRect();\r\n          const itemLeft = itemBB.left - selectionAreaBB.left;\r\n          const itemTop = itemBB.top - selectionAreaBB.top;\r\n          const itemRight = itemBB.right - selectionAreaBB.left;\r\n          const itemBottom = itemBB.bottom - selectionAreaBB.top;\r\n          // check if the item rectangle is contained or intersects or overlaps with the selection rectangle\r\n          return (\r\n            itemLeft < selectionRight &&\r\n            itemRight > selectionLeft &&\r\n            itemTop < selectionBottom &&\r\n            itemBottom > selectionTop\r\n          );\r\n        });\r\n        const selectedIds = selectedItems.map((item) =>\r\n          item.getAttribute('data-id')\r\n        );\r\n        onSelection(\r\n          bookings?.filter((b) => selectedIds.includes(b.id?.toString())),\r\n          timeSpaceStart,\r\n          timeSpaceEnd,\r\n          e\r\n        );\r\n      }\r\n    },\r\n    [\r\n      from,\r\n      till,\r\n      width,\r\n      onRangeChange,\r\n      onSelection,\r\n      onSelection ? bookings : null,\r\n    ]\r\n  );\r\n  return (\r\n    <div\r\n      className={classNames(bookingCalendarDefaultClasses.className, className)}\r\n      ref={containerRef}\r\n    >\r\n      <BookingCalendarControls<T>\r\n        {...controlsClasses}\r\n        items={bookings}\r\n        from={from}\r\n        till={till}\r\n        onRangeChange={onRangeChange}\r\n        step={step}\r\n        filterBookingsToZoom={filterBookingsToZoom}\r\n        zoomLevels={zoomLevels}\r\n        filteringButton={filteringButton}\r\n        showZoomAllButton={showZoomAllButton}\r\n        bookingCalendarDatePicker={\r\n          <>\r\n            {typeof BookingCalendarDatePicker === 'function' ? (\r\n              <BookingCalendarDatePicker\r\n                from={from}\r\n                till={till}\r\n                onRangeChange={onRangeChange}\r\n                getNewMomentFunction={getNewMomentFunction}\r\n              />\r\n            ) : (\r\n              BookingCalendarDatePicker\r\n            )}\r\n          </>\r\n        }\r\n      />\r\n      <div\r\n        className={classNames(\r\n          bookingCalendarDefaultClasses.tableClassName,\r\n          tableClassName\r\n        )}\r\n      >\r\n        {showGrid && (\r\n          <BookingCalendarGrid\r\n            items={gridItems}\r\n            dataRowsCount={lanes.length}\r\n            width={width}\r\n          />\r\n        )}\r\n        {showNowSection && (\r\n          <BookingCalendarNowSection\r\n            from={from}\r\n            till={till}\r\n            dataRowsCount={lanes.length}\r\n            width={width}\r\n            alwaysShowSections={alwaysShowNowSections}\r\n          />\r\n        )}\r\n        {showSelection && (\r\n          <BookingCalendarSelection\r\n            dataRowsCount={lanes.length + (showTimeAxis ? 1 : 0)}\r\n            onSelected={onSelected}\r\n            minSelectionSize={minSelectionSize}\r\n          >\r\n            {selectionContent}\r\n          </BookingCalendarSelection>\r\n        )}\r\n        {showHeader && (\r\n          <>\r\n            <div\r\n              className={classNames(\r\n                bookingCalendarDefaultClasses.lanesHeaderHeaderContainerClassName,\r\n                lanesHeaderHeaderContainerClassName\r\n              )}\r\n            >\r\n              {bookingCalendarTopLeftHeader}\r\n            </div>\r\n            <div\r\n              className={classNames(\r\n                bookingCalendarDefaultClasses.lanesHeaderContainerClassName,\r\n                lanesHeaderContainerClassName\r\n              )}\r\n              ref={observe}\r\n            >\r\n              <BookingCalendarLanesHeader<T>\r\n                {...controlsClasses}\r\n                from={from}\r\n                till={till}\r\n                onRangeChange={onRangeChange}\r\n                step={step}\r\n              />\r\n            </div>\r\n          </>\r\n        )}\r\n\r\n        {lanes.map((lane, laneIndex) => {\r\n          const LaneBookingCalendarLaneHeader =\r\n            lane.BookingCalendarLaneHeader ?? BookingCalendarLaneHeader;\r\n          const LaneBookingCalendarLane =\r\n            lane.BookingCalendarLane ?? BookingCalendarLane;\r\n          return (\r\n            <React.Fragment key={laneIndex}>\r\n              <div\r\n                className={classNames(\r\n                  bookingCalendarDefaultClasses.laneHeaderContainerClassName,\r\n                  laneHeaderContainerClassName,\r\n                  lane.rowClassName,\r\n                  {\r\n                    [`${bookingCalendarDefaultClasses.laneHeaderContainerClassName}--last`]:\r\n                      laneIndex === lanes.length - 1,\r\n                    [`${bookingCalendarDefaultClasses.laneHeaderContainerClassName}--first`]:\r\n                      laneIndex === 0,\r\n                  }\r\n                )}\r\n              >\r\n                <LaneBookingCalendarLaneHeader<TLaneData>\r\n                  laneKey={lane.laneKey ?? laneIndex}\r\n                  data={lane.data}\r\n                />\r\n              </div>\r\n              <div\r\n                className={classNames(\r\n                  bookingCalendarDefaultClasses.laneContainerClassName,\r\n                  laneContainerClassName,\r\n                  lane.rowClassName,\r\n                  {\r\n                    [`${bookingCalendarDefaultClasses.laneContainerClassName}--last`]:\r\n                      laneIndex === lanes.length - 1,\r\n                    [`${bookingCalendarDefaultClasses.laneContainerClassName}--first`]:\r\n                      laneIndex === 0,\r\n                  }\r\n                )}\r\n              >\r\n                <LaneBookingCalendarLane\r\n                  laneIndex={laneIndex}\r\n                  items={lane.items}\r\n                  from={from}\r\n                  till={till}\r\n                  BookingCalendarItem={\r\n                    lane.BookingCalendarItem ?? BookingCalendarItem\r\n                  }\r\n                  BookingCalendarRenderItem={\r\n                    lane.BookingCalendarRenderItem ?? BookingCalendarRenderItem\r\n                  }\r\n                  step={step}\r\n                />\r\n              </div>\r\n            </React.Fragment>\r\n          );\r\n        })}\r\n        <div />\r\n        {showTimeAxis && (\r\n          <div>\r\n            <BookingCalendarTimeAxis\r\n              items={gridItems}\r\n              bestStep={bestStep}\r\n              getMomentFormatFunction={getMomentFormatFunction}\r\n            />\r\n          </div>\r\n        )}\r\n      </div>\r\n      {children}\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"BookingCalendar.js","names":["React","_interopRequireWildcard","require","_classes","_classnames","_interopRequireDefault","_common","_BookingCalendarControls","_utils","_BookingCalendarLane","_moment","_bookingCalendarItem","_BookingCalendarGrid","_bookingCalendarLaneHeader","_bookingCalendarLanesHeader","_bookingCalendarDatePicker","_BookingCalendarTimeAxis","_reactCoolDimensions","_BookingCalendarSelection","_bookingCalendarLane","_classes2","_bookingCalendarNowSection","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","defaultStep","moment","duration","BookingCalendar","props","_entry$target","bookings","className","laneContainerClassName","laneHeaderContainerClassName","lanesHeaderContainerClassName","lanesHeaderHeaderContainerClassName","controlsClasses","tableClassName","from","till","onRangeChange","step","showGrid","showHeader","showSelection","showNowSection","alwaysShowNowSections","onSelection","minSelectionSize","selectionContent","showZoomAllButton","gridAvailableSteps","defaultGridAvailableSteps","getMomentFormatFunction","defaultGetMomentFormatFunction","getNewMomentFunction","defaultGetNewMomentFunction","goalGridWidthPx","minLanesCount","lanesSource","unmatchedLanesToFront","filterBookingsToZoom","zoomLevels","BookingCalendarControls","DefaultBookingCalendarControls","BookingCalendarItem","BookingCalendarLane","DefaultBookingCalendarLane","BookingCalendarRenderItem","BookingCalendarGrid","DefaultBookingCalendarGrid","BookingCalendarLaneHeader","DefaultBookingCalendarLaneHeader","BookingCalendarLanesHeader","DefaultBookingCalendarLanesHeader","BookingCalendarDatePicker","DefaultBookingCalendarDatePicker","BookingCalendarNowSection","DefaultBookingCalendarNowSection","bookingCalendarTopLeftHeader","filteringButton","children","showTimeAxis","Boolean","lanes","useMemo","splitBookingsToLanes","observe","entry","useDimensions","width","scrollWidth","items","gridItems","bestStep","_from$clone","generateGridItems","clone","startOf","containerRef","useRef","onSelected","useCallback","data","e","selectionLeft","Math","min","origin","selectionRight","max","selectionTop","selectionBottom","durationMs","valueOf","toTimeSpace","num","timeSpaceStart","add","timeSpaceEnd","_containerRef$current","_containerRef$current2","itemSelector","bookingCalendarLaneDefaultClasses","bookingCalendarLanesHeaderDefaultClasses","laneClassName","bookingCalendarItemDefaultClasses","allItems","Array","current","querySelectorAll","selectionAreaBB","querySelector","bookingCalendarSelectionDefaultClasses","root","getBoundingClientRect","selectedItems","filter","item","itemBB","itemLeft","left","itemTop","top","itemRight","right","itemBottom","bottom","selectedIds","map","getAttribute","b","_b$id","includes","id","toString","firstDataRowIndex","createElement","classNames","bookingCalendarDefaultClasses","ref","bookingCalendarDatePicker","Fragment","dataRowsCount","undefined","alwaysShowSections","lane","laneIndex","LaneBookingCalendarLaneHeader","LaneBookingCalendarLane","rowClassName","laneKey","BookingCalendarTimeAxis"],"sources":["../../../src/lib/components/bookingCalendar/BookingCalendar.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport {\r\n  BookingCalendarClasses,\r\n  bookingCalendarDefaultClasses,\r\n} from './classes';\r\nimport classNames from 'classnames';\r\nimport {\r\n  BookingCalendarDateRange,\r\n  BookingCalendarItemT,\r\n  defaultGetMomentFormatFunction,\r\n  GetNewMomentFunctionType,\r\n  defaultGetNewMomentFunction,\r\n  defaultGridAvailableSteps,\r\n  GetMomentFormatFunctionType,\r\n  ZoomLevel,\r\n} from './common';\r\nimport {\r\n  BookingCalendarControls as DefaultBookingCalendarControls,\r\n  BookingCalendarControlsProps,\r\n} from './bookingCalendarControls/BookingCalendarControls';\r\nimport {\r\n  generateGridItems,\r\n  LaneSourceData,\r\n  splitBookingsToLanes,\r\n} from './utils';\r\nimport {\r\n  BookingCalendarLane as DefaultBookingCalendarLane,\r\n  BookingCalendarLaneProps,\r\n} from './bookingCalendarLane/BookingCalendarLane';\r\nimport moment, { Moment, Duration } from 'moment';\r\nimport {\r\n  BookingCalendarItemProps,\r\n  bookingCalendarItemDefaultClasses,\r\n} from './bookingCalendarItem';\r\nimport { BookingCalendarRenderItemProps } from './bookingCalendarRenderItem';\r\nimport {\r\n  BookingCalendarGrid as DefaultBookingCalendarGrid,\r\n  BookingCalendarGridProps,\r\n} from './bookingCalendarGrid/BookingCalendarGrid';\r\nimport {\r\n  BookingCalendarLaneHeader as DefaultBookingCalendarLaneHeader,\r\n  BookingCalendarLaneHeaderProps,\r\n} from './bookingCalendarLaneHeader';\r\nimport {\r\n  BookingCalendarLanesHeader as DefaultBookingCalendarLanesHeader,\r\n  BookingCalendarLanesHeaderProps,\r\n  bookingCalendarLanesHeaderDefaultClasses,\r\n} from './bookingCalendarLanesHeader';\r\nimport {\r\n  BookingCalendarDatePicker as DefaultBookingCalendarDatePicker,\r\n  BookingCalendarDatePickerProps,\r\n} from './bookingCalendarDatePicker';\r\nimport { BookingCalendarTimeAxis } from './bookingCalendarTimeAxis/BookingCalendarTimeAxis';\r\nimport useDimensions from 'react-cool-dimensions';\r\nimport BookingCalendarSelection, {\r\n  BookingCalendarSelectionData,\r\n} from './bookingCalendarSelection/BookingCalendarSelection';\r\nimport { bookingCalendarLaneDefaultClasses } from './bookingCalendarLane';\r\nimport { bookingCalendarSelectionDefaultClasses } from './bookingCalendarSelection/classes';\r\nimport {\r\n  BookingCalendarNowSectionProps,\r\n  BookingCalendarNowSection as DefaultBookingCalendarNowSection,\r\n} from './bookingCalendarNowSection';\r\n\r\nexport interface BookingCalendarProps<T extends BookingCalendarItemT, TLaneData>\r\n  extends BookingCalendarClasses {\r\n  bookings: T[];\r\n  from: Moment;\r\n  till: Moment;\r\n  getMomentFormatFunction?: GetMomentFormatFunctionType;\r\n  getNewMomentFunction?: GetNewMomentFunctionType;\r\n  onRangeChange?: (range: BookingCalendarDateRange) => void;\r\n  step?: Duration;\r\n  showZoomAllButton?: boolean;\r\n  showGrid?: boolean;\r\n  gridAvailableSteps?: Duration[];\r\n  goalGridWidthPx?: number;\r\n  minLanesCount?: number;\r\n  lanesSource?: LaneSourceData<T, TLaneData>[];\r\n  unmatchedLanesToFront?: boolean;\r\n  children?: React.ReactNode;\r\n  bookingCalendarTopLeftHeader?: React.ReactNode;\r\n  filteringButton?: React.ReactNode;\r\n\r\n  zoomLevels?: ZoomLevel[];\r\n  filterBookingsToZoom?: (booking: T) => boolean;\r\n\r\n  showSelection?: boolean;\r\n  minSelectionSize?: number;\r\n  onSelection?: (\r\n    items: T[],\r\n    from: Moment,\r\n    till: Moment,\r\n    e: React.MouseEvent<HTMLElement>\r\n  ) => void;\r\n  selectionContent?: React.ReactNode;\r\n\r\n  showHeader?: boolean;\r\n  showTimeAxis?: boolean;\r\n  showNowSection?: boolean;\r\n  alwaysShowNowSections?: boolean;\r\n\r\n  BookingCalendarItem?: React.ComponentType<BookingCalendarItemProps<T>>;\r\n  BookingCalendarRenderItem?: React.ComponentType<\r\n    BookingCalendarRenderItemProps<T>\r\n  >;\r\n  BookingCalendarLane?: React.ComponentType<BookingCalendarLaneProps<T>>;\r\n  BookingCalendarControls?: React.ComponentType<\r\n    BookingCalendarControlsProps<T>\r\n  >;\r\n  BookingCalendarGrid?: React.ComponentType<BookingCalendarGridProps>;\r\n  BookingCalendarLaneHeader?: React.ComponentType<\r\n    BookingCalendarLaneHeaderProps<TLaneData>\r\n  >;\r\n  BookingCalendarLanesHeader?: React.ComponentType<\r\n    BookingCalendarLanesHeaderProps<T>\r\n  >;\r\n  BookingCalendarDatePicker?:\r\n    | React.ComponentType<BookingCalendarDatePickerProps<T>>\r\n    | React.ReactNode;\r\n  BookingCalendarNowSection?: React.ComponentType<BookingCalendarNowSectionProps>;\r\n}\r\n\r\nconst defaultStep = moment.duration(1, 'day');\r\n\r\nexport function BookingCalendar<T extends BookingCalendarItemT, TLaneData>(\r\n  props: BookingCalendarProps<T, TLaneData>\r\n) {\r\n  const {\r\n    bookings,\r\n    className,\r\n    laneContainerClassName,\r\n    laneHeaderContainerClassName,\r\n    lanesHeaderContainerClassName,\r\n    lanesHeaderHeaderContainerClassName,\r\n    controlsClasses,\r\n    tableClassName,\r\n    from,\r\n    till,\r\n    onRangeChange,\r\n    step = defaultStep,\r\n    showGrid = true,\r\n    showHeader = true,\r\n    showSelection = true,\r\n    showNowSection = true,\r\n    alwaysShowNowSections = false,\r\n    onSelection,\r\n    minSelectionSize = 10,\r\n    selectionContent,\r\n    showZoomAllButton = true,\r\n    gridAvailableSteps = defaultGridAvailableSteps,\r\n    getMomentFormatFunction = defaultGetMomentFormatFunction,\r\n    getNewMomentFunction = defaultGetNewMomentFunction,\r\n    goalGridWidthPx = 60,\r\n    minLanesCount,\r\n    lanesSource,\r\n    unmatchedLanesToFront = true,\r\n    filterBookingsToZoom,\r\n    zoomLevels,\r\n    BookingCalendarControls = DefaultBookingCalendarControls,\r\n    BookingCalendarItem,\r\n    BookingCalendarLane = DefaultBookingCalendarLane,\r\n    BookingCalendarRenderItem,\r\n    BookingCalendarGrid = DefaultBookingCalendarGrid,\r\n    BookingCalendarLaneHeader = DefaultBookingCalendarLaneHeader,\r\n    BookingCalendarLanesHeader = DefaultBookingCalendarLanesHeader,\r\n    BookingCalendarDatePicker = DefaultBookingCalendarDatePicker,\r\n    BookingCalendarNowSection = DefaultBookingCalendarNowSection,\r\n    bookingCalendarTopLeftHeader,\r\n    filteringButton,\r\n    children,\r\n  } = props;\r\n  const {\r\n    showTimeAxis = Boolean(bookings?.length) || Boolean(lanesSource?.length),\r\n  } = props;\r\n  const lanes = React.useMemo(\r\n    () =>\r\n      splitBookingsToLanes<T, TLaneData>(\r\n        bookings,\r\n        from,\r\n        till,\r\n        minLanesCount,\r\n        lanesSource,\r\n        unmatchedLanesToFront\r\n      ),\r\n    [bookings, from, till, minLanesCount, lanesSource, unmatchedLanesToFront]\r\n  );\r\n  const { observe, entry } = useDimensions<HTMLDivElement>();\r\n  const width = entry?.target?.scrollWidth ?? 0;\r\n  const { items: gridItems, bestStep } = React.useMemo(\r\n    () =>\r\n      generateGridItems(\r\n        from,\r\n        till,\r\n        step,\r\n        width,\r\n        gridAvailableSteps,\r\n        goalGridWidthPx,\r\n        from?.clone()?.startOf('day')\r\n      ),\r\n    [from, till, step, width, gridAvailableSteps, goalGridWidthPx]\r\n  );\r\n  const containerRef = React.useRef<HTMLDivElement>();\r\n  const onSelected = React.useCallback(\r\n    (data: BookingCalendarSelectionData, e: React.MouseEvent<HTMLElement>) => {\r\n      if (!from || !till || !width || !onRangeChange) {\r\n        return;\r\n      }\r\n      const selectionLeft = Math.min(data.origin[0], data.target[0]);\r\n      const selectionRight = Math.max(data.origin[0], data.target[0]);\r\n      const selectionTop = Math.min(data.origin[1], data.target[1]);\r\n      const selectionBottom = Math.max(data.origin[1], data.target[1]);\r\n      const durationMs = till.valueOf() - from.valueOf();\r\n      const toTimeSpace = (num: number) => (num / (width || 1)) * durationMs;\r\n      const timeSpaceStart = from.clone().add(toTimeSpace(selectionLeft), 'ms');\r\n      const timeSpaceEnd = from.clone().add(toTimeSpace(selectionRight), 'ms');\r\n      if (onSelection) {\r\n        const itemSelector = `.${bookingCalendarLaneDefaultClasses.className}:not(.${bookingCalendarLanesHeaderDefaultClasses.laneClassName}) > .${bookingCalendarItemDefaultClasses.className}`;\r\n        const allItems = Array.from(\r\n          containerRef?.current?.querySelectorAll(itemSelector)\r\n        );\r\n        const selectionAreaBB = containerRef?.current\r\n          ?.querySelector(`.${bookingCalendarSelectionDefaultClasses.root}`)\r\n          .getBoundingClientRect();\r\n        const selectedItems = allItems.filter((item) => {\r\n          const itemBB = item.getBoundingClientRect();\r\n          const itemLeft = itemBB.left - selectionAreaBB.left;\r\n          const itemTop = itemBB.top - selectionAreaBB.top;\r\n          const itemRight = itemBB.right - selectionAreaBB.left;\r\n          const itemBottom = itemBB.bottom - selectionAreaBB.top;\r\n          // check if the item rectangle is contained or intersects or overlaps with the selection rectangle\r\n          return (\r\n            itemLeft < selectionRight &&\r\n            itemRight > selectionLeft &&\r\n            itemTop < selectionBottom &&\r\n            itemBottom > selectionTop\r\n          );\r\n        });\r\n        const selectedIds = selectedItems.map((item) =>\r\n          item.getAttribute('data-id')\r\n        );\r\n        onSelection(\r\n          bookings?.filter((b) => selectedIds.includes(b.id?.toString())),\r\n          timeSpaceStart,\r\n          timeSpaceEnd,\r\n          e\r\n        );\r\n      }\r\n    },\r\n    [\r\n      from,\r\n      till,\r\n      width,\r\n      onRangeChange,\r\n      onSelection,\r\n      onSelection ? bookings : null,\r\n    ]\r\n  );\r\n  const firstDataRowIndex = showHeader ? 2 : 1;\r\n  return (\r\n    <div\r\n      className={classNames(bookingCalendarDefaultClasses.className, className)}\r\n      ref={containerRef}\r\n    >\r\n      <BookingCalendarControls<T>\r\n        {...controlsClasses}\r\n        items={bookings}\r\n        from={from}\r\n        till={till}\r\n        onRangeChange={onRangeChange}\r\n        step={step}\r\n        filterBookingsToZoom={filterBookingsToZoom}\r\n        zoomLevels={zoomLevels}\r\n        filteringButton={filteringButton}\r\n        showZoomAllButton={showZoomAllButton}\r\n        bookingCalendarDatePicker={\r\n          <>\r\n            {typeof BookingCalendarDatePicker === 'function' ? (\r\n              <BookingCalendarDatePicker\r\n                from={from}\r\n                till={till}\r\n                onRangeChange={onRangeChange}\r\n                getNewMomentFunction={getNewMomentFunction}\r\n              />\r\n            ) : (\r\n              BookingCalendarDatePicker\r\n            )}\r\n          </>\r\n        }\r\n      />\r\n      <div\r\n        className={classNames(\r\n          bookingCalendarDefaultClasses.tableClassName,\r\n          tableClassName\r\n        )}\r\n      >\r\n        {showGrid && (\r\n          <BookingCalendarGrid\r\n            firstDataRowIndex={firstDataRowIndex}\r\n            items={gridItems}\r\n            dataRowsCount={lanes.length}\r\n            width={width}\r\n            containerRef={showHeader ? undefined : observe}\r\n          />\r\n        )}\r\n        {showNowSection && (\r\n          <BookingCalendarNowSection\r\n            firstDataRowIndex={firstDataRowIndex}\r\n            from={from}\r\n            till={till}\r\n            dataRowsCount={lanes.length}\r\n            width={width}\r\n            alwaysShowSections={alwaysShowNowSections}\r\n          />\r\n        )}\r\n        {showSelection && (\r\n          <BookingCalendarSelection\r\n            firstDataRowIndex={firstDataRowIndex}\r\n            dataRowsCount={lanes.length + (showTimeAxis ? 1 : 0)}\r\n            onSelected={onSelected}\r\n            minSelectionSize={minSelectionSize}\r\n          >\r\n            {selectionContent}\r\n          </BookingCalendarSelection>\r\n        )}\r\n        {showHeader && (\r\n          <>\r\n            <div\r\n              className={classNames(\r\n                bookingCalendarDefaultClasses.lanesHeaderHeaderContainerClassName,\r\n                lanesHeaderHeaderContainerClassName\r\n              )}\r\n            >\r\n              {bookingCalendarTopLeftHeader}\r\n            </div>\r\n            <div\r\n              className={classNames(\r\n                bookingCalendarDefaultClasses.lanesHeaderContainerClassName,\r\n                lanesHeaderContainerClassName\r\n              )}\r\n              ref={observe}\r\n            >\r\n              <BookingCalendarLanesHeader<T>\r\n                {...controlsClasses}\r\n                from={from}\r\n                till={till}\r\n                onRangeChange={onRangeChange}\r\n                step={step}\r\n              />\r\n            </div>\r\n          </>\r\n        )}\r\n\r\n        {lanes.map((lane, laneIndex) => {\r\n          const LaneBookingCalendarLaneHeader =\r\n            lane.BookingCalendarLaneHeader ?? BookingCalendarLaneHeader;\r\n          const LaneBookingCalendarLane =\r\n            lane.BookingCalendarLane ?? BookingCalendarLane;\r\n          return (\r\n            <React.Fragment key={laneIndex}>\r\n              <div\r\n                className={classNames(\r\n                  bookingCalendarDefaultClasses.laneHeaderContainerClassName,\r\n                  laneHeaderContainerClassName,\r\n                  lane.rowClassName,\r\n                  {\r\n                    [`${bookingCalendarDefaultClasses.laneHeaderContainerClassName}--last`]:\r\n                      laneIndex === lanes.length - 1,\r\n                    [`${bookingCalendarDefaultClasses.laneHeaderContainerClassName}--first`]:\r\n                      laneIndex === 0,\r\n                  }\r\n                )}\r\n              >\r\n                <LaneBookingCalendarLaneHeader<TLaneData>\r\n                  laneKey={lane.laneKey ?? laneIndex}\r\n                  data={lane.data}\r\n                />\r\n              </div>\r\n              <div\r\n                className={classNames(\r\n                  bookingCalendarDefaultClasses.laneContainerClassName,\r\n                  laneContainerClassName,\r\n                  lane.rowClassName,\r\n                  {\r\n                    [`${bookingCalendarDefaultClasses.laneContainerClassName}--last`]:\r\n                      laneIndex === lanes.length - 1,\r\n                    [`${bookingCalendarDefaultClasses.laneContainerClassName}--first`]:\r\n                      laneIndex === 0,\r\n                  }\r\n                )}\r\n              >\r\n                <LaneBookingCalendarLane\r\n                  laneIndex={laneIndex}\r\n                  items={lane.items}\r\n                  from={from}\r\n                  till={till}\r\n                  BookingCalendarItem={\r\n                    lane.BookingCalendarItem ?? BookingCalendarItem\r\n                  }\r\n                  BookingCalendarRenderItem={\r\n                    lane.BookingCalendarRenderItem ?? BookingCalendarRenderItem\r\n                  }\r\n                  step={step}\r\n                />\r\n              </div>\r\n            </React.Fragment>\r\n          );\r\n        })}\r\n        <div />\r\n        {showTimeAxis && (\r\n          <div ref={showGrid || showGrid ? undefined : observe}>\r\n            <BookingCalendarTimeAxis\r\n              items={gridItems}\r\n              bestStep={bestStep}\r\n              getMomentFormatFunction={getMomentFormatFunction}\r\n            />\r\n          </div>\r\n        )}\r\n      </div>\r\n      {children}\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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"}

package/build/components/bookingCalendar/bookingCalendarGrid/BookingCalendarGrid.d.ts

@@ -4,6 +4,7 @@ import { GridItem } from '../utils';
 export interface BookingCalendarGridProps extends BookingCalendarGridClasses {
     items: GridItem[];
     containerRef?: (elem: HTMLElement) => void;
+    firstDataRowIndex: number;
     dataRowsCount: number;
     width: number;
 }

package/build/components/bookingCalendar/bookingCalendarGrid/BookingCalendarGrid.js

@@ -21,14 +21,16 @@ function BookingCalendarGrid(props) {
     gridItemClassName,
     containerRef,
     dataRowsCount,
+    firstDataRowIndex,
     items,
     width
   } = props;
   const style = React.useMemo(() => _objectSpread({
+    gridRowStart: firstDataRowIndex,
     gridRowEnd: `span ${dataRowsCount}`
   }, width ? {
     width: `${width}px`
-  } : {}), [dataRowsCount, width]);
+  } : {}), [firstDataRowIndex, dataRowsCount, width]);
   return /*#__PURE__*/React.createElement("div", {
     className: (0, _classnames.default)(_classes.bookingCalendarGridDefaultClasses.className, className),
     style: style,

package/build/components/bookingCalendar/bookingCalendarGrid/BookingCalendarGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookingCalendarGrid.js","names":["React","_interopRequireWildcard","require","_classes","_classnames","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","BookingCalendarGrid","props","className","gridItemClassName","containerRef","dataRowsCount","items","width","style","useMemo","gridRowEnd","createElement","classNames","bookingCalendarGridDefaultClasses","ref","map","item","left","opacity"],"sources":["../../../../src/lib/components/bookingCalendar/bookingCalendarGrid/BookingCalendarGrid.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport {\r\n  BookingCalendarGridClasses,\r\n  bookingCalendarGridDefaultClasses,\r\n} from './classes';\r\nimport classNames from 'classnames';\r\nimport { GridItem } from '../utils';\r\n\r\nexport interface BookingCalendarGridProps extends BookingCalendarGridClasses {\r\n  items: GridItem[];\r\n  containerRef?: (elem: HTMLElement) => void;\r\n  dataRowsCount: number;\r\n  width: number;\r\n}\r\n\r\nexport function BookingCalendarGrid(props: BookingCalendarGridProps) {\r\n  const {\r\n    className,\r\n    gridItemClassName,\r\n    containerRef,\r\n    dataRowsCount,\r\n    items,\r\n    width,\r\n  } = props;\r\n  const style = React.useMemo(\r\n    () => ({\r\n      gridRowEnd: `span ${dataRowsCount}`,\r\n      ...(width ? { width: `${width}px` } : {}),\r\n    }),\r\n    [dataRowsCount, width]\r\n  );\r\n  return (\r\n    <div\r\n      className={classNames(\r\n        bookingCalendarGridDefaultClasses.className,\r\n        className\r\n      )}\r\n      style={style}\r\n      ref={containerRef}\r\n    >\r\n      {items.map((item, key) => (\r\n        <div\r\n          className={classNames(\r\n            bookingCalendarGridDefaultClasses.gridItemClassName,\r\n            gridItemClassName\r\n          )}\r\n          key={key}\r\n          style={{\r\n            left: `${item.left * 100}%`,\r\n            opacity: 0.7 * item.opacity + 0.1,\r\n          }}\r\n        />\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"BookingCalendarGrid.js","names":["React","_interopRequireWildcard","require","_classes","_classnames","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","BookingCalendarGrid","props","className","gridItemClassName","containerRef","dataRowsCount","firstDataRowIndex","items","width","style","useMemo","gridRowStart","gridRowEnd","createElement","classNames","bookingCalendarGridDefaultClasses","ref","map","item","left","opacity"],"sources":["../../../../src/lib/components/bookingCalendar/bookingCalendarGrid/BookingCalendarGrid.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport {\r\n  BookingCalendarGridClasses,\r\n  bookingCalendarGridDefaultClasses,\r\n} from './classes';\r\nimport classNames from 'classnames';\r\nimport { GridItem } from '../utils';\r\n\r\nexport interface BookingCalendarGridProps extends BookingCalendarGridClasses {\r\n  items: GridItem[];\r\n  containerRef?: (elem: HTMLElement) => void;\r\n  firstDataRowIndex: number;\r\n  dataRowsCount: number;\r\n  width: number;\r\n}\r\n\r\nexport function BookingCalendarGrid(props: BookingCalendarGridProps) {\r\n  const {\r\n    className,\r\n    gridItemClassName,\r\n    containerRef,\r\n    dataRowsCount,\r\n    firstDataRowIndex,\r\n    items,\r\n    width,\r\n  } = props;\r\n  const style = React.useMemo(\r\n    () => ({\r\n      gridRowStart: firstDataRowIndex,\r\n      gridRowEnd: `span ${dataRowsCount}`,\r\n      ...(width ? { width: `${width}px` } : {}),\r\n    }),\r\n    [firstDataRowIndex, dataRowsCount, width]\r\n  );\r\n  return (\r\n    <div\r\n      className={classNames(\r\n        bookingCalendarGridDefaultClasses.className,\r\n        className\r\n      )}\r\n      style={style}\r\n      ref={containerRef}\r\n    >\r\n      {items.map((item, key) => (\r\n        <div\r\n          className={classNames(\r\n            bookingCalendarGridDefaultClasses.gridItemClassName,\r\n            gridItemClassName\r\n          )}\r\n          key={key}\r\n          style={{\r\n            left: `${item.left * 100}%`,\r\n            opacity: 0.7 * item.opacity + 0.1,\r\n          }}\r\n        />\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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"}

package/build/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeaderRenderItem.js

@@ -4,13 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BookingCalendarLanesHeaderRenderItemFactory = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _classes = require("../bookingCalendarRenderItem/classes");
 var _Button = require("../../button/Button");
+var _moment = _interopRequireDefault(require("moment"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const BookingCalendarLanesHeaderRenderItemFactory = onRangeChange => function BookingCalendarLanesHeaderRenderItem(props) {
   const {
     item,
@@ -24,10 +25,13 @@ const BookingCalendarLanesHeaderRenderItemFactory = onRangeChange => function Bo
     from: item.from,
     till: item.till
   }), [item]);
+  const isToday = item.from.isSame((0, _moment.default)(), 'day') && item.till.diff(item.from, 'hours') === 24;
   return item ? /*#__PURE__*/React.createElement("div", {
     className: (0, _classnames.default)(_classes.bookingCalendarRenderItemDefaultClasses.className, className)
   }, /*#__PURE__*/React.createElement(_Button.Button, {
-    className: "bookingCalendar__lanesHeader__renderItem__button",
+    className: (0, _classnames.default)('bookingCalendar__lanesHeader__renderItem__button', {
+      'bookingCalendar__lanesHeader__renderItem__button--today': isToday
+    }),
     noShadow: true,
     onClick: onClick,
     type: "primary"

package/build/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeaderRenderItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookingCalendarLanesHeaderRenderItem.js","names":["_classnames","_interopRequireDefault","require","React","_interopRequireWildcard","_classes","_Button","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","BookingCalendarLanesHeaderRenderItemFactory","onRangeChange","BookingCalendarLanesHeaderRenderItem","props","item","className","startIsCut","endIsCut","realFrom","realTill","onClick","useCallback","from","till","createElement","classNames","bookingCalendarRenderItemDefaultClasses","Button","noShadow","type","Fragment","format","exports"],"sources":["../../../../src/lib/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeaderRenderItem.tsx"],"sourcesContent":["import classNames from 'classnames';\r\nimport * as React from 'react';\r\nimport { BookingCalendarRenderItemProps } from '../bookingCalendarRenderItem';\r\nimport { bookingCalendarRenderItemDefaultClasses } from '../bookingCalendarRenderItem/classes';\r\nimport { BookingCalendarItemT, BookingCalendarDateRange } from '../common';\r\nimport { Button } from '../../button/Button';\r\n\r\nexport const BookingCalendarLanesHeaderRenderItemFactory = (\r\n  onRangeChange: (range: BookingCalendarDateRange) => void\r\n) =>\r\n  function BookingCalendarLanesHeaderRenderItem<T extends BookingCalendarItemT>(\r\n    props: BookingCalendarRenderItemProps<T>\r\n  ) {\r\n    const { item, className, startIsCut, endIsCut, realFrom, realTill } = props;\r\n    const onClick = React.useCallback(\r\n      () => onRangeChange({ from: item.from, till: item.till }),\r\n      [item]\r\n    );\r\n    return item ? (\r\n      <div\r\n        className={classNames(\r\n          bookingCalendarRenderItemDefaultClasses.className,\r\n          className\r\n        )}\r\n      >\r\n        <Button\r\n          className=\"bookingCalendar__lanesHeader__renderItem__button\"\r\n          noShadow={true}\r\n          onClick={onClick}\r\n          type=\"primary\"\r\n        >\r\n          {startIsCut || endIsCut ? (\r\n            <>\r\n              {item.from.format('ddd, Do')}\r\n              <br />\r\n              <span className=\"bookingCalendar__lanesHeader__renderItem__button__mutedText bookingCalendar__lanesHeader__renderItem__button__mutedText--split\">\r\n                <span>{startIsCut && realFrom.format('M/D H:mm')}</span>\r\n                <span>{endIsCut && realTill.format('M/D H:mm')}</span>\r\n              </span>\r\n            </>\r\n          ) : (\r\n            <>\r\n              {item.from.format('ddd')}\r\n              <br />\r\n              <span className=\"bookingCalendar__lanesHeader__renderItem__button__mutedText\">\r\n                {item.from.format('Do')}\r\n              </span>\r\n            </>\r\n          )}\r\n        </Button>\r\n      </div>\r\n    ) : null;\r\n  };\r\n"],"mappings":"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"}
+{"version":3,"file":"BookingCalendarLanesHeaderRenderItem.js","names":["React","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_classes","_Button","_moment","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","BookingCalendarLanesHeaderRenderItemFactory","onRangeChange","BookingCalendarLanesHeaderRenderItem","props","item","className","startIsCut","endIsCut","realFrom","realTill","onClick","useCallback","from","till","isToday","isSame","moment","diff","createElement","classNames","bookingCalendarRenderItemDefaultClasses","Button","noShadow","type","Fragment","format","exports"],"sources":["../../../../src/lib/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeaderRenderItem.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport classNames from 'classnames';\r\nimport { BookingCalendarRenderItemProps } from '../bookingCalendarRenderItem';\r\nimport { bookingCalendarRenderItemDefaultClasses } from '../bookingCalendarRenderItem/classes';\r\nimport { BookingCalendarItemT, BookingCalendarDateRange } from '../common';\r\nimport { Button } from '../../button/Button';\r\nimport moment from 'moment';\r\n\r\nexport const BookingCalendarLanesHeaderRenderItemFactory = (\r\n  onRangeChange: (range: BookingCalendarDateRange) => void\r\n) =>\r\n  function BookingCalendarLanesHeaderRenderItem<T extends BookingCalendarItemT>(\r\n    props: BookingCalendarRenderItemProps<T>\r\n  ) {\r\n    const { item, className, startIsCut, endIsCut, realFrom, realTill } = props;\r\n    const onClick = React.useCallback(\r\n      () => onRangeChange({ from: item.from, till: item.till }),\r\n      [item]\r\n    );\r\n    const isToday =\r\n      item.from.isSame(moment(), 'day') &&\r\n      item.till.diff(item.from, 'hours') === 24;\r\n    return item ? (\r\n      <div\r\n        className={classNames(\r\n          bookingCalendarRenderItemDefaultClasses.className,\r\n          className\r\n        )}\r\n      >\r\n        <Button\r\n          className={classNames(\r\n            'bookingCalendar__lanesHeader__renderItem__button',\r\n            {\r\n              'bookingCalendar__lanesHeader__renderItem__button--today':\r\n                isToday,\r\n            }\r\n          )}\r\n          noShadow={true}\r\n          onClick={onClick}\r\n          type=\"primary\"\r\n        >\r\n          {startIsCut || endIsCut ? (\r\n            <>\r\n              {item.from.format('ddd, Do')}\r\n              <br />\r\n              <span className=\"bookingCalendar__lanesHeader__renderItem__button__mutedText bookingCalendar__lanesHeader__renderItem__button__mutedText--split\">\r\n                <span>{startIsCut && realFrom.format('M/D H:mm')}</span>\r\n                <span>{endIsCut && realTill.format('M/D H:mm')}</span>\r\n              </span>\r\n            </>\r\n          ) : (\r\n            <>\r\n              {item.from.format('ddd')}\r\n              <br />\r\n              <span className=\"bookingCalendar__lanesHeader__renderItem__button__mutedText\">\r\n                {item.from.format('Do')}\r\n              </span>\r\n            </>\r\n          )}\r\n        </Button>\r\n      </div>\r\n    ) : null;\r\n  };\r\n"],"mappings":"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"}

package/build/components/bookingCalendar/bookingCalendarNowSection/BookingCalendarNowSection.d.ts

@@ -3,6 +3,7 @@ import { BookingCalendarNowSectionClasses } from './classes';
 import { Moment } from 'moment';
 export interface BookingCalendarNowSectionProps extends BookingCalendarNowSectionClasses {
     dataRowsCount: number;
+    firstDataRowIndex: number;
     width: number;
     from: Moment;
     till: Moment;

package/build/components/bookingCalendar/bookingCalendarNowSection/BookingCalendarNowSection.js

@@ -23,16 +23,18 @@ function BookingCalendarNowSection(props) {
     areaBefore,
     now,
     dataRowsCount,
+    firstDataRowIndex,
     width,
     from,
     till,
     alwaysShowSections
   } = props;
   const style = React.useMemo(() => _objectSpread({
+    gridRowStart: firstDataRowIndex,
     gridRowEnd: `span ${dataRowsCount}`
   }, width ? {
     width: `${width}px`
-  } : {}), [dataRowsCount, width]);
+  } : {}), [dataRowsCount, width, firstDataRowIndex]);
   const widthMs = till.valueOf() - from.valueOf();
   const startMs = from.valueOf();
   const endMs = till.valueOf();

package/build/components/bookingCalendar/bookingCalendarNowSection/BookingCalendarNowSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookingCalendarNowSection.js","names":["React","_interopRequireWildcard","require","_classes","_classnames","_interopRequireDefault","_moment","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","BookingCalendarNowSection","props","className","areaAfter","areaBefore","now","dataRowsCount","width","from","till","alwaysShowSections","style","useMemo","gridRowEnd","widthMs","valueOf","startMs","endMs","onePxMs","Math","max","nowMs","setNowMs","useState","moment","renderBefore","renderAfter","useEffect","interval","setInterval","clearInterval","createElement","classNames","bookingCalendarNowSectionDefaultClasses"],"sources":["../../../../src/lib/components/bookingCalendar/bookingCalendarNowSection/BookingCalendarNowSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  BookingCalendarNowSectionClasses,\n  bookingCalendarNowSectionDefaultClasses,\n} from './classes';\nimport classNames from 'classnames';\nimport moment, { Moment } from 'moment';\n\nexport interface BookingCalendarNowSectionProps\n  extends BookingCalendarNowSectionClasses {\n  dataRowsCount: number;\n  width: number;\n  from: Moment;\n  till: Moment;\n  alwaysShowSections?: boolean;\n}\n\nexport function BookingCalendarNowSection(\n  props: BookingCalendarNowSectionProps\n) {\n  const {\n    className,\n    areaAfter,\n    areaBefore,\n    now,\n    dataRowsCount,\n    width,\n    from,\n    till,\n    alwaysShowSections,\n  } = props;\n  const style = React.useMemo(\n    () => ({\n      gridRowEnd: `span ${dataRowsCount}`,\n      ...(width ? { width: `${width}px` } : {}),\n    }),\n    [dataRowsCount, width]\n  );\n  const widthMs = till.valueOf() - from.valueOf();\n  const startMs = from.valueOf();\n  const endMs = till.valueOf();\n  const onePxMs = Math.max(widthMs / (width || 1), 5000);\n  const [nowMs, setNowMs] = React.useState(moment().valueOf());\n  const renderBefore = nowMs > startMs;\n  const renderAfter = nowMs < endMs;\n  React.useEffect(() => {\n    if (renderBefore && renderAfter) {\n      const interval = setInterval(() => {\n        setNowMs(moment().valueOf());\n      }, onePxMs);\n      return () => clearInterval(interval);\n    }\n  }, [onePxMs, renderBefore, renderAfter]);\n\n  return (\n    <div\n      className={classNames(\n        className,\n        bookingCalendarNowSectionDefaultClasses.className\n      )}\n      style={style}\n    >\n      {renderBefore && (alwaysShowSections || renderAfter) && (\n        <div\n          className={classNames(\n            areaBefore,\n            bookingCalendarNowSectionDefaultClasses.areaBefore\n          )}\n          style={{\n            width: `${((nowMs - startMs) / widthMs) * 100}%`,\n          }}\n        />\n      )}\n      {renderBefore && renderAfter && (\n        <div\n          className={classNames(\n            now,\n            bookingCalendarNowSectionDefaultClasses.now\n          )}\n        />\n      )}\n      {renderAfter && (alwaysShowSections || renderBefore) && (\n        <div\n          className={classNames(\n            areaAfter,\n            bookingCalendarNowSectionDefaultClasses.areaAfter\n          )}\n          style={{\n            width: `${((endMs - nowMs) / widthMs) * 100}%`,\n          }}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"BookingCalendarNowSection.js","names":["React","_interopRequireWildcard","require","_classes","_classnames","_interopRequireDefault","_moment","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","BookingCalendarNowSection","props","className","areaAfter","areaBefore","now","dataRowsCount","firstDataRowIndex","width","from","till","alwaysShowSections","style","useMemo","gridRowStart","gridRowEnd","widthMs","valueOf","startMs","endMs","onePxMs","Math","max","nowMs","setNowMs","useState","moment","renderBefore","renderAfter","useEffect","interval","setInterval","clearInterval","createElement","classNames","bookingCalendarNowSectionDefaultClasses"],"sources":["../../../../src/lib/components/bookingCalendar/bookingCalendarNowSection/BookingCalendarNowSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  BookingCalendarNowSectionClasses,\n  bookingCalendarNowSectionDefaultClasses,\n} from './classes';\nimport classNames from 'classnames';\nimport moment, { Moment } from 'moment';\n\nexport interface BookingCalendarNowSectionProps\n  extends BookingCalendarNowSectionClasses {\n  dataRowsCount: number;\n  firstDataRowIndex: number;\n  width: number;\n  from: Moment;\n  till: Moment;\n  alwaysShowSections?: boolean;\n}\n\nexport function BookingCalendarNowSection(\n  props: BookingCalendarNowSectionProps\n) {\n  const {\n    className,\n    areaAfter,\n    areaBefore,\n    now,\n    dataRowsCount,\n    firstDataRowIndex,\n    width,\n    from,\n    till,\n    alwaysShowSections,\n  } = props;\n  const style = React.useMemo(\n    () => ({\n      gridRowStart: firstDataRowIndex,\n      gridRowEnd: `span ${dataRowsCount}`,\n      ...(width ? { width: `${width}px` } : {}),\n    }),\n    [dataRowsCount, width, firstDataRowIndex]\n  );\n  const widthMs = till.valueOf() - from.valueOf();\n  const startMs = from.valueOf();\n  const endMs = till.valueOf();\n  const onePxMs = Math.max(widthMs / (width || 1), 5000);\n  const [nowMs, setNowMs] = React.useState(moment().valueOf());\n  const renderBefore = nowMs > startMs;\n  const renderAfter = nowMs < endMs;\n  React.useEffect(() => {\n    if (renderBefore && renderAfter) {\n      const interval = setInterval(() => {\n        setNowMs(moment().valueOf());\n      }, onePxMs);\n      return () => clearInterval(interval);\n    }\n  }, [onePxMs, renderBefore, renderAfter]);\n\n  return (\n    <div\n      className={classNames(\n        className,\n        bookingCalendarNowSectionDefaultClasses.className\n      )}\n      style={style}\n    >\n      {renderBefore && (alwaysShowSections || renderAfter) && (\n        <div\n          className={classNames(\n            areaBefore,\n            bookingCalendarNowSectionDefaultClasses.areaBefore\n          )}\n          style={{\n            width: `${((nowMs - startMs) / widthMs) * 100}%`,\n          }}\n        />\n      )}\n      {renderBefore && renderAfter && (\n        <div\n          className={classNames(\n            now,\n            bookingCalendarNowSectionDefaultClasses.now\n          )}\n        />\n      )}\n      {renderAfter && (alwaysShowSections || renderBefore) && (\n        <div\n          className={classNames(\n            areaAfter,\n            bookingCalendarNowSectionDefaultClasses.areaAfter\n          )}\n          style={{\n            width: `${((endMs - nowMs) / widthMs) * 100}%`,\n          }}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/build/components/bookingCalendar/bookingCalendarSelection/BookingCalendarSelection.d.ts

@@ -15,6 +15,7 @@ export interface BookingCalendarSelectionProps {
         target: BookingCalendarSelectionCoordinates;
     }, e: React.MouseEvent<HTMLElement>) => void;
     dataRowsCount: number;
+    firstDataRowIndex: number;
     minSelectionSize: number;
     children?: React.ReactNode;
 }

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

@@ -140,7 +140,8 @@ class BookingCalendarSelection extends React.Component {
       className: _classes.bookingCalendarSelectionDefaultClasses.root,
       style: {
         zIndex: this.state.selectionBox ? 99999 : undefined,
-        gridRowEnd: `span ${this.props.dataRowsCount}`
+        gridRowEnd: `span ${this.props.dataRowsCount}`,
+        gridRowStart: this.props.firstDataRowIndex
       },
       onMouseDown: this.handleMouseDown,
       onMouseUp: this.handleMouseUp,

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","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  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        }}\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","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":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAAmE,SAAAE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAkCpD,MAAMW,wBAAwB,SAAS1B,KAAK,CAAC2B,SAAS,CAGnE;EAIAC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAAC,KAJPC,mBAAmB;IAAA,KACnBC,YAAY;IAIlB,IAAI,CAACD,mBAAmB,GAAG,IAAI;IAC/B,IAAI,CAACC,YAAY,gBAAG/B,KAAK,CAACgC,SAAS,CAAC,CAAC;IACrC,IAAI,CAACC,KAAK,GAAG;MACXC,IAAI,EAAE,KAAK;MACXC,YAAY,EAAE,KAAK;MACnBC,kBAAkB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MAC1BC,kBAAkB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MAC1BC,SAAS,EAAE;IACb,CAAC;IACD,IAAI,CAACC,aAAa,GAAG,IAAI,CAACA,aAAa,CAACC,IAAI,CAAC,IAAI,CAAC;IAClD,IAAI,CAACC,eAAe,GAAG,IAAI,CAACA,eAAe,CAACD,IAAI,CAAC,IAAI,CAAC;IACtD,IAAI,CAACE,eAAe,GAAG,IAAI,CAACA,eAAe,CAACF,IAAI,CAAC,IAAI,CAAC;IACtD,IAAI,CAACG,gBAAgB,GAAG,IAAI,CAACA,gBAAgB,CAACH,IAAI,CAAC,IAAI,CAAC;EAC1D;EAEAI,kBAAkBA,CAAA,EAAG;IACnB,MAAM;MAAER,kBAAkB;MAAEC;IAAmB,CAAC,GAAG,IAAI,CAACJ,KAAK;IAC7D,IACEG,kBAAkB,CAAC,CAAC,CAAC,GAAGC,kBAAkB,CAAC,CAAC,CAAC,IAC7CD,kBAAkB,CAAC,CAAC,CAAC,GAAGC,kBAAkB,CAAC,CAAC,CAAC,EAC7C;MACA,OAAO,uBAAuB;IAChC;IAEA,IAAID,kBAAkB,CAAC,CAAC,CAAC,GAAGC,kBAAkB,CAAC,CAAC,CAAC,EAAE;MACjD,OAAO,YAAY;IACrB;IACA,IAAID,kBAAkB,CAAC,CAAC,CAAC,GAAGC,kBAAkB,CAAC,CAAC,CAAC,EAAE;MACjD,OAAO,YAAY;IACrB;IACA,OAAO,IAAI;EACb;EAEAM,gBAAgBA,CAACE,GAAkC,EAAE;IACnD;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EAdI;EAiBFN,aAAaA,CAACM,GAAkC,EAAE;IAChD,IAAI,IAAI,CAACZ,KAAK,CAACC,IAAI,EAAE;MAAA,IAAAY,qBAAA,EAAAC,WAAA;MACnB,MAAMC,QAAQ,GAAGC,IAAI,CAACC,IAAI,CACxBD,IAAI,CAACE,GAAG,CACN,IAAI,CAAClB,KAAK,CAACI,kBAAkB,CAAC,CAAC,CAAC,GAAG,IAAI,CAACJ,KAAK,CAACG,kBAAkB,CAAC,CAAC,CAAC,EACnE,CACF,CAAC,GACCa,IAAI,CAACE,GAAG,CACN,IAAI,CAAClB,KAAK,CAACI,kBAAkB,CAAC,CAAC,CAAC,GAAG,IAAI,CAACJ,KAAK,CAACG,kBAAkB,CAAC,CAAC,CAAC,EACnE,CACF,CACJ,CAAC;MACD,IAAI,CAACgB,QAAQ,CAAC;QACZlB,IAAI,EAAE,KAAK;QACXI,SAAS,EAAE;MACb,CAAC,CAAC;MACF,IAAI,CAACR,mBAAmB,GAAGuB,UAAU,CAAC,MAAM;QAC1C,IAAI,CAACD,QAAQ,CAAC;UACZjB,YAAY,EAAE,KAAK;UACnBG,SAAS,EAAE,EAAE;UACbF,kBAAkB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;UAC1BC,kBAAkB,EAAE,CAAC,CAAC,EAAE,CAAC;QAC3B,CAAC,CAAC;QACF,IAAI,CAACP,mBAAmB,GAAG,IAAI;MACjC,CAAC,EAAE,GAAG,CAAsB;MAC5B,IAAIkB,QAAQ,GAAG,IAAI,CAACnB,KAAK,CAACyB,gBAAgB,EAAE;QAC1C;MACF;MACA,CAAAR,qBAAA,IAAAC,WAAA,OAAI,CAAClB,KAAK,EAAC0B,UAAU,cAAAT,qBAAA,uBAArBA,qBAAA,CAAAvB,IAAA,CAAAwB,WAAA,EACE;QACES,MAAM,EAAE,IAAI,CAACvB,KAAK,CAACG,kBAAkB;QACrCqB,MAAM,EAAE,IAAI,CAACxB,KAAK,CAACI;MACrB,CAAC,EACDQ,GACF,CAAC;IACH;EACF;EAEAJ,eAAeA,CAACiB,CAAmC,EAAE;IAAA,IAAAC,qBAAA;IACnD,IAAI,IAAI,CAAC9B,KAAK,CAAC+B,QAAQ,IAAIF,CAAC,CAACG,WAAW,CAACC,MAAM,KAAK,CAAC,EAAE;MACrD;IACF;IACAC,YAAY,CAAC,IAAI,CAACjC,mBAAmB,CAAC;IACtC,IAAI,CAACA,mBAAmB,GAAG,IAAI;IAC/B,IAAI,CAACsB,QAAQ,CAAC;MAAEjB,YAAY,EAAE,KAAK;MAAEG,SAAS,EAAE;IAAG,CAAC,CAAC;IAErD,MAAM0B,EAAE,IAAAL,qBAAA,GAAG,IAAI,CAAC5B,YAAY,CAACkC,OAAO,cAAAN,qBAAA,uBAAzBA,qBAAA,CAA2BO,qBAAqB,CAAC,CAAC;IAC7D,IAAI,CAACd,QAAQ,CAAC;MACZlB,IAAI,EAAE,IAAI;MACVE,kBAAkB,EAAE,CAClBsB,CAAC,CAACG,WAAW,CAACM,KAAK,GAAGH,EAAE,CAACI,CAAC,EAC1BV,CAAC,CAACG,WAAW,CAACQ,KAAK,GAAGL,EAAE,CAACM,CAAC,CAC3B;MACDjC,kBAAkB,EAAE,CAClBqB,CAAC,CAACG,WAAW,CAACM,KAAK,GAAGH,EAAE,CAACI,CAAC,EAC1BV,CAAC,CAACG,WAAW,CAACQ,KAAK,GAAGL,EAAE,CAACM,CAAC;IAE9B,CAAC,CAAC;EACJ;EAEQ5B,eAAeA,CAACG,GAAqC,EAAE;IAC7D,IAAI,IAAI,CAACZ,KAAK,CAACC,IAAI,IAAI,CAAC,IAAI,CAACD,KAAK,CAACE,YAAY,EAAE;MAC/C,IAAI,CAACiB,QAAQ,CAAC;QAAEjB,YAAY,EAAE;MAAK,CAAC,CAAC;IACvC;IACA,IAAI,IAAI,CAACF,KAAK,CAACE,YAAY,IAAI,CAAC,IAAI,CAACL,mBAAmB,EAAE;MAAA,IAAAyC,sBAAA,EAAAC,qBAAA,EAAAC,YAAA;MACxD,MAAMT,EAAE,IAAAO,sBAAA,GAAG,IAAI,CAACxC,YAAY,CAACkC,OAAO,cAAAM,sBAAA,uBAAzBA,sBAAA,CAA2BL,qBAAqB,CAAC,CAAC;MAC7D,IAAI,CAACd,QAAQ,CAAC;QACZf,kBAAkB,EAAE,CAClBQ,GAAG,CAACgB,WAAW,CAACM,KAAK,IAAGH,EAAE,aAAFA,EAAE,uBAAFA,EAAE,CAAEI,CAAC,GAC7BvB,GAAG,CAACgB,WAAW,CAACQ,KAAK,IAAGL,EAAE,aAAFA,EAAE,uBAAFA,EAAE,CAAEM,CAAC;MAEjC,CAAC,CAAC;MAEF,CAAAE,qBAAA,IAAAC,YAAA,OAAI,CAAC5C,KAAK,EAAC6C,WAAW,cAAAF,qBAAA,uBAAtBA,qBAAA,CAAAjD,IAAA,CAAAkD,YAAA,EAAyB;QACvBjB,MAAM,EAAE,IAAI,CAACvB,KAAK,CAACG,kBAAkB;QACrCqB,MAAM,EAAE,IAAI,CAACxB,KAAK,CAACI;MACrB,CAAC,CAAC;IACJ;EACF;EAEAsC,MAAMA,CAAA,EAAG;IACP,MAAMC,SAA8B,GAAG;MACrCC,MAAM,EAAE,EAAE;MACVC,IAAI,EAAE7B,IAAI,CAAC8B,GAAG,CACZ,IAAI,CAAC9C,KAAK,CAACG,kBAAkB,CAAC,CAAC,CAAC,EAChC,IAAI,CAACH,KAAK,CAACI,kBAAkB,CAAC,CAAC,CACjC,CAAC;MACD2C,GAAG,EAAE/B,IAAI,CAAC8B,GAAG,CACX,IAAI,CAAC9C,KAAK,CAACG,kBAAkB,CAAC,CAAC,CAAC,EAChC,IAAI,CAACH,KAAK,CAACI,kBAAkB,CAAC,CAAC,CACjC,CAAC;MACD4C,MAAM,EAAEhC,IAAI,CAACiC,GAAG,CACd,IAAI,CAACjD,KAAK,CAACI,kBAAkB,CAAC,CAAC,CAAC,GAAG,IAAI,CAACJ,KAAK,CAACG,kBAAkB,CAAC,CAAC,CAAC,GAAG,CACxE,CAAC;MACD+C,KAAK,EAAElC,IAAI,CAACiC,GAAG,CACb,IAAI,CAACjD,KAAK,CAACI,kBAAkB,CAAC,CAAC,CAAC,GAAG,IAAI,CAACJ,KAAK,CAACG,kBAAkB,CAAC,CAAC,CAAC,GAAG,CACxE,CAAC;MACDgD,UAAU,EAAE;MACZ;MACA;IACF,CAAC;;IACD,MAAMC,UAAU,GACdpC,IAAI,CAACC,IAAI,CACPD,IAAI,CAACE,GAAG,CACN,IAAI,CAAClB,KAAK,CAACI,kBAAkB,CAAC,CAAC,CAAC,GAAG,IAAI,CAACJ,KAAK,CAACG,kBAAkB,CAAC,CAAC,CAAC,EACnE,CACF,CAAC,GACCa,IAAI,CAACE,GAAG,CACN,IAAI,CAAClB,KAAK,CAACI,kBAAkB,CAAC,CAAC,CAAC,GAAG,IAAI,CAACJ,KAAK,CAACG,kBAAkB,CAAC,CAAC,CAAC,EACnE,CACF,CACJ,CAAC,GAAG,IAAI,CAACP,KAAK,CAACyB,gBAAgB;IACjC,oBACEtD,KAAA,CAAAsF,aAAA;MACEC,GAAG,EAAE,IAAI,CAACxD,YAAa;MACvByD,SAAS,EAAEC,+CAAsC,CAACC,IAAK;MACvDC,KAAK,EAAE;QACLd,MAAM,EAAE,IAAI,CAAC5C,KAAK,CAACE,YAAY,GAAG,KAAK,GAAGyD,SAAS;QACnDC,UAAU,EAAG,QAAO,IAAI,CAAChE,KAAK,CAACiE,aAAc,EAAC;QAC9CC,YAAY,EAAE,IAAI,CAAClE,KAAK,CAACmE;MAC3B,CAAE;MACFC,WAAW,EAAE,IAAI,CAACxD,eAAgB;MAClCyD,SAAS,EAAE,IAAI,CAAC3D,aAAc;MAC9B4D,WAAW,EAAE,IAAI,CAACzD,eAAgB;MAClC0D,YAAY,EAAE,IAAI,CAACzD;IAAiB,GAEnC0C,UAAU,IAAI,IAAI,CAACpD,KAAK,CAACE,YAAY,iBACpCnC,KAAA,CAAAsF,aAAA;MACEE,SAAS,EAAG,GAAEC,+CAAsC,CAACY,SAAU,IAAG,IAAI,CAACpE,KAAK,CAACK,SAAU,EAAE;MACzFqD,KAAK,EAAEf;IAAU,GAEhB,IAAI,CAAC/C,KAAK,CAACyE,QACT,CAEJ,CAAC;EAEV;AACF;AAACC,OAAA,CAAA5F,OAAA,GAAAe,wBAAA"}

package/build/components/bookingCalendar/utils.js

@@ -171,14 +171,17 @@ function calculateItemsDimensions(items, from, till) {
     const end = endIsCut ? (endMs - startMs) / widthMs : realEnd;
     const realTill = endIsCut ? (0, _moment.default)(endMs) : (0, _moment.default)(item.till);
     const marginStart = start - lastEnd;
-    lastEnd = Math.min((item.till.valueOf() - startMs) / widthMs, 1);
+    const width = end - start;
+    if (end > 0 && start < 1) {
+      lastEnd = Math.max(Math.min(realEnd, 1), 0);
+    }
     return {
       item,
       start,
       realStart,
       realFrom,
       startIsCut,
-      width: end - start,
+      width,
       end,
       realEnd,
       realTill,