UNPKG

primereact

Version:

PrimeReact is an open source UI library for React featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime

2 lines (1 loc) 3.68 kB
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/csstransition"),n=require("primereact/hooks"),o=require("primereact/ripple"),l=require("primereact/utils");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=a(e),c=i(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l=[],i=!0,a=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);i=!0);}catch(e){a=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(a)throw o}}return l}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function m(e,t){if(e){if("string"==typeof e)return d(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?d(e,t):void 0}}function y(){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 v(e,t){return p(e)||f(e,t)||m(e,t)||y()}var b=u.memo(u.forwardRef((function(e,t){var i=v(u.useState(!1),2),a=i[0],p=i[1],f=u.useRef(null),d=u.useRef(null),m="parent"===e.target,y=v(n.useEventListener({target:function(){return d.current&&d.current.parentElement},type:"scroll",listener:function(e){g(e.currentTarget.scrollTop)}}),1)[0],h=v(n.useEventListener({target:"window",type:"scroll",listener:function(){g(l.DomHandler.getWindowScrollTop())}}),1)[0],g=function(t){p(t>e.threshold)};u.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return elementRef.current}}})),n.useMountEffect((function(){"window"===e.target?h():"parent"===e.target&&y()})),n.useUnmountEffect((function(){l.ZIndexUtils.clear(f.current)}));var w=l.ObjectUtils.findDiffKeys(e,b.defaultProps),E=l.classNames("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==e.target},e.className);return u.createElement(u.Fragment,null,u.createElement(r.CSSTransition,{nodeRef:f,classNames:"p-scrolltop",in:a,timeout:{enter:150,exit:150},options:e.transitionOptions,unmountOnExit:!0,onEnter:function(){l.ZIndexUtils.set("overlay",f.current,c.default.autoZIndex,c.default.zIndex.overlay)},onEntered:function(){e.onShow&&e.onShow()},onExited:function(){l.ZIndexUtils.clear(f.current),e.onHide&&e.onHide()}},u.createElement("button",s({ref:f,type:"button",className:E,style:e.style},w,{onClick:function(){("window"===e.target?window:d.current.parentElement).scroll({top:0,behavior:e.behavior})}}),l.IconUtils.getJSXIcon(e.icon,{className:"p-scrolltop-icon"},{props:e}),u.createElement(o.Ripple,null))),m&&u.createElement("span",{ref:d,className:"p-scrolltop-helper"}))})));b.displayName="ScrollTop",b.defaultProps={__TYPE:"ScrollTop",target:"window",threshold:400,icon:"pi pi-chevron-up",behavior:"smooth",className:null,style:null,transitionOptions:null,onShow:null,onHide:null},exports.ScrollTop=b;