primereact 10.0.0 → 10.0.1

package/csstransition/csstransition.esm.js

@@ -1,138 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { CSSTransition as CSSTransition$1 } from 'react-transition-group';
-import { useUpdateEffect } from 'primereact/hooks';
-import { ObjectUtils } from 'primereact/utils';
-import PrimeReact, { PrimeReactContext } from 'primereact/api';
-
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-var CSSTransitionBase = {
-  defaultProps: {
-    __TYPE: 'CSSTransition',
-    children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, CSSTransitionBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, CSSTransitionBase.defaultProps);
-  }
-};
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var CSSTransition = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = CSSTransitionBase.getProps(inProps);
-  var context = React.useContext(PrimeReactContext);
-  var disabled = props.disabled || props.options && props.options.disabled || context && !context.cssTransition || !PrimeReact.cssTransition;
-  var onEnter = function onEnter(node, isAppearing) {
-    props.onEnter && props.onEnter(node, isAppearing); // component
-    props.options && props.options.onEnter && props.options.onEnter(node, isAppearing); // user option
-  };
-
-  var onEntering = function onEntering(node, isAppearing) {
-    props.onEntering && props.onEntering(node, isAppearing); // component
-    props.options && props.options.onEntering && props.options.onEntering(node, isAppearing); // user option
-  };
-
-  var onEntered = function onEntered(node, isAppearing) {
-    props.onEntered && props.onEntered(node, isAppearing); // component
-    props.options && props.options.onEntered && props.options.onEntered(node, isAppearing); // user option
-  };
-
-  var onExit = function onExit(node) {
-    props.onExit && props.onExit(node); // component
-    props.options && props.options.onExit && props.options.onExit(node); // user option
-  };
-
-  var onExiting = function onExiting(node) {
-    props.onExiting && props.onExiting(node); // component
-    props.options && props.options.onExiting && props.options.onExiting(node); // user option
-  };
-
-  var onExited = function onExited(node) {
-    props.onExited && props.onExited(node); // component
-    props.options && props.options.onExited && props.options.onExited(node); // user option
-  };
-
-  useUpdateEffect(function () {
-    if (disabled) {
-      // no animation
-      var node = ObjectUtils.getRefElement(props.nodeRef);
-      if (props["in"]) {
-        onEnter(node, true);
-        onEntering(node, true);
-        onEntered(node, true);
-      } else {
-        onExit(node);
-        onExiting(node);
-        onExited(node);
-      }
-    }
-  }, [props["in"]]);
-  if (disabled) {
-    return props["in"] ? props.children : null;
-  } else {
-    var immutableProps = {
-      nodeRef: props.nodeRef,
-      "in": props["in"],
-      onEnter: onEnter,
-      onEntering: onEntering,
-      onEntered: onEntered,
-      onExit: onExit,
-      onExiting: onExiting,
-      onExited: onExited
-    };
-    var mutableProps = {
-      classNames: props.classNames,
-      timeout: props.timeout,
-      unmountOnExit: props.unmountOnExit
-    };
-    var mergedProps = _objectSpread(_objectSpread(_objectSpread({}, mutableProps), props.options || {}), immutableProps);
-    return /*#__PURE__*/React.createElement(CSSTransition$1, mergedProps, props.children);
-  }
-});
-CSSTransition.displayName = 'CSSTransition';
-
-export { CSSTransition };

package/csstransition/csstransition.esm.min.js

@@ -1 +0,0 @@
-import*as n from"react";import{CSSTransition as t}from"react-transition-group";import{useUpdateEffect as o}from"primereact/hooks";import{ObjectUtils as e}from"primereact/utils";import r,{PrimeReactContext as i}from"primereact/api";function s(n){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},s(n)}function p(n,t){if("object"!==s(n)||null===n)return n;var o=n[Symbol.toPrimitive];if(void 0!==o){var e=o.call(n,t||"default");if("object"!==s(e))return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}function u(n){var t=p(n,"string");return"symbol"===s(t)?t:String(t)}var c={defaultProps:{__TYPE:"CSSTransition",children:void 0},getProps:function(n){return e.getMergedProps(n,c.defaultProps)},getOtherProps:function(n){return e.getDiffProps(n,c.defaultProps)}};function f(n,t){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(n);t&&(e=e.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),o.push.apply(o,e)}return o}function a(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?f(Object(o),!0).forEach((function(t){var e,r,i;e=n,i=o[t],(r=u(r=t))in e?Object.defineProperty(e,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[r]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))}))}return n}var l=n.forwardRef((function(s,p){var u=c.getProps(s),f=n.useContext(i),l=u.disabled||u.options&&u.options.disabled||f&&!f.cssTransition||!r.cssTransition,m=function(n,t){u.onEnter&&u.onEnter(n,t),u.options&&u.options.onEnter&&u.options.onEnter(n,t)},E=function(n,t){u.onEntering&&u.onEntering(n,t),u.options&&u.options.onEntering&&u.options.onEntering(n,t)},b=function(n,t){u.onEntered&&u.onEntered(n,t),u.options&&u.options.onEntered&&u.options.onEntered(n,t)},d=function(n){u.onExit&&u.onExit(n),u.options&&u.options.onExit&&u.options.onExit(n)},g=function(n){u.onExiting&&u.onExiting(n),u.options&&u.options.onExiting&&u.options.onExiting(n)},y=function(n){u.onExited&&u.onExited(n),u.options&&u.options.onExited&&u.options.onExited(n)};if(o((function(){if(l){var n=e.getRefElement(u.nodeRef);u.in?(m(n,!0),E(n,!0),b(n,!0)):(d(n),g(n),y(n))}}),[u.in]),l)return u.in?u.children:null;var O={nodeRef:u.nodeRef,in:u.in,onEnter:m,onEntering:E,onEntered:b,onExit:d,onExiting:g,onExited:y},v=a(a(a({},{classNames:u.classNames,timeout:u.timeout,unmountOnExit:u.unmountOnExit}),u.options||{}),O);return n.createElement(t,v,u.children)}));l.displayName="CSSTransition";export{l as CSSTransition};

package/datascroller/datascroller.esm.js

@@ -1,320 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { PrimeReactContext, localeOption } from 'primereact/api';
-import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
-import { classNames, mergeProps, ObjectUtils } from 'primereact/utils';
-
-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;
-}
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-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 _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-var classes = {
-  header: 'p-datascroller-header',
-  footer: 'p-datascroller-footer',
-  content: 'p-datascroller-content',
-  list: 'p-datascroller-list',
-  root: function root(_ref) {
-    var props = _ref.props;
-    return classNames('p-datascroller p-component', {
-      'p-datascroller-inline': props.inline
-    });
-  }
-};
-var styles = "\n@layer primereact {\n    .p-datascroller .p-datascroller-header {\n        text-align: center;\n        padding: .5em .75em;\n        border-bottom: 0 none;\n    }\n    \n    .p-datascroller .p-datascroller-footer {\n        text-align: center;\n        padding: .25em .625em;\n        border-top: 0px none;\n    }\n    \n    .p-datascroller .p-datascroller-content {\n        padding: .25em .625em;\n    }\n    \n    .p-datascroller-inline .p-datascroller-content {\n        overflow: auto;\n    }\n    \n    .p-datascroller .p-datascroller-list {\n        list-style-type: none; \n        margin: 0;\n        padding: 0;\n    }\n}\n";
-var inlineStyles = {
-  content: function content(_ref2) {
-    var props = _ref2.props;
-    return {
-      maxHeight: props.scrollHeight
-    };
-  }
-};
-var DataScrollerBase = ComponentBase.extend({
-  defaultProps: {
-    __TYPE: 'DataScroller',
-    id: null,
-    value: null,
-    rows: 0,
-    inline: false,
-    scrollHeight: null,
-    loader: false,
-    buffer: 0.9,
-    style: null,
-    className: null,
-    onLazyLoad: null,
-    emptyMessage: null,
-    itemTemplate: null,
-    header: null,
-    footer: null,
-    lazy: false,
-    children: undefined
-  },
-  css: {
-    classes: classes,
-    styles: styles,
-    inlineStyles: inlineStyles
-  }
-});
-
-var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var context = React.useContext(PrimeReactContext);
-  var props = DataScrollerBase.getProps(inProps, context);
-  var _React$useState = React.useState([]),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    dataToRenderState = _React$useState2[0],
-    setDataToRenderState = _React$useState2[1];
-  var _DataScrollerBase$set = DataScrollerBase.setMetaData({
-      props: props
-    }),
-    ptm = _DataScrollerBase$set.ptm,
-    cx = _DataScrollerBase$set.cx,
-    sx = _DataScrollerBase$set.sx,
-    isUnstyled = _DataScrollerBase$set.isUnstyled;
-  useHandleStyle(DataScrollerBase.css.styles, isUnstyled, {
-    name: 'datascroller'
-  });
-  var elementRef = React.useRef(null);
-  var contentRef = React.useRef(null);
-  var value = React.useRef(props.value);
-  var dataToRender = React.useRef([]);
-  var first = React.useRef(0);
-  var scrollFunction = React.useRef(null);
-  var handleDataChange = function handleDataChange() {
-    if (props.lazy) {
-      dataToRender.current = value.current;
-      setDataToRenderState(_toConsumableArray(dataToRender.current));
-    } else {
-      load();
-    }
-  };
-  var load = function load() {
-    if (props.lazy) {
-      if (props.onLazyLoad) {
-        props.onLazyLoad(createLazyLoadMetadata());
-      }
-      first.current += props.rows;
-    } else {
-      if (value.current) {
-        for (var i = first.current; i < first.current + props.rows; i++) {
-          if (i >= value.current.length) {
-            break;
-          }
-          dataToRender.current.push(value.current[i]);
-        }
-        if (value.current.length !== 0) {
-          first.current += props.rows;
-        }
-        setDataToRenderState(_toConsumableArray(dataToRender.current));
-      }
-    }
-  };
-  var reset = function reset() {
-    first.current = 0;
-    dataToRender.current = [];
-    setDataToRenderState(_toConsumableArray(dataToRender.current));
-    load();
-  };
-  var createLazyLoadMetadata = function createLazyLoadMetadata() {
-    return {
-      first: first.current,
-      rows: props.rows
-    };
-  };
-  var bindScrollListener = function bindScrollListener() {
-    if (props.inline) {
-      scrollFunction.current = function () {
-        var scrollTop = contentRef.current.scrollTop,
-          scrollHeight = contentRef.current.scrollHeight,
-          viewportHeight = contentRef.current.clientHeight;
-        if (scrollTop >= scrollHeight * props.buffer - viewportHeight) {
-          load();
-        }
-      };
-      contentRef.current.addEventListener('scroll', scrollFunction.current);
-    } else {
-      scrollFunction.current = function () {
-        var docBody = document.body,
-          docElement = document.documentElement,
-          scrollTop = window.pageYOffset || document.documentElement.scrollTop,
-          winHeight = docElement.clientHeight,
-          docHeight = Math.max(docBody.scrollHeight, docBody.offsetHeight, winHeight, docElement.scrollHeight, docElement.offsetHeight);
-        if (scrollTop >= docHeight * props.buffer - winHeight) {
-          load();
-        }
-      };
-      window.addEventListener('scroll', scrollFunction.current);
-    }
-  };
-  var unbindScrollListener = function unbindScrollListener() {
-    if (scrollFunction.current) {
-      if (props.inline && contentRef.current) {
-        contentRef.current.removeEventListener('scroll', scrollFunction.current);
-      } else if (!props.loader) {
-        window.removeEventListener('scroll', scrollFunction.current);
-      }
-    }
-    scrollFunction.current = null;
-  };
-  useMountEffect(function () {
-    load();
-    if (!props.loader) {
-      bindScrollListener();
-    }
-  });
-  useUpdateEffect(function () {
-    if (props.value) {
-      value.current = props.value;
-      if (!props.lazy) {
-        first.current = 0;
-      }
-      dataToRender.current = [];
-      handleDataChange();
-    }
-  }, [props.value]);
-  useUpdateEffect(function () {
-    if (props.loader) {
-      unbindScrollListener();
-    }
-  }, [props.loader]);
-  useUnmountEffect(function () {
-    if (scrollFunction.current) {
-      unbindScrollListener();
-    }
-  });
-  React.useImperativeHandle(ref, function () {
-    return {
-      props: props,
-      load: load,
-      reset: reset,
-      getElement: function getElement() {
-        return elementRef.current;
-      },
-      getContent: function getContent() {
-        return contentRef.current;
-      }
-    };
-  });
-  var createHeader = function createHeader() {
-    var headerProps = mergeProps({
-      className: cx('header')
-    }, ptm('header'));
-    if (props.header) {
-      return /*#__PURE__*/React.createElement("div", headerProps, props.header);
-    }
-    return null;
-  };
-  var createFooter = function createFooter() {
-    var footerProps = mergeProps({
-      className: cx('footer')
-    }, ptm('footer'));
-    if (props.footer) {
-      return /*#__PURE__*/React.createElement("div", footerProps, props.footer);
-    }
-    return null;
-  };
-  var createItem = function createItem(_value, index) {
-    var itemProps = mergeProps({
-      key: index + '_datascrollitem'
-    }, ptm('item'));
-    var content = props.itemTemplate ? props.itemTemplate(_value) : _value;
-    return /*#__PURE__*/React.createElement("li", itemProps, content);
-  };
-  var createEmptyMessage = function createEmptyMessage() {
-    var emptyMessageProps = mergeProps(ptm('emptyMessage'));
-    var content = ObjectUtils.getJSXElement(props.emptyMessage, props) || localeOption('emptyMessage');
-    return /*#__PURE__*/React.createElement("li", emptyMessageProps, content);
-  };
-  var createContent = function createContent() {
-    var contentProps = mergeProps({
-      ref: contentRef,
-      className: cx('content'),
-      style: sx('content')
-    }, ptm('content'));
-    var listProps = mergeProps({
-      className: cx('list')
-    }, ptm('list'));
-    var content = ObjectUtils.isNotEmpty(dataToRenderState) ? dataToRenderState.map(createItem) : createEmptyMessage();
-    return /*#__PURE__*/React.createElement("div", contentProps, /*#__PURE__*/React.createElement("ul", listProps, content));
-  };
-  var header = createHeader();
-  var footer = createFooter();
-  var content = createContent();
-  var rootProps = mergeProps({
-    id: props.id,
-    ref: elementRef,
-    className: classNames(props.className, cx('root'))
-  }, DataScrollerBase.getOtherProps(props), ptm('root'));
-  return /*#__PURE__*/React.createElement("div", rootProps, header, content, footer);
-}));
-DataScroller.displayName = 'DataScroller';
-
-export { DataScroller };

package/datascroller/datascroller.esm.min.js

@@ -1 +0,0 @@
-import*as e from"react";import{PrimeReactContext as r,localeOption as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as l}from"primereact/componentbase";import{useMountEffect as o,useUpdateEffect as a,useUnmountEffect as c}from"primereact/hooks";import{classNames as u,mergeProps as i,ObjectUtils as s}from"primereact/utils";function f(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function m(e){if(Array.isArray(e))return f(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,r){if(e){if("string"==typeof e)return f(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?f(e,r):void 0}}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e){return m(e)||d(e)||p(e)||y()}function v(e){if(Array.isArray(e))return e}function g(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,o,a,c=[],u=!0,i=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(n=o.call(t)).done)&&(c.push(n.value),c.length!==r);u=!0);}catch(e){i=!0,l=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(i)throw l}}return c}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var w=n.extend({defaultProps:{__TYPE:"DataScroller",id:null,value:null,rows:0,inline:!1,scrollHeight:null,loader:!1,buffer:.9,style:null,className:null,onLazyLoad:null,emptyMessage:null,itemTemplate:null,header:null,footer:null,lazy:!1,children:void 0},css:{classes:{header:"p-datascroller-header",footer:"p-datascroller-footer",content:"p-datascroller-content",list:"p-datascroller-list",root:function(e){return u("p-datascroller p-component",{"p-datascroller-inline":e.props.inline})}},styles:"\n@layer primereact {\n    .p-datascroller .p-datascroller-header {\n        text-align: center;\n        padding: .5em .75em;\n        border-bottom: 0 none;\n    }\n    \n    .p-datascroller .p-datascroller-footer {\n        text-align: center;\n        padding: .25em .625em;\n        border-top: 0px none;\n    }\n    \n    .p-datascroller .p-datascroller-content {\n        padding: .25em .625em;\n    }\n    \n    .p-datascroller-inline .p-datascroller-content {\n        overflow: auto;\n    }\n    \n    .p-datascroller .p-datascroller-list {\n        list-style-type: none; \n        margin: 0;\n        padding: 0;\n    }\n}\n",inlineStyles:{content:function(e){return{maxHeight:e.props.scrollHeight}}}}}),E=e.memo(e.forwardRef((function(n,f){var m,d,y=e.useContext(r),E=w.getProps(n,y),S=e.useState([]),x=(d=2,v(m=S)||g(m,d)||p(m,d)||b()),H=x[0],L=x[1],A=w.setMetaData({props:E}),N=A.ptm,T=A.cx,z=A.sx;l(w.css.styles,A.isUnstyled,{name:"datascroller"});var M=e.useRef(null),R=e.useRef(null),j=e.useRef(E.value),I=e.useRef([]),O=e.useRef(0),P=e.useRef(null),C=function(){if(E.lazy)E.onLazyLoad&&E.onLazyLoad(_()),O.current+=E.rows;else if(j.current){for(var e=O.current;e<O.current+E.rows&&!(e>=j.current.length);e++)I.current.push(j.current[e]);0!==j.current.length&&(O.current+=E.rows),L(h(I.current))}},D=function(){O.current=0,I.current=[],L(h(I.current)),C()},_=function(){return{first:O.current,rows:E.rows}},k=function(){P.current&&(E.inline&&R.current?R.current.removeEventListener("scroll",P.current):E.loader||window.removeEventListener("scroll",P.current)),P.current=null};o((function(){C(),E.loader||(E.inline?(P.current=function(){R.current.scrollTop>=R.current.scrollHeight*E.buffer-R.current.clientHeight&&C()},R.current.addEventListener("scroll",P.current)):(P.current=function(){var e=document.body,r=document.documentElement,t=window.pageYOffset||document.documentElement.scrollTop,n=r.clientHeight;t>=Math.max(e.scrollHeight,e.offsetHeight,n,r.scrollHeight,r.offsetHeight)*E.buffer-n&&C()},window.addEventListener("scroll",P.current)))})),a((function(){E.value&&(j.current=E.value,E.lazy||(O.current=0),I.current=[],E.lazy?(I.current=j.current,L(h(I.current))):C())}),[E.value]),a((function(){E.loader&&k()}),[E.loader]),c((function(){P.current&&k()})),e.useImperativeHandle(f,(function(){return{props:E,load:C,reset:D,getElement:function(){return M.current},getContent:function(){return R.current}}}));var U,Y,J=function(r,t){var n=i({key:t+"_datascrollitem"},N("item")),l=E.itemTemplate?E.itemTemplate(r):r;return e.createElement("li",n,l)},X=function(){var r=i(N("emptyMessage")),n=s.getJSXElement(E.emptyMessage,E)||t("emptyMessage");return e.createElement("li",r,n)},$=(U=i({className:T("header")},N("header")),E.header?e.createElement("div",U,E.header):null),q=(Y=i({className:T("footer")},N("footer")),E.footer?e.createElement("div",Y,E.footer):null),B=function(){var r=i({ref:R,className:T("content"),style:z("content")},N("content")),t=i({className:T("list")},N("list")),n=s.isNotEmpty(H)?H.map(J):X();return e.createElement("div",r,e.createElement("ul",t,n))}(),F=i({id:E.id,ref:M,className:u(E.className,T("root"))},w.getOtherProps(E),N("root"));return e.createElement("div",F,$,B,q)})));E.displayName="DataScroller";export{E as DataScroller};