| 1 | {"version":3,"file":"ScrollablePane.base.js","sourceRoot":"../src/","sources":["components/ScrollablePane/ScrollablePane.base.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {\n Async,\n EventGroup,\n classNamesFunction,\n divProperties,\n getNativeProps,\n getRTL,\n initializeComponentRef,\n} from '../../Utilities';\nimport { ScrollablePaneContext } from './ScrollablePane.types';\nimport { Sticky } from '../../Sticky';\nimport type {\n IScrollablePane,\n IScrollablePaneContext,\n IScrollablePaneProps,\n IScrollablePaneStyleProps,\n IScrollablePaneStyles,\n} from './ScrollablePane.types';\n\nexport interface IScrollablePaneState {\n stickyTopHeight: number;\n stickyBottomHeight: number;\n scrollbarWidth: number;\n scrollbarHeight: number;\n}\n\nconst getClassNames = classNamesFunction<IScrollablePaneStyleProps, IScrollablePaneStyles>();\n\nexport class ScrollablePaneBase\n extends React.Component<IScrollablePaneProps, IScrollablePaneState>\n implements IScrollablePane {\n private _root = React.createRef<HTMLDivElement>();\n private _stickyAboveRef = React.createRef<HTMLDivElement>();\n private _stickyBelowRef = React.createRef<HTMLDivElement>();\n private _contentContainer = React.createRef<HTMLDivElement>();\n private _subscribers: Set<Function>;\n private _stickies: Set<Sticky>;\n private _mutationObserver: MutationObserver;\n private _notifyThrottled: () => void;\n private _async: Async;\n private _events: EventGroup;\n\n constructor(props: IScrollablePaneProps) {\n super(props);\n this._subscribers = new Set<Function>();\n this._stickies = new Set<Sticky>();\n\n initializeComponentRef(this);\n this._async = new Async(this);\n this._events = new EventGroup(this);\n\n this.state = {\n stickyTopHeight: 0,\n stickyBottomHeight: 0,\n scrollbarWidth: 0,\n scrollbarHeight: 0,\n };\n\n this._notifyThrottled = this._async.throttle(this.notifySubscribers, 50);\n }\n\n public get root(): HTMLDivElement | null {\n return this._root.current;\n }\n\n public get stickyAbove(): HTMLDivElement | null {\n return this._stickyAboveRef.current;\n }\n\n public get stickyBelow(): HTMLDivElement | null {\n return this._stickyBelowRef.current;\n }\n\n public get contentContainer(): HTMLDivElement | null {\n return this._contentContainer.current;\n }\n\n public componentDidMount() {\n const { initialScrollPosition } = this.props;\n this._events.on(this.contentContainer, 'scroll', this._onScroll);\n this._events.on(window, 'resize', this._onWindowResize);\n if (this.contentContainer && initialScrollPosition) {\n this.contentContainer.scrollTop = initialScrollPosition;\n }\n\n // Set sticky distances from top property, then sort in correct order and notify subscribers\n this.setStickiesDistanceFromTop();\n this._stickies.forEach(sticky => {\n this.sortSticky(sticky);\n });\n this.notifySubscribers();\n\n if ('MutationObserver' in window) {\n this._mutationObserver = new MutationObserver(mutation => {\n // Function to check if mutation is occuring in stickyAbove or stickyBelow\n function checkIfMutationIsSticky(mutationRecord: MutationRecord): boolean {\n if (this.stickyAbove !== null && this.stickyBelow !== null) {\n return this.stickyAbove.contains(mutationRecord.target) || this.stickyBelow.contains(mutationRecord.target);\n }\n return false;\n }\n\n // Compute the scrollbar height, which might have changed if the content's width changed and caused overflow\n const scrollbarHeight = this._getScrollbarHeight();\n // If the scrollbar height changed, update state so it's postioned correctly below sticky footer\n if (scrollbarHeight !== this.state.scrollbarHeight) {\n this.setState({\n scrollbarHeight: scrollbarHeight,\n });\n }\n\n // Notify subscribers again to re-check whether Sticky should be Sticky'd or not\n this.notifySubscribers();\n\n // If mutation occurs in sticky header or footer, then update sticky top/bottom heights\n if (mutation.some(checkIfMutationIsSticky.bind(this))) {\n this.updateStickyRefHeights();\n } else {\n // If mutation occurs in scrollable region, then find Sticky it belongs to and force update\n const stickyList: Sticky[] = [];\n this._stickies.forEach(sticky => {\n if (sticky.root && sticky.root.contains(mutation[0].target)) {\n stickyList.push(sticky);\n }\n });\n if (stickyList.length) {\n stickyList.forEach(sticky => {\n sticky.forceUpdate();\n });\n }\n }\n });\n\n if (this.root) {\n this._mutationObserver.observe(this.root, {\n childList: true,\n attributes: true,\n subtree: true,\n characterData: true,\n });\n }\n }\n }\n\n public componentWillUnmount() {\n this._events.dispose();\n this._async.dispose();\n\n if (this._mutationObserver) {\n this._mutationObserver.disconnect();\n }\n }\n\n // Only updates if props/state change, just to prevent excessive setState with updateStickyRefHeights\n public shouldComponentUpdate(nextProps: IScrollablePaneProps, nextState: IScrollablePaneState): boolean {\n return (\n this.props.children !== nextProps.children ||\n this.props.initialScrollPosition !== nextProps.initialScrollPosition ||\n this.props.className !== nextProps.className ||\n this.state.stickyTopHeight !== nextState.stickyTopHeight ||\n this.state.stickyBottomHeight !== nextState.stickyBottomHeight ||\n this.state.scrollbarWidth !== nextState.scrollbarWidth ||\n this.state.scrollbarHeight !== nextState.scrollbarHeight\n );\n }\n\n public componentDidUpdate(prevProps: IScrollablePaneProps, prevState: IScrollablePaneState) {\n const initialScrollPosition = this.props.initialScrollPosition;\n if (\n this.contentContainer &&\n typeof initialScrollPosition === 'number' &&\n prevProps.initialScrollPosition !== initialScrollPosition\n ) {\n this.contentContainer.scrollTop = initialScrollPosition;\n }\n\n // Update subscribers when stickyTopHeight/stickyBottomHeight changes\n if (\n prevState.stickyTopHeight !== this.state.stickyTopHeight ||\n prevState.stickyBottomHeight !== this.state.stickyBottomHeight\n ) {\n this.notifySubscribers();\n }\n\n this._async.setTimeout(this._onWindowResize, 0);\n }\n\n public render(): JSX.Element {\n const { className, scrollContainerFocus, scrollContainerAriaLabel, theme, styles, onScroll } = this.props;\n const { stickyTopHeight, stickyBottomHeight } = this.state;\n const classNames = getClassNames(styles!, {\n theme: theme!,\n className,\n scrollbarVisibility: this.props.scrollbarVisibility,\n });\n\n const scrollContainerProps = scrollContainerFocus\n ? {\n role: 'group',\n tabIndex: 0,\n 'aria-label': scrollContainerAriaLabel,\n onScroll,\n }\n : {\n onScroll,\n };\n\n return (\n <div\n {...getNativeProps(\n {\n ...this.props,\n },\n divProperties,\n // on React 17 onScroll is not being invoked on root element,\n // as a fix this method will be provided to the container element\n ['onScroll'],\n )}\n ref={this._root}\n className={classNames.root}\n >\n <div\n ref={this._stickyAboveRef}\n className={classNames.stickyAbove}\n style={this._getStickyContainerStyle(stickyTopHeight, true)}\n />\n <div\n ref={this._contentContainer}\n {...scrollContainerProps}\n className={classNames.contentContainer}\n data-is-scrollable={true}\n >\n <ScrollablePaneContext.Provider value={this._getScrollablePaneContext()}>\n {this.props.children}\n </ScrollablePaneContext.Provider>\n </div>\n <div className={classNames.stickyBelow} style={this._getStickyContainerStyle(stickyBottomHeight, false)}>\n <div ref={this._stickyBelowRef} className={classNames.stickyBelowItems} />\n </div>\n </div>\n );\n }\n\n public setStickiesDistanceFromTop(): void {\n if (this.contentContainer) {\n this._stickies.forEach(sticky => {\n sticky.setDistanceFromTop(this.contentContainer as HTMLDivElement);\n });\n }\n }\n\n public forceLayoutUpdate() {\n this._onWindowResize();\n }\n\n public subscribe = (handler: Function): void => {\n this._subscribers.add(handler);\n };\n\n public unsubscribe = (handler: Function): void => {\n this._subscribers.delete(handler);\n };\n\n public addSticky = (sticky: Sticky): void => {\n this._stickies.add(sticky);\n\n // If ScrollablePane is mounted, then sort sticky in correct place\n if (this.contentContainer) {\n sticky.setDistanceFromTop(this.contentContainer);\n this.sortSticky(sticky);\n }\n };\n\n public removeSticky = (sticky: Sticky): void => {\n this._stickies.delete(sticky);\n this._removeStickyFromContainers(sticky);\n this.notifySubscribers();\n };\n\n public sortSticky = (sticky: Sticky, sortAgain?: boolean): void => {\n if (this.stickyAbove && this.stickyBelow) {\n if (sortAgain) {\n this._removeStickyFromContainers(sticky);\n }\n if (sticky.canStickyTop && sticky.stickyContentTop) {\n this._addToStickyContainer(sticky, this.stickyAbove, sticky.stickyContentTop);\n }\n\n if (sticky.canStickyBottom && sticky.stickyContentBottom) {\n this._addToStickyContainer(sticky, this.stickyBelow, sticky.stickyContentBottom);\n }\n }\n };\n\n public updateStickyRefHeights = (): void => {\n const stickyItems = this._stickies;\n\n let stickyTopHeight = 0;\n let stickyBottomHeight = 0;\n\n stickyItems.forEach((sticky: Sticky) => {\n const { isStickyTop, isStickyBottom } = sticky.state;\n if (sticky.nonStickyContent) {\n if (isStickyTop) {\n stickyTopHeight += sticky.nonStickyContent.offsetHeight;\n }\n if (isStickyBottom) {\n stickyBottomHeight += sticky.nonStickyContent.offsetHeight;\n }\n this._checkStickyStatus(sticky);\n }\n });\n\n this.setState({\n stickyTopHeight: stickyTopHeight,\n stickyBottomHeight: stickyBottomHeight,\n });\n };\n\n public notifySubscribers = (): void => {\n if (this.contentContainer) {\n this._subscribers.forEach(handle => {\n // this.stickyBelow is passed in for calculating distance to determine Sticky status\n handle(this.contentContainer, this.stickyBelow);\n });\n }\n };\n\n public getScrollPosition = (): number => {\n if (this.contentContainer) {\n return this.contentContainer.scrollTop;\n }\n\n return 0;\n };\n\n public syncScrollSticky = (sticky: Sticky): void => {\n if (sticky && this.contentContainer) {\n sticky.syncScroll(this.contentContainer);\n }\n };\n\n private _getScrollablePaneContext = (): IScrollablePaneContext => {\n return {\n scrollablePane: {\n subscribe: this.subscribe,\n unsubscribe: this.unsubscribe,\n addSticky: this.addSticky,\n removeSticky: this.removeSticky,\n updateStickyRefHeights: this.updateStickyRefHeights,\n sortSticky: this.sortSticky,\n notifySubscribers: this.notifySubscribers,\n syncScrollSticky: this.syncScrollSticky,\n },\n };\n };\n\n private _checkStickyStatus(sticky: Sticky): void {\n if (this.stickyAbove && this.stickyBelow && this.contentContainer && sticky.nonStickyContent) {\n // If sticky is sticky, then append content to appropriate container\n if (sticky.state.isStickyTop || sticky.state.isStickyBottom) {\n if (\n sticky.state.isStickyTop &&\n !this.stickyAbove.contains(sticky.nonStickyContent) &&\n sticky.stickyContentTop\n ) {\n sticky.addSticky(sticky.stickyContentTop);\n }\n\n if (\n sticky.state.isStickyBottom &&\n !this.stickyBelow.contains(sticky.nonStickyContent) &&\n sticky.stickyContentBottom\n ) {\n sticky.addSticky(sticky.stickyContentBottom);\n }\n } else if (!this.contentContainer.contains(sticky.nonStickyContent)) {\n // Reset sticky if it's not sticky and not in the contentContainer element\n sticky.resetSticky();\n }\n }\n }\n\n private _addToStickyContainer = (\n sticky: Sticky,\n stickyContainer: HTMLDivElement,\n stickyContentToAdd: HTMLDivElement,\n ): void => {\n // If there's no children, append child to list, otherwise, sort though array and append at correct position\n if (!stickyContainer.children.length) {\n stickyContainer.appendChild(stickyContentToAdd);\n } else {\n // If stickyContentToAdd isn't a child element of target container, then append\n if (!stickyContainer.contains(stickyContentToAdd)) {\n const stickyChildrenElements: Element[] = [].slice.call(stickyContainer.children);\n\n const stickyList: Sticky[] = [];\n // Get stickies. Filter by canStickyTop/Bottom, then sort by distance from top, and then\n // filter by elements that are in the stickyContainer already.\n this._stickies.forEach(stickyItem => {\n if (stickyContainer === this.stickyAbove && sticky.canStickyTop) {\n stickyList.push(stickyItem);\n } else if (sticky.canStickyBottom) {\n stickyList.push(stickyItem);\n }\n });\n\n const stickyListSorted = stickyList\n .sort((a, b) => {\n return (a.state.distanceFromTop || 0) - (b.state.distanceFromTop || 0);\n })\n .filter(item => {\n const stickyContent =\n stickyContainer === this.stickyAbove ? item.stickyContentTop : item.stickyContentBottom;\n if (stickyContent) {\n return stickyChildrenElements.indexOf(stickyContent) > -1;\n }\n return false;\n });\n\n // Get first element that has a distance from top that is further than our sticky that is being added\n let targetStickyToAppendBefore: Sticky | undefined = undefined;\n for (const stickyListItem of stickyListSorted) {\n if ((stickyListItem.state.distanceFromTop || 0) >= (sticky.state.distanceFromTop || 0)) {\n targetStickyToAppendBefore = stickyListItem;\n break;\n }\n }\n\n // If target element to append before is known, grab respective stickyContentTop/Bottom element\n // and insert before\n let targetContainer: HTMLDivElement | null = null;\n if (targetStickyToAppendBefore) {\n targetContainer =\n stickyContainer === this.stickyAbove\n ? targetStickyToAppendBefore.stickyContentTop\n : targetStickyToAppendBefore.stickyContentBottom;\n }\n stickyContainer.insertBefore(stickyContentToAdd, targetContainer);\n }\n }\n };\n\n private _removeStickyFromContainers = (sticky: Sticky): void => {\n if (this.stickyAbove && sticky.stickyContentTop && this.stickyAbove.contains(sticky.stickyContentTop)) {\n this.stickyAbove.removeChild(sticky.stickyContentTop);\n }\n if (this.stickyBelow && sticky.stickyContentBottom && this.stickyBelow.contains(sticky.stickyContentBottom)) {\n this.stickyBelow.removeChild(sticky.stickyContentBottom);\n }\n };\n\n private _onWindowResize = (): void => {\n const scrollbarWidth = this._getScrollbarWidth();\n const scrollbarHeight = this._getScrollbarHeight();\n\n this.setState({\n scrollbarWidth,\n scrollbarHeight,\n });\n\n this.notifySubscribers();\n };\n\n private _getStickyContainerStyle = (height: number, isTop: boolean): React.CSSProperties => {\n return {\n height: height,\n ...(getRTL(this.props.theme)\n ? {\n right: '0',\n left: `${this.state.scrollbarWidth || this._getScrollbarWidth() || 0}px`,\n }\n : {\n left: '0',\n right: `${this.state.scrollbarWidth || this._getScrollbarWidth() || 0}px`,\n }),\n ...(isTop\n ? {\n top: '0',\n }\n : {\n bottom: `${this.state.scrollbarHeight || this._getScrollbarHeight() || 0}px`,\n }),\n };\n };\n\n private _getScrollbarWidth(): number {\n const { contentContainer } = this;\n return contentContainer ? contentContainer.offsetWidth - contentContainer.clientWidth : 0;\n }\n\n private _getScrollbarHeight(): number {\n const { contentContainer } = this;\n return contentContainer ? contentContainer.offsetHeight - contentContainer.clientHeight : 0;\n }\n\n private _onScroll = () => {\n const { contentContainer } = this;\n\n if (contentContainer) {\n this._stickies.forEach((sticky: Sticky) => {\n sticky.syncScroll(contentContainer);\n });\n }\n\n this._notifyThrottled();\n };\n}\n"]} |