pavelbannov
df62b3862f
# Conflicts: # packages/client/src/pages/PortalSettings/categories/payments/PriceCalculation.js # packages/common/components/Article/sub-components/article-payment-alert.js # packages/components/scrollbar/custom-scrollbars-virtual-list.js # products/ASC.Files/Core/Core/CountRoomFeature.cs # products/ASC.Files/Core/Core/Thirdparty/Box/BoxFileDao.cs # products/ASC.Files/Core/Helpers/Global.cs
46 lines
1.1 KiB
JavaScript
46 lines
1.1 KiB
JavaScript
/* eslint-disable react/prop-types */
|
|
import React from "react";
|
|
import Scrollbar from "../scrollbar";
|
|
|
|
export class CustomScrollbars extends React.Component {
|
|
refSetter = (scrollbarsRef, forwardedRef) => {
|
|
const isFuntion = typeof forwardedRef === "function";
|
|
|
|
const ref = scrollbarsRef?.view ?? null;
|
|
|
|
if (isFuntion) {
|
|
forwardedRef(ref);
|
|
} else {
|
|
forwardedRef = ref;
|
|
}
|
|
};
|
|
|
|
render() {
|
|
const { onScroll, forwardedRef, style, children, className, stype } =
|
|
this.props;
|
|
//console.log("CustomScrollbars", this.props);
|
|
return (
|
|
<Scrollbar
|
|
ref={(scrollbarsRef) => this.refSetter(scrollbarsRef, forwardedRef)}
|
|
style={{ ...style, overflow: "hidden" }}
|
|
onScroll={onScroll}
|
|
stype={stype}
|
|
className={className}
|
|
>
|
|
{children}
|
|
<div className="additional-scroll-height"></div>
|
|
</Scrollbar>
|
|
);
|
|
}
|
|
}
|
|
|
|
CustomScrollbars.defaultProps = {
|
|
stype: "mediumBlack",
|
|
};
|
|
|
|
const CustomScrollbarsVirtualList = React.forwardRef((props, ref) => (
|
|
<CustomScrollbars {...props} forwardedRef={ref} />
|
|
));
|
|
|
|
export default CustomScrollbarsVirtualList;
|