primereact 10.0.0 → 10.0.1

package/rating/rating.esm.js

@@ -1,273 +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/rating/rating.esm.min.js

@@ -1 +0,0 @@
-import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{BanIcon as t}from"primereact/icons/ban";import{StarIcon as r}from"primereact/icons/star";import{StarFillIcon as o}from"primereact/icons/starfill";import{Tooltip as a}from"primereact/tooltip";import{classNames as i,ObjectUtils as l,mergeProps as c,IconUtils as p}from"primereact/utils";import{ComponentBase as u,useHandleStyle as s}from"primereact/componentbase";function m(){return m=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},m.apply(this,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function y(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=y(e,"string");return"symbol"===f(n)?n:String(n)}var v=u.extend({defaultProps:{__TYPE:"Rating",id:null,value:null,disabled:!1,readOnly:!1,stars:5,cancel:!0,style:null,className:null,tooltip:null,tooltipOptions:null,onChange:null,onIcon:null,offIcon:null,cancelIcon:null,cancelIconProps:null,onIconProps:null,offIconProps:null,children:void 0},css:{classes:{onIcon:"p-rating-icon",item:function(e){return i("p-rating-item",{"p-rating-item-active":e.active})},cancelIcon:"p-rating-icon p-rating-cancel",cancelItem:"p-rating-item p-rating-cancel-item",root:function(e){var n=e.props;return i("p-rating",{"p-disabled":n.disabled,"p-readonly":n.readOnly},n.className)}},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"}});function b(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function d(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?b(Object(t),!0).forEach((function(n){var r,o,a;r=e,a=t[n],(o=g(o=n))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):b(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var O=e.memo(e.forwardRef((function(i,u){var f=e.useContext(n),y=v.getProps(i,f),g=e.useRef(null),b=v.setMetaData({props:y}),O=b.ptm,I=b.cx;s(v.css.styles,b.isUnstyled,{name:"rating"});var P=function(e,n){return O(n,{context:{active:e<=y.value}})},E=!y.disabled&&!y.readOnly,j=E?0:null,h=function(e,n){E&&y.onChange&&y.onChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:y.name,id:y.id,value:n}}),e.preventDefault()},w=function(e){E&&y.onChange&&y.onChange({originalEvent:e,value:null,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:y.name,id:y.id,value:null}}),e.preventDefault()},D=function(e,n){"Enter"===e.key&&h(e,n)},S=function(e){"Enter"===e.key&&w(e)};e.useImperativeHandle(u,(function(){return{props:y,getElement:function(){return g.current}}}));var N=l.isNotEmpty(y.tooltip),x=c({ref:g,id:y.id,className:I("root"),style:y.style},v.getOtherProps(y),O("root")),C=function(){if(y.cancel){var n=c({className:I("cancelIcon")},O("cancelIcon")),r=p.getJSXIcon(y.cancelIcon||e.createElement(t,n),d(d({},n),y.cancelIconProps),{props:y}),o=c({className:I("cancelItem"),onClick:w,tabIndex:j,onKeyDown:S},O("cancelItem"));return e.createElement("div",o,r)}return null}(),k=Array.from({length:y.stars},(function(e,n){return n+1})).map((function(n){var t=n<=y.value,a=c({className:I("onIcon")},P(y.value,"onIcon")),i=c({className:I("onIcon")},P(y.value,"offIcon")),l=p.getJSXIcon((t?{type:y.onIcon||e.createElement(o,a)}:{type:y.offIcon||e.createElement(r,i)}).type,d({},t?a:i),{props:y}),u=c({key:n,className:I("item",{active:t}),tabIndex:j,onClick:function(e){return h(e,n)},onKeyDown:function(e){return D(e,n)}},P(y.value,"item"));return e.createElement("div",m({key:n},u),l)}));return e.createElement(e.Fragment,null,e.createElement("div",x,C,k),N&&e.createElement(a,m({target:g,content:y.tooltip},y.tooltipOptions,{pt:O("tooltip")})))})));O.displayName="Rating";export{O as Rating};

package/ripple/ripple.esm.js

@@ -1,100 +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/ripple/ripple.esm.min.js

@@ -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/row/row.esm.js

@@ -1,36 +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/row/row.esm.min.js

@@ -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/scrollpanel/scrollpanel.esm.js

@@ -1,210 +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/scrollpanel/scrollpanel.esm.min.js

@@ -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};