react-expanse/lib/index.js

This is a expanse animation component based on react

/*! For license information please see index.js.LICENSE.txt */
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("react"),require("react-dom"));else if("function"==typeof define&&define.amd)define(["react","react-dom"],e);else{var n="object"==typeof exports?e(require("react"),require("react-dom")):e(t.React,t.ReactDOM);for(var o in n)("object"==typeof exports?exports:t)[o]=n[o]}}(self,((t,e)=>(()=>{"use strict";var n={3:t=>{t.exports=e},59:t=>{var e=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;t.exports=function(){try{if(!Object.assign)return!1;var t=new String("abc");if(t[5]="de","5"===Object.getOwnPropertyNames(t)[0])return!1;for(var e={},n=0;n<10;n++)e["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(e).map((function(t){return e[t]})).join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach((function(t){o[t]=t})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(t){return!1}}()?Object.assign:function(t,s){for(var r,a,i=function(t){if(null==t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}(t),l=1;l<arguments.length;l++){for(var p in r=Object(arguments[l]))n.call(r,p)&&(i[p]=r[p]);if(e){a=e(r);for(var d=0;d<a.length;d++)o.call(r,a[d])&&(i[a[d]]=r[a[d]])}}return i}},442:e=>{e.exports=t},621:(t,e,n)=>{t.exports=n(823)},823:(t,e,n)=>{n(59);var o=n(442),s=60103;if("function"==typeof Symbol&&Symbol.for){var r=Symbol.for;s=r("react.element"),r("react.fragment")}var a=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,i=Object.prototype.hasOwnProperty,l={key:!0,ref:!0,__self:!0,__source:!0};e.jsx=function(t,e,n){var o,r={},p=null,d=null;for(o in void 0!==n&&(p=""+n),void 0!==e.key&&(p=""+e.key),void 0!==e.ref&&(d=e.ref),e)i.call(e,o)&&!l.hasOwnProperty(o)&&(r[o]=e[o]);if(t&&t.defaultProps)for(o in e=t.defaultProps)void 0===r[o]&&(r[o]=e[o]);return{$$typeof:s,type:t,key:p,ref:d,props:r,_owner:a.current}}}},o={};function s(t){var e=o[t];if(void 0!==e)return e.exports;var r=o[t]={exports:{}};return n[t](r,r.exports,s),r.exports}s.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return s.d(e,{a:e}),e},s.d=(t,e)=>{for(var n in e)s.o(e,n)&&!s.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},s.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var r={};s.d(r,{default:()=>k});var a=s(621),i=s(442),l=s.n(i);function p(){return p=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)({}).hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},p.apply(null,arguments)}function d(t,e){if(null==t)return{};var n={};for(var o in t)if({}.hasOwnProperty.call(t,o)){if(-1!==e.indexOf(o))continue;n[o]=t[o]}return n}function u(t,e){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},u(t,e)}function c(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,u(t,e)}function f(t,e){return t.replace(new RegExp("(^|\\s)"+e+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}var h=s(3),m=s.n(h);const E=l().createContext(null);var v=function(t){return t.scrollTop},g="unmounted",x="exited",y="entering",b="entered",O="exiting",C=function(t){function e(e,n){var o;o=t.call(this,e,n)||this;var s,r=n&&!n.isMounting?e.enter:e.appear;return o.appearStatus=null,e.in?r?(s=x,o.appearStatus=y):s=b:s=e.unmountOnExit||e.mountOnEnter?g:x,o.state={status:s},o.nextCallback=null,o}c(e,t),e.getDerivedStateFromProps=function(t,e){return t.in&&e.status===g?{status:x}:null};var n=e.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(t){var e=null;if(t!==this.props){var n=this.state.status;this.props.in?n!==y&&n!==b&&(e=y):n!==y&&n!==b||(e=O)}this.updateStatus(!1,e)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var t,e,n,o=this.props.timeout;return t=e=n=o,null!=o&&"number"!=typeof o&&(t=o.exit,e=o.enter,n=void 0!==o.appear?o.appear:e),{exit:t,enter:e,appear:n}},n.updateStatus=function(t,e){if(void 0===t&&(t=!1),null!==e)if(this.cancelNextCallback(),e===y){if(this.props.unmountOnExit||this.props.mountOnEnter){var n=this.props.nodeRef?this.props.nodeRef.current:m().findDOMNode(this);n&&v(n)}this.performEnter(t)}else this.performExit();else this.props.unmountOnExit&&this.state.status===x&&this.setState({status:g})},n.performEnter=function(t){var e=this,n=this.props.enter,o=this.context?this.context.isMounting:t,s=this.props.nodeRef?[o]:[m().findDOMNode(this),o],r=s[0],a=s[1],i=this.getTimeouts(),l=o?i.appear:i.enter;t||n?(this.props.onEnter(r,a),this.safeSetState({status:y},(function(){e.props.onEntering(r,a),e.onTransitionEnd(l,(function(){e.safeSetState({status:b},(function(){e.props.onEntered(r,a)}))}))}))):this.safeSetState({status:b},(function(){e.props.onEntered(r)}))},n.performExit=function(){var t=this,e=this.props.exit,n=this.getTimeouts(),o=this.props.nodeRef?void 0:m().findDOMNode(this);e?(this.props.onExit(o),this.safeSetState({status:O},(function(){t.props.onExiting(o),t.onTransitionEnd(n.exit,(function(){t.safeSetState({status:x},(function(){t.props.onExited(o)}))}))}))):this.safeSetState({status:x},(function(){t.props.onExited(o)}))},n.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(t,e){e=this.setNextCallback(e),this.setState(t,e)},n.setNextCallback=function(t){var e=this,n=!0;return this.nextCallback=function(o){n&&(n=!1,e.nextCallback=null,t(o))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},n.onTransitionEnd=function(t,e){this.setNextCallback(e);var n=this.props.nodeRef?this.props.nodeRef.current:m().findDOMNode(this),o=null==t&&!this.props.addEndListener;if(n&&!o){if(this.props.addEndListener){var s=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],r=s[0],a=s[1];this.props.addEndListener(r,a)}null!=t&&setTimeout(this.nextCallback,t)}else setTimeout(this.nextCallback,0)},n.render=function(){var t=this.state.status;if(t===g)return null;var e=this.props,n=e.children,o=(e.in,e.mountOnEnter,e.unmountOnExit,e.appear,e.enter,e.exit,e.timeout,e.addEndListener,e.onEnter,e.onEntering,e.onEntered,e.onExit,e.onExiting,e.onExited,e.nodeRef,d(e,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return l().createElement(E.Provider,{value:null},"function"==typeof n?n(t,o):l().cloneElement(l().Children.only(n),o))},e}(l().Component);function N(){}C.contextType=E,C.propTypes={},C.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:N,onEntering:N,onEntered:N,onExit:N,onExiting:N,onExited:N},C.UNMOUNTED=g,C.EXITED=x,C.ENTERING=y,C.ENTERED=b,C.EXITING=O;const T=C;var S=function(t,e){return t&&e&&e.split(" ").forEach((function(e){return o=e,void((n=t).classList?n.classList.remove(o):"string"==typeof n.className?n.className=f(n.className,o):n.setAttribute("class",f(n.className&&n.className.baseVal||"",o)));var n,o}))},j=function(t){function e(){for(var e,n=arguments.length,o=new Array(n),s=0;s<n;s++)o[s]=arguments[s];return(e=t.call.apply(t,[this].concat(o))||this).appliedClasses={appear:{},enter:{},exit:{}},e.onEnter=function(t,n){var o=e.resolveArguments(t,n),s=o[0],r=o[1];e.removeClasses(s,"exit"),e.addClass(s,r?"appear":"enter","base"),e.props.onEnter&&e.props.onEnter(t,n)},e.onEntering=function(t,n){var o=e.resolveArguments(t,n),s=o[0],r=o[1]?"appear":"enter";e.addClass(s,r,"active"),e.props.onEntering&&e.props.onEntering(t,n)},e.onEntered=function(t,n){var o=e.resolveArguments(t,n),s=o[0],r=o[1]?"appear":"enter";e.removeClasses(s,r),e.addClass(s,r,"done"),e.props.onEntered&&e.props.onEntered(t,n)},e.onExit=function(t){var n=e.resolveArguments(t)[0];e.removeClasses(n,"appear"),e.removeClasses(n,"enter"),e.addClass(n,"exit","base"),e.props.onExit&&e.props.onExit(t)},e.onExiting=function(t){var n=e.resolveArguments(t)[0];e.addClass(n,"exit","active"),e.props.onExiting&&e.props.onExiting(t)},e.onExited=function(t){var n=e.resolveArguments(t)[0];e.removeClasses(n,"exit"),e.addClass(n,"exit","done"),e.props.onExited&&e.props.onExited(t)},e.resolveArguments=function(t,n){return e.props.nodeRef?[e.props.nodeRef.current,t]:[t,n]},e.getClassNames=function(t){var n=e.props.classNames,o="string"==typeof n,s=o?(o&&n?n+"-":"")+t:n[t];return{baseClassName:s,activeClassName:o?s+"-active":n[t+"Active"],doneClassName:o?s+"-done":n[t+"Done"]}},e}c(e,t);var n=e.prototype;return n.addClass=function(t,e,n){var o=this.getClassNames(e)[n+"ClassName"],s=this.getClassNames("enter").doneClassName;"appear"===e&&"done"===n&&s&&(o+=" "+s),"active"===n&&t&&v(t),o&&(this.appliedClasses[e][n]=o,function(t,e){t&&e&&e.split(" ").forEach((function(e){return o=e,void((n=t).classList?n.classList.add(o):function(t,e){return t.classList?!!e&&t.classList.contains(e):-1!==(" "+(t.className.baseVal||t.className)+" ").indexOf(" "+e+" ")}(n,o)||("string"==typeof n.className?n.className=n.className+" "+o:n.setAttribute("class",(n.className&&n.className.baseVal||"")+" "+o)));var n,o}))}(t,o))},n.removeClasses=function(t,e){var n=this.appliedClasses[e],o=n.base,s=n.active,r=n.done;this.appliedClasses[e]={},o&&S(t,o),s&&S(t,s),r&&S(t,r)},n.render=function(){var t=this.props,e=(t.classNames,d(t,["classNames"]));return l().createElement(T,p({},e,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},e}(l().Component);j.defaultProps={classNames:""},j.propTypes={};const w=j;var P="0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out";const k=(0,i.memo)((function(t){var e=t.show;return(0,a.jsx)(w,{in:e,timeout:300,unmountOnExit:!0,onEnter:function(t){t.style.transition=P,t.dataset||(t.dataset={}),t.dataset.oldPaddingTop=t.style.paddingTop,t.dataset.oldPaddingBottom=t.style.paddingBottom,t.style.height=0,t.style.paddingTop=0,t.style.paddingBottom=0},onEntering:function(t){t.dataset.oldOverflow=t.style.overflow,0!==t.scrollHeight?(t.style.height=t.scrollHeight+"px",t.style.paddingTop=t.dataset.oldPaddingTop,t.style.paddingBottom=t.dataset.oldPaddingBottom):(t.style.height="",t.style.paddingTop=t.dataset.oldPaddingTop,t.style.paddingBottom=t.dataset.oldPaddingBottom),t.style.overflow="hidden"},onEntered:function(t){t.style.transition="",t.style.height="",t.style.overflow=t.dataset.oldOverflow},onExit:function(t){t.dataset||(t.dataset={}),t.dataset.oldPaddingTop=t.style.paddingTop,t.dataset.oldPaddingBottom=t.style.paddingBottom,t.dataset.oldOverflow=t.style.overflow,t.style.height=t.scrollHeight+"px",t.style.overflow="hidden"},onExiting:function(t){0!==t.scrollHeight&&(t.style.transition=P,t.style.height=0,t.style.paddingTop=0,t.style.paddingBottom=0)},onExited:function(t){t.style.transition="",t.style.height="",t.style.overflow=t.dataset.oldOverflow,t.style.paddingTop=t.dataset.oldPaddingTop,t.style.paddingBottom=t.dataset.oldPaddingBottom},children:(0,a.jsx)("div",{children:t.children})})}));return r.default})()));