guestbell-forms 3.0.54 → 3.0.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/bookingCalendar/BookingCalendar.d.ts +1 -0
- package/build/components/bookingCalendar/BookingCalendar.js +2 -1
- package/build/components/bookingCalendar/BookingCalendar.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeaderRenderItem.js +7 -4
- package/build/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeaderRenderItem.js.map +1 -1
- package/build/dist/report.html +1 -1
- package/package.json +1 -1
- package/src/lib/components/bookingCalendar/BookingCalendar.tsx +7 -1
- package/src/lib/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeaderRenderItem.tsx +6 -5
- package/src/stories/OverlappingSchedule.tsx +1 -0
|
@@ -42,6 +42,7 @@ export interface BookingCalendarProps<T extends BookingCalendarItemT, TLaneData>
|
|
|
42
42
|
showNowSection?: boolean;
|
|
43
43
|
alwaysShowNowSections?: boolean;
|
|
44
44
|
headersClickEnabled?: boolean;
|
|
45
|
+
onHeaderClick?: (range: BookingCalendarDateRange) => void;
|
|
45
46
|
BookingCalendarItem?: React.ComponentType<BookingCalendarItemProps<T>>;
|
|
46
47
|
BookingCalendarRenderItem?: React.ComponentType<BookingCalendarRenderItemProps<T>>;
|
|
47
48
|
BookingCalendarLane?: React.ComponentType<BookingCalendarLaneProps<T>>;
|
|
@@ -74,6 +74,7 @@ function BookingCalendar(props) {
|
|
|
74
74
|
bookingCalendarTopLeftHeader,
|
|
75
75
|
filteringButton,
|
|
76
76
|
headersClickEnabled = true,
|
|
77
|
+
onHeaderClick,
|
|
77
78
|
children
|
|
78
79
|
} = props;
|
|
79
80
|
const {
|
|
@@ -175,7 +176,7 @@ function BookingCalendar(props) {
|
|
|
175
176
|
}, /*#__PURE__*/React.createElement(BookingCalendarLanesHeader, _extends({}, controlsClasses, {
|
|
176
177
|
from: from,
|
|
177
178
|
till: till,
|
|
178
|
-
onRangeChange: headersClickEnabled ? onRangeChange : undefined,
|
|
179
|
+
onRangeChange: headersClickEnabled ? onHeaderClick ?? onRangeChange : undefined,
|
|
179
180
|
step: step
|
|
180
181
|
})))), lanes.map((lane, laneIndex) => {
|
|
181
182
|
const LaneBookingCalendarLaneHeader = lane.BookingCalendarLaneHeader ?? BookingCalendarLaneHeader;
|
|
@@ -1 +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","getMoment","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","headersClickEnabled","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 getMoment?: () => Moment;\r\n\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 headersClickEnabled?: 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 getMoment = () => moment(),\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 headersClickEnabled = true,\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 getMoment={getMoment}\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={headersClickEnabled ? onRangeChange : undefined}\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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"}
|
|
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","getMoment","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","headersClickEnabled","onHeaderClick","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 getMoment?: () => Moment;\r\n\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 headersClickEnabled?: boolean;\r\n onHeaderClick?: (range: BookingCalendarDateRange) => void;\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 getMoment = () => moment(),\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 headersClickEnabled = true,\r\n onHeaderClick,\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 getMoment={getMoment}\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={\r\n headersClickEnabled\r\n ? onHeaderClick ?? onRangeChange\r\n : undefined\r\n }\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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"}
|
|
@@ -12,6 +12,7 @@ var _moment = _interopRequireDefault(require("moment"));
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
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); }
|
|
14
14
|
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; }
|
|
15
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
16
|
const BookingCalendarLanesHeaderRenderItemFactory = onRangeChange => function BookingCalendarLanesHeaderRenderItem(props) {
|
|
16
17
|
const {
|
|
17
18
|
item,
|
|
@@ -26,16 +27,18 @@ const BookingCalendarLanesHeaderRenderItemFactory = onRangeChange => function Bo
|
|
|
26
27
|
till: item.till
|
|
27
28
|
}), [item, onRangeChange]);
|
|
28
29
|
const isToday = item.from.isSame((0, _moment.default)(), 'day') && item.till.diff(item.from, 'hours') === 24;
|
|
30
|
+
const ButtonComponent = onRangeChange ? _Button.Button : 'div';
|
|
29
31
|
return item ? /*#__PURE__*/React.createElement("div", {
|
|
30
32
|
className: (0, _classnames.default)(_classes.bookingCalendarRenderItemDefaultClasses.className, className)
|
|
31
|
-
}, /*#__PURE__*/React.createElement(
|
|
33
|
+
}, /*#__PURE__*/React.createElement(ButtonComponent, _extends({
|
|
32
34
|
className: (0, _classnames.default)('bookingCalendar__lanesHeader__renderItem__button', {
|
|
33
35
|
'bookingCalendar__lanesHeader__renderItem__button--today': isToday
|
|
34
|
-
})
|
|
36
|
+
})
|
|
37
|
+
}, onRangeChange ? {
|
|
35
38
|
noShadow: true,
|
|
36
39
|
onClick: onClick,
|
|
37
|
-
type:
|
|
38
|
-
}, startIsCut || endIsCut ? /*#__PURE__*/React.createElement(React.Fragment, null, item.from.format('ddd, Do'), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("span", {
|
|
40
|
+
type: 'primary'
|
|
41
|
+
} : {}), startIsCut || endIsCut ? /*#__PURE__*/React.createElement(React.Fragment, null, item.from.format('ddd, Do'), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("span", {
|
|
39
42
|
className: "bookingCalendar__lanesHeader__renderItem__button__mutedText bookingCalendar__lanesHeader__renderItem__button__mutedText--split"
|
|
40
43
|
}, /*#__PURE__*/React.createElement("span", null, startIsCut && realFrom.format('M/D H:mm')), /*#__PURE__*/React.createElement("span", null, endIsCut && realTill.format('M/D H:mm')))) : /*#__PURE__*/React.createElement(React.Fragment, null, item.from.format('ddd'), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("span", {
|
|
41
44
|
className: "bookingCalendar__lanesHeader__renderItem__button__mutedText"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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","
|
|
1
|
+
{"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","_extends","assign","bind","target","i","arguments","length","source","apply","BookingCalendarLanesHeaderRenderItemFactory","onRangeChange","BookingCalendarLanesHeaderRenderItem","props","item","className","startIsCut","endIsCut","realFrom","realTill","onClick","useCallback","from","till","isToday","isSame","moment","diff","ButtonComponent","Button","createElement","classNames","bookingCalendarRenderItemDefaultClasses","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, onRangeChange]\r\n );\r\n const isToday =\r\n item.from.isSame(moment(), 'day') &&\r\n item.till.diff(item.from, 'hours') === 24;\r\n const ButtonComponent = onRangeChange ? Button : 'div';\r\n return item ? (\r\n <div\r\n className={classNames(\r\n bookingCalendarRenderItemDefaultClasses.className,\r\n className\r\n )}\r\n >\r\n <ButtonComponent\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 {...(onRangeChange\r\n ? { noShadow: true, onClick: onClick, type: 'primary' }\r\n : {})}\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 </ButtonComponent>\r\n </div>\r\n ) : null;\r\n };\r\n"],"mappings":"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"}
|
package/build/dist/report.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8"/>
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
6
|
-
<title>guestbell-forms [
|
|
6
|
+
<title>guestbell-forms [26 Jun 2023 at 16:28]</title>
|
|
7
7
|
<link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
|
|
8
8
|
|
|
9
9
|
<script>
|
package/package.json
CHANGED
|
@@ -103,6 +103,7 @@ export interface BookingCalendarProps<T extends BookingCalendarItemT, TLaneData>
|
|
|
103
103
|
alwaysShowNowSections?: boolean;
|
|
104
104
|
|
|
105
105
|
headersClickEnabled?: boolean;
|
|
106
|
+
onHeaderClick?: (range: BookingCalendarDateRange) => void;
|
|
106
107
|
|
|
107
108
|
BookingCalendarItem?: React.ComponentType<BookingCalendarItemProps<T>>;
|
|
108
109
|
BookingCalendarRenderItem?: React.ComponentType<
|
|
@@ -174,6 +175,7 @@ export function BookingCalendar<T extends BookingCalendarItemT, TLaneData>(
|
|
|
174
175
|
bookingCalendarTopLeftHeader,
|
|
175
176
|
filteringButton,
|
|
176
177
|
headersClickEnabled = true,
|
|
178
|
+
onHeaderClick,
|
|
177
179
|
children,
|
|
178
180
|
} = props;
|
|
179
181
|
const {
|
|
@@ -351,7 +353,11 @@ export function BookingCalendar<T extends BookingCalendarItemT, TLaneData>(
|
|
|
351
353
|
{...controlsClasses}
|
|
352
354
|
from={from}
|
|
353
355
|
till={till}
|
|
354
|
-
onRangeChange={
|
|
356
|
+
onRangeChange={
|
|
357
|
+
headersClickEnabled
|
|
358
|
+
? onHeaderClick ?? onRangeChange
|
|
359
|
+
: undefined
|
|
360
|
+
}
|
|
355
361
|
step={step}
|
|
356
362
|
/>
|
|
357
363
|
</div>
|
|
@@ -20,6 +20,7 @@ export const BookingCalendarLanesHeaderRenderItemFactory = (
|
|
|
20
20
|
const isToday =
|
|
21
21
|
item.from.isSame(moment(), 'day') &&
|
|
22
22
|
item.till.diff(item.from, 'hours') === 24;
|
|
23
|
+
const ButtonComponent = onRangeChange ? Button : 'div';
|
|
23
24
|
return item ? (
|
|
24
25
|
<div
|
|
25
26
|
className={classNames(
|
|
@@ -27,7 +28,7 @@ export const BookingCalendarLanesHeaderRenderItemFactory = (
|
|
|
27
28
|
className
|
|
28
29
|
)}
|
|
29
30
|
>
|
|
30
|
-
<
|
|
31
|
+
<ButtonComponent
|
|
31
32
|
className={classNames(
|
|
32
33
|
'bookingCalendar__lanesHeader__renderItem__button',
|
|
33
34
|
{
|
|
@@ -35,9 +36,9 @@ export const BookingCalendarLanesHeaderRenderItemFactory = (
|
|
|
35
36
|
isToday,
|
|
36
37
|
}
|
|
37
38
|
)}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
{...(onRangeChange
|
|
40
|
+
? { noShadow: true, onClick: onClick, type: 'primary' }
|
|
41
|
+
: {})}
|
|
41
42
|
>
|
|
42
43
|
{startIsCut || endIsCut ? (
|
|
43
44
|
<>
|
|
@@ -57,7 +58,7 @@ export const BookingCalendarLanesHeaderRenderItemFactory = (
|
|
|
57
58
|
</span>
|
|
58
59
|
</>
|
|
59
60
|
)}
|
|
60
|
-
</
|
|
61
|
+
</ButtonComponent>
|
|
61
62
|
</div>
|
|
62
63
|
) : null;
|
|
63
64
|
};
|