primereact 10.0.0 → 10.0.2

package/rating/rating.esm.mjs

@@ -1,272 +0,0 @@
-'use client';
-import * as React from 'react';
-import { PrimeReactContext } from 'primereact/api';
-import { BanIcon } from 'primereact/icons/ban';
-import { StarIcon } from 'primereact/icons/star';
-import { StarFillIcon } from 'primereact/icons/starfill';
-import { Tooltip } from 'primereact/tooltip';
-import { classNames, ObjectUtils, mergeProps, IconUtils } from 'primereact/utils';
-import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-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 classes = {
-  onIcon: 'p-rating-icon',
-  item: function item(_ref) {
-    var active = _ref.active;
-    return classNames('p-rating-item', {
-      'p-rating-item-active': active
-    });
-  },
-  cancelIcon: 'p-rating-icon p-rating-cancel',
-  cancelItem: 'p-rating-item p-rating-cancel-item',
-  root: function root(_ref2) {
-    var props = _ref2.props;
-    return classNames('p-rating', {
-      'p-disabled': props.disabled,
-      'p-readonly': props.readOnly
-    }, props.className);
-  }
-};
-var styles = "\n@layer primereact {\n    .p-rating {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-rating-item {\n        display: inline-flex;\n        align-items: center;\n        cursor: pointer;\n    }\n    \n    .p-rating.p-readonly .p-rating-item {\n        cursor: default;\n    }\n}\n";
-var RatingBase = ComponentBase.extend({
-  defaultProps: {
-    __TYPE: 'Rating',
-    id: null,
-    value: null,
-    disabled: false,
-    readOnly: false,
-    stars: 5,
-    cancel: true,
-    style: null,
-    className: null,
-    tooltip: null,
-    tooltipOptions: null,
-    onChange: null,
-    onIcon: null,
-    offIcon: null,
-    cancelIcon: null,
-    cancelIconProps: null,
-    onIconProps: null,
-    offIconProps: null,
-    children: undefined
-  },
-  css: {
-    classes: classes,
-    styles: styles
-  }
-});
-
-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 Rating = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var context = React.useContext(PrimeReactContext);
-  var props = RatingBase.getProps(inProps, context);
-  var elementRef = React.useRef(null);
-  var _RatingBase$setMetaDa = RatingBase.setMetaData({
-      props: props
-    }),
-    ptm = _RatingBase$setMetaDa.ptm,
-    cx = _RatingBase$setMetaDa.cx,
-    isUnstyled = _RatingBase$setMetaDa.isUnstyled;
-  useHandleStyle(RatingBase.css.styles, isUnstyled, {
-    name: 'rating'
-  });
-  var getPTOptions = function getPTOptions(value, key) {
-    return ptm(key, {
-      context: {
-        active: value <= props.value
-      }
-    });
-  };
-  var enabled = !props.disabled && !props.readOnly;
-  var tabIndex = enabled ? 0 : null;
-  var rate = function rate(event, i) {
-    if (enabled && props.onChange) {
-      props.onChange({
-        originalEvent: event,
-        value: i,
-        stopPropagation: function stopPropagation() {
-          event.stopPropagation();
-        },
-        preventDefault: function preventDefault() {
-          event.preventDefault();
-        },
-        target: {
-          name: props.name,
-          id: props.id,
-          value: i
-        }
-      });
-    }
-    event.preventDefault();
-  };
-  var clear = function clear(event) {
-    if (enabled && props.onChange) {
-      props.onChange({
-        originalEvent: event,
-        value: null,
-        stopPropagation: function stopPropagation() {
-          event.stopPropagation();
-        },
-        preventDefault: function preventDefault() {
-          event.preventDefault();
-        },
-        target: {
-          name: props.name,
-          id: props.id,
-          value: null
-        }
-      });
-    }
-    event.preventDefault();
-  };
-  var onStarKeyDown = function onStarKeyDown(event, value) {
-    if (event.key === 'Enter') {
-      rate(event, value);
-    }
-  };
-  var onCancelKeyDown = function onCancelKeyDown(event) {
-    if (event.key === 'Enter') {
-      clear(event);
-    }
-  };
-  var createIcons = function createIcons() {
-    return Array.from({
-      length: props.stars
-    }, function (_, i) {
-      return i + 1;
-    }).map(function (value) {
-      var active = value <= props.value;
-      var onIconProps = mergeProps({
-        className: cx('onIcon')
-      }, getPTOptions(props.value, 'onIcon'));
-      var offIconProps = mergeProps({
-        className: cx('onIcon')
-      }, getPTOptions(props.value, 'offIcon'));
-      var icon = active ? {
-        type: props.onIcon || /*#__PURE__*/React.createElement(StarFillIcon, onIconProps)
-      } : {
-        type: props.offIcon || /*#__PURE__*/React.createElement(StarIcon, offIconProps)
-      };
-      var content = IconUtils.getJSXIcon(icon.type, active ? _objectSpread({}, onIconProps) : _objectSpread({}, offIconProps), {
-        props: props
-      });
-      var itemProps = mergeProps({
-        key: value,
-        className: cx('item', {
-          active: active
-        }),
-        tabIndex: tabIndex,
-        onClick: function onClick(e) {
-          return rate(e, value);
-        },
-        onKeyDown: function onKeyDown(e) {
-          return onStarKeyDown(e, value);
-        }
-      }, getPTOptions(props.value, 'item'));
-      return /*#__PURE__*/React.createElement("div", _extends({
-        key: value
-      }, itemProps), content);
-    });
-  };
-  var createCancelIcon = function createCancelIcon() {
-    if (props.cancel) {
-      var cancelIconProps = mergeProps({
-        className: cx('cancelIcon')
-      }, ptm('cancelIcon'));
-      var icon = props.cancelIcon || /*#__PURE__*/React.createElement(BanIcon, cancelIconProps);
-      var content = IconUtils.getJSXIcon(icon, _objectSpread(_objectSpread({}, cancelIconProps), props.cancelIconProps), {
-        props: props
-      });
-      var cancelItemProps = mergeProps({
-        className: cx('cancelItem'),
-        onClick: clear,
-        tabIndex: tabIndex,
-        onKeyDown: onCancelKeyDown
-      }, ptm('cancelItem'));
-      return /*#__PURE__*/React.createElement("div", cancelItemProps, content);
-    }
-    return null;
-  };
-  React.useImperativeHandle(ref, function () {
-    return {
-      props: props,
-      getElement: function getElement() {
-        return elementRef.current;
-      }
-    };
-  });
-  var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
-  var rootProps = mergeProps({
-    ref: elementRef,
-    id: props.id,
-    className: cx('root'),
-    style: props.style
-  }, RatingBase.getOtherProps(props), ptm('root'));
-  var cancelIcon = createCancelIcon();
-  var icons = createIcons();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, cancelIcon, icons), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
-    target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
-    pt: ptm('tooltip')
-  })));
-}));
-Rating.displayName = 'Rating';
-
-export { Rating };

package/ripple/ripple.esm.min.mjs

@@ -1 +0,0 @@
-import*as e from"react";import r,{PrimeReactContext as n}from"primereact/api";import{useStyle as t,useMountEffect as i,useUpdateEffect as o,useUnmountEffect as p}from"primereact/hooks";import{ObjectUtils as u,DomHandler as c}from"primereact/utils";var a={defaultProps:{__TYPE:"Ripple",children:void 0},css:{styles:"\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none !important;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n"},getProps:function(e){return u.getMergedProps(e,a.defaultProps)},getOtherProps:function(e){return u.getDiffProps(e,a.defaultProps)}},l=e.memo(e.forwardRef((function(){var u=e.useRef(null),l=e.useRef(null),s=e.useContext(n);t(a.css.styles,{name:"ripple"});var f=function(){return u.current&&u.current.parentElement},d=function(){l.current&&l.current.addEventListener("pointerdown",m)},m=function(e){var r=c.getOffset(l.current),n=e.pageX-r.left+document.body.scrollTop-c.getWidth(u.current)/2,t=e.pageY-r.top+document.body.scrollLeft-c.getHeight(u.current)/2;g(n,t)},g=function(e,r){u.current&&"none"!==getComputedStyle(u.current,null).display&&(c.removeClass(u.current,"p-ink-active"),v(),u.current.style.top=r+"px",u.current.style.left=e+"px",c.addClass(u.current,"p-ink-active"))},v=function(){if(u.current&&!c.getHeight(u.current)&&!c.getWidth(u.current)){var e=Math.max(c.getOuterWidth(l.current),c.getOuterHeight(l.current));u.current.style.height=e+"px",u.current.style.width=e+"px"}};return i((function(){u.current&&(l.current=f(),v(),d())})),o((function(){u.current&&!l.current&&(l.current=f(),v(),d())})),p((function(){u.current&&(l.current=null,l.current&&l.current.removeEventListener("pointerdown",m))})),s&&s.ripple||r.ripple?e.createElement("span",{role:"presentation",ref:u,className:"p-ink",onAnimationEnd:function(e){c.removeClass(e.currentTarget,"p-ink-active")}}):null})));l.displayName="Ripple";export{l as Ripple};

package/ripple/ripple.esm.mjs

@@ -1,99 +0,0 @@
-'use client';
-import * as React from 'react';
-import PrimeReact, { PrimeReactContext } from 'primereact/api';
-import { useStyle, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
-import { ObjectUtils, DomHandler } from 'primereact/utils';
-
-var styles = "\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none !important;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n";
-var RippleBase = {
-  defaultProps: {
-    __TYPE: 'Ripple',
-    children: undefined
-  },
-  css: {
-    styles: styles
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, RippleBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, RippleBase.defaultProps);
-  }
-};
-
-var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function () {
-  var inkRef = React.useRef(null);
-  var targetRef = React.useRef(null);
-  var context = React.useContext(PrimeReactContext);
-  useStyle(RippleBase.css.styles, {
-    name: 'ripple'
-  });
-  var getTarget = function getTarget() {
-    return inkRef.current && inkRef.current.parentElement;
-  };
-  var bindEvents = function bindEvents() {
-    if (targetRef.current) {
-      targetRef.current.addEventListener('pointerdown', onPointerDown);
-    }
-  };
-  var unbindEvents = function unbindEvents() {
-    if (targetRef.current) {
-      targetRef.current.removeEventListener('pointerdown', onPointerDown);
-    }
-  };
-  var onPointerDown = function onPointerDown(event) {
-    var offset = DomHandler.getOffset(targetRef.current);
-    var offsetX = event.pageX - offset.left + document.body.scrollTop - DomHandler.getWidth(inkRef.current) / 2;
-    var offsetY = event.pageY - offset.top + document.body.scrollLeft - DomHandler.getHeight(inkRef.current) / 2;
-    activateRipple(offsetX, offsetY);
-  };
-  var activateRipple = function activateRipple(offsetX, offsetY) {
-    if (!inkRef.current || getComputedStyle(inkRef.current, null).display === 'none') {
-      return;
-    }
-    DomHandler.removeClass(inkRef.current, 'p-ink-active');
-    setDimensions();
-    inkRef.current.style.top = offsetY + 'px';
-    inkRef.current.style.left = offsetX + 'px';
-    DomHandler.addClass(inkRef.current, 'p-ink-active');
-  };
-  var onAnimationEnd = function onAnimationEnd(event) {
-    DomHandler.removeClass(event.currentTarget, 'p-ink-active');
-  };
-  var setDimensions = function setDimensions() {
-    if (inkRef.current && !DomHandler.getHeight(inkRef.current) && !DomHandler.getWidth(inkRef.current)) {
-      var d = Math.max(DomHandler.getOuterWidth(targetRef.current), DomHandler.getOuterHeight(targetRef.current));
-      inkRef.current.style.height = d + 'px';
-      inkRef.current.style.width = d + 'px';
-    }
-  };
-  useMountEffect(function () {
-    if (inkRef.current) {
-      targetRef.current = getTarget();
-      setDimensions();
-      bindEvents();
-    }
-  });
-  useUpdateEffect(function () {
-    if (inkRef.current && !targetRef.current) {
-      targetRef.current = getTarget();
-      setDimensions();
-      bindEvents();
-    }
-  });
-  useUnmountEffect(function () {
-    if (inkRef.current) {
-      targetRef.current = null;
-      unbindEvents();
-    }
-  });
-  return context && context.ripple || PrimeReact.ripple ? /*#__PURE__*/React.createElement("span", {
-    role: "presentation",
-    ref: inkRef,
-    className: "p-ink",
-    onAnimationEnd: onAnimationEnd
-  }) : null;
-}));
-Ripple.displayName = 'Ripple';
-
-export { Ripple };

package/row/row.esm.min.mjs

@@ -1 +0,0 @@
-import*as e from"react";import{ComponentBase as t}from"primereact/componentbase";import{ObjectUtils as r,mergeProps as o}from"primereact/utils";import{PrimeReactContext as a}from"primereact/api";var p=t.extend({defaultProps:{__TYPE:"Row",style:null,className:null,children:void 0},getCProp:function(e,t){return r.getComponentProp(e,t,p.defaultProps)}}),s=function(t){var r=e.useContext(a),s=p.getProps(t,r),m=p.setMetaData({props:s}).ptm,l=o({className:s.className,style:s.style},p.getOtherProps(s),m("root"));return e.createElement("tr",l,s.children)};s.displayName="Row";export{s as Row};

package/row/row.esm.mjs

@@ -1,35 +0,0 @@
-'use client';
-import * as React from 'react';
-import { ComponentBase } from 'primereact/componentbase';
-import { ObjectUtils, mergeProps } from 'primereact/utils';
-import { PrimeReactContext } from 'primereact/api';
-
-var RowBase = ComponentBase.extend({
-  defaultProps: {
-    __TYPE: 'Row',
-    style: null,
-    className: null,
-    children: undefined
-  },
-  getCProp: function getCProp(row, name) {
-    return ObjectUtils.getComponentProp(row, name, RowBase.defaultProps);
-  }
-});
-
-var Row = function Row(inProps) {
-  var context = React.useContext(PrimeReactContext);
-  var props = RowBase.getProps(inProps, context);
-  //@todo Pass Parent MetaData
-  var _RowBase$setMetaData = RowBase.setMetaData({
-      props: props
-    }),
-    ptm = _RowBase$setMetaData.ptm;
-  var rootProps = mergeProps({
-    className: props.className,
-    style: props.style
-  }, RowBase.getOtherProps(props), ptm('root'));
-  return /*#__PURE__*/React.createElement("tr", rootProps, props.children);
-};
-Row.displayName = 'Row';
-
-export { Row };

package/scrollpanel/scrollpanel.esm.min.mjs

@@ -1 +0,0 @@
-import*as e from"react";import{PrimeReactContext as r}from"primereact/api";import{useMountEffect as n,useUnmountEffect as t}from"primereact/hooks";import{classNames as l,mergeProps as o,DomHandler as a}from"primereact/utils";import{ComponentBase as c,useHandleStyle as s}from"primereact/componentbase";var u=c.extend({defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){return l("p-scrollpanel p-component",e.props.className)},wrapper:"p-scrollpanel-wrapper",content:"p-scrollpanel-content",barx:"p-scrollpanel-bar p-scrollpanel-bar-x",bary:"p-scrollpanel-bar p-scrollpanel-bar-y"},styles:"\n        @layer primereact {\n            .p-scrollpanel-wrapper {\n                overflow: hidden;\n                width: 100%;\n                height: 100%;\n                position: relative;\n                z-index: 1;\n                float: left;\n            }\n            \n            .p-scrollpanel-content {\n                height: calc(100% + 18px);\n                width: calc(100% + 18px);\n                padding: 0 18px 18px 0;\n                position: relative;\n                overflow: hidden;\n                box-sizing: border-box;\n            }\n            \n            .p-scrollpanel-bar {\n                position: relative;\n                background: #c1c1c1;\n                border-radius: 3px;\n                z-index: 2;\n                cursor: pointer;\n                opacity: 0;\n                transition: opacity 0.25s linear;\n            }\n            \n            .p-scrollpanel-bar-y {\n                width: 9px;\n                top: 0;\n            }\n            \n            .p-scrollpanel-bar-x {\n                height: 9px;\n                bottom: 0;\n            }\n            \n            .p-scrollpanel-hidden {\n                visibility: hidden;\n            }\n            \n            .p-scrollpanel:hover .p-scrollpanel-bar,\n            .p-scrollpanel:active .p-scrollpanel-bar {\n                opacity: 1;\n            }\n            \n            .p-scrollpanel-grabbed {\n                user-select: none;\n            }\n        }\n        "}}),i=e.forwardRef((function(l,c){var i=e.useContext(r),p=u.getProps(l,i),d=u.setMetaData({props:p}),m=d.ptm,f=d.cx;s(u.css.styles,d.isUnstyled,{name:"scrollpanel"});var h=e.useRef(null),g=e.useRef(null),b=e.useRef(null),v=e.useRef(null),x=e.useRef(!1),w=e.useRef(!1),y=e.useRef(null),E=e.useRef(null),C=e.useRef(null),R=e.useRef(null),L=e.useRef(null),H=e.useRef(!1),F=function(){var e=g.current.scrollWidth,r=-1*(h.current.clientHeight-b.current.clientHeight);C.current=g.current.clientWidth/e;var n=g.current.scrollHeight,t=-1*(h.current.clientWidth-v.current.clientWidth);R.current=g.current.clientHeight/n,L.current=window.requestAnimationFrame((function(){C.current>=1?a.addClass(b.current,"p-scrollpanel-hidden"):(a.removeClass(b.current,"p-scrollpanel-hidden"),b.current.style.cssText="width:"+Math.max(100*C.current,10)+"%; left:"+g.current.scrollLeft/e*100+"%;bottom:"+r+"px;"),R.current>=1?a.addClass(v.current,"p-scrollpanel-hidden"):(a.removeClass(v.current,"p-scrollpanel-hidden"),v.current.style.cssText="height:"+Math.max(100*R.current,10)+"%; top: calc("+g.current.scrollTop/n*100+"% - "+b.current.clientHeight+"px);right:"+t+"px;")}))},N=function(e){x.current?T(e):(w.current||T(e),M(e))},T=function(e){var r=e.pageX-y.current;y.current=e.pageX,L.current=window.requestAnimationFrame((function(){g.current.scrollLeft+=r/C.current}))},M=function(e){var r=e.pageY-E.current;E.current=e.pageY,L.current=window.requestAnimationFrame((function(){g.current.scrollTop+=r/R.current}))},P=function e(r){a.removeClass(v.current,"p-scrollpanel-grabbed"),a.removeClass(b.current,"p-scrollpanel-grabbed"),a.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",N),document.removeEventListener("mouseup",e),x.current=!1,w.current=!1},W=function(){F()};n((function(){var e,r,n;F(),window.addEventListener("resize",F),e=getComputedStyle(h.current),r=getComputedStyle(b.current),n=a.getHeight(h.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===n&&(h.current.style.height=g.current.offsetHeight+parseInt(r.height,10)>parseInt(e["max-height"],10)?e["max-height"]:g.current.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px"),H.current=!0})),t((function(){H.current&&window.removeEventListener("resize",F),L.current&&window.cancelAnimationFrame(L.current)})),e.useImperativeHandle(c,(function(){return{props:p,refresh:W,getElement:function(){return h.current},getContent:function(){return g.current},getXBar:function(){return b.current},getYBar:function(){return v.current}}}));var z=o({id:p.id,ref:h,style:p.style,className:f("root")},u.getOtherProps(p),m("root")),D=o({className:f("wrapper")},m("wrapper")),S=o({className:f("content"),ref:g,onScroll:F,onMouseEnter:F},m("content")),Y=o({ref:b,className:f("barx"),onMouseDown:function(e){x.current=!0,y.current=e.pageX,a.addClass(b.current,"p-scrollpanel-grabbed"),a.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",N),document.addEventListener("mouseup",P),e.preventDefault()}},m("barx")),A=o({ref:v,className:f("bary"),onMouseDown:function(e){w.current=!0,E.current=e.pageY,a.addClass(v.current,"p-scrollpanel-grabbed"),a.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",N),document.addEventListener("mouseup",P),e.preventDefault()}},m("bary"));return e.createElement("div",z,e.createElement("div",D,e.createElement("div",S,p.children)),e.createElement("div",Y),e.createElement("div",A))}));i.displayName="ScrollPanel";export{i as ScrollPanel};

package/scrollpanel/scrollpanel.esm.mjs

@@ -1,209 +0,0 @@
-'use client';
-import * as React from 'react';
-import { PrimeReactContext } from 'primereact/api';
-import { useMountEffect, useUnmountEffect } from 'primereact/hooks';
-import { classNames, mergeProps, DomHandler } from 'primereact/utils';
-import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-
-var ScrollPanelBase = ComponentBase.extend({
-  defaultProps: {
-    __TYPE: 'ScrollPanel',
-    id: null,
-    style: null,
-    className: null,
-    children: undefined
-  },
-  css: {
-    classes: {
-      root: function root(_ref) {
-        var props = _ref.props;
-        return classNames('p-scrollpanel p-component', props.className);
-      },
-      wrapper: 'p-scrollpanel-wrapper',
-      content: 'p-scrollpanel-content',
-      barx: 'p-scrollpanel-bar p-scrollpanel-bar-x',
-      bary: 'p-scrollpanel-bar p-scrollpanel-bar-y'
-    },
-    styles: "\n        @layer primereact {\n            .p-scrollpanel-wrapper {\n                overflow: hidden;\n                width: 100%;\n                height: 100%;\n                position: relative;\n                z-index: 1;\n                float: left;\n            }\n            \n            .p-scrollpanel-content {\n                height: calc(100% + 18px);\n                width: calc(100% + 18px);\n                padding: 0 18px 18px 0;\n                position: relative;\n                overflow: hidden;\n                box-sizing: border-box;\n            }\n            \n            .p-scrollpanel-bar {\n                position: relative;\n                background: #c1c1c1;\n                border-radius: 3px;\n                z-index: 2;\n                cursor: pointer;\n                opacity: 0;\n                transition: opacity 0.25s linear;\n            }\n            \n            .p-scrollpanel-bar-y {\n                width: 9px;\n                top: 0;\n            }\n            \n            .p-scrollpanel-bar-x {\n                height: 9px;\n                bottom: 0;\n            }\n            \n            .p-scrollpanel-hidden {\n                visibility: hidden;\n            }\n            \n            .p-scrollpanel:hover .p-scrollpanel-bar,\n            .p-scrollpanel:active .p-scrollpanel-bar {\n                opacity: 1;\n            }\n            \n            .p-scrollpanel-grabbed {\n                user-select: none;\n            }\n        }\n        "
-  }
-});
-
-var ScrollPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var context = React.useContext(PrimeReactContext);
-  var props = ScrollPanelBase.getProps(inProps, context);
-  var _ScrollPanelBase$setM = ScrollPanelBase.setMetaData({
-      props: props
-    }),
-    ptm = _ScrollPanelBase$setM.ptm,
-    cx = _ScrollPanelBase$setM.cx,
-    isUnstyled = _ScrollPanelBase$setM.isUnstyled;
-  useHandleStyle(ScrollPanelBase.css.styles, isUnstyled, {
-    name: 'scrollpanel'
-  });
-  var containerRef = React.useRef(null);
-  var contentRef = React.useRef(null);
-  var xBarRef = React.useRef(null);
-  var yBarRef = React.useRef(null);
-  var isXBarClicked = React.useRef(false);
-  var isYBarClicked = React.useRef(false);
-  var lastPageX = React.useRef(null);
-  var lastPageY = React.useRef(null);
-  var scrollXRatio = React.useRef(null);
-  var scrollYRatio = React.useRef(null);
-  var frame = React.useRef(null);
-  var initialized = React.useRef(false);
-  var calculateContainerHeight = function calculateContainerHeight() {
-    var containerStyles = getComputedStyle(containerRef.current);
-    var xBarStyles = getComputedStyle(xBarRef.current);
-    var pureContainerHeight = DomHandler.getHeight(containerRef.current) - parseInt(xBarStyles['height'], 10);
-    if (containerStyles['max-height'] !== 'none' && pureContainerHeight === 0) {
-      if (contentRef.current.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {
-        containerRef.current.style.height = containerStyles['max-height'];
-      } else {
-        containerRef.current.style.height = contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';
-      }
-    }
-  };
-  var moveBar = function moveBar() {
-    // horizontal scroll
-    var totalWidth = contentRef.current.scrollWidth;
-    var ownWidth = contentRef.current.clientWidth;
-    var bottom = (containerRef.current.clientHeight - xBarRef.current.clientHeight) * -1;
-    scrollXRatio.current = ownWidth / totalWidth;
-
-    // vertical scroll
-    var totalHeight = contentRef.current.scrollHeight;
-    var ownHeight = contentRef.current.clientHeight;
-    var right = (containerRef.current.clientWidth - yBarRef.current.clientWidth) * -1;
-    scrollYRatio.current = ownHeight / totalHeight;
-    frame.current = window.requestAnimationFrame(function () {
-      if (scrollXRatio.current >= 1) {
-        DomHandler.addClass(xBarRef.current, 'p-scrollpanel-hidden');
-      } else {
-        DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-hidden');
-        xBarRef.current.style.cssText = 'width:' + Math.max(scrollXRatio.current * 100, 10) + '%; left:' + contentRef.current.scrollLeft / totalWidth * 100 + '%;bottom:' + bottom + 'px;';
-      }
-      if (scrollYRatio.current >= 1) {
-        DomHandler.addClass(yBarRef.current, 'p-scrollpanel-hidden');
-      } else {
-        DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-hidden');
-        yBarRef.current.style.cssText = 'height:' + Math.max(scrollYRatio.current * 100, 10) + '%; top: calc(' + contentRef.current.scrollTop / totalHeight * 100 + '% - ' + xBarRef.current.clientHeight + 'px);right:' + right + 'px;';
-      }
-    });
-  };
-  var onYBarMouseDown = function onYBarMouseDown(event) {
-    isYBarClicked.current = true;
-    lastPageY.current = event.pageY;
-    DomHandler.addClass(yBarRef.current, 'p-scrollpanel-grabbed');
-    DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
-    document.addEventListener('mousemove', onDocumentMouseMove);
-    document.addEventListener('mouseup', onDocumentMouseUp);
-    event.preventDefault();
-  };
-  var onXBarMouseDown = function onXBarMouseDown(event) {
-    isXBarClicked.current = true;
-    lastPageX.current = event.pageX;
-    DomHandler.addClass(xBarRef.current, 'p-scrollpanel-grabbed');
-    DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
-    document.addEventListener('mousemove', onDocumentMouseMove);
-    document.addEventListener('mouseup', onDocumentMouseUp);
-    event.preventDefault();
-  };
-  var onDocumentMouseMove = function onDocumentMouseMove(event) {
-    if (isXBarClicked.current) {
-      onMouseMoveForXBar(event);
-    } else if (isYBarClicked.current) {
-      onMouseMoveForYBar(event);
-    } else {
-      onMouseMoveForXBar(event);
-      onMouseMoveForYBar(event);
-    }
-  };
-  var onMouseMoveForXBar = function onMouseMoveForXBar(event) {
-    var deltaX = event.pageX - lastPageX.current;
-    lastPageX.current = event.pageX;
-    frame.current = window.requestAnimationFrame(function () {
-      contentRef.current.scrollLeft += deltaX / scrollXRatio.current;
-    });
-  };
-  var onMouseMoveForYBar = function onMouseMoveForYBar(event) {
-    var deltaY = event.pageY - lastPageY.current;
-    lastPageY.current = event.pageY;
-    frame.current = window.requestAnimationFrame(function () {
-      contentRef.current.scrollTop += deltaY / scrollYRatio.current;
-    });
-  };
-  var onDocumentMouseUp = function onDocumentMouseUp(event) {
-    DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-grabbed');
-    DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-grabbed');
-    DomHandler.removeClass(document.body, 'p-scrollpanel-grabbed');
-    document.removeEventListener('mousemove', onDocumentMouseMove);
-    document.removeEventListener('mouseup', onDocumentMouseUp);
-    isXBarClicked.current = false;
-    isYBarClicked.current = false;
-  };
-  var refresh = function refresh() {
-    moveBar();
-  };
-  useMountEffect(function () {
-    moveBar();
-    window.addEventListener('resize', moveBar);
-    calculateContainerHeight();
-    initialized.current = true;
-  });
-  useUnmountEffect(function () {
-    if (initialized.current) {
-      window.removeEventListener('resize', moveBar);
-    }
-    if (frame.current) {
-      window.cancelAnimationFrame(frame.current);
-    }
-  });
-  React.useImperativeHandle(ref, function () {
-    return {
-      props: props,
-      refresh: refresh,
-      getElement: function getElement() {
-        return containerRef.current;
-      },
-      getContent: function getContent() {
-        return contentRef.current;
-      },
-      getXBar: function getXBar() {
-        return xBarRef.current;
-      },
-      getYBar: function getYBar() {
-        return yBarRef.current;
-      }
-    };
-  });
-  var rootProps = mergeProps({
-    id: props.id,
-    ref: containerRef,
-    style: props.style,
-    className: cx('root')
-  }, ScrollPanelBase.getOtherProps(props), ptm('root'));
-  var wrapperProps = mergeProps({
-    className: cx('wrapper')
-  }, ptm('wrapper'));
-  var contentProps = mergeProps({
-    className: cx('content'),
-    ref: contentRef,
-    onScroll: moveBar,
-    onMouseEnter: moveBar
-  }, ptm('content'));
-  var barXProps = mergeProps({
-    ref: xBarRef,
-    className: cx('barx'),
-    onMouseDown: onXBarMouseDown
-  }, ptm('barx'));
-  var barYProps = mergeProps({
-    ref: yBarRef,
-    className: cx('bary'),
-    onMouseDown: onYBarMouseDown
-  }, ptm('bary'));
-  return /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("div", wrapperProps, /*#__PURE__*/React.createElement("div", contentProps, props.children)), /*#__PURE__*/React.createElement("div", barXProps), /*#__PURE__*/React.createElement("div", barYProps));
-});
-ScrollPanel.displayName = 'ScrollPanel';
-
-export { ScrollPanel };

package/scrolltop/scrolltop.esm.min.mjs

@@ -1 +0,0 @@
-import*as t from"react";import e,{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{CSSTransition as i}from"primereact/csstransition";import{useEventListener as l,useUnmountEffect as c}from"primereact/hooks";import{ChevronUpIcon as a}from"primereact/icons/chevronup";import{Ripple as s}from"primereact/ripple";import{classNames as p,DomHandler as u,ZIndexUtils as f,mergeProps as m,IconUtils as y}from"primereact/utils";function b(){return b=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},b.apply(this,arguments)}function d(t){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},d(t)}function v(t,e){if("object"!==d(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function g(t){var e=v(t,"string");return"symbol"===d(e)?e:String(e)}function h(t){if(Array.isArray(t))return t}function w(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,i,l,c=[],a=!0,s=!1;try{if(i=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=i.call(n)).done)&&(c.push(r.value),c.length!==e);a=!0);}catch(t){s=!0,o=t}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw o}}return c}}function O(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function j(t,e){if(t){if("string"==typeof t)return O(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?O(t,e):void 0}}function S(){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 E(t,e){return h(t)||w(t,e)||j(t,e)||S()}var x=r.extend({defaultProps:{__TYPE:"ScrollTop",target:"window",threshold:400,icon:null,behavior:"smooth",className:null,style:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(t){return p("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==t.props.target})},icon:"p-scrolltop-icon",transition:"p-scrolltop"},styles:"\n@layer primereact {\n    .p-scrolltop {\n        position: fixed;\n        bottom: 20px;\n        right: 20px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-scrolltop-sticky {\n        position: sticky;\n    }\n    \n    .p-scrolltop-sticky.p-link {\n        margin-left: auto;\n    }\n    \n    .p-scrolltop-helper {\n        display: none !important;\n    }\n    \n    .p-scrolltop-enter {\n        opacity: 0;\n    }\n    \n    .p-scrolltop-enter-active {\n        opacity: 1;\n        transition: opacity .15s;\n    }\n    \n    .p-scrolltop-exit {\n        opacity: 1;\n    }\n    \n    .p-scrolltop-exit-active {\n        opacity: 0;\n        transition: opacity .15s;\n    }\n}\n"}});function P(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function k(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?P(Object(n),!0).forEach((function(e){var r,o,i;r=t,i=n[e],(o=g(o=e))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var I=t.memo(t.forwardRef((function(r,d){var v=E(t.useState(!1),2),g=v[0],h=v[1],w=t.useContext(n),O=x.getProps(r,w),j=x.setMetaData({props:O,state:{visible:g}}),S=j.ptm,P=j.cx;o(x.css.styles,j.isUnstyled,{name:"scrolltop"});var I=t.useRef(null),N=t.useRef(null),T="parent"===O.target,A=E(l({target:function(){return N.current&&N.current.parentElement},type:"scroll",listener:function(t){R(t.currentTarget.scrollTop)}}),1)[0],D=E(l({target:"window",type:"scroll",listener:function(t){t&&R(u.getWindowScrollTop())}}),1)[0],R=function(t){h(t>O.threshold)};t.useImperativeHandle(d,(function(){return{props:O,getElement:function(){return elementRef.current}}})),t.useEffect((function(){"window"===O.target?D():"parent"===O.target&&A()}),[]),c((function(){f.clear(I.current)}));var H=m({className:P("icon")},S("icon")),C=y.getJSXIcon(O.icon||t.createElement(a,H),k({},H),{props:O}),z=m({ref:I,type:"button",className:p(O.className,P("root")),style:O.style,onClick:function(){("window"===O.target?window:N.current.parentElement).scroll({top:0,behavior:O.behavior})}},x.getOtherProps(O),S("root")),M=m({classNames:P("transition"),in:g,timeout:{enter:150,exit:150},options:O.transitionOptions,unmountOnExit:!0,onEnter:function(){f.set("overlay",I.current,w&&w.autoZIndex||e.autoZIndex,w&&w.zIndex.overlay||e.zIndex.overlay)},onEntered:function(){O.onShow&&O.onShow()},onExited:function(){f.clear(I.current),O.onHide&&O.onHide()}},S("transition"));return t.createElement(t.Fragment,null,t.createElement(i,b({nodeRef:I},M),t.createElement("button",z,C,t.createElement(s,null))),T&&t.createElement("span",{ref:N,className:"p-scrolltop-helper"}))})));I.displayName="ScrollTop";export{I as ScrollTop};