@trap_stevo/legendarybuilderproreact-ui/dist/HUDComponents/HUDVirtuxifierProvider.js

The legendary UI & utility API that makes your application a legendary application. ~ Created by Steven Compton

import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
import { useState, useEffect, useRef } from "react";
import HUDVirtuxifier from "./HUDVirtuxifier.js";
export function useHUDVirtuxifier(data) {
  var pageSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 50;
  var columns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
  var onPage = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
  var onRender = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
  var _useState = useState(600),
    _useState2 = _slicedToArray(_useState, 2),
    containerHeight = _useState2[0],
    setContainerHeight = _useState2[1];
  var _useState3 = useState([]),
    _useState4 = _slicedToArray(_useState3, 2),
    visibleData = _useState4[0],
    setVisibleData = _useState4[1];
  var _useState5 = useState(0),
    _useState6 = _slicedToArray(_useState5, 2),
    offsetY = _useState6[0],
    setOffsetY = _useState6[1];
  var virtuxifierRef = useRef(null);
  var containerRef = useRef(null);
  var handleScroll = function handleScroll(scrollTop) {
    if (virtuxifierRef.current) {
      virtuxifierRef.current.handleScrollPosition(scrollTop);
    }
  };
  var updateData = function updateData(newData) {
    if (virtuxifierRef.current) {
      virtuxifierRef.current.updateDataSource(newData);
    }
  };
  useEffect(function () {
    var container = containerRef.current;
    if (container) {
      setContainerHeight(container.offsetHeight);
    }
    var resizeObserver = new ResizeObserver(function (entries) {
      var _iterator = _createForOfIteratorHelper(entries),
        _step;
      try {
        for (_iterator.s(); !(_step = _iterator.n()).done;) {
          var entry = _step.value;
          setContainerHeight(entry.contentRect.height);
        }
      } catch (err) {
        _iterator.e(err);
      } finally {
        _iterator.f();
      }
    });
    if (container) {
      resizeObserver.observe(container);
    }
    return function () {
      if (container) {
        resizeObserver.unobserve(container);
      }
    };
  }, []);
  useEffect(function () {
    if (containerHeight && data.length > 0) {
      var onRenderCallback = function onRenderCallback(visibleData, offsetY) {
        setVisibleData(visibleData);
        setOffsetY(offsetY);
        if (onRender) {
          onRender(visibleData, offsetY);
        }
      };
      var onPageChangeCallback = function onPageChangeCallback(activePage, totalPageCount) {
        if (onPage) {
          onPage(activePage, totalPageCount);
        }
      };
      var virtux = new HUDVirtuxifier(onPageChangeCallback, onRenderCallback, pageSize, containerHeight, columns, data);
      virtuxifierRef.current = virtux;
    }
  }, [data, containerHeight]);
  return {
    visibleData: visibleData,
    offsetY: offsetY,
    handleScroll: handleScroll,
    updateData: updateData,
    containerRef: containerRef
  };
}