UNPKG

react-easy-scrollbar

Version:

Completely pollution-free UI, perfect scrollbar implemented through CSS

44 lines (42 loc) 1.84 kB
var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // src/components/EasyScrollbar.tsx var EasyScrollbar_exports = {}; __export(EasyScrollbar_exports, { EasyScrollContainer: () => EasyScrollContainer, default: () => EasyScrollbar_default }); module.exports = __toCommonJS(EasyScrollbar_exports); var import_react = require("react"); var import_perfect_scrollbar = require("perfect-scrollbar/css/perfect-scrollbar.css"); var import_scrollbar = require("../scrollbar.css"); var import_hooks = require("../hooks"); var EasyScrollContainer = (0, import_react.forwardRef)( ({ children, container, options, ...props }, ref) => { const Comp = (0, import_react.useMemo)(() => container || "div", [container]); const devRef = (0, import_react.useRef)(null); const _ref = ref || devRef; (0, import_hooks.useEasyScrollbar)(_ref, options); return /* @__PURE__ */ React.createElement(Comp, { ...props, ref: _ref }, children); } ); var EasyScrollbar_default = EasyScrollContainer; // Annotate the CommonJS export names for ESM import in node: 0 && (module.exports = { EasyScrollContainer });